{
  "controls": {
    "position": [
      "position"
    ],
    "group": [
      "group"
    ],
    "overflow": [
      "overflow"
    ],
    "order": [
      "order"
    ],
    "zindex": [
      "zindex"
    ],
    "rounded": [
      "rounda",
      "roundtl",
      "roundtr",
      "roundbt",
      "roundbr"
    ],
    "shadow": [
      "shadowa"
    ],
    "visibility": [
      "visibility"
    ],
    "opacity": [
      "opacity"
    ],
    "effectfilters": [
      "effectfilters"
    ],
    "blurfilters": [
      "blurfilters"
    ],
    "mixblendfilters": [
      "mixblendfilters"
    ],
    "borderthickness": [
      "borderar",
      "bordertl",
      "borderr",
      "borderb",
      "borderl",
      "borderx",
      "bordery"
    ],
    "borderstyle": [
      "borderstyle"
    ],
    "bordercolor": [
      "bordercolor"
    ],
    "divider": [
      "dividerx",
      "dividery"
    ],
    "dividerstyle": [
      "dividerstyle"
    ],
    "dividercolor": [
      "dividercolor"
    ],
    "colors": [
      "textcolor",
      "bgcolor"
    ],
    "coloropacity": [
      "bgopacity",
      "textopacity"
    ],
    "dimensions": [
      "width",
      "minwidth",
      "maxwidth",
      "height",
      "minheight",
      "maxheight"
    ],
    "container": [
      "container"
    ],
    "aspectratio": [
      "aspectratio"
    ],
    "gridspan": [
      "colstart",
      "rowstart"
    ],
    "flextype": [
      "flextype"
    ],
    "flexdirection": [
      "flexdirection"
    ],
    "flexalign": [
      "flexalignjustify",
      "flexalignitems"
    ],
    "gridcolsrows": [
      "gridcols",
      "gridrows",
      "gridarea"
    ],
    "flexgridgap": [
      "flexgapa",
      "flexgapx",
      "flexgapy"
    ],
    "flexgriddimensions": [
      "flexwidth",
      "flexheight"
    ],
    "flexgridposition": [
      "flexposition"
    ],
    "liststyle": [
      "liststyle"
    ],
    "liststylePosition": [
      "liststylePosition"
    ],
    "liststyleImage": [
      "liststyleImage"
    ],
    "listcolor": [
      "listcolor"
    ],
    "padding": [
      "pa",
      "pl",
      "pr",
      "pt",
      "pb",
      "px",
      "py"
    ],
    "margin": [
      "ma",
      "ml",
      "mr",
      "mt",
      "mb",
      "mx",
      "my"
    ],
    "spacing": [
      "spacex",
      "spacey"
    ],
    "rotate": [
      "rl",
      "rr"
    ],
    "transform": [
      "tl",
      "tr",
      "tt",
      "tb"
    ],
    "alignself": [
      "alignself"
    ],
    "scale": [
      "scale",
      "scalex",
      "scaley"
    ],
    "b_area_x_y": [
      "b_area",
      "b_area-x",
      "b_area-y",
      "b_area-w",
      "b_area-h"
    ],
    "postopleft": [
      "posl",
      "posr",
      "post",
      "posb",
      "minposl",
      "minposr",
      "minpost",
      "minposb"
    ],
    "anchorposition": [
      "anchorposition"
    ],
    "mediafit": [
      "mediafit",
      "mediaheight"
    ],
    "mediafocalposition": [
      "mediapos"
    ],
    "mediabgposition": [
      "mediapos"
    ],
    "mediafilters": [
      "mediafilters"
    ],
    "textalign": [
      "textalign"
    ],
    "fontfamily": [
      "fontfamily"
    ],
    "fontsize": [
      "fontsize"
    ],
    "fontweight": [
      "fontweight"
    ],
    "lineheight": [
      "lineheight"
    ],
    "texttransform": [
      "texttransform"
    ],
    "lineclamp": [
      "textalign"
    ],
    "decoration": [
      "decoration",
      "decorationcolor",
      "decorationstyle",
      "decorationthickness",
      "underlineoffset"
    ],
    "transition": [
      "transition"
    ],
    "transitiontiming": [
      "transitiontiming"
    ],
    "transitionduration": [
      "transitionduration"
    ],
    "transitiondelay": [
      "transitiondelay"
    ],
    "motioneffect": [
      "motioneffect"
    ],
    "motiondir": [
      "motiondir"
    ],
    "motionoffset": [
      "motiony",
      "motionx"
    ],
    "motionspeed": [
      "motionspeed"
    ],
    "motiondelay": [
      "motiondelay"
    ],
    "motionease": [
      "motionease"
    ],
    "easemove": [
      "easemove"
    ],
    "motiontimes": [
      "motiontimes"
    ],
    "tile_effect": [
      "tile_in"
    ]
  },
  "modifiers": [
    {
      "id": "position",
      "label": "Position",
      "selector": false,
      "options": [
        {
          "label": "fixed",
          "value": "fixed"
        },
        {
          "label": "absolute",
          "value": "absolute"
        },
        {
          "label": "relative",
          "value": "relative"
        },
        {
          "label": "sticky top-0",
          "value": "sticky top-0"
        }
      ]
    },
    {
      "id": "group",
      "label": "group",
      "options": [
        {
          "label": "Group",
          "value": "group"
        }
      ]
    },
    {
      "id": "overflow",
      "label": "Overflow",
      "selector": "overflow-",
      "options": [
        {
          "label": "Clip",
          "value": "clip"
        },
        {
          "label": "Hidden",
          "value": "hidden"
        },
        {
          "label": "Visible",
          "value": "visible"
        },
        {
          "label": "Hide X",
          "value": "x-hidden"
        },
        {
          "label": "Hide Y",
          "value": "y-hidden"
        },
        {
          "label": "Scroll X",
          "value": "x-scroll"
        },
        {
          "label": "Scroll Y",
          "value": "y-scroll"
        }
      ]
    },
    {
      "id": "order",
      "label": "Order",
      "selector": "order-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        }
      ]
    },
    {
      "id": "zindex",
      "label": "Depth",
      "selector": "z-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "20",
          "value": "20"
        },
        {
          "label": "30",
          "value": "30"
        },
        {
          "label": "40",
          "value": "40"
        },
        {
          "label": "60",
          "value": "60"
        },
        {
          "label": "auto",
          "value": "auto"
        }
      ]
    },
    {
      "id": "rounda",
      "label": "Around",
      "selector": "rounded-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundtl",
      "label": "Top Left",
      "selector": "rounded-tl-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundtr",
      "label": "Top Right",
      "selector": "rounded-tr-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundbt",
      "label": "Bottom Left",
      "selector": "rounded-bl-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundbr",
      "label": "Bottom Right",
      "selector": "rounded-br-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "shadowa",
      "label": "Shadow",
      "selector": "drop-shadow-",
      "options": [
        {
          "label": "sm",
          "value": "sm"
        },
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "inner",
          "value": "inner"
        }
      ]
    },
    {
      "id": "visibility",
      "label": "Visibility",
      "options": [
        {
          "label": "hidden",
          "value": "hidden"
        },
        {
          "label": "visible",
          "value": "visible"
        }
      ]
    },
    {
      "id": "opacity",
      "label": "Opacity",
      "selector": "opacity-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "15",
          "value": "15"
        },
        {
          "label": "20",
          "value": "20"
        },
        {
          "label": "25",
          "value": "25"
        },
        {
          "label": "30",
          "value": "30"
        },
        {
          "label": "35",
          "value": "35"
        },
        {
          "label": "40",
          "value": "40"
        },
        {
          "label": "45",
          "value": "45"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "55",
          "value": "55"
        },
        {
          "label": "60",
          "value": "60"
        },
        {
          "label": "65",
          "value": "65"
        },
        {
          "label": "70",
          "value": "70"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "80",
          "value": "80"
        },
        {
          "label": "85",
          "value": "85"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        }
      ],
      "dynamicControl": "ButtonGroupRange"
    },
    {
      "id": "effectfilters",
      "label": "Effect Filters",
      "options": [
        {
          "label": "Sepia",
          "value": "sepia"
        },
        {
          "label": "Grayscale",
          "value": "grayscale"
        },
        {
          "label": "Invert",
          "value": "invert"
        }
      ]
    },
    {
      "id": "blurfilters",
      "label": "Blur Filters",
      "options": [
        {
          "label": "blur small",
          "value": "blur-sm"
        },
        {
          "label": "blur",
          "value": "blur"
        },
        {
          "label": "blur large",
          "value": "blur-lg"
        },
        {
          "label": "blur x large",
          "value": "blur-xl"
        },
        {
          "label": "blur 2x large",
          "value": "blur-2xl"
        },
        {
          "label": "blur 3x large",
          "value": "blur-3xl"
        }
      ]
    },
    {
      "id": "mixblendfilters",
      "label": "Mix Blend Filters",
      "selector": "mix-blend-",
      "options": [
        {
          "label": "Normal",
          "value": "normal"
        },
        {
          "label": "Multiply",
          "value": "multiply"
        },
        {
          "label": "Screen",
          "value": "screen"
        },
        {
          "label": "Overlay",
          "value": "overlay"
        },
        {
          "label": "Darken",
          "value": "darken"
        },
        {
          "label": "Lighten",
          "value": "lighten"
        }
      ]
    },
    {
      "id": "borderar",
      "label": "Border Around",
      "selector": "border-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "bordertl",
      "label": "Border Top",
      "selector": "border-t-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "borderr",
      "label": "Border Right",
      "selector": "border-r-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "borderb",
      "label": "Border Bottom",
      "selector": "border-b-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "borderl",
      "label": "Border Left",
      "selector": "border-l-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "borderx",
      "label": "Border Horizontal",
      "selector": "border-x-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "bordery",
      "label": "Border Vertical",
      "selector": "border-y-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "borderstyle",
      "label": "Border Style",
      "selector": "border-",
      "options": [
        {
          "label": "Solid",
          "value": "solid"
        },
        {
          "label": "Dashed",
          "value": "dashed"
        },
        {
          "label": "Dotted",
          "value": "dotted"
        },
        {
          "label": "Double",
          "value": "double"
        },
        {
          "label": "None",
          "value": "none"
        }
      ]
    },
    {
      "id": "bordercolor",
      "label": "Border Color",
      "selector": "border-",
      "codex": "themeProvider.colors|units.colors",
      "dynamicControl": "ColorSwatch|ColorDropdown",
      "options": "codex"
    },
    {
      "id": "dividerx",
      "label": "Horizontal",
      "selector": "divide-x-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "dividery",
      "label": "Vertical",
      "selector": "divide-y-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "1px",
          "value": "1"
        },
        {
          "label": "2px",
          "value": "2"
        },
        {
          "label": "4px",
          "value": "4"
        },
        {
          "label": "8px",
          "value": "8"
        }
      ]
    },
    {
      "id": "dividerstyle",
      "label": "Divider Style",
      "selector": "divide-",
      "options": [
        {
          "label": "Solid",
          "value": "solid"
        },
        {
          "label": "Dashed",
          "value": "dashed"
        },
        {
          "label": "Dotted",
          "value": "dotted"
        },
        {
          "label": "Double",
          "value": "double"
        },
        {
          "label": "None",
          "value": "none"
        }
      ]
    },
    {
      "id": "dividercolor",
      "label": "Divider Color",
      "selector": "border-",
      "codex": "themeProvider.colors|units.colors",
      "dynamicControl": "ColorSwatch|ColorDropdown",
      "options": "codex"
    },
    {
      "id": "textcolor",
      "label": "Text Color",
      "selector": "text-",
      "codex": "themeProvider.colors|units.colors",
      "dynamicControl": "ColorSwatch|ColorDropdown",
      "options": "codex"
    },
    {
      "id": "bgcolor",
      "label": "Background Color",
      "selector": "bg-",
      "codex": "themeProvider.colors|units.colors",
      "dynamicControl": "ColorSwatch|ColorDropdown",
      "options": "codex"
    },
    {
      "id": "bgopacity",
      "label": "Background Opacity",
      "selector": "bg-opacity-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "20",
          "value": "20"
        },
        {
          "label": "30",
          "value": "30"
        },
        {
          "label": "40",
          "value": "40"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "60",
          "value": "60"
        },
        {
          "label": "70",
          "value": "70"
        },
        {
          "label": "80",
          "value": "80"
        },
        {
          "label": "90",
          "value": "90"
        }
      ]
    },
    {
      "id": "textopacity",
      "label": "Text Opacity",
      "selector": "text-opacity-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "20",
          "value": "20"
        },
        {
          "label": "30",
          "value": "30"
        },
        {
          "label": "40",
          "value": "40"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "60",
          "value": "60"
        },
        {
          "label": "70",
          "value": "70"
        },
        {
          "label": "80",
          "value": "80"
        },
        {
          "label": "90",
          "value": "90"
        }
      ]
    },
    {
      "id": "width",
      "label": "Width",
      "selector": "w-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "minwidth",
      "label": "Min Width",
      "selector": "min-w-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "maxwidth",
      "label": "Max Width",
      "selector": "max-w-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "height",
      "label": "Height",
      "selector": "h-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "minheight",
      "label": "Min Height",
      "selector": "min-h-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "maxheight",
      "label": "Max Height",
      "selector": "max-h-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "container",
      "label": "Container Width",
      "selector": null,
      "options": [
        {
          "label": "container",
          "value": "container"
        },
        {
          "label": "b_container-fluid",
          "value": "b_container-fluid"
        },
        {
          "label": "b_container-fluid-aside-l",
          "value": "b_container-fluid-aside-l"
        },
        {
          "label": "b_container-fluid-aside-r",
          "value": "b_container-fluid-aside-r"
        },
        {
          "label": "b_container-fluid-half-l",
          "value": "b_container-fluid-half-l"
        },
        {
          "label": "b_container-fluid-half-r",
          "value": "b_container-fluid-half-r"
        }
      ],
      "dynamicControl": "SelectControl"
    },
    {
      "id": "aspectratio",
      "label": "Aspect Ratio",
      "selector": "aspect-",
      "options": [
        {
          "label": "auto",
          "value": "auto"
        },
        {
          "label": "video",
          "value": "video"
        },
        {
          "label": "square",
          "value": "square"
        },
        {
          "label": "b_landscape",
          "value": "b_landscape"
        },
        {
          "label": "b_portrait",
          "value": "b_portrait"
        }
      ]
    },
    {
      "id": "gridspan",
      "label": "Horizontal Span",
      "selector": "col-span-",
      "dynamicControl": "ButtonGroupRange",
      "options": [
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "11",
          "value": "11"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "13",
          "value": "13"
        },
        {
          "label": "14",
          "value": "14"
        },
        {
          "label": "15",
          "value": "15"
        },
        {
          "label": "16",
          "value": "16"
        }
      ]
    },
    {
      "id": "flextype",
      "label": "Flex Type",
      "options": [
        {
          "label": "Flex",
          "value": "flex"
        },
        {
          "label": "Grid",
          "value": "grid"
        },
        {
          "label": "Block",
          "value": "block"
        },
        {
          "label": "Hidden",
          "value": "hidden"
        },
        {
          "label": "Inline",
          "value": "inline"
        },
        {
          "label": "Inline Block",
          "value": "inline-block"
        },
        {
          "label": "Inline Flex",
          "value": "inline-flex"
        }
      ]
    },
    {
      "id": "flexdirection",
      "label": "Flex direction",
      "selector": "flex-",
      "options": [
        {
          "label": "Row",
          "value": "row"
        },
        {
          "label": "Row Reverse",
          "value": "row-reverse"
        },
        {
          "label": "Column",
          "value": "col"
        },
        {
          "label": "Column Reverse",
          "value": "col-reverse"
        },
        {
          "label": "Column Reverse",
          "value": "col-reverse"
        },
        {
          "label": "Wrap",
          "value": "wrap"
        }
      ]
    },
    {
      "id": "flexalignjustify",
      "label": "Horizontal",
      "selector": "justify-",
      "options": [
        {
          "label": "Start",
          "value": "start"
        },
        {
          "label": "Center",
          "value": "center"
        },
        {
          "label": "End",
          "value": "end"
        },
        {
          "label": "Between",
          "value": "between"
        },
        {
          "label": "Stretch",
          "value": "stretch"
        },
        {
          "label": "Space Evenly",
          "value": "evenly"
        }
      ]
    },
    {
      "id": "flexalignitems",
      "label": "Vertical",
      "selector": "items-",
      "options": [
        {
          "label": "Start",
          "value": "start"
        },
        {
          "label": "Center",
          "value": "center"
        },
        {
          "label": "End",
          "value": "end"
        },
        {
          "label": "Stretch",
          "value": "stretch"
        },
        {
          "label": "Space Baseline",
          "value": "baseline"
        }
      ]
    },
    {
      "id": "gridcols",
      "label": "Grid Columns",
      "selector": "grid-cols-",
      "options": [
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "11",
          "value": "11"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "13",
          "value": "13"
        },
        {
          "label": "14",
          "value": "14"
        },
        {
          "label": "15",
          "value": "15"
        },
        {
          "label": "16",
          "value": "16"
        }
      ],
      "dynamicControl": "ButtonGroupRange"
    },
    {
      "id": "gridrows",
      "label": "Grid Rows",
      "selector": "grid-rows-",
      "options": [
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "11",
          "value": "11"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "13",
          "value": "13"
        },
        {
          "label": "14",
          "value": "14"
        },
        {
          "label": "15",
          "value": "15"
        },
        {
          "label": "16",
          "value": "16"
        }
      ],
      "dynamicControl": "ButtonGroupRange"
    },
    {
      "id": "gridarea",
      "label": "Area Columns",
      "selector": "b_grid-area-",
      "options": [
        {
          "label": "16",
          "value": "16"
        },
        {
          "label": "32",
          "value": "32"
        },
        {
          "label": "64",
          "value": "64"
        },
        {
          "label": "96",
          "value": "96"
        }
      ]
    },
    {
      "id": "flexgapa",
      "label": "Gap Around",
      "selector": "gap-",
      "codex": "units.spacing",
      "dynamicControl": "MetricsControl",
      "options": "codex"
    },
    {
      "id": "flexgapx",
      "label": "Gap X",
      "selector": "gap-x-",
      "codex": "units.spacing",
      "dynamicControl": "MetricsControl",
      "options": "codex"
    },
    {
      "id": "flexgapy",
      "label": "Gap Y",
      "selector": "gap-y-",
      "codex": "units.spacing",
      "dynamicControl": "MetricsControl",
      "options": "codex"
    },
    {
      "id": "flexwidth",
      "label": "Width",
      "selector": "",
      "options": [
        {
          "label": "100%",
          "value": "w-full"
        },
        {
          "label": "Container",
          "value": "container"
        },
        {
          "label": "Container Fluid",
          "value": "b_container-fluid"
        },
        {
          "label": "Max 960px Wide",
          "value": "max-w-b_960 mx-auto"
        },
        {
          "label": "Max 800px Wide",
          "value": "max-w-b_800 mx-auto"
        },
        {
          "label": "Max 720px Wide",
          "value": "max-w-b_720 mx-auto"
        },
        {
          "label": "Max 640px Wide",
          "value": "max-w-b_640 mx-auto"
        },
        {
          "label": "Grid container",
          "value": "b_grid-container"
        },
        {
          "label": "Grid container half right",
          "value": "b_grid-container-right"
        },
        {
          "label": "Grid container half left",
          "value": "b_grid-container-left"
        }
      ],
      "dynamicControl": "SelectControl"
    },
    {
      "id": "flexheight",
      "label": "Min Height",
      "selector": "min-h-",
      "codex": "units.spacing",
      "dynamicControl": "MetricsControl",
      "options": "codex"
    },
    {
      "id": "flexposition",
      "label": "Position",
      "selector": "",
      "options": [
        {
          "label": "Relative",
          "value": "relative"
        },
        {
          "label": "Absolute",
          "value": "absolute"
        },
        {
          "label": "Fixed",
          "value": "fixed"
        },
        {
          "label": "Sticky",
          "value": "sticky top-0"
        }
      ]
    },
    {
      "id": "zindex",
      "label": "Depth",
      "selector": "z-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "20",
          "value": "20"
        },
        {
          "label": "30",
          "value": "30"
        },
        {
          "label": "40",
          "value": "40"
        },
        {
          "label": "60",
          "value": "60"
        },
        {
          "label": "auto",
          "value": "auto"
        }
      ]
    },
    {
      "id": "liststyle",
      "label": "List Style",
      "selector": "list-",
      "options": [
        {
          "label": "none",
          "value": "none"
        },
        {
          "label": "disc",
          "value": "disc"
        },
        {
          "label": "decimal",
          "value": "decimal"
        }
      ]
    },
    {
      "id": "liststylePosition",
      "label": "List Style Position",
      "selector": "list-",
      "options": [
        {
          "label": "inside",
          "value": "inside"
        },
        {
          "label": "outside",
          "value": "outside"
        }
      ],
      "hover": true
    },
    {
      "id": "liststyleImage",
      "label": "List Style Image",
      "selector": "list-image-",
      "options": [
        {
          "id": "liststyleimagenone",
          "value": "none",
          "label": "None",
          "type": "button"
        },
        {
          "id": "liststyleimage",
          "value": "",
          "label": "URL",
          "type": "urlinput"
        }
      ],
      "hover": true
    },
    {
      "id": "listcolor",
      "label": "List Color",
      "selector": "marker:text-",
      "codex": "themeProvider.colors|units.colors",
      "dynamicControl": "ColorSwatch|ColorDropdown",
      "options": "codex"
    },
    {
      "id": "pa",
      "label": "Around",
      "selector": "p-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "pl",
      "label": "Left",
      "selector": "pl-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "pr",
      "label": "Right",
      "selector": "pr-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "pt",
      "label": "Top",
      "selector": "pt-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "pb",
      "label": "Bottom",
      "selector": "pb-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "px",
      "label": "Horizontal",
      "selector": "px-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "py",
      "label": "Vertical",
      "selector": "py-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "ma",
      "label": "Around",
      "selector": "m-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "ml",
      "label": "Left",
      "selector": "ml-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "mr",
      "label": "Right",
      "selector": "mr-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "mt",
      "label": "Top",
      "selector": "mt-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "mb",
      "label": "Bottom",
      "selector": "mb-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "mx",
      "label": "Horizontal",
      "selector": "mx-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "my",
      "label": "Vertical",
      "selector": "my-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "spacex",
      "label": "Horizontal",
      "selector": "space-x-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "spacey",
      "label": "Vertical",
      "selector": "space-y-",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "rl",
      "label": "Rotate Left",
      "selector": "-rotate-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "45",
          "value": "45"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "180",
          "value": "180"
        }
      ]
    },
    {
      "id": "rr",
      "label": "Rotate Right",
      "selector": "rotate-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "45",
          "value": "45"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "180",
          "value": "180"
        }
      ]
    },
    {
      "id": "tl",
      "label": "Left",
      "selector": "-translate-x-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "tr",
      "label": "Right",
      "selector": "translate-x-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "tt",
      "label": "Top",
      "selector": "-translate-y-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "tb",
      "label": "Bottom",
      "selector": "translate-y-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "colstart",
      "label": "Left",
      "selector": "col-start-",
      "options": [
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "11",
          "value": "11"
        },
        {
          "label": "12",
          "value": "12"
        }
      ]
    },
    {
      "id": "rowstart",
      "label": "Top",
      "selector": "row-start-",
      "options": [
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "11",
          "value": "11"
        },
        {
          "label": "12",
          "value": "12"
        }
      ]
    },
    {
      "id": "alignself",
      "label": "Auto",
      "selector": "self-",
      "options": [
        {
          "label": "start",
          "value": "start"
        },
        {
          "label": "end",
          "value": "end"
        },
        {
          "label": "center",
          "value": "center"
        },
        {
          "label": "between",
          "value": "between"
        },
        {
          "label": "stretch",
          "value": "stretch"
        },
        {
          "label": "baseline",
          "value": "baseline"
        }
      ]
    },
    {
      "id": "scale",
      "label": "Scale",
      "selector": "scale-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        },
        {
          "label": "110",
          "value": "110"
        },
        {
          "label": "125",
          "value": "125"
        },
        {
          "label": "150",
          "value": "150"
        }
      ]
    },
    {
      "id": "scalex",
      "label": "Scale X",
      "selector": "scale-x-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        },
        {
          "label": "110",
          "value": "110"
        },
        {
          "label": "125",
          "value": "125"
        },
        {
          "label": "150",
          "value": "150"
        }
      ]
    },
    {
      "id": "scaley",
      "label": "Scale Y",
      "selector": "scale-y-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        },
        {
          "label": "110",
          "value": "110"
        },
        {
          "label": "125",
          "value": "125"
        },
        {
          "label": "150",
          "value": "150"
        }
      ]
    },
    {
      "id": "b_area",
      "label": "Init",
      "selector": null,
      "codex": "spacing-area",
      "options": "codex"
    },
    {
      "id": "b_area-x",
      "label": "Left",
      "selector": "b_area-x-",
      "codex": "spacing-area",
      "options": "codex"
    },
    {
      "id": "b_area-y",
      "label": "Top",
      "selector": "b_area-y-",
      "codex": "spacing-area",
      "options": "codex"
    },
    {
      "id": "b_area-w",
      "label": "Width",
      "selector": "b_area-w-",
      "codex": "spacing-area",
      "options": "codex"
    },
    {
      "id": "b_area-h",
      "label": "Height",
      "selector": "b_area-h-",
      "codex": "spacing-area",
      "options": "codex"
    },
    {
      "id": "posl",
      "label": "Left",
      "selector": "left-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "posr",
      "label": "Right",
      "selector": "right-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "post",
      "label": "Top",
      "selector": "top-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "posb",
      "label": "Bottom",
      "selector": "bottom-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "minposl",
      "label": "Min Left",
      "selector": "-left-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "minposr",
      "label": "Min Right",
      "selector": "-right-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "minpost",
      "label": "Min Top",
      "selector": "-top",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "minposb",
      "label": "Min Bottom",
      "selector": "-bottom-",
      "codex": "spacing",
      "options": "codex"
    },
    {
      "id": "anchorposition",
      "label": "Anchor Position",
      "options": [
        {
          "label": "Top Center",
          "value": "anchor-top-center"
        },
        {
          "label": "Top Left",
          "value": "anchor-top-left"
        },
        {
          "label": "Top Right",
          "value": "anchor-top-right"
        },
        {
          "label": "Center Center",
          "value": "anchor-center-center"
        },
        {
          "label": "Center Left",
          "value": "anchor-center-left"
        },
        {
          "label": "Center Right",
          "value": "anchor-center-right"
        },
        {
          "label": "Bottom Center",
          "value": "anchor-bottom-center"
        },
        {
          "label": "Bottom Left",
          "value": "anchor-bottom-left"
        },
        {
          "label": "Bottom Right",
          "value": "anchor-bottom-right"
        }
      ]
    },
    {
      "id": "mediafit",
      "label": "Image fit",
      "selector": "object-",
      "dynamicControl": "ImageFit",
      "options": [
        {
          "label": "Fill",
          "value": "fill"
        },
        {
          "label": "Contain",
          "value": "contain"
        },
        {
          "label": "Cover",
          "value": "cover"
        },
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "Scale Down",
          "value": "scale-down"
        }
      ]
    },
    {
      "id": "mediaheight",
      "label": "Image Height",
      "selector": "h-",
      "dynamicControl": "MetricsControl",
      "codex": "units.spacing",
      "options": "codex"
    },
    {
      "id": "overflow",
      "label": "Overflow",
      "selector": "overflow-",
      "options": [
        {
          "label": "Clip",
          "value": "clip"
        },
        {
          "label": "Hidden",
          "value": "hidden"
        },
        {
          "label": "Visible",
          "value": "visible"
        },
        {
          "label": "Hide X",
          "value": "x-hidden"
        },
        {
          "label": "Hide Y",
          "value": "y-hidden"
        },
        {
          "label": "Scroll X",
          "value": "x-scroll"
        },
        {
          "label": "Scroll Y",
          "value": "y-scroll"
        }
      ]
    },
    {
      "id": "scale",
      "label": "Scale",
      "selector": "scale-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        },
        {
          "label": "110",
          "value": "110"
        },
        {
          "label": "125",
          "value": "125"
        },
        {
          "label": "150",
          "value": "150"
        }
      ]
    },
    {
      "id": "scalex",
      "label": "Scale X",
      "selector": "scale-x-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        },
        {
          "label": "110",
          "value": "110"
        },
        {
          "label": "125",
          "value": "125"
        },
        {
          "label": "150",
          "value": "150"
        }
      ]
    },
    {
      "id": "scaley",
      "label": "Scale Y",
      "selector": "scale-y-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        },
        {
          "label": "110",
          "value": "110"
        },
        {
          "label": "125",
          "value": "125"
        },
        {
          "label": "150",
          "value": "150"
        }
      ]
    },
    {
      "id": "mediapos",
      "label": "Image Position",
      "selector": "object-",
      "options": []
    },
    {
      "id": "mediapos",
      "label": "Image Position",
      "selector": "object-",
      "options": [
        {
          "label": "Center",
          "value": "center"
        },
        {
          "label": "Bottom",
          "value": "bottom"
        },
        {
          "label": "Top",
          "value": "top"
        },
        {
          "label": "Left",
          "value": "left"
        },
        {
          "label": "Left Bottom",
          "value": "left-bottom"
        },
        {
          "label": "Left Top",
          "value": "left-top"
        },
        {
          "label": "Right",
          "value": "right"
        },
        {
          "label": "Right Bottom",
          "value": "right-bottom"
        },
        {
          "label": "Right Top",
          "value": "right-top"
        }
      ]
    },
    {
      "id": "rl",
      "label": "Rotate Left",
      "selector": "-rotate-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "45",
          "value": "45"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "180",
          "value": "180"
        }
      ]
    },
    {
      "id": "rr",
      "label": "Rotate Right",
      "selector": "rotate-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "12",
          "value": "12"
        },
        {
          "label": "45",
          "value": "45"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "180",
          "value": "180"
        }
      ]
    },
    {
      "id": "opacity",
      "label": "Opacity",
      "selector": "opacity-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "15",
          "value": "15"
        },
        {
          "label": "20",
          "value": "20"
        },
        {
          "label": "25",
          "value": "25"
        },
        {
          "label": "30",
          "value": "30"
        },
        {
          "label": "35",
          "value": "35"
        },
        {
          "label": "40",
          "value": "40"
        },
        {
          "label": "45",
          "value": "45"
        },
        {
          "label": "50",
          "value": "50"
        },
        {
          "label": "55",
          "value": "55"
        },
        {
          "label": "60",
          "value": "60"
        },
        {
          "label": "65",
          "value": "65"
        },
        {
          "label": "70",
          "value": "70"
        },
        {
          "label": "75",
          "value": "75"
        },
        {
          "label": "80",
          "value": "80"
        },
        {
          "label": "85",
          "value": "85"
        },
        {
          "label": "90",
          "value": "90"
        },
        {
          "label": "95",
          "value": "95"
        },
        {
          "label": "100",
          "value": "100"
        }
      ],
      "dynamicControl": "ButtonGroupRange"
    },
    {
      "id": "rounda",
      "label": "Around",
      "selector": "rounded-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundtl",
      "label": "Top Left",
      "selector": "rounded-tl-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundtr",
      "label": "Top Right",
      "selector": "rounded-tr-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundbt",
      "label": "Bottom Left",
      "selector": "rounded-bl-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "roundbr",
      "label": "Bottom Right",
      "selector": "rounded-br-",
      "options": [
        {
          "label": "md",
          "value": "md"
        },
        {
          "label": "lg",
          "value": "lg"
        },
        {
          "label": "xl",
          "value": "xl"
        },
        {
          "label": "2xl",
          "value": "2xl"
        },
        {
          "label": "3xl",
          "value": "3xl"
        },
        {
          "label": "full",
          "value": "full"
        }
      ]
    },
    {
      "id": "mediafilters",
      "label": "Image Filters",
      "options": [
        {
          "label": "Sepia",
          "value": "sepia"
        },
        {
          "label": "Grayscale",
          "value": "grayscale"
        },
        {
          "label": "Invert",
          "value": "invert"
        }
      ]
    },
    {
      "id": "blurfilters",
      "label": "Blur Filters",
      "options": [
        {
          "label": "blur small",
          "value": "blur-sm"
        },
        {
          "label": "blur",
          "value": "blur"
        },
        {
          "label": "blur large",
          "value": "blur-lg"
        },
        {
          "label": "blur x large",
          "value": "blur-xl"
        },
        {
          "label": "blur 2x large",
          "value": "blur-2xl"
        },
        {
          "label": "blur 3x large",
          "value": "blur-3xl"
        }
      ]
    },
    {
      "id": "mixblendfilters",
      "label": "Mix Blend Filters",
      "selector": "mix-blend-",
      "options": [
        {
          "label": "Normal",
          "value": "normal"
        },
        {
          "label": "Multiply",
          "value": "multiply"
        },
        {
          "label": "Screen",
          "value": "screen"
        },
        {
          "label": "Overlay",
          "value": "overlay"
        },
        {
          "label": "Darken",
          "value": "darken"
        },
        {
          "label": "Lighten",
          "value": "lighten"
        }
      ]
    },
    {
      "id": "textalign",
      "label": "Text Color",
      "selector": "text-",
      "options": [
        {
          "label": "Left",
          "value": "left"
        },
        {
          "label": "Center",
          "value": "center"
        },
        {
          "label": "Right",
          "value": "right"
        },
        {
          "label": "Justify",
          "value": "justify"
        }
      ],
      "display": "icon"
    },
    {
      "id": "fontfamily",
      "label": "FontFamilies",
      "selector": "font-",
      "dynamicControl": "SelectControl|SelectControl",
      "codex": "themeProvider.fonts|options",
      "options": "codex"
    },
    {
      "id": "fontsize",
      "label": "Fontsizes",
      "selector": "text-",
      "dynamicControl": "SelectControl|SelectControl",
      "codex": "themeProvider.fontSizes|options",
      "options": "codex"
    },
    {
      "id": "fontweight",
      "label": "Font Weight",
      "selector": "font-",
      "options": [
        {
          "label": "thin",
          "value": "thin"
        },
        {
          "label": "extralight",
          "value": "extralight"
        },
        {
          "label": "light",
          "value": "light"
        },
        {
          "label": "normal",
          "value": "normal"
        },
        {
          "label": "medium",
          "value": "medium"
        },
        {
          "label": "semibold",
          "value": "semibold"
        },
        {
          "label": "bold",
          "value": "bold"
        },
        {
          "label": "extrabold",
          "value": "extrabold"
        },
        {
          "label": "black",
          "value": "black"
        }
      ],
      "dynamicControl": "SelectControl"
    },
    {
      "id": "lineheight",
      "label": "Line Height",
      "selector": "leading-",
      "options": [
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        },
        {
          "label": "7",
          "value": "7"
        },
        {
          "label": "8",
          "value": "8"
        },
        {
          "label": "9",
          "value": "9"
        },
        {
          "label": "10",
          "value": "10"
        },
        {
          "label": "none",
          "value": "none"
        },
        {
          "label": "tight",
          "value": "tight"
        },
        {
          "label": "snug",
          "value": "snug"
        },
        {
          "label": "normal",
          "value": "normal"
        },
        {
          "label": "relaxed",
          "value": "relaxed"
        },
        {
          "label": "loose",
          "value": "loose"
        }
      ],
      "dynamicControl": "SelectControl"
    },
    {
      "id": "texttransform",
      "label": "Text Transform",
      "options": [
        {
          "label": "uppercase",
          "value": "uppercase"
        },
        {
          "label": "lowercase",
          "value": "lowercase"
        },
        {
          "label": "capitalize",
          "value": "capitalize"
        },
        {
          "label": "normal-case",
          "value": "normal-case"
        }
      ]
    },
    {
      "id": "textalign",
      "label": "Text Color",
      "selector": "line-clamp-",
      "options": [
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "3",
          "value": "3"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "5",
          "value": "5"
        },
        {
          "label": "6",
          "value": "6"
        }
      ]
    },
    {
      "id": "decoration",
      "label": "Decoration",
      "options": [
        {
          "label": "underline",
          "value": "underline"
        },
        {
          "label": "overline",
          "value": "overline"
        },
        {
          "label": "line-trough",
          "value": "line-trough"
        },
        {
          "label": "no-underline",
          "value": "no-underline"
        }
      ]
    },
    {
      "id": "decorationcolor",
      "label": "Decoration Color",
      "selector": "decoration-",
      "options": "codex",
      "codex": "colors"
    },
    {
      "id": "decorationstyle",
      "label": "Decoration Style",
      "selector": "decoration-",
      "options": [
        {
          "label": "solid",
          "value": "solid"
        },
        {
          "label": "dashed",
          "value": "dashed"
        },
        {
          "label": "dotted",
          "value": "dotted"
        },
        {
          "label": "double",
          "value": "double"
        },
        {
          "label": "wavy",
          "value": "wavy"
        }
      ]
    },
    {
      "id": "decorationthickness",
      "label": "Decoration Thickness",
      "selector": "decoration-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "8",
          "value": "8"
        }
      ]
    },
    {
      "id": "underlineoffset",
      "label": "Underline Offset",
      "selector": "underline-offset-",
      "options": [
        {
          "label": "0",
          "value": "0"
        },
        {
          "label": "1",
          "value": "1"
        },
        {
          "label": "2",
          "value": "2"
        },
        {
          "label": "4",
          "value": "4"
        },
        {
          "label": "8",
          "value": "8"
        }
      ]
    },
    {
      "id": "transition",
      "label": "Transition",
      "selector": "transition-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "All",
          "value": "all"
        },
        {
          "label": "Color",
          "value": "color"
        },
        {
          "label": "Opacity",
          "value": "opacity"
        },
        {
          "label": "Shadow",
          "value": "shadow"
        },
        {
          "label": "Transform",
          "value": "transform"
        }
      ]
    },
    {
      "id": "transitiontiming",
      "label": "Timing",
      "selector": "ease-",
      "options": [
        {
          "label": "Linear",
          "value": "linear"
        },
        {
          "label": "In",
          "value": "in"
        },
        {
          "label": "Out",
          "value": "out"
        },
        {
          "label": "In Out",
          "value": "in-out"
        }
      ]
    },
    {
      "id": "transitionduration",
      "label": "Duration",
      "selector": "duration-",
      "options": [
        {
          "label": "None",
          "value": "0"
        },
        {
          "label": "75ms",
          "value": "75"
        },
        {
          "label": "100ms",
          "value": "100"
        },
        {
          "label": "150ms",
          "value": "150"
        },
        {
          "label": "200ms",
          "value": "200"
        },
        {
          "label": "300ms",
          "value": "300"
        },
        {
          "label": "500ms",
          "value": "500"
        },
        {
          "label": "700ms",
          "value": "700"
        },
        {
          "label": "1000ms",
          "value": "1000"
        }
      ]
    },
    {
      "id": "transitiondelay",
      "label": "Delay",
      "selector": "delay-",
      "options": [
        {
          "label": "None",
          "value": "0"
        },
        {
          "label": "75ms",
          "value": "75"
        },
        {
          "label": "100ms",
          "value": "100"
        },
        {
          "label": "150ms",
          "value": "150"
        },
        {
          "label": "200ms",
          "value": "200"
        },
        {
          "label": "300ms",
          "value": "300"
        },
        {
          "label": "500ms",
          "value": "500"
        },
        {
          "label": "700ms",
          "value": "700"
        },
        {
          "label": "1000ms",
          "value": "1000"
        }
      ]
    },
    {
      "id": "motioneffect",
      "label": "Effect",
      "selector": "animate-",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "Fade",
          "value": "fade"
        },
        {
          "label": "Scale",
          "value": "scale"
        },
        {
          "label": "Slide",
          "value": "slide"
        },
        {
          "label": "Fade Slide",
          "value": "fadeslide"
        }
      ]
    },
    {
      "id": "motiondir",
      "label": "Direction",
      "options": [
        {
          "label": "Top",
          "value": "top"
        },
        {
          "label": "Bottom",
          "value": "bottom"
        },
        {
          "label": "Left",
          "value": "left"
        },
        {
          "label": "Right",
          "value": "right"
        }
      ]
    },
    {
      "id": "motiony",
      "label": "Offset X",
      "selector": "b_ani-x-",
      "options": [
        {
          "label": "None",
          "value": "0"
        },
        {
          "label": "Small",
          "value": "20"
        },
        {
          "label": "Medium",
          "value": "40"
        },
        {
          "label": "Large",
          "value": "80"
        },
        {
          "label": "Very Large",
          "value": "160"
        }
      ]
    },
    {
      "id": "motionx",
      "label": "Offset Y",
      "selector": "b_ani-y-",
      "options": [
        {
          "label": "None",
          "value": "0"
        },
        {
          "label": "Small",
          "value": "20"
        },
        {
          "label": "Medium",
          "value": "40"
        },
        {
          "label": "Large",
          "value": "80"
        },
        {
          "label": "Very Large",
          "value": "160"
        }
      ]
    },
    {
      "id": "motionspeed",
      "label": "Speed",
      "selector": "duration-",
      "options": [
        {
          "label": "None",
          "value": "0"
        },
        {
          "label": "Slow",
          "value": "1.4"
        },
        {
          "label": "Medium",
          "value": "0.6"
        },
        {
          "label": "Fast",
          "value": "0.3"
        }
      ]
    },
    {
      "id": "motiondelay",
      "label": "Delay",
      "selector": "delay-",
      "options": [
        {
          "label": "None",
          "value": "0"
        },
        {
          "label": "75ms",
          "value": "75"
        },
        {
          "label": "100ms",
          "value": "100"
        },
        {
          "label": "150ms",
          "value": "150"
        },
        {
          "label": "200ms",
          "value": "200"
        },
        {
          "label": "300ms",
          "value": "300"
        },
        {
          "label": "500ms",
          "value": "500"
        },
        {
          "label": "700ms",
          "value": "700"
        },
        {
          "label": "1000ms",
          "value": "1000"
        }
      ]
    },
    {
      "id": "motionease",
      "label": "Ease",
      "selector": "ease-",
      "options": [
        {
          "label": "Linear",
          "value": "linear"
        },
        {
          "label": "In",
          "value": "in"
        },
        {
          "label": "Out",
          "value": "out"
        },
        {
          "label": "In Out",
          "value": "in-out"
        }
      ]
    },
    {
      "id": "easemove",
      "label": "Ease Movement",
      "options": [
        {
          "label": "None",
          "value": "none"
        },
        {
          "label": "In",
          "value": "in"
        },
        {
          "label": "Out",
          "value": "out"
        },
        {
          "label": "In Out",
          "value": "inOut"
        }
      ]
    },
    {
      "id": "motiontimes",
      "label": "Times",
      "options": [
        {
          "label": "Every time",
          "value": "0"
        },
        {
          "label": "Once",
          "value": "1"
        }
      ]
    },
    {
      "id": "tile_in",
      "label": "Tile in",
      "options": [
        {
          "label": "Tile Slide In",
          "value": "b_tile-in-left"
        },
        {
          "label": "Tile Fade In",
          "value": "b_tile-in-fade"
        }
      ]
    },
    {
      "id": "bites",
      "label": "Bite",
      "selector": null,
      "options": []
    }
  ],
  "units": {
    "colors": [
      {
        "label": "Black",
        "id": "black"
      },
      {
        "label": "White",
        "id": "white"
      },
      {
        "label": "Transparent",
        "id": "transparent"
      },
      {
        "label": "Inherit",
        "id": "inherit"
      },
      {
        "label": "Current",
        "id": "current"
      },
      {
        "label": "Gray 50",
        "id": "gray-50"
      },
      {
        "label": "Gray 100",
        "id": "gray-100"
      },
      {
        "label": "Gray 200",
        "id": "gray-200"
      },
      {
        "label": "Gray 300",
        "id": "gray-300"
      },
      {
        "label": "Gray 400",
        "id": "gray-400"
      },
      {
        "label": "Gray 500",
        "id": "gray-500"
      },
      {
        "label": "Gray 600",
        "id": "gray-600"
      },
      {
        "label": "Gray 700",
        "id": "gray-700"
      },
      {
        "label": "Gray 800",
        "id": "gray-800"
      },
      {
        "label": "Gray 900",
        "id": "gray-900"
      },
      {
        "label": "Gray 950",
        "id": "gray-950"
      },
      {
        "label": "Red 50",
        "id": "red-50"
      },
      {
        "label": "Red 100",
        "id": "red-100"
      },
      {
        "label": "Red 200",
        "id": "red-200"
      },
      {
        "label": "Red 300",
        "id": "red-300"
      },
      {
        "label": "Red 400",
        "id": "red-400"
      },
      {
        "label": "Red 500",
        "id": "red-500"
      },
      {
        "label": "Red 600",
        "id": "red-600"
      },
      {
        "label": "Red 700",
        "id": "red-700"
      },
      {
        "label": "Red 800",
        "id": "red-800"
      },
      {
        "label": "Red 900",
        "id": "red-900"
      },
      {
        "label": "Red 950",
        "id": "red-950"
      },
      {
        "label": "Yellow 50",
        "id": "yellow-50"
      },
      {
        "label": "Yellow 100",
        "id": "yellow-100"
      },
      {
        "label": "Yellow 200",
        "id": "yellow-200"
      },
      {
        "label": "Yellow 300",
        "id": "yellow-300"
      },
      {
        "label": "Yellow 400",
        "id": "yellow-400"
      },
      {
        "label": "Yellow 500",
        "id": "yellow-500"
      },
      {
        "label": "Yellow 600",
        "id": "yellow-600"
      },
      {
        "label": "Yellow 700",
        "id": "yellow-700"
      },
      {
        "label": "Yellow 800",
        "id": "yellow-800"
      },
      {
        "label": "Yellow 900",
        "id": "yellow-900"
      },
      {
        "label": "Yellow 950",
        "id": "yellow-950"
      },
      {
        "label": "Green 50",
        "id": "green-50"
      },
      {
        "label": "Green 100",
        "id": "green-100"
      },
      {
        "label": "Green 200",
        "id": "green-200"
      },
      {
        "label": "Green 300",
        "id": "green-300"
      },
      {
        "label": "Green 400",
        "id": "green-400"
      },
      {
        "label": "Green 500",
        "id": "green-500"
      },
      {
        "label": "Green 600",
        "id": "green-600"
      },
      {
        "label": "Green 700",
        "id": "green-700"
      },
      {
        "label": "Green 800",
        "id": "green-800"
      },
      {
        "label": "Green 900",
        "id": "green-900"
      },
      {
        "label": "Green 950",
        "id": "green-950"
      },
      {
        "label": "Blue 50",
        "id": "blue-50"
      },
      {
        "label": "Blue 100",
        "id": "blue-100"
      },
      {
        "label": "Blue 200",
        "id": "blue-200"
      },
      {
        "label": "Blue 300",
        "id": "blue-300"
      },
      {
        "label": "Blue 400",
        "id": "blue-400"
      },
      {
        "label": "Blue 500",
        "id": "blue-500"
      },
      {
        "label": "Blue 600",
        "id": "blue-600"
      },
      {
        "label": "Blue 700",
        "id": "blue-700"
      },
      {
        "label": "Blue 800",
        "id": "blue-800"
      },
      {
        "label": "Blue 900",
        "id": "blue-900"
      },
      {
        "label": "Blue 950",
        "id": "blue-950"
      },
      {
        "label": "Indigo 50",
        "id": "indigo-50"
      },
      {
        "label": "Indigo 100",
        "id": "indigo-100"
      },
      {
        "label": "Indigo 200",
        "id": "indigo-200"
      },
      {
        "label": "Indigo 300",
        "id": "indigo-300"
      },
      {
        "label": "Indigo 400",
        "id": "indigo-400"
      },
      {
        "label": "Indigo 500",
        "id": "indigo-500"
      },
      {
        "label": "Indigo 600",
        "id": "indigo-600"
      },
      {
        "label": "Indigo 700",
        "id": "indigo-700"
      },
      {
        "label": "Indigo 800",
        "id": "indigo-800"
      },
      {
        "label": "Indigo 900",
        "id": "indigo-900"
      },
      {
        "label": "Indigo 950",
        "id": "indigo-950"
      },
      {
        "label": "Purple 50",
        "id": "purple-50"
      },
      {
        "label": "Purple 100",
        "id": "purple-100"
      },
      {
        "label": "Purple 200",
        "id": "purple-200"
      },
      {
        "label": "Purple 300",
        "id": "purple-300"
      },
      {
        "label": "Purple 400",
        "id": "purple-400"
      },
      {
        "label": "Purple 500",
        "id": "purple-500"
      },
      {
        "label": "Purple 600",
        "id": "purple-600"
      },
      {
        "label": "Purple 700",
        "id": "purple-700"
      },
      {
        "label": "Purple 800",
        "id": "purple-800"
      },
      {
        "label": "Purple 900",
        "id": "purple-900"
      },
      {
        "label": "Purple 950",
        "id": "purple-950"
      },
      {
        "label": "Pink 50",
        "id": "pink-50"
      },
      {
        "label": "Pink 100",
        "id": "pink-100"
      },
      {
        "label": "Pink 200",
        "id": "pink-200"
      },
      {
        "label": "Pink 300",
        "id": "pink-300"
      },
      {
        "label": "Pink 400",
        "id": "pink-400"
      },
      {
        "label": "Pink 500",
        "id": "pink-500"
      },
      {
        "label": "Pink 600",
        "id": "pink-600"
      },
      {
        "label": "Pink 700",
        "id": "pink-700"
      },
      {
        "label": "Pink 800",
        "id": "pink-800"
      },
      {
        "label": "Pink 900",
        "id": "pink-900"
      },
      {
        "label": "Pink 950",
        "id": "pink-950"
      }
    ],
    "spacing": {
      "native": [
        0,
        "px",
        0.5,
        1,
        1.5,
        2,
        2.5,
        3,
        3.5,
        4,
        5,
        6,
        7,
        8,
        9,
        10,
        11,
        12,
        14,
        16,
        20,
        24,
        28,
        32,
        36,
        40,
        44,
        48,
        52,
        56,
        60,
        64,
        72,
        80,
        96
      ],
      "percent": [
        "1/2",
        "1/3",
        "2/3",
        "1/4",
        "2/4",
        "3/4",
        "1/5",
        "2/5",
        "3/5",
        "4/5",
        "1/6",
        "2/6",
        "3/6",
        "4/6",
        "5/6",
        "1/12",
        "2/12",
        "3/12",
        "4/12",
        "5/12",
        "6/12",
        "7/12",
        "8/12",
        "9/12",
        "10/12",
        "11/12",
        "full"
      ],
      "screen": {
        "b_screen-10": "b_screen-10",
        "b_screen-20": "b_screen-20",
        "b_screen-30": "b_screen-30",
        "b_screen-40": "b_screen-40",
        "b_screen-50": "b_screen-50",
        "b_screen-60": "b_screen-60",
        "b_screen-70": "b_screen-70",
        "b_screen-80": "b_screen-80",
        "b_screen-90": "b_screen-90",
        "b_screen-100": "b_screen-100"
      },
      "clamp": {
        "b_clamp-0": "0px",
        "b_clamp-1": "clamp(16px, 1vw, 32px)",
        "b_clamp-2": "clamp(32px, 1vw, 48px)",
        "b_clamp-3": "clamp(40px, 1vw, 50px)",
        "b_clamp-4": "clamp(64px, 1vw, 80px)",
        "b_clamp-5": "clamp(128px, 1vw, 144px)",
        "b_clamp-6": "clamp(144px, 1vw, 164px)",
        "b_clamp-8": "clamp(16px, 1vw, 32px)",
        "b_clamp-9": "clamp(16px, 1vw, 32px)",
        "b_clamp-10": "clamp(16px, 1vw, 32px)"
      },
      "grid": {
        "b_0": "0rem",
        "b_1": "0.0625rem",
        "b_2": "0.125rem",
        "b_4": "0.25rem",
        "b_6": "0.375rem",
        "b_8": "0.5rem",
        "b_10": "0.625rem",
        "b_12": "0.75rem",
        "b_14": "0.875rem",
        "b_18": "1.125rem",
        "b_20": "1.25rem",
        "b_22": "1.375rem",
        "b_24": "1.5rem",
        "b_32": "2rem",
        "b_16": "1rem",
        "b_48": "3rem",
        "b_64": "4rem",
        "b_80": "5rem",
        "b_96": "6rem",
        "b_112": "7rem",
        "b_128": "8rem",
        "b_144": "9rem",
        "b_160": "10rem",
        "b_176": "11rem",
        "b_192": "12rem",
        "b_208": "13rem",
        "b_224": "14rem",
        "b_240": "15rem",
        "b_256": "16rem",
        "b_272": "17rem",
        "b_288": "18rem",
        "b_304": "19rem",
        "b_320": "20rem",
        "b_336": "21rem",
        "b_352": "22rem",
        "b_368": "23rem",
        "b_384": "24rem",
        "b_400": "25rem",
        "b_416": "26rem",
        "b_432": "27rem",
        "b_448": "28rem",
        "b_464": "29rem",
        "b_480": "30rem",
        "b_496": "31rem",
        "b_512": "32rem",
        "b_528": "33rem",
        "b_544": "34rem",
        "b_560": "35rem",
        "b_576": "36rem",
        "b_592": "37rem",
        "b_608": "38rem",
        "b_624": "39rem",
        "b_640": "40rem",
        "b_656": "41rem",
        "b_672": "42rem",
        "b_688": "43rem",
        "b_704": "44rem",
        "b_720": "45rem",
        "b_736": "46rem",
        "b_752": "47rem",
        "b_768": "48rem",
        "b_784": "49rem",
        "b_800": "50rem",
        "b_816": "51rem",
        "b_832": "52rem",
        "b_848": "53rem",
        "b_864": "54rem",
        "b_880": "55rem",
        "b_896": "56rem",
        "b_912": "57rem",
        "b_928": "58rem",
        "b_944": "59rem",
        "b_960": "60rem",
        "b_976": "61rem",
        "b_992": "62rem",
        "b_1008": "63rem",
        "b_1024": "64rem",
        "b_1040": "65rem",
        "b_1056": "66rem",
        "b_1072": "67rem",
        "b_1088": "68rem",
        "b_1104": "69rem",
        "b_1120": "70rem",
        "b_1136": "71rem",
        "b_1152": "72rem",
        "b_1168": "73rem",
        "b_1184": "74rem",
        "b_1200": "75rem",
        "b_1216": "76rem",
        "b_1232": "77rem",
        "b_1248": "78rem",
        "b_1264": "79rem"
      }
    },
    "spacingArea": []
  }
}