cetec-design-system 2.2.2-next.0 → 3.0.0

package/dist/panda.buildinfo.json

@@ -40,6 +40,16 @@
       "gap]___[value:10",
       "padding]___[value:16",
       "textAlign]___[value:left",
+      "width]___[value:xs",
+      "width]___[value:sm",
+      "width]___[value:224",
+      "gap]___[value:12",
+      "color]___[value:text.subtle",
+      "width]___[value:md",
+      "background]___[value:bg.neutral.hovered",
+      "fill]___[value:icon",
+      "fill]___[value:icon.subtlest",
+      "display]___[value:block",
       "gap]___[value:4",
       "gap]___[value:6",
       "gap]___[value:2",
@@ -60,7 +70,6 @@
       "color]___[value:text.bold]___[cond:_after",
       "fontWeight]___[value:bold]___[cond:_after",
       "color]___[value:text",
-      "color]___[value:text.subtle",
       "gap]___[value:16",
       "height]___[value:full",
       "placeContent]___[value:center",
@@ -74,8 +83,8 @@
       "fill]___[value:icon.inverse",
       "opacity]___[value:1",
       "opacity]___[value:0",
-      "gap]___[value:12",
       "marginInline]___[value:16",
+      "alignItems]___[value:start",
       "width]___[value:fit",
       "flexWrap]___[value:wrap",
       "gap]___[value:1",
@@ -243,6 +252,10 @@
       "justifyContent]___[value:flex-end",
       "width]___[value:280",
       "gap]___[value:0",
+      "color]___[value:text.subtlest",
+      "fontSize]___[value:14",
+      "fontVariantsProperty]___[value:mono",
+      "display]___[value:contents",
       "content]___[value:\"56\"]___[cond:_after",
       "content]___[value:\"40\"]___[cond:_after<___>xs",
       "content]___[value:\"24\"]___[cond:_after<___>sm",
@@ -250,8 +263,6 @@
       "content]___[value:\"sunken\"]___[cond:_after",
       "content]___[value:\"flat\"]___[cond:_after<___>xs",
       "content]___[value:\"default\"]___[cond:_after<___>sm",
-      "color]___[value:text.subtlest",
-      "fontSize]___[value:14",
       "justifyContent]___[value:center",
       "padding]___[value:40",
       "padding]___[value:56",
@@ -281,14 +292,9 @@
       "maxWidth]___[value:lg",
       "maxWidth]___[value:2xl",
       "background]___[value:transparent",
-      "flex]___[value:1",
-      "userSelect]___[value:none",
-      "display]___[value:contents",
-      "width]___[value:xs",
-      "color]___[value:text.disabled",
-      "color]___[value:text.placeholder",
-      "width]___[value:md",
       "height]___[value:96",
+      "padding]___[value:8",
+      "borderRadius]___[value:4",
       "maxWidth]___[value:xl",
       "color]___[value:text.danger",
       "fontSize]___[value:inherit",
@@ -297,7 +303,6 @@
       "gridColumn]___[value:2 / 3",
       "color]___[value:text.success",
       "fill]___[value:icon.decorative.subtle",
-      "alignItems]___[value:start",
       "fontSize]___[value:64",
       "fontSize]___[value:40]___[cond:xs",
       "fontSize]___[value:20]___[cond:sm",
@@ -317,7 +322,6 @@
       "maxWidth]___[value:6xl",
       "paddingBlock]___[value:20",
       "paddingInline]___[value:8",
-      "borderRadius]___[value:4",
       "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))",
       "gridTemplateColumns]___[value:repeat(4, minmax(0, 1fr))]___[cond:md",
       "justifyContent]___[value:start",
@@ -353,22 +357,14 @@
       "height]___[value:lg",
       "boxShadow]___[value:overlay",
       "textStyle]___[value:body.sm",
-      "fill]___[value:icon",
       "order]___[value:reference",
       "order]___[value:content]___[cond:xs",
       "pointerEvents]___[value:none",
-      "textStyle]___[value:heading.xs",
-      "fontWeight]___[value:semibold",
-      "gridTemplateColumns]___[value:1fr auto 1fr",
-      "marginInline]___[value:8",
-      "marginBlock]___[value:12",
-      "fill]___[value:icon.decorative",
-      "gap]___[value:3",
-      "padding]___[value:8",
       "textStyle]___[value:heading.xs]___[cond:sm",
+      "color]___[value:text.disabled",
+      "color]___[value:text.placeholder",
       "maxWidth]___[value:xs",
       "gridTemplateColumns]___[value:repeat(2, 1fr)",
-      "width]___[value:sm",
       "height]___[value:24",
       "height]___[value:40",
       "width]___[value:48",
@@ -382,18 +378,32 @@
       "width]___[value:40",
       "width]___[value:140",
       "width]___[value:100",
+      "gap]___[value:3",
       "background]___[value:bg.neutral.boldest",
       "height]___[value:120",
       "fill]___[value:current",
       "color]___[value:inherit",
+      "width]___[value:fit-content",
       "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(--cetec-colors-bg-neutral-inverse)",
+      "flex]___[value:1",
+      "minWidth]___[value:0",
+      "height]___[value:0",
+      "paddingTop]___[value:16",
+      "paddingBottom]___[value:16",
+      "width]___[value:lg",
+      "minWidth]___[value:216",
+      "flex]___[value:none",
+      "textStyle]___[value:heading.xs",
+      "fontWeight]___[value:semibold",
+      "gridTemplateColumns]___[value:1fr auto 1fr",
+      "marginInline]___[value:8",
+      "marginBlock]___[value:12",
+      "fill]___[value:icon.decorative",
       "width]___[value:32",
       "height]___[value:32",
       "border]___[value:default",
@@ -431,7 +441,7 @@
       "marginBlock]___[value:32",
       "gridTemplateColumns]___[value:repeat(1, minmax(0, 1fr))",
       "gridTemplateColumns]___[value:repeat(2, minmax(0, 1fr))]___[cond:md",
-      "color]___[value:icon.info",
+      "fill]___[value:icon.info",
       "borderRadius]___[value:16",
       "background]___[value:bg.surface.subtle",
       "color]___[value:border.disabled",
@@ -650,7 +660,6 @@
       "fontVariantsProperty]___[value:body",
       "fontVariantsProperty]___[value:body-casual",
       "fontVariantsProperty]___[value:body-casual-italic",
-      "fontVariantsProperty]___[value:mono",
       "fontVariantsProperty]___[value:mono-italic",
       "fontVariantsProperty]___[value:mono-casual",
       "fontVariantsProperty]___[value:mono-casual-italic",
@@ -662,10 +671,12 @@
         "size]___[value:16]___[recipe:text",
         "allCaps]___[value:true]___[recipe:text",
         "size]___[value:14]___[recipe:text",
-        "size]___[value:12]___[recipe:text",
         "weight]___[value:bold]___[recipe:text",
         "size]___[value:24]___[recipe:text",
         "family]___[value:mono]___[recipe:text",
+        "size]___[value:12]___[recipe:text",
+        "underline]___[value:true]___[recipe:text",
+        "dashedUnderline]___[value:true]___[recipe:text",
         "size]___[value:32]___[recipe:text",
         "weight]___[value:black]___[recipe:text",
         "truncate]___[value:true]___[recipe:text",
@@ -903,52 +914,198 @@
         "variant]___[value:overlay]___[cond:2xl]___[recipe:card"
       ],
       "box": [],
