@commercetools/nimbus 0.0.9-rc6 → 0.0.9-rc7

package/dist/chunks/select.recipe-DS5ZRkug.js

@@ -0,0 +1,203 @@
+import { defineSlotRecipe as r } from "@chakra-ui/react";
+const o = r({
+  slots: [
+    "root",
+    "trigger",
+    "triggerLabel",
+    "options",
+    "optionGroup",
+    "option"
+  ],
+  // Unique class name prefix for the component
+  className: "nimbus-select",
+  // Base styles applied to all instances of the component
+  base: {
+    // RA <Select>
+    root: {
+      colorPalette: "primary",
+      display: "inline-block",
+      position: "relative",
+      maxWidth: "100%",
+      borderRadius: "200",
+      // [data-focused]
+      // [data-focus-visible]
+      // [data-open]
+      // [data-invalid]
+      // [data-required]
+      "&[data-disabled]": {
+        layerStyle: "disabled",
+        pointerEvents: "none"
+      }
+    },
+    trigger: {
+      cursor: "button",
+      display: "inline-flex",
+      focusRing: "outside",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      borderRadius: "200",
+      color: "neutral.12",
+      width: "100%",
+      userSelect: "none",
+      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
+      '& [slot="description"]': {
+        display: "none"
+      },
+      "[data-invalid] &": {
+        "--border-width": "sizes.50",
+        "--border-color": "colors.critical.7"
+      }
+      // [data-hovered]
+      // [data-pressed]
+      // [data-focused]
+      // [data-focus-visible]
+      // [data-disabled]
+      // [data-pending]
+    },
+    triggerLabel: {
+      // *Magic*
+      // the trigger-label defines the overall width of the select,
+      // but since we position 2 buttons/icons next to it, we need to account for
+      // their width as well and reserve some space for them
+      // = label-button-gap + button-size + icon-size
+      // = 8px + 24px + 24px
+      // = 56px * 25 = 1400 token
+      "--button-safespace": "sizes.1400",
+      color: "neutral.12",
+      textAlign: "left",
+      marginRight: "var(--button-safespace)",
+      maxWidth: "100%",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      "&[data-placeholder]": {
+        opacity: 0.5
+      },
+      "[data-invalid] &": {
+        color: "critical.11"
+      }
+    },
+    // Popover
+    options: {
+      "--scrollbar-color": "colors.neutral.8",
+      "--scrollbar-bg": "colors.neutral.3",
+      bg: "bg",
+      borderRadius: "200",
+      boxShadow: "5",
+      minWidth: "var(--trigger-width)",
+      p: "200",
+      focusRing: "outside",
+      maxHeight: "40svh",
+      overflowY: "auto",
+      scrollbarWidth: "thin",
+      scrollbarColor: "var(--scrollbar-color) var(--scrollbar-bg)"
+      // [data-trigger="..."]
+      // [data-placement="left | right | top | bottom"]
+      // [data-entering]
+      // [data-exiting]
+    },
+    // Option group header
+    optionGroup: {
+      textStyle: "xs",
+      color: "neutral.11",
+      fontWeight: "600",
+      lineHeight: "350",
+      letterSpacing: "25",
+      textTransform: "uppercase",
+      p: "200",
+      borderBottom: "solid-25",
+      borderColor: "neutral.3",
+      mx: "-200",
+      mt: "200",
+      mb: "300"
+    },
+    // ListBoxItem
+    option: {
+      focusRing: "outside",
+      cursor: "menuitem",
+      color: "neutral.12",
+      textStyle: "sm",
+      p: "200",
+      borderRadius: "200",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      '&[aria-selected="true"]': {
+        bg: "primary.3"
+      },
+      '&[data-focused="true"]': {
+        bg: "primary.2"
+      },
+      '& [slot="label"]': {
+        display: "block"
+      },
+      '& [slot="description"]': {
+        display: "block",
+        color: "neutral.11",
+        textStyle: "xs"
+      },
+      '&[data-disabled="true"]': {
+        layerStyle: "disabled"
+      }
+    }
+  },
+  // Available variants for customizing the component's appearance
+  variants: {
+    // Size variants from smallest to largest
+    size: {
+      sm: {
+        root: {},
+        trigger: {
+          h: "800",
+          px: "400",
+          textStyle: "sm"
+        }
+      },
+      md: {
+        root: {},
+        trigger: {
+          h: "1000",
+          px: "400",
+          textStyle: "md"
+        }
+      }
+      // Medium
+    },
+    // Visual style variants
+    variant: {
+      outline: {
+        root: {
+          bg: "primary.1",
+          "&:hover": {
+            bg: "primary.2"
+          }
+        },
+        trigger: {
+          "--border-width": "sizes.25",
+          "--border-color": "colors.neutral.7"
+        }
+      },
+      ghost: {
+        root: {
+          bg: "transparent",
+          "&:hover": {
+            bg: "primaryAlpha.2"
+          }
+        },
+        trigger: {
+          "--border-width": "sizes.25",
+          "--border-color": "transparent"
+        }
+      }
+    }
+  },
+  // Default variant values when not explicitly specified
+  defaultVariants: {
+    size: "md",
+    variant: "outline"
+  }
+});
+export {
+  o as s
+};
+//# sourceMappingURL=select.recipe-DS5ZRkug.js.map

