@okshaun/components 1.0.2 → 2.0.1

package/dist/panda.buildinfo.json

@@ -0,0 +1,696 @@
+{
+  "schemaVersion": "1.8.1",
+  "styles": {
+    "atomic": [
+      "display]___[value:grid",
+      "gridTemplateColumns]___[value:1fr 3fr",
+      "gap]___[value:40",
+      "width]___[value:full",
+      "borderTopWidth]___[value:1",
+      "borderTopStyle]___[value:solid",
+      "borderColor]___[value:border",
+      "paddingBlock]___[value:24",
+      "paddingBottom]___[value:96",
+      "display]___[value:flex",
+      "paddingBlock]___[value:4",
+      "background]___[value:surface.sunken",
+      "marginBottom]___[value:56",
+      "position]___[value:sticky",
+      "top]___[value:0",
+      "zIndex]___[value:1000",
+      "boxShadow]___[value:elevated",
+      "position]___[value:relative",
+      "width]___[value:100%",
+      "maxWidth]___[value:5xl",
+      "marginInline]___[value:auto",
+      "paddingInline]___[value:24",
+      "paddingInline]___[value:32]___[cond:md",
+      "paddingInline]___[value:48]___[cond:lg",
+      "alignItems]___[value:center",
+      "justifyContent]___[value:space-between",
+      "gap]___[value:8px",
+      "flexDirection]___[value:row",
+      "alignItems]___[value:flex-start",
+      "letterSpacing]___[value:widest",
+      "textTransform]___[value:uppercase",
+      "fontWeight]___[value:bold",
+      "flexDirection]___[value:column",
+      "gap]___[value:8",
+      "gap]___[value:24",
+      "gap]___[value:10",
+      "paddingInlineStart]___[value:2",
+      "paddingInlineEnd]___[value:2",
+      "paddingInlineStart]___[value:3",
+      "paddingInlineEnd]___[value:3",
+      "paddingInlineStart]___[value:5",
+      "paddingInlineEnd]___[value:5",
+      "paddingInlineStart]___[value:7",
+      "paddingInlineEnd]___[value:7",
+      "padding]___[value:16",
+      "cursor]___[value:pointer",
+      "transition]___[value:all",
+      "background]___[value:surface]___[cond:_hover",
+      "boxShadow]___[value:elevated]___[cond:_hover",
+      "background]___[value:surface]___[cond:_focusVisible",
+      "boxShadow]___[value:elevated]___[cond:_focusVisible",
+      "borderWidth]___[value:1]___[cond:_focusVisible",
+      "outlineColor]___[value:border.focused]___[cond:_focusVisible",
+      "borderColor]___[value:border.focused]___[cond:_focusVisible",
+      "boxShadow]___[value:raised]___[cond:_disabled<___>_hover",
+      "boxShadow]___[value:none]___[cond:_disabled<___>_hover",
+      "textAlign]___[value:left",
+      "width]___[value:280",
+      "width]___[value:xs",
+      "marginTop]___[value:12",
+      "padding]___[value:12",
+      "borderRadius]___[value:8",
+      "marginTop]___[value:8",
+      "fontSize]___[value:14",
+      "color]___[value:text.subtlest",
+      "color]___[value:text.brand",
+      "marginBottom]___[value:8",
+      "fontWeight]___[value:medium",
+      "paddingInlineStart]___[value:[calc({sizes.24} + {sizes.2})]",
+      "paddingInlineEnd]___[value:[calc({sizes.24} + {sizes.2})]",
+      "paddingInlineStart]___[value:[calc({sizes.24} + {sizes.7})]",
+      "paddingInlineEnd]___[value:[calc({sizes.24} + {sizes.7})]",
+      "paddingInlineStart]___[value:[calc({sizes.24} + {sizes.10})]",
+      "paddingInlineEnd]___[value:[calc({sizes.24} + {sizes.10})]",
+      "paddingInlineStart]___[value:[calc({sizes.32} + {sizes.10})]",
+      "paddingInlineEnd]___[value:[calc({sizes.32} + {sizes.10})]",
+      "paddingInlineStart]___[value:9",
+      "paddingInlineEnd]___[value:9",
+      "gap]___[value:4",
+      "gap]___[value:6",
+      "gap]___[value:2",
+      "gap]___[value:3",
+      "marginLeft]___[value:-8",
+      "marginLeft]___[value:0",
+      "width]___[value:80",
+      "fontWeight]___[value:500",
+      "fontWeight]___[value:600",
+      "fontSize]___[value:12",
+      "color]___[value:text",
+      "color]___[value:text.subtle",
+      "alignItems]___[value:baseline",
+      "background]___[value:bg.success.bold",
+      "background]___[value:bg.danger.bold",
+      "background]___[value:bg.neutral.bold",
+      "background]___[value:bg.brand.bold",
+      "color]___[value:icon.inverse",
+      "opacity]___[value:1",
+      "opacity]___[value:0",
+      "fill]___[value:icon.inverse",
+      "gap]___[value:16",
+      "gap]___[value:12",
+      "minWidth]___[value:16",
+      "height]___[value:fit",
+      "minWidth]___[value:20",
+      "minWidth]___[value:24",
+      "marginInline]___[value:16",
+      "width]___[value:fit",
+      "flexWrap]___[value:wrap",
+      "gap]___[value:1",
+      "color]___[value:text.muted",
+      "textStyle]___[value:mono.xs",
+      "gridTemplateColumns]___[value:auto auto auto",
+      "animationName]___[value:badgePop",
+      "animationDuration]___[value:normal",
+      "animationTimingFunction]___[value:default",
+      "animationName]___[value:badgePopStandalone",
+      "borderWidth]___[value:1",
+      "maxWidth]___[value:prose",
+      "background]___[value:bg.neutral.subtle",
+      "color]___[value:link",
+      "textDecoration]___[value:underline",
+      "maxWidth]___[value:sm",
+      "appearance]___[value:bold",
+      "background]___[value:bg.neutral",
+      "color]___[value:text.inverse",
+      "background]___[value:bg.neutral.boldest",
+      "color]___[value:red.70",
+      "color]___[value:red.20]___[cond:_dark",
+      "background]___[value:red.20",
+      "background]___[value:red.100]___[cond:_dark",
+      "color]___[value:red.10",
+      "color]___[value:red.100]___[cond:_dark",
+      "background]___[value:red.60",
+      "background]___[value:red.40]___[cond:_dark",
+      "color]___[value:orange.70",
+      "color]___[value:orange.20]___[cond:_dark",
+      "background]___[value:orange.20",
+      "background]___[value:orange.100]___[cond:_dark",
+      "color]___[value:orange.10",
+      "color]___[value:orange.100]___[cond:_dark",
+      "background]___[value:orange.60",
+      "background]___[value:orange.50]___[cond:_dark",
+      "color]___[value:yellow.80",
+      "color]___[value:yellow.50]___[cond:_dark",
+      "background]___[value:yellow.20",
+      "background]___[value:yellow.90]___[cond:_dark",
+      "color]___[value:yellow.100",
+      "color]___[value:yellow.100]___[cond:_dark",
+      "background]___[value:yellow.40",
+      "background]___[value:yellow.60]___[cond:_dark",
+      "color]___[value:lime.70",
+      "color]___[value:lime.20]___[cond:_dark",
+      "background]___[value:lime.20",
+      "background]___[value:lime.90]___[cond:_dark",
+      "color]___[value:lime.10",
+      "color]___[value:lime.100]___[cond:_dark",
+      "background]___[value:lime.60",
+      "background]___[value:lime.40]___[cond:_dark",
+      "color]___[value:green.70",
+      "color]___[value:green.20]___[cond:_dark",
+      "background]___[value:green.20",
+      "background]___[value:green.90]___[cond:_dark",
+      "color]___[value:gray.10",
+      "color]___[value:green.100]___[cond:_dark",
+      "background]___[value:green.70",
+      "background]___[value:green.40]___[cond:_dark",
+      "color]___[value:teal.80",
+      "color]___[value:teal.20]___[cond:_dark",
+      "background]___[value:teal.20",
+      "background]___[value:teal.90]___[cond:_dark",
+      "color]___[value:teal.10",
+      "color]___[value:teal.100]___[cond:_dark",
+      "background]___[value:teal.60",
+      "background]___[value:teal.50]___[cond:_dark",
+      "color]___[value:blue.70",
+      "color]___[value:blue.20]___[cond:_dark",
+      "background]___[value:blue.20",
+      "background]___[value:blue.90]___[cond:_dark",
+      "color]___[value:blue.10",
+      "color]___[value:blue.10]___[cond:_dark",
+      "background]___[value:blue.50",
+      "background]___[value:blue.70]___[cond:_dark",
+      "color]___[value:indigo.70",
+      "color]___[value:indigo.20]___[cond:_dark",
+      "background]___[value:indigo.20",
+      "background]___[value:indigo.90]___[cond:_dark",
+      "color]___[value:indigo.10",
+      "color]___[value:indigo.10]___[cond:_dark",
+      "background]___[value:indigo.60",
+      "background]___[value:indigo.70]___[cond:_dark",
+      "color]___[value:purple.70",
+      "color]___[value:purple.20]___[cond:_dark",
+      "background]___[value:purple.20",
+      "background]___[value:purple.90]___[cond:_dark",
+      "color]___[value:purple.10",
+      "color]___[value:purple.10]___[cond:_dark",
+      "background]___[value:purple.60",
+      "background]___[value:purple.80]___[cond:_dark",
+      "color]___[value:magenta.80",
+      "color]___[value:magenta.20]___[cond:_dark",
+      "background]___[value:magenta.20",
+      "background]___[value:magenta.90]___[cond:_dark",
+      "color]___[value:magenta.10",
+      "color]___[value:magenta.10]___[cond:_dark",
+      "background]___[value:magenta.70",
+      "background]___[value:magenta.70]___[cond:_dark",
+      "color]___[value:tan.70",
+      "color]___[value:tan.20]___[cond:_dark",
+      "background]___[value:tan.20",
+      "background]___[value:tan.80]___[cond:_dark",
+      "color]___[value:tan.90]___[cond:_dark",
+      "background]___[value:tan.60",
+      "background]___[value:tan.40]___[cond:_dark",
+      "gap]___[value:56",
+      "justifyContent]___[value:flex-end",
+      "textStyle]___[value:mono.md",
+      "marginRight]___[value:16",
+      "textStyle]___[value:heading.sm",
+      "gridColumn]___[value:1 / -1",
+      "gridTemplateColumns]___[value:auto 1fr",
+      "columnGap]___[value:12",
+      "rowGap]___[value:32",
+      "gap]___[value:0",
+      "justifyContent]___[value:center",
+      "padding]___[value:40",
+      "overflow]___[value:hidden",
+      "gridTemplateColumns]___[value:repeat(3, 1fr)",
+      "width]___[value:4xl",
+      "color]___[value:blue.50",
+      "aspectRatio]___[value:wide",
+      "background]___[value:blue.60",
+      "width]___[value:64",
+      "height]___[value:64",
+      "borderRadius]___[value:100",
+      "flexShrink]___[value:0",
+      "marginTop]___[value:16",
+      "padding]___[value:24",
+      "background]___[value:bg.accent.tan.subtlest",
+      "display]___[value:inline-flex",
+      "paddingLeft]___[value:24",
+      "paddingInlineStart]___[value:4",
+      "paddingInlineEnd]___[value:4",
+      "gap]___[value:20",
+      "maxWidth]___[value:md",
+      "gridTemplateColumns]___[value:auto auto",
+      "maxWidth]___[value:lg",
+      "maxWidth]___[value:2xl",
+      "background]___[value:transparent",
+      "flex]___[value:1",
+      "textAlign]___[value:center",
+      "userSelect]___[value:none",
+      "display]___[value:contents",
+      "color]___[value:text.disabled",
+      "color]___[value:text.placeholder",
+      "width]___[value:md",
+      "height]___[value:96",
+      "padding]___[value:80",
+      "transitionProperty]___[value:transform",
+      "transitionDuration]___[value:normal",
+      "transitionTimingFunction]___[value:default",
+      "transform]___[value:rotate(180deg)]___[cond:&[data-open=\"true\"]",
+      "offset]___[value:4",
+      "maxWidth]___[value:xl",
+      "color]___[value:text.danger",
+      "textStyle]___[value:body.xs",
+      "lineHeight]___[value:tight",
+      "gridColumn]___[value:2 / 3",
+      "fill]___[value:icon.decorative.subtle",
+      "alignItems]___[value:start",
+      "gap]___[value:32",
+      "maxWidth]___[value:6xl",
+      "paddingBlock]___[value:20",
+      "paddingInline]___[value:8",
+      "borderRadius]___[value:4",
+      "color]___[value:text.success",
+      "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))",
+      "gridTemplateColumns]___[value:repeat(4, minmax(0, 1fr))]___[cond:md",
+      "justifyContent]___[value:start",
+      "paddingInline]___[value:12",
+      "paddingBlock]___[value:12",
+      "zIndex]___[value:1",
+      "top]___[value:28",
+      "boxShadow]___[value:raised",
+      "marginRight]___[value:auto",
+      "color]___[value:text.accent.gold",
+      "fill]___[value:icon.success",
+      "fill]___[value:icon.danger",
+      "gap]___[value:14",
+      "fill]___[value:link",
+      "minWidth]___[value:2xs",
+      "minWidth]___[value:lg",
+      "marginRight]___[value:4",
+      "marginLeft]___[value:auto",
+      "width]___[value:264",
+      "maxWidth]___[value:264",
+      "minWidth]___[value:180",
+      "minWidth]___[value:248",
+      "justifyItems]___[value:end",
+      "alignItems]___[value:stretch",
+      "minWidth]___[value:3xl",
+      "height]___[value:2xl",
+      "background]___[value:surface",
+      "paddingBlock]___[value:16",
+      "height]___[value:lg",
+      "boxShadow]___[value:overlay",
+      "textStyle]___[value:body.sm",
+      "fill]___[value:icon",
+      "textStyle]___[value:heading.xs",
+      "textStyle]___[value:mono.sm",
+      "gridTemplateColumns]___[value:1fr auto 1fr",
+      "marginInline]___[value:8",
+      "marginBlock]___[value:12",
+      "fill]___[value:icon.decorative",
+      "textStyle]___[value:heading.xs]___[cond:sm",
+      "width]___[value:sm",
+      "height]___[value:120",
+      "maxWidth]___[value:xs",
+      "fill]___[value:current",
+      "color]___[value:inherit",
+      "color]___[value:success.default",
+      "color]___[value:error.default",
+      "lineHeight]___[value:default",
+      "maxWidth]___[value:3xl",
+      "width]___[value:184",
+      "width]___[value:224",
+      "lineHeight]___[value:none",
+      "fill]___[value:var(--oks-colors-bg-neutral-inverse)",
+      "width]___[value:32",
+      "height]___[value:32",
+      "border]___[value:default",
+      "backgroundColor]___[value:blue.50",
+      "borderColor]___[value:blue.60",
+      "borderLeftRadius]___[value:3",
+      "borderRightRadius]___[value:3",
+      "maxWidth]___[value:full",
+      "hyphens]___[value:auto",
+      "whiteSpace]___[value:nowrap",
+      "padding]___[value:2",
+      "borderRadius]___[value:2",
+      "gridTemplateColumns]___[value:auto",
+      "columnGap]___[value:16",
+      "rowGap]___[value:0",
+      "gridAutoFlow]___[value:column",
+      "gridTemplateRows]___[value:auto",
+      "paddingBlock]___[value:2",
+      "paddingInline]___[value:4",
+      "borderColor]___[value:transparent",
+      "borderStyle]___[value:dashed",
+      "borderColor]___[value:border]___[cond:_utility",
+      "background]___[value:bg.accent.neutral.subtlest]___[cond:_utility",
+      "height]___[value:8",
+      "background]___[value:bg.accent.blue",
+      "textStyle]___[value:body.lg",
+      "display]___[value:inline-block",
+      "marginBottom]___[value:4",
+      "marginBottom]___[value:16",
+      "marginBottom]___[value:12",
+      "fontFamily]___[value:mono",
+      "whiteSpace]___[value:pre-wrap",
+      "color]___[value:border",
+      "marginBlock]___[value:32",
+      "gridTemplateColumns]___[value:repeat(1, minmax(0, 1fr))",
+      "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))]___[cond:md",
+      "fill]___[value:icon.info",
+      "borderRadius]___[value:16",
+      "background]___[value:bg.surface.subtle",
+      "color]___[value:border.disabled",
+      "marginBlock]___[value:24",
+      "textStyle]___[value:mono.lg",
+      "marginBottom]___[value:32",
+      "color]___[value:transparent",
+      "marginBottom]___[value:48",
+      "marginBlock]___[value:48",
+      "textStyle]___[value:body-lg",
+      "borderLeftWidth]___[value:4",
+      "borderLeftColor]___[value:slate.20",
+      "borderLeftStyle]___[value:solid",
+      "marginBlock]___[value:8",
+      "marginBlock]___[value:16",
+      "gridTemplateColumns]___[value:repeat(3, minmax(0, 1fr))",
+      "listStyleType]___[value:disc",
+      "paddingBlock]___[value:8",
+      "paddingInline]___[value:16",
+      "background]___[value:warning.lighter",
+      "color]___[value:warning.dark",
+      "width]___[value:fit-content",
+      "listStyleType]___[value:decimal",
+      "gridTemplateColumns]___[value:repeat(3, minmax(0, 1fr))]___[cond:md",
+      "padding]___[value:8",
+      "gridColumn]___[value:span 3",
+      "gridTemplateColumns]___[value:auto auto 1fr",
+      "rowGap]___[value:16",
+      "gridTemplateColumns]___[value:minmax(auto, 120px) repeat(auto-fill, minmax(min(220px, 100%), 1fr))",
+      "columnGap]___[value:40",
+      "gridAutoRows]___[value:auto",
+      "gridTemplateColumns]___[value:subgrid",
+      "gridColumn]___[value:2 / -1",
+      "gridColumnStart]___[value:2",
+      "marginTop]___[value:4",
+      "textAlign]___[value:right",
+      "containerType]___[value:inline-size",
+      "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))]___[cond:@/2xl",
+      "minHeight]___[value:120",
+      "maxHeight]___[value:240",
+      "overflowY]___[value:auto",
+      "zIndex]___[value:0",
+      "gridTemplateColumns]___[value:1fr 1fr",
+      "columnGap]___[value:0",
+      "rowGap]___[value:40",
+      "gridTemplateRows]___[value:repeat(5, auto)",
+      "gridTemplateRows]___[value:subgrid",
+      "gridRow]___[value:1 / -1",
+      "borderLeftRadius]___[value:16",
+      "placeContent]___[value:center",
+      "background]___[value:surface.raised",
+      "boxShadow]___[value:zero",
+      "borderRightRadius]___[value:16",
+      "boxShadow]___[value:overflow",
+      "width]___[value:auto",
+      "maxWidth]___[value:4xl",
+      "overflow]___[value:visible",
+      "background]___[value:bg.accent.neutral.subtlest",
+      "width]___[value:half",
+      "width]___[value:min",
+      "width]___[value:max",
+      "width]___[value:prose",
+      "gridTemplateColumns]___[value:repeat(3, auto)",
+      "rowGap]___[value:8",
+      "gridTemplateRows]___[value:repeat(8, 1fr)",
+      "flexGrow]___[value:0",
+      "fontSize]___[value:16",
+      "fontSize]___[value:20",
+      "fontSize]___[value:24",
+      "fontSize]___[value:32",
+      "fontSize]___[value:40",
+      "fontSize]___[value:48",
+      "fontSize]___[value:64",
+      "fontSize]___[value:72",
+      "fontSize]___[value:80",
+      "fontSize]___[value:96",
+      "fontWeight]___[value:light",
+      "fontWeight]___[value:normal",
+      "fontWeight]___[value:black",
+      "lineHeight]___[value:loose",
+      "letterSpacing]___[value:tighter",
+      "letterSpacing]___[value:tight",
+      "letterSpacing]___[value:normal",
+      "letterSpacing]___[value:wide",
+      "letterSpacing]___[value:wider"
+    ],
+    "recipes": {
+      "text": [
+        "family]___[value:body]___[recipe:text",
+        "size]___[value:16]___[recipe:text",
+        "family]___[value:inherit]___[recipe:text",
+        "allCaps]___[value:true]___[recipe:text",
+        "size]___[value:14]___[recipe:text",
+        "size]___[value:12]___[recipe:text",
+        "size]___[value:24]___[recipe:text",
+        "weight]___[value:bold]___[recipe:text",
+        "family]___[value:mono]___[recipe:text",
+        "size]___[value:32]___[recipe:text",
+        "weight]___[value:black]___[recipe:text"
+      ],
+      "themeSwitcher": [],
+      "heading": [
+        "level]___[value:h2]___[recipe:heading",
+        "level]___[value:h3]___[recipe:heading",
+        "level]___[value:h4]___[recipe:heading",
+        "level]___[value:h1]___[recipe:heading",
+        "allCaps]___[value:true]___[recipe:heading"
+      ],
+      "button": [
+        "variant]___[value:primary]___[recipe:button",
+        "size]___[value:md]___[recipe:button",
+        "variant]___[value:default]___[recipe:button",
+        "variant]___[value:hollow]___[recipe:button",
+        "variant]___[value:ghost]___[recipe:button",
+        "variant]___[value:selected]___[recipe:button",
+        "variant]___[value:danger]___[recipe:button",
+        "size]___[value:lg]___[recipe:button",
+        "iconBefore]___[value:arrow-left]___[recipe:button",
+        "size]___[value:sm]___[recipe:button",
+        "iconAfter]___[value:arrow-right]___[recipe:button",
+        "size]___[value:xl]___[recipe:button",
+        "iconBefore]___[value:alarm]___[recipe:button",
+        "iconBefore]___[value:plus]___[recipe:button",
+        "iconBefore]___[value:timer]___[recipe:button",
+        "variant]___[value:selectedBold]___[recipe:button",
+        "iconBefore]___[value:calendar]___[recipe:button",
+        "iconBefore]___[value:info]___[recipe:button",
+        "iconBefore]___[value:trash]___[recipe:button",
+        "iconAfter]___[value:send]___[recipe:button",
+        "iconAfter]___[value:arrow-square-out]___[recipe:button",
+        "iconAfter]___[value:download]___[recipe:button",
+        "iconAfter]___[value:scale]___[recipe:button",
+        "iconAfter]___[value:screwdriver]___[recipe:button",
+        "iconBefore]___[value:edit]___[recipe:button",
+        "iconAfter]___[value:caret-down]___[recipe:button"
+      ],
+      "iconButton": [
+        "variant]___[value:ghost]___[recipe:iconButton",
+        "size]___[value:md]___[recipe:iconButton",
+        "variant]___[value:primary]___[recipe:iconButton",
+        "size]___[value:lg]___[recipe:iconButton",
+        "variant]___[value:hollow]___[recipe:iconButton",
+        "size]___[value:sm]___[recipe:iconButton",
+        "variant]___[value:default]___[recipe:iconButton",
+        "variant]___[value:selected]___[recipe:iconButton",
+        "variant]___[value:danger]___[recipe:iconButton",
+        "variant]___[value:selectedBold]___[recipe:iconButton",
+        "size]___[value:xl]___[recipe:iconButton"
+      ],
+      "card": [
+        "variant]___[value:default]___[recipe:card",
+        "variant]___[value:flat]___[recipe:card",
+        "variant]___[value:sunken]___[recipe:card",
+        "variant]___[value:ghost]___[recipe:card",
+        "variant]___[value:overlay]___[recipe:card",
+        "interactive]___[value:true]___[recipe:card"
+      ],
+      "box": [],
+      "menu": [
+        "density]___[value:compact]___[recipe:menu",
+        "density]___[value:comfortable]___[recipe:menu",
+        "density]___[value:spacious]___[recipe:menu",
+        "panel]___[value:true]___[recipe:menu"
+      ],
+      "textInput": [
+        "size]___[value:md]___[recipe:textInput",
+        "size]___[value:lg]___[recipe:textInput",
+        "iconBefore]___[value:search]___[recipe:textInput",
+        "iconBefore]___[value:user]___[recipe:textInput",
+        "iconBefore]___[value:envelope]___[recipe:textInput",
+        "iconBefore]___[value:lock]___[recipe:textInput",
+        "iconAfter]___[value:check]___[recipe:textInput",
+        "iconAfter]___[value:at]___[recipe:textInput",
+        "size]___[value:sm]___[recipe:textInput",
+        "autoSize]___[value:true]___[recipe:textInput",
+        "size]___[value:xl]___[recipe:textInput",
+        "autoSize]___[value:false]___[recipe:textInput"
+      ],
+      "list": [],
+      "listItem": [
+        "variant]___[value:default]___[recipe:listItem",
+        "density]___[value:compact]___[recipe:listItem",
+        "selected]___[value:false]___[recipe:listItem",
+        "variant]___[value:checkbox]___[recipe:listItem",
+        "variant]___[value:toggle]___[recipe:listItem",
+        "selected]___[value:0]___[recipe:listItem",
+        "iconAfter]___[value:arrow-right]___[recipe:listItem",
+        "iconAfter]___[value:user]___[recipe:listItem",
+        "iconAfter]___[value:arrow-square-out]___[recipe:listItem",
+        "iconAfter]___[value:true]___[recipe:listItem"
+      ],
+      "avatar": [
+        "size]___[value:xs]___[recipe:avatar",
+        "shape]___[value:circle]___[recipe:avatar",
+        "size]___[value:sm]___[recipe:avatar",
+        "size]___[value:md]___[recipe:avatar",
+        "size]___[value:lg]___[recipe:avatar",
+        "size]___[value:xl]___[recipe:avatar",
+        "size]___[value:2xl]___[recipe:avatar",
+        "shape]___[value:square]___[recipe:avatar",
+        "shape]___[value:hexagon]___[recipe:avatar",
+        "size]___[value:lx]___[recipe:avatar"
+      ],
+      "icon": [],
+      "badge": [
+        "size]___[value:sm]___[recipe:badge",
+        "variant]___[value:danger]___[recipe:badge",
+        "size]___[value:md]___[recipe:badge",
+        "size]___[value:lg]___[recipe:badge",
+        "variant]___[value:neutral]___[recipe:badge",
+        "variant]___[value:subtle]___[recipe:badge",
+        "variant]___[value:inverse]___[recipe:badge",
+        "variant]___[value:bold]___[recipe:badge",
+        "variant]___[value:success]___[recipe:badge",
+        "variant]___[value:warning]___[recipe:badge",
+        "variant]___[value:info]___[recipe:badge"
+      ],
+      "link": [
+        "family]___[value:inherit]___[recipe:link",
+        "family]___[value:body]___[recipe:link",
+        "size]___[value:16]___[recipe:link",
+        "family]___[value:mono]___[recipe:link",
+        "size]___[value:14]___[recipe:link",
+        "size]___[value:sm]___[recipe:link"
+      ],
+      "breadcrumbs": [],
+      "tag": [
+        "variant]___[value:default]___[recipe:tag",
+        "hue]___[value:red]___[recipe:tag",
+        "hue]___[value:blue]___[recipe:tag",
+        "hue]___[value:teal]___[recipe:tag",
+        "hue]___[value:green]___[recipe:tag",
+        "hue]___[value:lime]___[recipe:tag",
+        "hue]___[value:yellow]___[recipe:tag",
+        "hue]___[value:orange]___[recipe:tag",
+        "hue]___[value:gray]___[recipe:tag",
+        "variant]___[value:bold]___[recipe:tag",
+        "iconBefore]___[value:check]___[recipe:tag",
+        "iconBefore]___[value:warning]___[recipe:tag",
+        "iconBefore]___[value:info]___[recipe:tag",
+        "iconAfter]___[value:star]___[recipe:tag",
+        "hue]___[value:magenta]___[recipe:tag",
+        "iconAfter]___[value:tag]___[recipe:tag",
+        "hue]___[value:indigo]___[recipe:tag",
+        "iconAfter]___[value:flag]___[recipe:tag",
+        "iconBefore]___[value:error]___[recipe:tag",
+        "hue]___[value:purple]___[recipe:tag"
+      ],
+      "divider": [
+        "direction]___[value:horizontal]___[recipe:divider",
+        "weight]___[value:thin]___[recipe:divider",
+        "weight]___[value:medium]___[recipe:divider",
+        "weight]___[value:thick]___[recipe:divider",
+        "weight]___[value:thicker]___[recipe:divider",
+        "direction]___[value:vertical]___[recipe:divider"
+      ],
+      "spinner": [
+        "size]___[value:md]___[recipe:spinner",
+        "inverse]___[value:primary]___[recipe:spinner",
+        "size]___[value:sm]___[recipe:spinner",
+        "centered]___[value:true]___[recipe:spinner",
+        "size]___[value:xs]___[recipe:spinner",
+        "size]___[value:lg]___[recipe:spinner",
+        "inverse]___[value:true]___[recipe:spinner"
+      ],
+      "checkboxInput": [],
+      "label": [
+        "family]___[value:sans]___[recipe:label"
+      ],
+      "checkbox": [],
+      "chip": [
+        "size]___[value:md]___[recipe:chip",
+        "size]___[value:sm]___[recipe:chip",
+        "size]___[value:lg]___[recipe:chip",
+        "before]___[value:multi]___[recipe:chip"
+      ],
+      "code": [],
+      "pre": [],
+      "datePicker": [
+        "size]___[value:md]___[recipe:datePicker",
+        "size]___[value:sm]___[recipe:datePicker",
+        "size]___[value:lg]___[recipe:datePicker"
+      ],
+      "formField": [
+        "layout]___[value:default]___[recipe:formField",
+        "size]___[value:md]___[recipe:formField",
+        "layout]___[value:inline]___[recipe:formField"
+      ],
+      "tooltip": [
+        "size]___[value:md]___[recipe:tooltip",
+        "hasTitle]___[value:false]___[recipe:tooltip",
+        "size]___[value:sm]___[recipe:tooltip",
+        "size]___[value:lg]___[recipe:tooltip"
+      ],
+      "listItemGroup": [
+        "density]___[value:compact]___[recipe:listItemGroup"
+      ],
+      "toggle": [],
+      "highlightText": [],
+      "modal": [
+        "variant]___[value:default]___[recipe:modal",
+        "size]___[value:md]___[recipe:modal",
+        "size]___[value:sm]___[recipe:modal",
+        "size]___[value:lg]___[recipe:modal",
+        "size]___[value:xl]___[recipe:modal",
+        "size]___[value:full]___[recipe:modal",
+        "size]___[value:mobile]___[recipe:modal",
+        "variant]___[value:confirmation]___[recipe:modal"
+      ],
+      "textarea": [
+        "size]___[value:md]___[recipe:textarea",
+        "size]___[value:sm]___[recipe:textarea",
+        "autoSize]___[value:true]___[recipe:textarea",
+        "size]___[value:lg]___[recipe:textarea",
+        "autoSize]___[value:false]___[recipe:textarea"
+      ],
+      "radioInput": [],
+      "radio": [],
+      "select": [
+        "size]___[value:md]___[recipe:select"
+      ],
+      "timePicker": [
+        "size]___[value:md]___[recipe:timePicker"
+      ],
+      "toggleInput": []
+    }
+  }
+}