-      "avatar": [
-        "size]___[value:sm]___[recipe:avatar",
-        "shape]___[value:circle]___[recipe:avatar",
-        "size]___[value:md]___[recipe:avatar",
-        "size]___[value:lg]___[recipe:avatar",
-        "size]___[value:xl]___[recipe:avatar",
-        "size]___[value:2xl]___[recipe:avatar",
-        "size]___[value:3xl]___[recipe:avatar",
-        "shape]___[value:square]___[recipe:avatar",
-        "shape]___[value:hexagon]___[recipe:avatar",
-        "size]___[value:2xl]___[cond:xs]___[recipe:avatar",
-        "size]___[value:xl]___[cond:sm]___[recipe:avatar",
-        "size]___[value:lg]___[cond:md]___[recipe:avatar",
-        "size]___[value:md]___[cond:lg]___[recipe:avatar",
-        "size]___[value:sm]___[cond:xl]___[recipe:avatar",
-        "size]___[value:sm]___[cond:xs]___[recipe:avatar",
-        "size]___[value:sm]___[cond:sm]___[recipe:avatar",
-        "size]___[value:sm]___[cond:md]___[recipe:avatar",
-        "size]___[value:sm]___[cond:lg]___[recipe:avatar",
-        "size]___[value:sm]___[cond:2xl]___[recipe:avatar",
-        "size]___[value:md]___[cond:xs]___[recipe:avatar",
-        "size]___[value:md]___[cond:sm]___[recipe:avatar",
-        "size]___[value:md]___[cond:md]___[recipe:avatar",
-        "size]___[value:md]___[cond:xl]___[recipe:avatar",
-        "size]___[value:md]___[cond:2xl]___[recipe:avatar",
-        "size]___[value:lg]___[cond:xs]___[recipe:avatar",
-        "size]___[value:lg]___[cond:sm]___[recipe:avatar",
-        "size]___[value:lg]___[cond:lg]___[recipe:avatar",
-        "size]___[value:lg]___[cond:xl]___[recipe:avatar",
-        "size]___[value:lg]___[cond:2xl]___[recipe:avatar",
-        "size]___[value:xl]___[cond:xs]___[recipe:avatar",
-        "size]___[value:xl]___[cond:md]___[recipe:avatar",
-        "size]___[value:xl]___[cond:lg]___[recipe:avatar",
-        "size]___[value:xl]___[cond:xl]___[recipe:avatar",
-        "size]___[value:xl]___[cond:2xl]___[recipe:avatar",
-        "size]___[value:2xl]___[cond:sm]___[recipe:avatar",
-        "size]___[value:2xl]___[cond:md]___[recipe:avatar",
-        "size]___[value:2xl]___[cond:lg]___[recipe:avatar",
-        "size]___[value:2xl]___[cond:xl]___[recipe:avatar",
-        "size]___[value:2xl]___[cond:2xl]___[recipe:avatar",
-        "size]___[value:3xl]___[cond:xs]___[recipe:avatar",
-        "size]___[value:3xl]___[cond:sm]___[recipe:avatar",
-        "size]___[value:3xl]___[cond:md]___[recipe:avatar",
-        "size]___[value:3xl]___[cond:lg]___[recipe:avatar",
-        "size]___[value:3xl]___[cond:xl]___[recipe:avatar",
-        "size]___[value:3xl]___[cond:2xl]___[recipe:avatar"
+      "autocomplete": [
+        "size]___[value:md]___[recipe:autocomplete",
+        "layer]___[value:elevated]___[recipe:autocomplete",
+        "size]___[value:sm]___[recipe:autocomplete",
+        "size]___[value:sm]___[cond:xs]___[recipe:autocomplete",
+        "size]___[value:sm]___[cond:sm]___[recipe:autocomplete",
+        "size]___[value:sm]___[cond:md]___[recipe:autocomplete",
+        "size]___[value:sm]___[cond:lg]___[recipe:autocomplete",
+        "size]___[value:sm]___[cond:xl]___[recipe:autocomplete",
+        "size]___[value:sm]___[cond:2xl]___[recipe:autocomplete",
+        "size]___[value:md]___[cond:xs]___[recipe:autocomplete",
+        "size]___[value:md]___[cond:sm]___[recipe:autocomplete",
+        "size]___[value:md]___[cond:md]___[recipe:autocomplete",
+        "size]___[value:md]___[cond:lg]___[recipe:autocomplete",
+        "size]___[value:md]___[cond:xl]___[recipe:autocomplete",
+        "size]___[value:md]___[cond:2xl]___[recipe:autocomplete",
+        "size]___[value:lg]___[recipe:autocomplete",
+        "size]___[value:lg]___[cond:xs]___[recipe:autocomplete",
+        "size]___[value:lg]___[cond:sm]___[recipe:autocomplete",
+        "size]___[value:lg]___[cond:md]___[recipe:autocomplete",
+        "size]___[value:lg]___[cond:lg]___[recipe:autocomplete",
+        "size]___[value:lg]___[cond:xl]___[recipe:autocomplete",
+        "size]___[value:lg]___[cond:2xl]___[recipe:autocomplete",
+        "size]___[value:xl]___[recipe:autocomplete",
+        "size]___[value:xl]___[cond:xs]___[recipe:autocomplete",
+        "size]___[value:xl]___[cond:sm]___[recipe:autocomplete",
+        "size]___[value:xl]___[cond:md]___[recipe:autocomplete",
+        "size]___[value:xl]___[cond:lg]___[recipe:autocomplete",
+        "size]___[value:xl]___[cond:xl]___[recipe:autocomplete",
+        "size]___[value:xl]___[cond:2xl]___[recipe:autocomplete",
+        "layer]___[value:modalFloating]___[recipe:autocomplete"
+      ],
+      "formField": [
+        "layout]___[value:default]___[recipe:formField",
+        "size]___[value:md]___[recipe:formField",
+        "layout]___[value:inline]___[recipe:formField",
+        "size]___[value:xl]___[recipe:formField",
+        "size]___[value:lg]___[cond:xs]___[recipe:formField",
+        "size]___[value:md]___[cond:sm]___[recipe:formField",
+        "size]___[value:sm]___[cond:md]___[recipe:formField",
+        "size]___[value:lg]___[recipe:formField",
+        "size]___[value:sm]___[recipe:formField",
+        "size]___[value:sm]___[cond:xs]___[recipe:formField",
+        "size]___[value:sm]___[cond:sm]___[recipe:formField",
+        "size]___[value:sm]___[cond:lg]___[recipe:formField",
+        "size]___[value:sm]___[cond:xl]___[recipe:formField",
+        "size]___[value:sm]___[cond:2xl]___[recipe:formField",
+        "size]___[value:md]___[cond:xs]___[recipe:formField",
+        "size]___[value:md]___[cond:md]___[recipe:formField",
+        "size]___[value:md]___[cond:lg]___[recipe:formField",
+        "size]___[value:md]___[cond:xl]___[recipe:formField",
+        "size]___[value:md]___[cond:2xl]___[recipe:formField",
+        "size]___[value:lg]___[cond:sm]___[recipe:formField",
+        "size]___[value:lg]___[cond:md]___[recipe:formField",
+        "size]___[value:lg]___[cond:lg]___[recipe:formField",
+        "size]___[value:lg]___[cond:xl]___[recipe:formField",
+        "size]___[value:lg]___[cond:2xl]___[recipe:formField",
+        "size]___[value:xl]___[cond:xs]___[recipe:formField",
+        "size]___[value:xl]___[cond:sm]___[recipe:formField",
+        "size]___[value:xl]___[cond:md]___[recipe:formField",
+        "size]___[value:xl]___[cond:lg]___[recipe:formField",
+        "size]___[value:xl]___[cond:xl]___[recipe:formField",
+        "size]___[value:xl]___[cond:2xl]___[recipe:formField",
+        "layout]___[value:default]___[cond:xs]___[recipe:formField",
+        "layout]___[value:default]___[cond:sm]___[recipe:formField",
+        "layout]___[value:default]___[cond:md]___[recipe:formField",
+        "layout]___[value:default]___[cond:lg]___[recipe:formField",
+        "layout]___[value:default]___[cond:xl]___[recipe:formField",
+        "layout]___[value:default]___[cond:2xl]___[recipe:formField",
+        "layout]___[value:inline]___[cond:xs]___[recipe:formField",
+        "layout]___[value:inline]___[cond:sm]___[recipe:formField",
+        "layout]___[value:inline]___[cond:md]___[recipe:formField",
+        "layout]___[value:inline]___[cond:lg]___[recipe:formField",
+        "layout]___[value:inline]___[cond:xl]___[recipe:formField",
+        "layout]___[value:inline]___[cond:2xl]___[recipe:formField"
+      ],
+      "spinner": [
+        "size]___[value:sm]___[recipe:spinner",
+        "size]___[value:md]___[recipe:spinner",
+        "inverse]___[value:primary]___[recipe:spinner",
+        "centered]___[value:true]___[recipe:spinner",
+        "size]___[value:lg]___[recipe:spinner",
+        "size]___[value:xl]___[recipe:spinner",
+        "inverse]___[value:true]___[recipe:spinner",
+        "size]___[value:sm]___[cond:xs]___[recipe:spinner",
+        "size]___[value:sm]___[cond:sm]___[recipe:spinner",
+        "size]___[value:sm]___[cond:md]___[recipe:spinner",
+        "size]___[value:sm]___[cond:lg]___[recipe:spinner",
+        "size]___[value:sm]___[cond:xl]___[recipe:spinner",
+        "size]___[value:sm]___[cond:2xl]___[recipe:spinner",
+        "size]___[value:md]___[cond:xs]___[recipe:spinner",
+        "size]___[value:md]___[cond:sm]___[recipe:spinner",
+        "size]___[value:md]___[cond:md]___[recipe:spinner",
+        "size]___[value:md]___[cond:lg]___[recipe:spinner",
+        "size]___[value:md]___[cond:xl]___[recipe:spinner",
+        "size]___[value:md]___[cond:2xl]___[recipe:spinner",
+        "size]___[value:lg]___[cond:xs]___[recipe:spinner",
+        "size]___[value:lg]___[cond:sm]___[recipe:spinner",
+        "size]___[value:lg]___[cond:md]___[recipe:spinner",
+        "size]___[value:lg]___[cond:lg]___[recipe:spinner",
+        "size]___[value:lg]___[cond:xl]___[recipe:spinner",
+        "size]___[value:lg]___[cond:2xl]___[recipe:spinner",
+        "size]___[value:xl]___[cond:xs]___[recipe:spinner",
+        "size]___[value:xl]___[cond:sm]___[recipe:spinner",
+        "size]___[value:xl]___[cond:md]___[recipe:spinner",
+        "size]___[value:xl]___[cond:lg]___[recipe:spinner",
+        "size]___[value:xl]___[cond:xl]___[recipe:spinner",
+        "size]___[value:xl]___[cond:2xl]___[recipe:spinner"
+      ],
+      "menu": [
+        "density]___[value:compact]___[recipe:menu",
+        "layer]___[value:elevated]___[recipe:menu",
+        "density]___[value:comfortable]___[recipe:menu",
+        "density]___[value:spacious]___[recipe:menu",
+        "density]___[value:comfortable]___[cond:xs]___[recipe:menu",
+        "density]___[value:compact]___[cond:sm]___[recipe:menu",
+        "panel]___[value:true]___[recipe:menu",
+        "density]___[value:compact]___[cond:xs]___[recipe:menu",
+        "density]___[value:compact]___[cond:md]___[recipe:menu",
+        "density]___[value:compact]___[cond:lg]___[recipe:menu",
+        "density]___[value:compact]___[cond:xl]___[recipe:menu",
+        "density]___[value:compact]___[cond:2xl]___[recipe:menu",
+        "density]___[value:comfortable]___[cond:sm]___[recipe:menu",
+        "density]___[value:comfortable]___[cond:md]___[recipe:menu",
+        "density]___[value:comfortable]___[cond:lg]___[recipe:menu",
+        "density]___[value:comfortable]___[cond:xl]___[recipe:menu",
+        "density]___[value:comfortable]___[cond:2xl]___[recipe:menu",
+        "density]___[value:spacious]___[cond:xs]___[recipe:menu",
+        "density]___[value:spacious]___[cond:sm]___[recipe:menu",
+        "density]___[value:spacious]___[cond:md]___[recipe:menu",
+        "density]___[value:spacious]___[cond:lg]___[recipe:menu",
+        "density]___[value:spacious]___[cond:xl]___[recipe:menu",
+        "density]___[value:spacious]___[cond:2xl]___[recipe:menu",
+        "layer]___[value:modalFloating]___[recipe:menu"
+      ],
+      "list": [
+        "density]___[value:compact]___[recipe:list",
+        "density]___[value:comfortable]___[recipe:list",
+        "density]___[value:spacious]___[recipe:list",
+        "density]___[value:comfortable]___[cond:xs]___[recipe:list",
+        "density]___[value:compact]___[cond:sm]___[recipe:list",
+        "density]___[value:compact]___[cond:xs]___[recipe:list",
+        "density]___[value:compact]___[cond:md]___[recipe:list",
+        "density]___[value:compact]___[cond:lg]___[recipe:list",
+        "density]___[value:compact]___[cond:xl]___[recipe:list",
+        "density]___[value:compact]___[cond:2xl]___[recipe:list",
+        "density]___[value:comfortable]___[cond:sm]___[recipe:list",
+        "density]___[value:comfortable]___[cond:md]___[recipe:list",
+        "density]___[value:comfortable]___[cond:lg]___[recipe:list",
+        "density]___[value:comfortable]___[cond:xl]___[recipe:list",
+        "density]___[value:comfortable]___[cond:2xl]___[recipe:list",
+        "density]___[value:spacious]___[cond:xs]___[recipe:list",
+        "density]___[value:spacious]___[cond:sm]___[recipe:list",
+        "density]___[value:spacious]___[cond:md]___[recipe:list",
+        "density]___[value:spacious]___[cond:lg]___[recipe:list",
+        "density]___[value:spacious]___[cond:xl]___[recipe:list",
+        "density]___[value:spacious]___[cond:2xl]___[recipe:list"
+      ],
+      "listItem": [
+        "variant]___[value:default]___[recipe:listItem",
+        "density]___[value:compact]___[recipe:listItem",
+        "variant]___[value:divider]___[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",
+        "density]___[value:spacious]___[recipe:listItem",
+        "density]___[value:comfortable]___[cond:xs]___[recipe:listItem",
+        "density]___[value:compact]___[cond:sm]___[recipe:listItem",
+        "iconAfter]___[value:true]___[recipe:listItem",
+        "iconBefore]___[value:check]___[recipe:listItem",
+        "density]___[value:compact]___[cond:xs]___[recipe:listItem",
+        "density]___[value:compact]___[cond:md]___[recipe:listItem",
+        "density]___[value:compact]___[cond:lg]___[recipe:listItem",
+        "density]___[value:compact]___[cond:xl]___[recipe:listItem",
+        "density]___[value:compact]___[cond:2xl]___[recipe:listItem",
+        "density]___[value:comfortable]___[recipe:listItem",
+        "density]___[value:comfortable]___[cond:sm]___[recipe:listItem",
+        "density]___[value:comfortable]___[cond:md]___[recipe:listItem",
+        "density]___[value:comfortable]___[cond:lg]___[recipe:listItem",
+        "density]___[value:comfortable]___[cond:xl]___[recipe:listItem",
+        "density]___[value:comfortable]___[cond:2xl]___[recipe:listItem",
+        "density]___[value:spacious]___[cond:xs]___[recipe:listItem",
+        "density]___[value:spacious]___[cond:sm]___[recipe:listItem",
+        "density]___[value:spacious]___[cond:md]___[recipe:listItem",
+        "density]___[value:spacious]___[cond:lg]___[recipe:listItem",
+        "density]___[value:spacious]___[cond:xl]___[recipe:listItem",
+        "density]___[value:spacious]___[cond:2xl]___[recipe:listItem",
+        "selected]___[value:true]___[recipe:listItem",
+        "selected]___[value:false]___[recipe:listItem"
       ],
       "icon": [
         "size]___[value:24]___[recipe:icon",
@@ -1337,9 +1494,102 @@
         "size]___[value:xl]___[cond:xl]___[recipe:icon",
         "size]___[value:xl]___[cond:2xl]___[recipe:icon"
       ],
-      "breakpointIndicator": [
-        "variant]___[value:default]___[recipe:breakpointIndicator"
-      ],
+      "chip": [
+        "size]___[value:md]___[recipe:chip",
+        "dismissable]___[value:true]___[recipe:chip",
+        "size]___[value:sm]___[recipe:chip",
+        "size]___[value:lg]___[recipe:chip",
+        "size]___[value:xl]___[recipe:chip",
+        "size]___[value:lg]___[cond:xs]___[recipe:chip",
+        "size]___[value:md]___[cond:sm]___[recipe:chip",
+        "size]___[value:sm]___[cond:md]___[recipe:chip",
+        "before]___[value:multi]___[recipe:chip",
+        "size]___[value:sm]___[cond:xs]___[recipe:chip",
+        "size]___[value:sm]___[cond:sm]___[recipe:chip",
+        "size]___[value:sm]___[cond:lg]___[recipe:chip",
+        "size]___[value:sm]___[cond:xl]___[recipe:chip",
+        "size]___[value:sm]___[cond:2xl]___[recipe:chip",
+        "size]___[value:md]___[cond:xs]___[recipe:chip",
+        "size]___[value:md]___[cond:md]___[recipe:chip",
+        "size]___[value:md]___[cond:lg]___[recipe:chip",
+        "size]___[value:md]___[cond:xl]___[recipe:chip",
+        "size]___[value:md]___[cond:2xl]___[recipe:chip",
+        "size]___[value:lg]___[cond:sm]___[recipe:chip",
+        "size]___[value:lg]___[cond:md]___[recipe:chip",
+        "size]___[value:lg]___[cond:lg]___[recipe:chip",
+        "size]___[value:lg]___[cond:xl]___[recipe:chip",
+        "size]___[value:lg]___[cond:2xl]___[recipe:chip",
+        "size]___[value:xl]___[cond:xs]___[recipe:chip",
+        "size]___[value:xl]___[cond:sm]___[recipe:chip",
+        "size]___[value:xl]___[cond:md]___[recipe:chip",
+        "size]___[value:xl]___[cond:lg]___[recipe:chip",
+        "size]___[value:xl]___[cond:xl]___[recipe:chip",
+        "size]___[value:xl]___[cond:2xl]___[recipe:chip",
+        "before]___[value:true]___[recipe:chip",
+        "before]___[value:true]___[cond:xs]___[recipe:chip",
+        "before]___[value:true]___[cond:sm]___[recipe:chip",
+        "before]___[value:true]___[cond:md]___[recipe:chip",
+        "before]___[value:true]___[cond:lg]___[recipe:chip",
+        "before]___[value:true]___[cond:xl]___[recipe:chip",
+        "before]___[value:true]___[cond:2xl]___[recipe:chip",
+        "after]___[value:true]___[recipe:chip",
+        "after]___[value:true]___[cond:xs]___[recipe:chip",
+        "after]___[value:true]___[cond:sm]___[recipe:chip",
+        "after]___[value:true]___[cond:md]___[recipe:chip",
+        "after]___[value:true]___[cond:lg]___[recipe:chip",
+        "after]___[value:true]___[cond:xl]___[recipe:chip",
+        "after]___[value:true]___[cond:2xl]___[recipe:chip"
+      ],
+      "avatar": [
+        "size]___[value:sm]___[recipe:avatar",
+        "shape]___[value:circle]___[recipe:avatar",
+        "size]___[value:md]___[recipe:avatar",
+        "size]___[value:lg]___[recipe:avatar",
+        "size]___[value:xl]___[recipe:avatar",
+        "size]___[value:2xl]___[recipe:avatar",
+        "size]___[value:3xl]___[recipe:avatar",
+        "shape]___[value:square]___[recipe:avatar",
+        "shape]___[value:hexagon]___[recipe:avatar",
+        "size]___[value:2xl]___[cond:xs]___[recipe:avatar",
+        "size]___[value:xl]___[cond:sm]___[recipe:avatar",
+        "size]___[value:lg]___[cond:md]___[recipe:avatar",
+        "size]___[value:md]___[cond:lg]___[recipe:avatar",
+        "size]___[value:sm]___[cond:xl]___[recipe:avatar",
+        "size]___[value:sm]___[cond:xs]___[recipe:avatar",
+        "size]___[value:sm]___[cond:sm]___[recipe:avatar",
+        "size]___[value:sm]___[cond:md]___[recipe:avatar",
+        "size]___[value:sm]___[cond:lg]___[recipe:avatar",
+        "size]___[value:sm]___[cond:2xl]___[recipe:avatar",
+        "size]___[value:md]___[cond:xs]___[recipe:avatar",
+        "size]___[value:md]___[cond:sm]___[recipe:avatar",
+        "size]___[value:md]___[cond:md]___[recipe:avatar",
+        "size]___[value:md]___[cond:xl]___[recipe:avatar",
+        "size]___[value:md]___[cond:2xl]___[recipe:avatar",
+        "size]___[value:lg]___[cond:xs]___[recipe:avatar",
+        "size]___[value:lg]___[cond:sm]___[recipe:avatar",
+        "size]___[value:lg]___[cond:lg]___[recipe:avatar",
+        "size]___[value:lg]___[cond:xl]___[recipe:avatar",
+        "size]___[value:lg]___[cond:2xl]___[recipe:avatar",
+        "size]___[value:xl]___[cond:xs]___[recipe:avatar",
+        "size]___[value:xl]___[cond:md]___[recipe:avatar",
+        "size]___[value:xl]___[cond:lg]___[recipe:avatar",
+        "size]___[value:xl]___[cond:xl]___[recipe:avatar",
+        "size]___[value:xl]___[cond:2xl]___[recipe:avatar",
+        "size]___[value:2xl]___[cond:sm]___[recipe:avatar",
+        "size]___[value:2xl]___[cond:md]___[recipe:avatar",
+        "size]___[value:2xl]___[cond:lg]___[recipe:avatar",
+        "size]___[value:2xl]___[cond:xl]___[recipe:avatar",
+        "size]___[value:2xl]___[cond:2xl]___[recipe:avatar",
+        "size]___[value:3xl]___[cond:xs]___[recipe:avatar",
+        "size]___[value:3xl]___[cond:sm]___[recipe:avatar",
+        "size]___[value:3xl]___[cond:md]___[recipe:avatar",
+        "size]___[value:3xl]___[cond:lg]___[recipe:avatar",
+        "size]___[value:3xl]___[cond:xl]___[recipe:avatar",
+        "size]___[value:3xl]___[cond:2xl]___[recipe:avatar"
+      ],
+      "breakpointIndicator": [
+        "variant]___[value:default]___[recipe:breakpointIndicator"
+      ],
       "badge": [
         "size]___[value:sm]___[recipe:badge",
         "variant]___[value:danger]___[recipe:badge",
@@ -1418,39 +1668,6 @@
         "hue]___[value:purple]___[recipe:tag",
         "hue]___[value:rose]___[recipe:tag"
       ],
-      "spinner": [
-        "size]___[value:md]___[recipe:spinner",
-        "inverse]___[value:primary]___[recipe:spinner",
-        "size]___[value:sm]___[recipe:spinner",
-        "centered]___[value:true]___[recipe:spinner",
-        "size]___[value:lg]___[recipe:spinner",
-        "size]___[value:xl]___[recipe:spinner",
-        "inverse]___[value:true]___[recipe:spinner",
-        "size]___[value:sm]___[cond:xs]___[recipe:spinner",
-        "size]___[value:sm]___[cond:sm]___[recipe:spinner",
-        "size]___[value:sm]___[cond:md]___[recipe:spinner",
-        "size]___[value:sm]___[cond:lg]___[recipe:spinner",
-        "size]___[value:sm]___[cond:xl]___[recipe:spinner",
-        "size]___[value:sm]___[cond:2xl]___[recipe:spinner",
-        "size]___[value:md]___[cond:xs]___[recipe:spinner",
-        "size]___[value:md]___[cond:sm]___[recipe:spinner",
-        "size]___[value:md]___[cond:md]___[recipe:spinner",
-        "size]___[value:md]___[cond:lg]___[recipe:spinner",
-        "size]___[value:md]___[cond:xl]___[recipe:spinner",
-        "size]___[value:md]___[cond:2xl]___[recipe:spinner",
-        "size]___[value:lg]___[cond:xs]___[recipe:spinner",
-        "size]___[value:lg]___[cond:sm]___[recipe:spinner",
-        "size]___[value:lg]___[cond:md]___[recipe:spinner",
-        "size]___[value:lg]___[cond:lg]___[recipe:spinner",
-        "size]___[value:lg]___[cond:xl]___[recipe:spinner",
-        "size]___[value:lg]___[cond:2xl]___[recipe:spinner",
-        "size]___[value:xl]___[cond:xs]___[recipe:spinner",
-        "size]___[value:xl]___[cond:sm]___[recipe:spinner",
-        "size]___[value:xl]___[cond:md]___[recipe:spinner",
-        "size]___[value:xl]___[cond:lg]___[recipe:spinner",
-        "size]___[value:xl]___[cond:xl]___[recipe:spinner",
-        "size]___[value:xl]___[cond:2xl]___[recipe:spinner"
-      ],
       "divider": [
         "direction]___[value:horizontal]___[recipe:divider",
         "weight]___[value:thin]___[recipe:divider",
@@ -1463,132 +1680,37 @@
         "variant]___[value:default]___[recipe:kbd",
         "variant]___[value:symbol]___[recipe:kbd"
       ],
+      "calendar": [
+        "type]___[value:days]___[recipe:calendar",
+        "type]___[value:months]___[recipe:calendar",
+        "type]___[value:years]___[recipe:calendar"
+      ],
       "checkboxInput": [],
       "label": [
         "family]___[value:body]___[recipe:label"
       ],
       "checkbox": [],
-      "chip": [
-        "size]___[value:md]___[recipe:chip",
-        "size]___[value:sm]___[recipe:chip",
-        "size]___[value:lg]___[recipe:chip",
-        "size]___[value:xl]___[recipe:chip",
-        "size]___[value:lg]___[cond:xs]___[recipe:chip",
-        "size]___[value:md]___[cond:sm]___[recipe:chip",
-        "size]___[value:sm]___[cond:md]___[recipe:chip",
-        "dismissable]___[value:true]___[recipe:chip",
-        "before]___[value:multi]___[recipe:chip",
-        "size]___[value:sm]___[cond:xs]___[recipe:chip",
-        "size]___[value:sm]___[cond:sm]___[recipe:chip",
-        "size]___[value:sm]___[cond:lg]___[recipe:chip",
-        "size]___[value:sm]___[cond:xl]___[recipe:chip",
-        "size]___[value:sm]___[cond:2xl]___[recipe:chip",
-        "size]___[value:md]___[cond:xs]___[recipe:chip",
-        "size]___[value:md]___[cond:md]___[recipe:chip",
-        "size]___[value:md]___[cond:lg]___[recipe:chip",
-        "size]___[value:md]___[cond:xl]___[recipe:chip",
-        "size]___[value:md]___[cond:2xl]___[recipe:chip",
-        "size]___[value:lg]___[cond:sm]___[recipe:chip",
-        "size]___[value:lg]___[cond:md]___[recipe:chip",
-        "size]___[value:lg]___[cond:lg]___[recipe:chip",
-        "size]___[value:lg]___[cond:xl]___[recipe:chip",
-        "size]___[value:lg]___[cond:2xl]___[recipe:chip",
-        "size]___[value:xl]___[cond:xs]___[recipe:chip",
-        "size]___[value:xl]___[cond:sm]___[recipe:chip",
-        "size]___[value:xl]___[cond:md]___[recipe:chip",
-        "size]___[value:xl]___[cond:lg]___[recipe:chip",
-        "size]___[value:xl]___[cond:xl]___[recipe:chip",
-        "size]___[value:xl]___[cond:2xl]___[recipe:chip",
-        "before]___[value:true]___[recipe:chip",
-        "before]___[value:true]___[cond:xs]___[recipe:chip",
-        "before]___[value:true]___[cond:sm]___[recipe:chip",
-        "before]___[value:true]___[cond:md]___[recipe:chip",
-        "before]___[value:true]___[cond:lg]___[recipe:chip",
-        "before]___[value:true]___[cond:xl]___[recipe:chip",
-        "before]___[value:true]___[cond:2xl]___[recipe:chip",
-        "after]___[value:true]___[recipe:chip",
-        "after]___[value:true]___[cond:xs]___[recipe:chip",
-        "after]___[value:true]___[cond:sm]___[recipe:chip",
-        "after]___[value:true]___[cond:md]___[recipe:chip",
-        "after]___[value:true]___[cond:lg]___[recipe:chip",
-        "after]___[value:true]___[cond:xl]___[recipe:chip",
-        "after]___[value:true]___[cond:2xl]___[recipe:chip"
-      ],
       "code": [],
       "pre": [],
-      "datePicker": [
-        "size]___[value:md]___[recipe:datePicker",
-        "size]___[value:sm]___[recipe:datePicker",
-        "size]___[value:lg]___[recipe:datePicker",
-        "size]___[value:sm]___[cond:xs]___[recipe:datePicker",
-        "size]___[value:sm]___[cond:sm]___[recipe:datePicker",
-        "size]___[value:sm]___[cond:md]___[recipe:datePicker",
-        "size]___[value:sm]___[cond:lg]___[recipe:datePicker",
-        "size]___[value:sm]___[cond:xl]___[recipe:datePicker",
-        "size]___[value:sm]___[cond:2xl]___[recipe:datePicker",
-        "size]___[value:md]___[cond:xs]___[recipe:datePicker",
-        "size]___[value:md]___[cond:sm]___[recipe:datePicker",
-        "size]___[value:md]___[cond:md]___[recipe:datePicker",
-        "size]___[value:md]___[cond:lg]___[recipe:datePicker",
-        "size]___[value:md]___[cond:xl]___[recipe:datePicker",
-        "size]___[value:md]___[cond:2xl]___[recipe:datePicker",
-        "size]___[value:lg]___[cond:xs]___[recipe:datePicker",
-        "size]___[value:lg]___[cond:sm]___[recipe:datePicker",
-        "size]___[value:lg]___[cond:md]___[recipe:datePicker",
-        "size]___[value:lg]___[cond:lg]___[recipe:datePicker",
-        "size]___[value:lg]___[cond:xl]___[recipe:datePicker",
-        "size]___[value:lg]___[cond:2xl]___[recipe:datePicker",
-        "size]___[value:xl]___[recipe:datePicker",
-        "size]___[value:xl]___[cond:xs]___[recipe:datePicker",
-        "size]___[value:xl]___[cond:sm]___[recipe:datePicker",
-        "size]___[value:xl]___[cond:md]___[recipe:datePicker",
-        "size]___[value:xl]___[cond:lg]___[recipe:datePicker",
-        "size]___[value:xl]___[cond:xl]___[recipe:datePicker",
-        "size]___[value:xl]___[cond:2xl]___[recipe:datePicker"
+      "select": [
+        "size]___[value:md]___[recipe:select",
+        "size]___[value:sm]___[recipe:select",
+        "size]___[value:lg]___[recipe:select",
+        "size]___[value:xl]___[recipe:select",
+        "multiple]___[value:true]___[recipe:select",
+        "autoSize]___[value:true]___[recipe:select",
+        "multiple]___[value:false]___[recipe:select",
+        "autoSize]___[value:false]___[recipe:select"
       ],
-      "formField": [
-        "layout]___[value:default]___[recipe:formField",
-        "size]___[value:md]___[recipe:formField",
-        "layout]___[value:inline]___[recipe:formField",
-        "size]___[value:xl]___[recipe:formField",
-        "size]___[value:lg]___[cond:xs]___[recipe:formField",
-        "size]___[value:md]___[cond:sm]___[recipe:formField",
-        "size]___[value:sm]___[cond:md]___[recipe:formField",
-        "size]___[value:lg]___[recipe:formField",
-        "size]___[value:sm]___[recipe:formField",
-        "size]___[value:sm]___[cond:xs]___[recipe:formField",
-        "size]___[value:sm]___[cond:sm]___[recipe:formField",
-        "size]___[value:sm]___[cond:lg]___[recipe:formField",
-        "size]___[value:sm]___[cond:xl]___[recipe:formField",
-        "size]___[value:sm]___[cond:2xl]___[recipe:formField",
-        "size]___[value:md]___[cond:xs]___[recipe:formField",
-        "size]___[value:md]___[cond:md]___[recipe:formField",
-        "size]___[value:md]___[cond:lg]___[recipe:formField",
-        "size]___[value:md]___[cond:xl]___[recipe:formField",
-        "size]___[value:md]___[cond:2xl]___[recipe:formField",
-        "size]___[value:lg]___[cond:sm]___[recipe:formField",
-        "size]___[value:lg]___[cond:md]___[recipe:formField",
-        "size]___[value:lg]___[cond:lg]___[recipe:formField",
-        "size]___[value:lg]___[cond:xl]___[recipe:formField",
-        "size]___[value:lg]___[cond:2xl]___[recipe:formField",
-        "size]___[value:xl]___[cond:xs]___[recipe:formField",
-        "size]___[value:xl]___[cond:sm]___[recipe:formField",
-        "size]___[value:xl]___[cond:md]___[recipe:formField",
-        "size]___[value:xl]___[cond:lg]___[recipe:formField",
-        "size]___[value:xl]___[cond:xl]___[recipe:formField",
-        "size]___[value:xl]___[cond:2xl]___[recipe:formField",
-        "layout]___[value:default]___[cond:xs]___[recipe:formField",
-        "layout]___[value:default]___[cond:sm]___[recipe:formField",
-        "layout]___[value:default]___[cond:md]___[recipe:formField",
-        "layout]___[value:default]___[cond:lg]___[recipe:formField",
-        "layout]___[value:default]___[cond:xl]___[recipe:formField",
-        "layout]___[value:default]___[cond:2xl]___[recipe:formField",
-        "layout]___[value:inline]___[cond:xs]___[recipe:formField",
-        "layout]___[value:inline]___[cond:sm]___[recipe:formField",
-        "layout]___[value:inline]___[cond:md]___[recipe:formField",
-        "layout]___[value:inline]___[cond:lg]___[recipe:formField",
-        "layout]___[value:inline]___[cond:xl]___[recipe:formField",
-        "layout]___[value:inline]___[cond:2xl]___[recipe:formField"
+      "modal": [
+        "size]___[value:md]___[recipe:modal",
+        "position]___[value:centered]___[recipe:modal",
+        "size]___[value:sm]___[recipe:modal",
+        "size]___[value:lg]___[recipe:modal",
+        "size]___[value:xl]___[recipe:modal",
+        "size]___[value:full]___[recipe:modal",
+        "size]___[value:fullPage]___[recipe:modal",
+        "position]___[value:top]___[recipe:modal"
       ],
       "textInput": [
         "size]___[value:md]___[recipe:textInput",
@@ -1692,63 +1814,6 @@
         "size]___[value:lg]___[cond:xl]___[recipe:tooltip",
         "size]___[value:lg]___[cond:2xl]___[recipe:tooltip"
       ],
-      "list": [
-        "density]___[value:compact]___[recipe:list",
-        "density]___[value:comfortable]___[recipe:list",
-        "density]___[value:spacious]___[recipe:list",
-        "density]___[value:comfortable]___[cond:xs]___[recipe:list",
-        "density]___[value:compact]___[cond:sm]___[recipe:list",
-        "density]___[value:compact]___[cond:xs]___[recipe:list",
-        "density]___[value:compact]___[cond:md]___[recipe:list",
-        "density]___[value:compact]___[cond:lg]___[recipe:list",
-        "density]___[value:compact]___[cond:xl]___[recipe:list",
-        "density]___[value:compact]___[cond:2xl]___[recipe:list",
-        "density]___[value:comfortable]___[cond:sm]___[recipe:list",
-        "density]___[value:comfortable]___[cond:md]___[recipe:list",
-        "density]___[value:comfortable]___[cond:lg]___[recipe:list",
-        "density]___[value:comfortable]___[cond:xl]___[recipe:list",
-        "density]___[value:comfortable]___[cond:2xl]___[recipe:list",
-        "density]___[value:spacious]___[cond:xs]___[recipe:list",
-        "density]___[value:spacious]___[cond:sm]___[recipe:list",
-        "density]___[value:spacious]___[cond:md]___[recipe:list",
-        "density]___[value:spacious]___[cond:lg]___[recipe:list",
-        "density]___[value:spacious]___[cond:xl]___[recipe:list",
-        "density]___[value:spacious]___[cond:2xl]___[recipe:list"
-      ],
-      "listItem": [
-        "variant]___[value:default]___[recipe:listItem",
-        "density]___[value:compact]___[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",
-        "density]___[value:spacious]___[recipe:listItem",
-        "density]___[value:comfortable]___[cond:xs]___[recipe:listItem",
-        "density]___[value:compact]___[cond:sm]___[recipe:listItem",
-        "iconAfter]___[value:true]___[recipe:listItem",
-        "iconBefore]___[value:check]___[recipe:listItem",
-        "density]___[value:compact]___[cond:xs]___[recipe:listItem",
-        "density]___[value:compact]___[cond:md]___[recipe:listItem",
-        "density]___[value:compact]___[cond:lg]___[recipe:listItem",
-        "density]___[value:compact]___[cond:xl]___[recipe:listItem",
-        "density]___[value:compact]___[cond:2xl]___[recipe:listItem",
-        "density]___[value:comfortable]___[recipe:listItem",
-        "density]___[value:comfortable]___[cond:sm]___[recipe:listItem",
-        "density]___[value:comfortable]___[cond:md]___[recipe:listItem",
-        "density]___[value:comfortable]___[cond:lg]___[recipe:listItem",
-        "density]___[value:comfortable]___[cond:xl]___[recipe:listItem",
-        "density]___[value:comfortable]___[cond:2xl]___[recipe:listItem",
-        "density]___[value:spacious]___[cond:xs]___[recipe:listItem",
-        "density]___[value:spacious]___[cond:sm]___[recipe:listItem",
-        "density]___[value:spacious]___[cond:md]___[recipe:listItem",
-        "density]___[value:spacious]___[cond:lg]___[recipe:listItem",
-        "density]___[value:spacious]___[cond:xl]___[recipe:listItem",
-        "density]___[value:spacious]___[cond:2xl]___[recipe:listItem",
-        "selected]___[value:true]___[recipe:listItem",
-        "selected]___[value:false]___[recipe:listItem"
-      ],
       "listItemGroup": [
         "density]___[value:compact]___[recipe:listItemGroup",
         "density]___[value:spacious]___[recipe:listItemGroup",
@@ -1774,51 +1839,37 @@
       ],
       "toggle": [],
       "highlightText": [],
-      "menu": [
-        "density]___[value:compact]___[recipe:menu",
-        "density]___[value:comfortable]___[recipe:menu",
-        "density]___[value:spacious]___[recipe:menu",
-        "density]___[value:comfortable]___[cond:xs]___[recipe:menu",
-        "density]___[value:compact]___[cond:sm]___[recipe:menu",
-        "panel]___[value:true]___[recipe:menu",
-        "density]___[value:compact]___[cond:xs]___[recipe:menu",
-        "density]___[value:compact]___[cond:md]___[recipe:menu",
-        "density]___[value:compact]___[cond:lg]___[recipe:menu",
-        "density]___[value:compact]___[cond:xl]___[recipe:menu",
-        "density]___[value:compact]___[cond:2xl]___[recipe:menu",
-        "density]___[value:comfortable]___[cond:sm]___[recipe:menu",
-        "density]___[value:comfortable]___[cond:md]___[recipe:menu",
-        "density]___[value:comfortable]___[cond:lg]___[recipe:menu",
-        "density]___[value:comfortable]___[cond:xl]___[recipe:menu",
-        "density]___[value:comfortable]___[cond:2xl]___[recipe:menu",
-        "density]___[value:spacious]___[cond:xs]___[recipe:menu",
-        "density]___[value:spacious]___[cond:sm]___[recipe:menu",
-        "density]___[value:spacious]___[cond:md]___[recipe:menu",
-        "density]___[value:spacious]___[cond:lg]___[recipe:menu",
-        "density]___[value:spacious]___[cond:xl]___[recipe:menu",
-        "density]___[value:spacious]___[cond:2xl]___[recipe:menu"
-      ],
-      "modal": [
-        "size]___[value:md]___[recipe:modal",
-        "position]___[value:centered]___[recipe:modal",
-        "size]___[value:sm]___[recipe:modal",
-        "size]___[value:lg]___[recipe:modal",
-        "size]___[value:xl]___[recipe:modal",
-        "size]___[value:full]___[recipe:modal",
-        "size]___[value:fullPage]___[recipe:modal",
-        "position]___[value:top]___[recipe:modal"
-      ],
       "radioInput": [],
       "radio": [],
-      "select": [
-        "size]___[value:md]___[recipe:select",
-        "size]___[value:sm]___[recipe:select",
-        "size]___[value:lg]___[recipe:select",
-        "size]___[value:xl]___[recipe:select",
-        "multiple]___[value:true]___[recipe:select",
-        "autoSize]___[value:true]___[recipe:select",
-        "multiple]___[value:false]___[recipe:select",
-        "autoSize]___[value:false]___[recipe:select"
+      "segmentedInputs": [
+        "size]___[value:md]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[cond:xs]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[cond:sm]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[cond:md]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[cond:lg]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[cond:xl]___[recipe:segmentedInputs",
+        "size]___[value:sm]___[cond:2xl]___[recipe:segmentedInputs",
+        "size]___[value:md]___[cond:xs]___[recipe:segmentedInputs",
+        "size]___[value:md]___[cond:sm]___[recipe:segmentedInputs",
+        "size]___[value:md]___[cond:md]___[recipe:segmentedInputs",
+        "size]___[value:md]___[cond:lg]___[recipe:segmentedInputs",
+        "size]___[value:md]___[cond:xl]___[recipe:segmentedInputs",
+        "size]___[value:md]___[cond:2xl]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[cond:xs]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[cond:sm]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[cond:md]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[cond:lg]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[cond:xl]___[recipe:segmentedInputs",
+        "size]___[value:lg]___[cond:2xl]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[cond:xs]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[cond:sm]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[cond:md]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[cond:lg]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[cond:xl]___[recipe:segmentedInputs",
+        "size]___[value:xl]___[cond:2xl]___[recipe:segmentedInputs"
       ],
       "skeleton": [
         "variant]___[value:text]___[recipe:skeleton",
@@ -1833,37 +1884,91 @@
         "fitContent]___[value:true]___[recipe:skeleton",
         "heightAuto]___[value:true]___[recipe:skeleton"
       ],
-      "timePicker": [
-        "size]___[value:md]___[recipe:timePicker",
-        "size]___[value:sm]___[recipe:timePicker",
-        "size]___[value:sm]___[cond:xs]___[recipe:timePicker",
-        "size]___[value:sm]___[cond:sm]___[recipe:timePicker",
-        "size]___[value:sm]___[cond:md]___[recipe:timePicker",
-        "size]___[value:sm]___[cond:lg]___[recipe:timePicker",
-        "size]___[value:sm]___[cond:xl]___[recipe:timePicker",
-        "size]___[value:sm]___[cond:2xl]___[recipe:timePicker",
-        "size]___[value:md]___[cond:xs]___[recipe:timePicker",
-        "size]___[value:md]___[cond:sm]___[recipe:timePicker",
-        "size]___[value:md]___[cond:md]___[recipe:timePicker",
-        "size]___[value:md]___[cond:lg]___[recipe:timePicker",
-        "size]___[value:md]___[cond:xl]___[recipe:timePicker",
-        "size]___[value:md]___[cond:2xl]___[recipe:timePicker",
-        "size]___[value:lg]___[recipe:timePicker",
-        "size]___[value:lg]___[cond:xs]___[recipe:timePicker",
-        "size]___[value:lg]___[cond:sm]___[recipe:timePicker",
-        "size]___[value:lg]___[cond:md]___[recipe:timePicker",
-        "size]___[value:lg]___[cond:lg]___[recipe:timePicker",
-        "size]___[value:lg]___[cond:xl]___[recipe:timePicker",
-        "size]___[value:lg]___[cond:2xl]___[recipe:timePicker",
-        "size]___[value:xl]___[recipe:timePicker",
-        "size]___[value:xl]___[cond:xs]___[recipe:timePicker",
-        "size]___[value:xl]___[cond:sm]___[recipe:timePicker",
-        "size]___[value:xl]___[cond:md]___[recipe:timePicker",
-        "size]___[value:xl]___[cond:lg]___[recipe:timePicker",
-        "size]___[value:xl]___[cond:xl]___[recipe:timePicker",
-        "size]___[value:xl]___[cond:2xl]___[recipe:timePicker"
+      "toggleInput": [],
+      "segmentedFields": [
+        "size]___[value:md]___[recipe:segmentedFields",
+        "field]___[value:date]___[recipe:segmentedFields",
+        "range]___[value:date]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[recipe:segmentedFields",
+        "size]___[value:sm]___[recipe:segmentedFields",
+        "size]___[value:lg]___[recipe:segmentedFields",
+        "size]___[value:xl]___[recipe:segmentedFields",
+        "field]___[value:time]___[recipe:segmentedFields",
+        "range]___[value:time]___[recipe:segmentedFields",
+        "size]___[value:sm]___[cond:xs]___[recipe:segmentedFields",
+        "size]___[value:sm]___[cond:sm]___[recipe:segmentedFields",
+        "size]___[value:sm]___[cond:md]___[recipe:segmentedFields",
+        "size]___[value:sm]___[cond:lg]___[recipe:segmentedFields",
+        "size]___[value:sm]___[cond:xl]___[recipe:segmentedFields",
+        "size]___[value:sm]___[cond:2xl]___[recipe:segmentedFields",
+        "size]___[value:md]___[cond:xs]___[recipe:segmentedFields",
+        "size]___[value:md]___[cond:sm]___[recipe:segmentedFields",
+        "size]___[value:md]___[cond:md]___[recipe:segmentedFields",
+        "size]___[value:md]___[cond:lg]___[recipe:segmentedFields",
+        "size]___[value:md]___[cond:xl]___[recipe:segmentedFields",
+        "size]___[value:md]___[cond:2xl]___[recipe:segmentedFields",
+        "size]___[value:lg]___[cond:xs]___[recipe:segmentedFields",
+        "size]___[value:lg]___[cond:sm]___[recipe:segmentedFields",
+        "size]___[value:lg]___[cond:md]___[recipe:segmentedFields",
+        "size]___[value:lg]___[cond:lg]___[recipe:segmentedFields",
+        "size]___[value:lg]___[cond:xl]___[recipe:segmentedFields",
+        "size]___[value:lg]___[cond:2xl]___[recipe:segmentedFields",
+        "size]___[value:xl]___[cond:xs]___[recipe:segmentedFields",
+        "size]___[value:xl]___[cond:sm]___[recipe:segmentedFields",
+        "size]___[value:xl]___[cond:md]___[recipe:segmentedFields",
+        "size]___[value:xl]___[cond:lg]___[recipe:segmentedFields",
+        "size]___[value:xl]___[cond:xl]___[recipe:segmentedFields",
+        "size]___[value:xl]___[cond:2xl]___[recipe:segmentedFields",
+        "field]___[value:date]___[cond:xs]___[recipe:segmentedFields",
+        "field]___[value:date]___[cond:sm]___[recipe:segmentedFields",
+        "field]___[value:date]___[cond:md]___[recipe:segmentedFields",
+        "field]___[value:date]___[cond:lg]___[recipe:segmentedFields",
+        "field]___[value:date]___[cond:xl]___[recipe:segmentedFields",
+        "field]___[value:date]___[cond:2xl]___[recipe:segmentedFields",
+        "field]___[value:time]___[cond:xs]___[recipe:segmentedFields",
+        "field]___[value:time]___[cond:sm]___[recipe:segmentedFields",
+        "field]___[value:time]___[cond:md]___[recipe:segmentedFields",
+        "field]___[value:time]___[cond:lg]___[recipe:segmentedFields",
+        "field]___[value:time]___[cond:xl]___[recipe:segmentedFields",
+        "field]___[value:time]___[cond:2xl]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[cond:xs]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[cond:sm]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[cond:md]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[cond:lg]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[cond:xl]___[recipe:segmentedFields",
+        "field]___[value:dateTime]___[cond:2xl]___[recipe:segmentedFields",
+        "range]___[value:date]___[cond:xs]___[recipe:segmentedFields",
+        "range]___[value:date]___[cond:sm]___[recipe:segmentedFields",
+        "range]___[value:date]___[cond:md]___[recipe:segmentedFields",
+        "range]___[value:date]___[cond:lg]___[recipe:segmentedFields",
+        "range]___[value:date]___[cond:xl]___[recipe:segmentedFields",
+        "range]___[value:date]___[cond:2xl]___[recipe:segmentedFields",
+        "range]___[value:time]___[cond:xs]___[recipe:segmentedFields",
+        "range]___[value:time]___[cond:sm]___[recipe:segmentedFields",
+        "range]___[value:time]___[cond:md]___[recipe:segmentedFields",
+        "range]___[value:time]___[cond:lg]___[recipe:segmentedFields",
+        "range]___[value:time]___[cond:xl]___[recipe:segmentedFields",
+        "range]___[value:time]___[cond:2xl]___[recipe:segmentedFields",
+        "before]___[value:true]___[recipe:segmentedFields",
+        "before]___[value:true]___[cond:xs]___[recipe:segmentedFields",
+        "before]___[value:true]___[cond:sm]___[recipe:segmentedFields",
+        "before]___[value:true]___[cond:md]___[recipe:segmentedFields",
+        "before]___[value:true]___[cond:lg]___[recipe:segmentedFields",
+        "before]___[value:true]___[cond:xl]___[recipe:segmentedFields",
+        "before]___[value:true]___[cond:2xl]___[recipe:segmentedFields",
+        "after]___[value:true]___[recipe:segmentedFields",
+        "after]___[value:true]___[cond:xs]___[recipe:segmentedFields",
+        "after]___[value:true]___[cond:sm]___[recipe:segmentedFields",
+        "after]___[value:true]___[cond:md]___[recipe:segmentedFields",
+        "after]___[value:true]___[cond:lg]___[recipe:segmentedFields",
+        "after]___[value:true]___[cond:xl]___[recipe:segmentedFields",
+        "after]___[value:true]___[cond:2xl]___[recipe:segmentedFields"
       ],
-      "toggleInput": []
+      "dateMenus": [],
+      "dateTimeMenus": [],
+      "timeMenus": [
+        "stretch]___[value:true]___[recipe:timeMenus"
+      ]
     }
   }
 }