package/dist/chunks/select.recipe-DS5ZRkug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.recipe-DS5ZRkug.js","sources":["../../src/components/select/select.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Select component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const selectSlotRecipe = defineSlotRecipe({\n  slots: [\n    \"root\",\n    \"trigger\",\n    \"triggerLabel\",\n    \"options\",\n    \"optionGroup\",\n    \"option\",\n  ],\n  // Unique class name prefix for the component\n  className: \"nimbus-select\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    // RA <Select>\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-block\",\n      position: \"relative\",\n      maxWidth: \"100%\",\n      borderRadius: \"200\",\n      // [data-focused]\n      // [data-focus-visible]\n      // [data-open]\n      // [data-invalid]\n      // [data-required]\n      \"&[data-disabled]\": {\n        layerStyle: \"disabled\",\n        pointerEvents: \"none\",\n      },\n    },\n    trigger: {\n      cursor: \"button\",\n      display: \"inline-flex\",\n      focusRing: \"outside\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      borderRadius: \"200\",\n      color: \"neutral.12\",\n      width: \"100%\",\n      userSelect: \"none\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n\n      '& [slot=\"description\"]': {\n        display: \"none\",\n      },\n\n      \"[data-invalid] &\": {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n      },\n\n      // [data-hovered]\n      // [data-pressed]\n      // [data-focused]\n      // [data-focus-visible]\n      // [data-disabled]\n      // [data-pending]\n    },\n    triggerLabel: {\n      // *Magic*\n      // the trigger-label defines the overall width of the select,\n      // but since we position 2 buttons/icons next to it, we need to account for\n      // their width as well and reserve some space for them\n      // = label-button-gap + button-size + icon-size\n      // = 8px + 24px + 24px\n      // = 56px * 25 = 1400 token\n      \"--button-safespace\": \"sizes.1400\",\n      color: \"neutral.12\",\n      textAlign: \"left\",\n      marginRight: \"var(--button-safespace)\",\n      maxWidth: \"100%\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n\n      \"&[data-placeholder]\": {\n        opacity: 0.5,\n      },\n      \"[data-invalid] &\": {\n        color: \"critical.11\",\n      },\n    },\n    // Popover\n    options: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n\n      bg: \"bg\",\n      borderRadius: \"200\",\n      boxShadow: \"5\",\n      minWidth: \"var(--trigger-width)\",\n      p: \"200\",\n      focusRing: \"outside\",\n      maxHeight: \"40svh\",\n      overflowY: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      // [data-trigger=\"...\"]\n      // [data-placement=\"left | right | top | bottom\"]\n      // [data-entering]\n      // [data-exiting]\n    },\n    // Option group header\n    optionGroup: {\n      textStyle: \"xs\",\n      color: \"neutral.11\",\n      fontWeight: \"600\",\n      lineHeight: \"350\",\n      letterSpacing: \"25\",\n      textTransform: \"uppercase\",\n      p: \"200\",\n      borderBottom: \"solid-25\",\n      borderColor: \"neutral.3\",\n      mx: \"-200\",\n      mt: \"200\",\n      mb: \"300\",\n    },\n    // ListBoxItem\n    option: {\n      focusRing: \"outside\",\n      cursor: \"menuitem\",\n      color: \"neutral.12\",\n      textStyle: \"sm\",\n      p: \"200\",\n      borderRadius: \"200\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      '&[aria-selected=\"true\"]': {\n        bg: \"primary.3\",\n      },\n      '&[data-focused=\"true\"]': {\n        bg: \"primary.2\",\n      },\n      '& [slot=\"label\"]': {\n        display: \"block\",\n      },\n\n      '& [slot=\"description\"]': {\n        display: \"block\",\n        color: \"neutral.11\",\n        textStyle: \"xs\",\n      },\n\n      '&[data-disabled=\"true\"]': {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        root: {},\n        trigger: {\n          h: \"800\",\n          px: \"400\",\n          textStyle: \"sm\",\n        },\n      },\n      md: {\n        root: {},\n        trigger: {\n          h: \"1000\",\n          px: \"400\",\n          textStyle: \"md\",\n        },\n      }, // Medium\n    },\n\n    // Visual style variants\n    variant: {\n      outline: {\n        root: {\n          bg: \"primary.1\",\n          \"&:hover\": {\n            bg: \"primary.2\",\n          },\n        },\n        trigger: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n        },\n      },\n      ghost: {\n        root: {\n          bg: \"transparent\",\n          \"&:hover\": {\n            bg: \"primaryAlpha.2\",\n          },\n        },\n        trigger: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"transparent\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n});\n"],"names":["selectSlotRecipe","defineSlotRecipe"],"mappings":"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"}

package/dist/chunks/select.recipe-DUHFWlQt.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("@chakra-ui/react"),e=r.defineSlotRecipe({slots:["root","trigger","triggerLabel","options","optionGroup","option"],className:"nimbus-select",base:{root:{colorPalette:"primary",display:"inline-block",position:"relative",maxWidth:"100%",borderRadius:"200","&[data-disabled]":{layerStyle:"disabled",pointerEvents:"none"}},trigger:{cursor:"button",display:"inline-flex",focusRing:"outside",alignItems:"center",justifyContent:"flex-start",borderRadius:"200",color:"neutral.12",width:"100%",userSelect:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",'& [slot="description"]':{display:"none"},"[data-invalid] &":{"--border-width":"sizes.50","--border-color":"colors.critical.7"}},triggerLabel:{"--button-safespace":"sizes.1400",color:"neutral.12",textAlign:"left",marginRight:"var(--button-safespace)",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","&[data-placeholder]":{opacity:.5},"[data-invalid] &":{color:"critical.11"}},options:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"bg",borderRadius:"200",boxShadow:"5",minWidth:"var(--trigger-width)",p:"200",focusRing:"outside",maxHeight:"40svh",overflowY:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)"},optionGroup:{textStyle:"xs",color:"neutral.11",fontWeight:"600",lineHeight:"350",letterSpacing:"25",textTransform:"uppercase",p:"200",borderBottom:"solid-25",borderColor:"neutral.3",mx:"-200",mt:"200",mb:"300"},option:{focusRing:"outside",cursor:"menuitem",color:"neutral.12",textStyle:"sm",p:"200",borderRadius:"200",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",'&[aria-selected="true"]':{bg:"primary.3"},'&[data-focused="true"]':{bg:"primary.2"},'& [slot="label"]':{display:"block"},'& [slot="description"]':{display:"block",color:"neutral.11",textStyle:"xs"},'&[data-disabled="true"]':{layerStyle:"disabled"}}},variants:{size:{sm:{root:{},trigger:{h:"800",px:"400",textStyle:"sm"}},md:{root:{},trigger:{h:"1000",px:"400",textStyle:"md"}}},variant:{outline:{root:{bg:"primary.1","&:hover":{bg:"primary.2"}},trigger:{"--border-width":"sizes.25","--border-color":"colors.neutral.7"}},ghost:{root:{bg:"transparent","&:hover":{bg:"primaryAlpha.2"}},trigger:{"--border-width":"sizes.25","--border-color":"transparent"}}}},defaultVariants:{size:"md",variant:"outline"}});exports.selectSlotRecipe=e;
+//# sourceMappingURL=select.recipe-DUHFWlQt.js.map

