const INPUT_GROUPS = module.exports = [{
  label: "Fonts",
  pattern: /^(font-|headings-|text-color|link-color|link-hover-color)/
}, {
  label: "Branding",
  pattern: /^(brand-|body-bg)/,
}, {
  label: "State",
  pattern: /^state-/,
}, {
  label: "Buttons",
  pattern: /^btn-/
}, {
  label: "Navbar",
  pattern: /^navbar-/,
}, {
  label: "Alerts",
  pattern: /^alert-/,
}, {
  label: "Inputs",
  pattern: /^(input-|form-|label-)/,
}, {
  label: "Dropdowns",
  pattern: /^(dropdown-)/,
}, {
  label: "Navigation",
  pattern: /^nav-/,
}, {
  label: "Modals",
  pattern: /^modal-/,
}, {
  label: "Tooltips",
  pattern: /^(tooltip-|popover-)/
}, {
  label: "Code",
  pattern: /^(pre-|code-|kbd-)/,
}, {
  label: "Badges",
  pattern: /^badge-/,
}, {
  label: "Breadcrumbs",
  pattern: /^breadcrumb-/,
}, {
  label: "List Groups",
  pattern: /list-group-/,
}, {
  label: "Thumbnails",
  pattern: /^thumbnail-/,
}, {
  label: "Blockquotes",
  pattern: /^blockquote-/
}, {
  label: "Wells",
  pattern: /^well-/,
}, {
  label: "Jumbotron",
  pattern: /jumbotron-/,
}, {
  label: "Tables",
  pattern: /^table-/,
}, {
  label: "Progress Bar",
  pattern: /^progress-/
}, {
  label: "Panel",
  pattern: /^panel-/,
}, {
  label: "Carousel",
  pattern: /^carousel-/,
}, {
  label: "Pagination",
  pattern: /^(pagination-|pager-)/
}, {
  label: "Grays",
  pattern: /^gray/,
}, {
  label: "Sizes",
  pattern: /^(padding-|line-height|border-radius-)/,
}, {
  label: "Z-index",
  pattern: /^zindex/,
}, {
  label: "Grid",
  pattern: /^(screen-|grid-|container-)/,
}]



@@ -34,16 +34,74 @@
 ts = %5B%7B%0A
+  label: %22Branding%22,%0A  pattern: /%5E(brand-%7Cbody-bg)/,%0A%7D, %7B%0A
   label:
@@ -190,66 +190,8 @@
 , %7B%0A
-  label: %22Branding%22,%0A  pattern: /%5E(brand-%7Cbody-bg)/,%0A%7D, %7B%0A
   la

change group order