package/dist/chunks/select.recipe-DUHFWlQt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.recipe-DUHFWlQt.js","sources":["../../src/components/select/select.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Select component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const selectSlotRecipe = defineSlotRecipe({\n  slots: [\n    \"root\",\n    \"trigger\",\n    \"triggerLabel\",\n    \"options\",\n    \"optionGroup\",\n    \"option\",\n  ],\n  // Unique class name prefix for the component\n  className: \"nimbus-select\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    // RA <Select>\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-block\",\n      position: \"relative\",\n      maxWidth: \"100%\",\n      borderRadius: \"200\",\n      // [data-focused]\n      // [data-focus-visible]\n      // [data-open]\n      // [data-invalid]\n      // [data-required]\n      \"&[data-disabled]\": {\n        layerStyle: \"disabled\",\n        pointerEvents: \"none\",\n      },\n    },\n    trigger: {\n      cursor: \"button\",\n      display: \"inline-flex\",\n      focusRing: \"outside\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      borderRadius: \"200\",\n      color: \"neutral.12\",\n      width: \"100%\",\n      userSelect: \"none\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n\n      '& [slot=\"description\"]': {\n        display: \"none\",\n      },\n\n      \"[data-invalid] &\": {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n      },\n\n      // [data-hovered]\n      // [data-pressed]\n      // [data-focused]\n      // [data-focus-visible]\n      // [data-disabled]\n      // [data-pending]\n    },\n    triggerLabel: {\n      // *Magic*\n      // the trigger-label defines the overall width of the select,\n      // but since we position 2 buttons/icons next to it, we need to account for\n      // their width as well and reserve some space for them\n      // = label-button-gap + button-size + icon-size\n      // = 8px + 24px + 24px\n      // = 56px * 25 = 1400 token\n      \"--button-safespace\": \"sizes.1400\",\n      color: \"neutral.12\",\n      textAlign: \"left\",\n      marginRight: \"var(--button-safespace)\",\n      maxWidth: \"100%\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n\n      \"&[data-placeholder]\": {\n        opacity: 0.5,\n      },\n      \"[data-invalid] &\": {\n        color: \"critical.11\",\n      },\n    },\n    // Popover\n    options: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n\n      bg: \"bg\",\n      borderRadius: \"200\",\n      boxShadow: \"5\",\n      minWidth: \"var(--trigger-width)\",\n      p: \"200\",\n      focusRing: \"outside\",\n      maxHeight: \"40svh\",\n      overflowY: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      // [data-trigger=\"...\"]\n      // [data-placement=\"left | right | top | bottom\"]\n      // [data-entering]\n      // [data-exiting]\n    },\n    // Option group header\n    optionGroup: {\n      textStyle: \"xs\",\n      color: \"neutral.11\",\n      fontWeight: \"600\",\n      lineHeight: \"350\",\n      letterSpacing: \"25\",\n      textTransform: \"uppercase\",\n      p: \"200\",\n      borderBottom: \"solid-25\",\n      borderColor: \"neutral.3\",\n      mx: \"-200\",\n      mt: \"200\",\n      mb: \"300\",\n    },\n    // ListBoxItem\n    option: {\n      focusRing: \"outside\",\n      cursor: \"menuitem\",\n      color: \"neutral.12\",\n      textStyle: \"sm\",\n      p: \"200\",\n      borderRadius: \"200\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      '&[aria-selected=\"true\"]': {\n        bg: \"primary.3\",\n      },\n      '&[data-focused=\"true\"]': {\n        bg: \"primary.2\",\n      },\n      '& [slot=\"label\"]': {\n        display: \"block\",\n      },\n\n      '& [slot=\"description\"]': {\n        display: \"block\",\n        color: \"neutral.11\",\n        textStyle: \"xs\",\n      },\n\n      '&[data-disabled=\"true\"]': {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        root: {},\n        trigger: {\n          h: \"800\",\n          px: \"400\",\n          textStyle: \"sm\",\n        },\n      },\n      md: {\n        root: {},\n        trigger: {\n          h: \"1000\",\n          px: \"400\",\n          textStyle: \"md\",\n        },\n      }, // Medium\n    },\n\n    // Visual style variants\n    variant: {\n      outline: {\n        root: {\n          bg: \"primary.1\",\n          \"&:hover\": {\n            bg: \"primary.2\",\n          },\n        },\n        trigger: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n        },\n      },\n      ghost: {\n        root: {\n          bg: \"transparent\",\n          \"&:hover\": {\n            bg: \"primaryAlpha.2\",\n          },\n        },\n        trigger: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"transparent\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n});\n"],"names":["selectSlotRecipe","defineSlotRecipe"],"mappings":"iDAMaA,EAAmBC,EAAAA,iBAAiB,CAC/C,MAAO,CACL,OACA,UACA,eACA,UACA,cACA,QACF,EAEA,UAAW,gBAGX,KAAM,CAEJ,KAAM,CACJ,aAAc,UACd,QAAS,eACT,SAAU,WACV,SAAU,OACV,aAAc,MAMd,mBAAoB,CAClB,WAAY,WACZ,cAAe,MAAA,CAEnB,EACA,QAAS,CACP,OAAQ,SACR,QAAS,cACT,UAAW,UACX,WAAY,SACZ,eAAgB,aAChB,aAAc,MACd,MAAO,aACP,MAAO,OACP,WAAY,OACZ,UAAW,sDAEX,yBAA0B,CACxB,QAAS,MACX,EAEA,mBAAoB,CAClB,iBAAkB,WAClB,iBAAkB,mBAAA,CAStB,EACA,aAAc,CAQZ,qBAAsB,aACtB,MAAO,aACP,UAAW,OACX,YAAa,0BACb,SAAU,OACV,WAAY,SACZ,SAAU,SACV,aAAc,WAEd,sBAAuB,CACrB,QAAS,EACX,EACA,mBAAoB,CAClB,MAAO,aAAA,CAEX,EAEA,QAAS,CACP,oBAAqB,mBACrB,iBAAkB,mBAElB,GAAI,KACJ,aAAc,MACd,UAAW,IACX,SAAU,uBACV,EAAG,MACH,UAAW,UACX,UAAW,QACX,UAAW,OACX,eAAgB,OAChB,eAAgB,4CAKlB,EAEA,YAAa,CACX,UAAW,KACX,MAAO,aACP,WAAY,MACZ,WAAY,MACZ,cAAe,KACf,cAAe,YACf,EAAG,MACH,aAAc,WACd,YAAa,YACb,GAAI,OACJ,GAAI,MACJ,GAAI,KACN,EAEA,OAAQ,CACN,UAAW,UACX,OAAQ,WACR,MAAO,aACP,UAAW,KACX,EAAG,MACH,aAAc,MACd,WAAY,SACZ,SAAU,SACV,aAAc,WACd,0BAA2B,CACzB,GAAI,WACN,EACA,yBAA0B,CACxB,GAAI,WACN,EACA,mBAAoB,CAClB,QAAS,OACX,EAEA,yBAA0B,CACxB,QAAS,QACT,MAAO,aACP,UAAW,IACb,EAEA,0BAA2B,CACzB,WAAY,UAAA,CACd,CAEJ,EAGA,SAAU,CAER,KAAM,CACJ,GAAI,CACF,KAAM,CAAC,EACP,QAAS,CACP,EAAG,MACH,GAAI,MACJ,UAAW,IAAA,CAEf,EACA,GAAI,CACF,KAAM,CAAC,EACP,QAAS,CACP,EAAG,OACH,GAAI,MACJ,UAAW,IAAA,CACb,CAEJ,EAGA,QAAS,CACP,QAAS,CACP,KAAM,CACJ,GAAI,YACJ,UAAW,CACT,GAAI,WAAA,CAER,EACA,QAAS,CACP,iBAAkB,WAClB,iBAAkB,kBAAA,CAEtB,EACA,MAAO,CACL,KAAM,CACJ,GAAI,cACJ,UAAW,CACT,GAAI,gBAAA,CAER,EACA,QAAS,CACP,iBAAkB,WAClB,iBAAkB,aAAA,CACpB,CACF,CAEJ,EAGA,gBAAiB,CACf,KAAM,KACN,QAAS,SAAA,CAEb,CAAC"}

package/dist/chunks/simple-grid-CHgTayx6.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),e=require("@chakra-ui/react"),r=i=>{const{ref:t,...s}=i;return n.jsx(e.SimpleGrid,{ref:t,...s})};r.displayName="SimpleGrid";const m=Object.assign(r,{Item:e.GridItem});exports.SimpleGrid=m;
+//# sourceMappingURL=simple-grid-CHgTayx6.js.map

package/dist/chunks/simple-grid-CHgTayx6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-grid-CHgTayx6.js","sources":["../../src/components/simple-grid/simple-grid.tsx"],"sourcesContent":["import {\n  SimpleGrid as ChakraSimpleGrid,\n  GridItem,\n  type SimpleGridProps as ChakraSimpleGridProps,\n} from \"@chakra-ui/react\";\n\n/**\n * SimpleGrid\n * ============================================================\n * The SimpleGrid Layout Component provides a flexible and responsive way to structure content.\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n */\nexport interface SimpleGridProps extends ChakraSimpleGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: SimpleGridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraSimpleGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"SimpleGrid\";\n\nexport const SimpleGrid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraSimpleGrid","SimpleGrid","GridItem"],"mappings":"gFAoBMA,EAAiBC,GAA2B,CAChD,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAQG,EAAA,IAAAC,EAAA,WAAA,CAAiB,IAAAH,EAAW,GAAGC,CAAW,CAAA,CACpD,EAEAH,EAAc,YAAc,aAEf,MAAAM,EAAa,OAAO,OAAON,EAAe,CACrD,KAAMO,EAAAA,QACR,CAAC"}

package/dist/chunks/simple-grid-D6PoDK0-.js

@@ -0,0 +1,14 @@
+import { jsx as t } from "react/jsx-runtime";
+import { GridItem as o, SimpleGrid as s } from "@chakra-ui/react";
+const r = (i) => {
+  const { ref: e, ...m } = i;
+  return /* @__PURE__ */ t(s, { ref: e, ...m });
+};
+r.displayName = "SimpleGrid";
+const n = Object.assign(r, {
+  Item: o
+});
+export {
+  n as S
+};
+//# sourceMappingURL=simple-grid-D6PoDK0-.js.map

package/dist/chunks/simple-grid-D6PoDK0-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-grid-D6PoDK0-.js","sources":["../../src/components/simple-grid/simple-grid.tsx"],"sourcesContent":["import {\n  SimpleGrid as ChakraSimpleGrid,\n  GridItem,\n  type SimpleGridProps as ChakraSimpleGridProps,\n} from \"@chakra-ui/react\";\n\n/**\n * SimpleGrid\n * ============================================================\n * The SimpleGrid Layout Component provides a flexible and responsive way to structure content.\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n */\nexport interface SimpleGridProps extends ChakraSimpleGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: SimpleGridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraSimpleGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"SimpleGrid\";\n\nexport const SimpleGrid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraSimpleGrid","SimpleGrid","GridItem"],"mappings":";;AAoBA,MAAMA,IAAgB,CAACC,MAA2B;AAChD,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAQ,gBAAAG,EAAAC,GAAA,EAAiB,KAAAH,GAAW,GAAGC,EAAW,CAAA;AACpD;AAEAH,EAAc,cAAc;AAEf,MAAAM,IAAa,OAAO,OAAON,GAAe;AAAA,EACrD,MAAMO;AACR,CAAC;"}

package/dist/chunks/stack-__ugxVHD.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Stack as s } from "@chakra-ui/react";
+const c = (t) => {
+  const { ref: r, ...a } = t;
+  return /* @__PURE__ */ o(s, { ref: r, ...a });
+};
+c.displayName = "Stack";
+export {
+  c as S
+};
+//# sourceMappingURL=stack-__ugxVHD.js.map

package/dist/chunks/stack-__ugxVHD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-__ugxVHD.js","sources":["../../src/components/stack/stack.tsx"],"sourcesContent":["import {\n  Stack as ChakraStack,\n  type StackProps as ChakraStackProps,\n} from \"@chakra-ui/react\";\n\nexport interface StackProps extends ChakraStackProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"names":["Stack","props","ref","restProps","jsx","ChakraStack"],"mappings":";;AAUa,MAAAA,IAAQ,CAACC,MAAsB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAQ,gBAAAG,EAAAC,GAAA,EAAY,KAAAH,GAAW,GAAGC,EAAW,CAAA;AAC/C;AAEAH,EAAM,cAAc;"}

package/dist/chunks/stack-wFUhYQQb.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),a=require("@chakra-ui/react"),t=e=>{const{ref:r,...s}=e;return c.jsx(a.Stack,{ref:r,...s})};t.displayName="Stack";exports.Stack=t;
+//# sourceMappingURL=stack-wFUhYQQb.js.map

package/dist/chunks/stack-wFUhYQQb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-wFUhYQQb.js","sources":["../../src/components/stack/stack.tsx"],"sourcesContent":["import {\n  Stack as ChakraStack,\n  type StackProps as ChakraStackProps,\n} from \"@chakra-ui/react\";\n\nexport interface StackProps extends ChakraStackProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"names":["Stack","props","ref","restProps","jsx","ChakraStack"],"mappings":"gFAUaA,EAASC,GAAsB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAQG,EAAA,IAAAC,EAAA,MAAA,CAAY,IAAAH,EAAW,GAAGC,CAAW,CAAA,CAC/C,EAEAH,EAAM,YAAc"}

package/dist/chunks/switch-CZji_hBH.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),$=require("react"),u=require("@chakra-ui/react"),x=require("./visually-hidden-Qd_t4hAG.js"),w=require("./extractStyleProps-lyk7D-zN.js"),R=require("./switch.recipe-DHopLj_g.js"),q=require("./useObjectRef-4v2MxSjQ.js"),y=require("./mergeProps-BeIu4MsM.js"),j=require("./useToggleState-B5pE_WmM.js"),g=require("./useToggle-BUU7amte.js"),m=require("./useFocusRing-C4z9NtLP.js");function k(s,e,c){let{labelProps:i,inputProps:a,isSelected:o,isPressed:l,isDisabled:n,isReadOnly:d}=g.$d2c8e2b0480f3f34$export$cbe85ee05b554577(s,e,c);return{labelProps:i,inputProps:{...a,role:"switch",checked:o},isSelected:o,isPressed:l,isDisabled:n,isReadOnly:d}}const{withProvider:v,withContext:p}=u.createSlotRecipeContext({key:"switch"}),D=v("label","root"),O=p("span","label"),T=p("span","track"),C=p("span","thumb"),b=({ref:s,...e})=>{const c=$.useRef(null),i=q.$df56164dff5785e2$export$4338b53315abf666(s?u.mergeRefs(c,s):c),a=u.useSlotRecipe({recipe:R.switchSlotRecipe}),[o,l]=a.splitVariantProps(e),[n,d]=w.extractStyleProps(l),f=j.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:h}=k(d,f,i),{isFocused:S,focusProps:P}=m.$f7dceffc5ad7768b$export$4e328f61c538687f(),r={"data-selected":f.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":S||void 0};return t.jsxs(D,{"data-slot":"root",...o,...r,...n,children:[t.jsxs(T,{"data-slot":"track",...r,children:[t.jsx(C,{"data-slot":"thumb",...r}),t.jsx(x.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...y.$3ef42575df84b30b$export$9d1611c77c2fe928(h,P),ref:i})})]}),e.children&&t.jsx(O,{"data-slot":"label",...r,children:e.children})]})};b.displayName="Switch";exports.Switch=b;
+//# sourceMappingURL=switch-CZji_hBH.js.map

package/dist/chunks/switch-CZji_hBH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-CZji_hBH.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport interface SwitchRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof switchSlotRecipe>\n  > {}\nexport const SwitchRootSlot = withProvider<HTMLLabelElement, SwitchRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface SwitchLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchLabelSlot = withContext<HTMLSpanElement, SwitchLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface SwitchTrackProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchTrackSlot = withContext<HTMLSpanElement, SwitchTrackProps>(\n  \"span\",\n  \"track\"\n);\n\ninterface SwitchThumbProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchThumbSlot = withContext<HTMLSpanElement, SwitchThumbProps>(\n  \"span\",\n  \"thumb\"\n);\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { useSlotRecipe, mergeRefs } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * Switch\n * ============================================================\n * displays a switch toggle and optionally an associated label\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":"yaAaA,SAASA,EAA0CC,EAAOC,EAAOC,EAAK,CAClE,GAAI,CAAE,WAAYC,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAY,EAAOC,EAAAA,0CAAkBT,EAAOC,EAAOC,CAAG,EAC9L,MAAO,CACH,WAAYC,EACZ,WAAY,CACR,GAAGC,EACH,KAAM,SACN,QAASC,CACZ,EACD,WAAYA,EACZ,UAAWC,EACX,WAAYC,EACZ,WAAYC,CACf,CACL,CCnBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAY,EAAIC,0BAAwB,CAC5D,IAAK,QACP,CAAC,EAOYC,EAAiBH,EAC5B,QACA,MACF,EAGaI,EAAkBH,EAC7B,OACA,OACF,EAGaI,EAAkBJ,EAC7B,OACA,OACF,EAGaK,EAAkBL,EAC7B,OACA,OACF,EClBaM,EAAS,CAAC,CAAE,IAAKC,EAAa,GAAGlB,KAAyB,CAC/D,MAAAmB,EAAWC,SAAyB,IAAI,EACxClB,EAAMmB,EAAA,0CACVH,EAAcI,EAAA,UAAUH,EAAUD,CAAW,EAAIC,CACnD,EAEMI,EAASC,EAAA,cAAc,CAAE,OAAQC,mBAAkB,EAEnD,CAACC,EAAaC,CAAe,EAAIJ,EAAO,kBAAkBvB,CAAK,EAC/D,CAAC4B,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE1B,EAAQ8B,4CAAe/B,CAAK,EAC5B,CAAE,WAAAI,CAAW,EAAI4B,EAAUH,EAAiB5B,EAAOC,CAAG,EAEtD,CAAE,UAAA+B,EAAW,WAAAC,CAAW,EAAIC,4CAAa,EAEzCC,EAAa,CACjB,gBAAiBnC,EAAM,WACvB,eAAgBD,EAAM,UACtB,gBAAiBA,EAAM,WACvB,aAAciC,GAAa,MAC7B,EAEE,OAAAI,EAAA,KAACxB,EAAA,CACC,YAAU,OACT,GAAGa,EACH,GAAGU,EACH,GAAGR,EAEJ,SAAA,CAAAS,EAAA,KAACtB,EAAgB,CAAA,YAAU,QAAS,GAAGqB,EACrC,SAAA,CAAAE,EAAA,IAACtB,EAAgB,CAAA,YAAU,QAAS,GAAGoB,CAAY,CAAA,EACnDE,EAAAA,IAACC,EAAAA,eAAe,CAAA,GAAG,OACjB,SAAAD,EAAA,IAAC,QAAA,CACC,YAAU,QACT,GAAGE,EAAW,0CAAApC,EAAY8B,CAAU,EACrC,IAAAhC,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF,EAECF,EAAM,UACJsC,MAAAxB,EAAA,CAAgB,YAAU,QAAS,GAAGsB,EACpC,SAAApC,EAAM,QACT,CAAA,CAAA,CAAA,CAEJ,CAEJ,EACAiB,EAAO,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/switch-QvuLHJL-.js

@@ -0,0 +1,78 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { createSlotRecipeContext as P, mergeRefs as S, useSlotRecipe as w } from "@chakra-ui/react";
+import { V as x } from "./visually-hidden-T2B120j4.js";
+import { e as R } from "./extractStyleProps-CxgBrz3O.js";
+import { s as y } from "./switch.recipe-D3gb3Xj_.js";
+import { $ as k } from "./useObjectRef-CaJ5pgjX.js";
+import { $ as v } from "./mergeProps-DAjoWNOq.js";
+import { $ as D } from "./useToggleState-Bz5rAf4C.js";
+import { $ as O } from "./useToggle-Cp-w42gr.js";
+import { $ as V } from "./useFocusRing-C8yOnkHj.js";
+function j(t, e, s) {
+  let { labelProps: o, inputProps: a, isSelected: i, isPressed: l, isDisabled: d, isReadOnly: n } = O(t, e, s);
+  return {
+    labelProps: o,
+    inputProps: {
+      ...a,
+      role: "switch",
+      checked: i
+    },
+    isSelected: i,
+    isPressed: l,
+    isDisabled: d,
+    isReadOnly: n
+  };
+}
+const { withProvider: C, withContext: p } = P({
+  key: "switch"
+}), L = C(
+  "label",
+  "root"
+), T = p(
+  "span",
+  "label"
+), g = p(
+  "span",
+  "track"
+), F = p(
+  "span",
+  "thumb"
+), H = ({ ref: t, ...e }) => {
+  const s = u(null), o = k(
+    t ? S(s, t) : s
+  ), a = w({ recipe: y }), [i, l] = a.splitVariantProps(e), [d, n] = R(l), f = D(e), { inputProps: b } = j(n, f, o), { isFocused: $, focusProps: h } = V(), r = {
+    "data-selected": f.isSelected,
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled,
+    "data-focus": $ || void 0
+  };
+  return /* @__PURE__ */ m(
+    L,
+    {
+      "data-slot": "root",
+      ...i,
+      ...r,
+      ...d,
+      children: [
+        /* @__PURE__ */ m(g, { "data-slot": "track", ...r, children: [
+          /* @__PURE__ */ c(F, { "data-slot": "thumb", ...r }),
+          /* @__PURE__ */ c(x, { as: "span", children: /* @__PURE__ */ c(
+            "input",
+            {
+              "data-slot": "input",
+              ...v(b, h),
+              ref: o
+            }
+          ) })
+        ] }),
+        e.children && /* @__PURE__ */ c(T, { "data-slot": "label", ...r, children: e.children })
+      ]
+    }
+  );
+};
+H.displayName = "Switch";
+export {
+  H as S
+};
+//# sourceMappingURL=switch-QvuLHJL-.js.map

package/dist/chunks/switch-QvuLHJL-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-QvuLHJL-.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport interface SwitchRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof switchSlotRecipe>\n  > {}\nexport const SwitchRootSlot = withProvider<HTMLLabelElement, SwitchRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface SwitchLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchLabelSlot = withContext<HTMLSpanElement, SwitchLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface SwitchTrackProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchTrackSlot = withContext<HTMLSpanElement, SwitchTrackProps>(\n  \"span\",\n  \"track\"\n);\n\ninterface SwitchThumbProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchThumbSlot = withContext<HTMLSpanElement, SwitchThumbProps>(\n  \"span\",\n  \"thumb\"\n);\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { useSlotRecipe, mergeRefs } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * Switch\n * ============================================================\n * displays a switch toggle and optionally an associated label\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":";;;;;;;;;;;AAaA,SAASA,EAA0CC,GAAOC,GAAOC,GAAK;AAClE,MAAI,EAAE,YAAYC,GAAY,YAAYC,GAAY,YAAYC,GAAY,WAAWC,GAAW,YAAYC,GAAY,YAAYC,EAAY,IAAOC,EAAkBT,GAAOC,GAAOC,CAAG;AAC9L,SAAO;AAAA,IACH,YAAYC;AAAA,IACZ,YAAY;AAAA,MACR,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,SAASC;AAAA,IACZ;AAAA,IACD,YAAYA;AAAA,IACZ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,EACf;AACL;ACnBA,MAAM,EAAE,cAAAE,GAAc,aAAAC,EAAY,IAAIC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAOYC,IAAiBH;AAAA,EAC5B;AAAA,EACA;AACF,GAGaI,IAAkBH;AAAA,EAC7B;AAAA,EACA;AACF,GAGaI,IAAkBJ;AAAA,EAC7B;AAAA,EACA;AACF,GAGaK,IAAkBL;AAAA,EAC7B;AAAA,EACA;AACF,GClBaM,IAAS,CAAC,EAAE,KAAKC,GAAa,GAAGlB,QAAyB;AAC/D,QAAAmB,IAAWC,EAAyB,IAAI,GACxClB,IAAMmB;AAAAA,IACVH,IAAcI,EAAUH,GAAUD,CAAW,IAAIC;AAAA,EACnD,GAEMI,IAASC,EAAc,EAAE,QAAQC,GAAkB,GAEnD,CAACC,GAAaC,CAAe,IAAIJ,EAAO,kBAAkBvB,CAAK,GAC/D,CAAC4B,GAAYC,CAAe,IAAIC,EAAkBH,CAAe,GAEjE1B,IAAQ8B,EAAe/B,CAAK,GAC5B,EAAE,YAAAI,EAAW,IAAI4B,EAAUH,GAAiB5B,GAAOC,CAAG,GAEtD,EAAE,WAAA+B,GAAW,YAAAC,EAAW,IAAIC,EAAa,GAEzCC,IAAa;AAAA,IACjB,iBAAiBnC,EAAM;AAAA,IACvB,gBAAgBD,EAAM;AAAA,IACtB,iBAAiBA,EAAM;AAAA,IACvB,cAAciC,KAAa;AAAA,EAC7B;AAEE,SAAA,gBAAAI;AAAA,IAACxB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGa;AAAA,MACH,GAAGU;AAAA,MACH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAACtB,GAAgB,EAAA,aAAU,SAAS,GAAGqB,GACrC,UAAA;AAAA,UAAA,gBAAAE,EAACtB,GAAgB,EAAA,aAAU,SAAS,GAAGoB,EAAY,CAAA;AAAA,UACnD,gBAAAE,EAACC,GAAe,EAAA,IAAG,QACjB,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACT,GAAGE,EAAWpC,GAAY8B,CAAU;AAAA,cACrC,KAAAhC;AAAA,YAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QAECF,EAAM,YACJ,gBAAAsC,EAAAxB,GAAA,EAAgB,aAAU,SAAS,GAAGsB,GACpC,UAAApC,EAAM,SACT,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AACAiB,EAAO,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/switch.recipe-D3gb3Xj_.js

@@ -0,0 +1,100 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react";
+const r = e({
+  slots: ["root", "label", "track", "thumb"],
+  // Unique class name prefix for the component
+  className: "nimbus-switch",
+  base: {
+    root: {
+      colorPalette: "primary",
+      display: "inline-flex",
+      gap: "200",
+      alignItems: "center",
+      verticalAlign: "top",
+      cursor: "pointer",
+      borderRadius: "full",
+      "&[data-disabled='true']": {
+        layerStyle: "disabled",
+        pointerEvents: "none"
+      }
+    },
+    label: {
+      flexShrink: 0,
+      userSelect: "none",
+      color: "neutral.11",
+      fontSize: "var(--label-font-size)"
+    },
+    track: {
+      colorPalette: "neutral",
+      focusRing: "outside",
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      flexShrink: 0,
+      width: "var(--track-width)",
+      height: "var(--track-height)",
+      borderRadius: "calc(var(--track-height) / 2)",
+      backgroundColor: "colorPalette.5",
+      transition: "background-color 0.2s",
+      "&[data-selected='true']": {
+        colorPalette: "primary",
+        backgroundColor: "colorPalette.9"
+      },
+      "&:hover": {
+        backgroundColor: "colorPalette.7",
+        "&[data-selected='true']": {
+          backgroundColor: "colorPalette.10"
+        }
+      }
+    },
+    thumb: {
+      position: "absolute",
+      borderRadius: "full",
+      border: "solid-50",
+      borderColor: "primary.9",
+      backgroundColor: "neutral.1",
+      transition: "all 0.2s",
+      boxSize: "var(--thumb-size)",
+      "&[data-selected='false']": {
+        left: "0"
+      },
+      "&[data-selected='true']": {
+        left: "calc(100% - var(--thumb-size))"
+      }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        track: {
+          "--track-height": "sizes.400",
+          "--track-width": "sizes.700"
+        },
+        thumb: {
+          "--thumb-size": "sizes.400"
+        },
+        label: {
+          "--label-font-size": "fontSizes.350"
+        }
+      },
+      md: {
+        track: {
+          "--track-height": "sizes.600",
+          "--track-width": "sizes.1100"
+        },
+        thumb: {
+          "--thumb-size": "sizes.600"
+        },
+        label: {
+          "--label-font-size": "fontSizes.400"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export {
+  r as s
+};
+//# sourceMappingURL=switch.recipe-D3gb3Xj_.js.map

package/dist/chunks/switch.recipe-D3gb3Xj_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.recipe-D3gb3Xj_.js","sources":["../../src/components/switch/switch.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Switch component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const switchSlotRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"track\", \"thumb\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-switch\",\n\n  base: {\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-flex\",\n      gap: \"200\",\n      alignItems: \"center\",\n      verticalAlign: \"top\",\n      cursor: \"pointer\",\n      borderRadius: \"full\",\n\n      [\"&[data-disabled='true']\"]: {\n        layerStyle: \"disabled\",\n        pointerEvents: \"none\",\n      },\n    },\n    label: {\n      flexShrink: 0,\n      userSelect: \"none\",\n      color: \"neutral.11\",\n      fontSize: \"var(--label-font-size)\",\n    },\n    track: {\n      colorPalette: \"neutral\",\n      focusRing: \"outside\",\n      position: \"relative\",\n      display: \"flex\",\n      alignItems: \"center\",\n      flexShrink: 0,\n      width: \"var(--track-width)\",\n      height: \"var(--track-height)\",\n      borderRadius: \"calc(var(--track-height) / 2)\",\n      backgroundColor: \"colorPalette.5\",\n      transition: \"background-color 0.2s\",\n\n      [\"&[data-selected='true']\"]: {\n        colorPalette: \"primary\",\n        backgroundColor: \"colorPalette.9\",\n      },\n\n      \"&:hover\": {\n        backgroundColor: \"colorPalette.7\",\n\n        [\"&[data-selected='true']\"]: {\n          backgroundColor: \"colorPalette.10\",\n        },\n      },\n    },\n    thumb: {\n      position: \"absolute\",\n      borderRadius: \"full\",\n      border: \"solid-50\",\n      borderColor: \"primary.9\",\n      backgroundColor: \"neutral.1\",\n      transition: \"all 0.2s\",\n      boxSize: \"var(--thumb-size)\",\n\n      [\"&[data-selected='false']\"]: {\n        left: \"0\",\n      },\n\n      [\"&[data-selected='true']\"]: {\n        left: \"calc(100% - var(--thumb-size))\",\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        track: {\n          \"--track-height\": \"sizes.400\",\n          \"--track-width\": \"sizes.700\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.400\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.350\",\n        },\n      },\n      md: {\n        track: {\n          \"--track-height\": \"sizes.600\",\n          \"--track-width\": \"sizes.1100\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.600\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.400\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["switchSlotRecipe","defineSlotRecipe"],"mappings":";AAMO,MAAMA,IAAmBC,EAAiB;AAAA,EAC/C,OAAO,CAAC,QAAQ,SAAS,SAAS,OAAO;AAAA;AAAA,EAEzC,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,cAAc;AAAA,MAEb,2BAA4B;AAAA,QAC3B,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,IAEnB;AAAA,IACA,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,YAAY;AAAA,MAEX,2BAA4B;AAAA,QAC3B,cAAc;AAAA,QACd,iBAAiB;AAAA,MACnB;AAAA,MAEA,WAAW;AAAA,QACT,iBAAiB;AAAA,QAEhB,2BAA4B;AAAA,UAC3B,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IAEJ;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,SAAS;AAAA,MAER,4BAA6B;AAAA,QAC5B,MAAM;AAAA,MACR;AAAA,MAEC,2BAA4B;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAEJ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,UACL,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,QACnB;AAAA,QACA,OAAO;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,QACA,OAAO;AAAA,UACL,qBAAqB;AAAA,QAAA;AAAA,MAEzB;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,UACL,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,QACnB;AAAA,QACA,OAAO;AAAA,UACL,gBAAgB;AAAA,QAClB;AAAA,QACA,OAAO;AAAA,UACL,qBAAqB;AAAA,QAAA;AAAA,MACvB;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/chunks/switch.recipe-DHopLj_g.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("@chakra-ui/react"),t=e.defineSlotRecipe({slots:["root","label","track","thumb"],className:"nimbus-switch",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",cursor:"pointer",borderRadius:"full","&[data-disabled='true']":{layerStyle:"disabled",pointerEvents:"none"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11",fontSize:"var(--label-font-size)"},track:{colorPalette:"neutral",focusRing:"outside",position:"relative",display:"flex",alignItems:"center",flexShrink:0,width:"var(--track-width)",height:"var(--track-height)",borderRadius:"calc(var(--track-height) / 2)",backgroundColor:"colorPalette.5",transition:"background-color 0.2s","&[data-selected='true']":{colorPalette:"primary",backgroundColor:"colorPalette.9"},"&:hover":{backgroundColor:"colorPalette.7","&[data-selected='true']":{backgroundColor:"colorPalette.10"}}},thumb:{position:"absolute",borderRadius:"full",border:"solid-50",borderColor:"primary.9",backgroundColor:"neutral.1",transition:"all 0.2s",boxSize:"var(--thumb-size)","&[data-selected='false']":{left:"0"},"&[data-selected='true']":{left:"calc(100% - var(--thumb-size))"}}},variants:{size:{sm:{track:{"--track-height":"sizes.400","--track-width":"sizes.700"},thumb:{"--thumb-size":"sizes.400"},label:{"--label-font-size":"fontSizes.350"}},md:{track:{"--track-height":"sizes.600","--track-width":"sizes.1100"},thumb:{"--thumb-size":"sizes.600"},label:{"--label-font-size":"fontSizes.400"}}}},defaultVariants:{size:"md"}});exports.switchSlotRecipe=t;
+//# sourceMappingURL=switch.recipe-DHopLj_g.js.map

package/dist/chunks/switch.recipe-DHopLj_g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.recipe-DHopLj_g.js","sources":["../../src/components/switch/switch.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Switch component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const switchSlotRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"track\", \"thumb\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-switch\",\n\n  base: {\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-flex\",\n      gap: \"200\",\n      alignItems: \"center\",\n      verticalAlign: \"top\",\n      cursor: \"pointer\",\n      borderRadius: \"full\",\n\n      [\"&[data-disabled='true']\"]: {\n        layerStyle: \"disabled\",\n        pointerEvents: \"none\",\n      },\n    },\n    label: {\n      flexShrink: 0,\n      userSelect: \"none\",\n      color: \"neutral.11\",\n      fontSize: \"var(--label-font-size)\",\n    },\n    track: {\n      colorPalette: \"neutral\",\n      focusRing: \"outside\",\n      position: \"relative\",\n      display: \"flex\",\n      alignItems: \"center\",\n      flexShrink: 0,\n      width: \"var(--track-width)\",\n      height: \"var(--track-height)\",\n      borderRadius: \"calc(var(--track-height) / 2)\",\n      backgroundColor: \"colorPalette.5\",\n      transition: \"background-color 0.2s\",\n\n      [\"&[data-selected='true']\"]: {\n        colorPalette: \"primary\",\n        backgroundColor: \"colorPalette.9\",\n      },\n\n      \"&:hover\": {\n        backgroundColor: \"colorPalette.7\",\n\n        [\"&[data-selected='true']\"]: {\n          backgroundColor: \"colorPalette.10\",\n        },\n      },\n    },\n    thumb: {\n      position: \"absolute\",\n      borderRadius: \"full\",\n      border: \"solid-50\",\n      borderColor: \"primary.9\",\n      backgroundColor: \"neutral.1\",\n      transition: \"all 0.2s\",\n      boxSize: \"var(--thumb-size)\",\n\n      [\"&[data-selected='false']\"]: {\n        left: \"0\",\n      },\n\n      [\"&[data-selected='true']\"]: {\n        left: \"calc(100% - var(--thumb-size))\",\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        track: {\n          \"--track-height\": \"sizes.400\",\n          \"--track-width\": \"sizes.700\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.400\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.350\",\n        },\n      },\n      md: {\n        track: {\n          \"--track-height\": \"sizes.600\",\n          \"--track-width\": \"sizes.1100\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.600\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.400\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["switchSlotRecipe","defineSlotRecipe"],"mappings":"iDAMaA,EAAmBC,EAAAA,iBAAiB,CAC/C,MAAO,CAAC,OAAQ,QAAS,QAAS,OAAO,EAEzC,UAAW,gBAEX,KAAM,CACJ,KAAM,CACJ,aAAc,UACd,QAAS,cACT,IAAK,MACL,WAAY,SACZ,cAAe,MACf,OAAQ,UACR,aAAc,OAEb,0BAA4B,CAC3B,WAAY,WACZ,cAAe,MAAA,CAEnB,EACA,MAAO,CACL,WAAY,EACZ,WAAY,OACZ,MAAO,aACP,SAAU,wBACZ,EACA,MAAO,CACL,aAAc,UACd,UAAW,UACX,SAAU,WACV,QAAS,OACT,WAAY,SACZ,WAAY,EACZ,MAAO,qBACP,OAAQ,sBACR,aAAc,gCACd,gBAAiB,iBACjB,WAAY,wBAEX,0BAA4B,CAC3B,aAAc,UACd,gBAAiB,gBACnB,EAEA,UAAW,CACT,gBAAiB,iBAEhB,0BAA4B,CAC3B,gBAAiB,iBAAA,CACnB,CAEJ,EACA,MAAO,CACL,SAAU,WACV,aAAc,OACd,OAAQ,WACR,YAAa,YACb,gBAAiB,YACjB,WAAY,WACZ,QAAS,oBAER,2BAA6B,CAC5B,KAAM,GACR,EAEC,0BAA4B,CAC3B,KAAM,gCAAA,CACR,CAEJ,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,iBAAkB,YAClB,gBAAiB,WACnB,EACA,MAAO,CACL,eAAgB,WAClB,EACA,MAAO,CACL,oBAAqB,eAAA,CAEzB,EACA,GAAI,CACF,MAAO,CACL,iBAAkB,YAClB,gBAAiB,YACnB,EACA,MAAO,CACL,eAAgB,WAClB,EACA,MAAO,CACL,oBAAqB,eAAA,CACvB,CACF,CAEJ,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}