@commercetools/nimbus 0.0.12-rc3 → 0.0.12-rc4

package/dist/chunks/{text-input-Dinn4J2V.es.js.map → text-input-TZXg0lEQ.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-input-Dinn4J2V.es.js","sources":["../../src/components/text-input/text-input.slots.tsx","../../src/components/text-input/text-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { textInputRecipe } from \"./text-input.recipe\";\n\nexport interface TextInputRecipeProps\n  extends RecipeVariantProps<typeof textInputRecipe>,\n    UnstyledProp {}\n\nexport type TextInputRootSlotProps = HTMLChakraProps<\n  \"input\",\n  TextInputRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({ recipe: textInputRecipe });\n\n/**\n * Root component that provides the styling context for the TextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TextInputRootSlot = withContext<\n  HTMLInputElement,\n  TextInputRootSlotProps\n>(\"input\");\n","import { useRef } from \"react\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { Input } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { TextInputRootSlot } from \"./text-input.slots\";\nimport type { TextInputProps } from \"./text-input.types\";\nimport { textInputRecipe } from \"./text-input.recipe\";\n\n/**\n * # TextInput\n *\n * An input component that takes in a text as input\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/textinput}\n */\nexport const TextInput = (props: TextInputProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n  const recipe = useRecipe({ recipe: textInputRecipe });\n\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField(otherProps, ref);\n\n  return (\n    <TextInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <Input ref={ref} {...inputProps} />\n    </TextInputRootSlot>\n  );\n};\n\nTextInput.displayName = \"TextInput\";\n"],"names":["withContext","createRecipeContext","textInputRecipe","TextInputRootSlot","TextInput","props","forwardedRef","restProps","recipe","useRecipe","localRef","useRef","ref","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","inputProps","useTextField","jsx","Input"],"mappings":";;;;;;;;;;AAkBA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAiB,GAM1DC,IAAoB,gBAAAH,EAG/B,OAAO,GCTII,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,KAAKC,GAAc,GAAGC,MAAcF,GACtCG,IAASC,EAAU,EAAE,QAAQP,GAAiB,GAE9CQ,IAAWC,EAAyB,IAAI,GACxCC,IAAMC,EAAaC,EAAUJ,GAAUJ,CAAY,CAAC,GAEpD,CAACS,GAAaC,CAAc,IAAIR,EAAO,kBAAkBD,CAAS,GAClE,CAACU,GAAYC,CAAU,IAAIC,EAAkBH,CAAc,GAC3D,EAAE,YAAAI,EAAA,IAAeC,EAAaH,GAAYN,CAAG;AAEnD,SACE,gBAAAU,EAACnB,GAAA,EAAmB,GAAGY,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAK,EAACC,GAAA,EAAM,KAAAX,GAAW,GAAGQ,GAAY,GACnC;AAEJ;AAEAhB,EAAU,cAAc;"}
+{"version":3,"file":"text-input-TZXg0lEQ.es.js","sources":["../../src/components/text-input/text-input.slots.tsx","../../src/components/text-input/text-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { textInputRecipe } from \"./text-input.recipe\";\n\nexport interface TextInputRecipeProps\n  extends RecipeVariantProps<typeof textInputRecipe>,\n    UnstyledProp {}\n\nexport type TextInputRootSlotProps = HTMLChakraProps<\n  \"input\",\n  TextInputRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({ recipe: textInputRecipe });\n\n/**\n * Root component that provides the styling context for the TextInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TextInputRootSlot = withContext<\n  HTMLInputElement,\n  TextInputRootSlotProps\n>(\"input\");\n","import { useRef } from \"react\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useObjectRef, useTextField } from \"react-aria\";\nimport { Input } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { TextInputRootSlot } from \"./text-input.slots\";\nimport type { TextInputProps } from \"./text-input.types\";\nimport { textInputRecipe } from \"./text-input.recipe\";\n\n/**\n * # TextInput\n *\n * An input component that takes in a text as input\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/textinput}\n */\nexport const TextInput = (props: TextInputProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n  const recipe = useRecipe({ recipe: textInputRecipe });\n\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n  const { inputProps } = useTextField(otherProps, ref);\n\n  return (\n    <TextInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <Input ref={ref} {...inputProps} />\n    </TextInputRootSlot>\n  );\n};\n\nTextInput.displayName = \"TextInput\";\n"],"names":["withContext","createRecipeContext","textInputRecipe","TextInputRootSlot","TextInput","props","forwardedRef","restProps","recipe","useRecipe","localRef","useRef","ref","useObjectRef","mergeRefs","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","inputProps","useTextField","jsx","Input"],"mappings":";;;;;;;;;AAkBA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAiB,GAM1DC,IAAoB,gBAAAH,EAG/B,OAAO,GCTII,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,KAAKC,GAAc,GAAGC,MAAcF,GACtCG,IAASC,EAAU,EAAE,QAAQP,GAAiB,GAE9CQ,IAAWC,EAAyB,IAAI,GACxCC,IAAMC,EAAaC,EAAUJ,GAAUJ,CAAY,CAAC,GAEpD,CAACS,GAAaC,CAAc,IAAIR,EAAO,kBAAkBD,CAAS,GAClE,CAACU,GAAYC,CAAU,IAAIC,EAAkBH,CAAc,GAC3D,EAAE,YAAAI,EAAA,IAAeC,EAAaH,GAAYN,CAAG;AAEnD,SACE,gBAAAU,EAACnB,GAAA,EAAmB,GAAGY,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAK,EAACC,GAAA,EAAM,KAAAX,GAAW,GAAGQ,GAAY,GACnC;AAEJ;AAEAhB,EAAU,cAAc;"}

package/dist/chunks/{time-input-Us0JugnD.es.js → time-input-CI_HoOGU.es.js}

@@ -1,9 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { a as p } from "./config-ufbQ08Vi.es.js";
-import { c } from "./create-slot-recipe-context--T0CaFjW.es.js";
-import { c as u, a as m, b as f } from "./DateField-Dm2Qlhbk.es.js";
-import { e as b } from "./extractStyleProps-D6vCCKog.es.js";
-import { u as y } from "./use-recipe-DuU8En0C.es.js";
+import { defineSlotRecipe as p, createSlotRecipeContext as c, useRecipe as u } from "@chakra-ui/react/styled-system";
+import { c as m, a as b, b as f } from "./DateField-Dm2Qlhbk.es.js";
+import { e as y } from "./extractStyleProps-vA4cNUoc.es.js";
 const t = /* @__PURE__ */ p({
   // Unique class name prefix for the component
   className: "nimbus-time-input",
@@ -122,11 +120,11 @@ const t = /* @__PURE__ */ p({
 }), { withProvider: g, withContext: r } = /* @__PURE__ */ c({
   recipe: t
 }), h = /* @__PURE__ */ g("div", "root"), x = /* @__PURE__ */ r("div", "segmentGroup"), v = /* @__PURE__ */ r("div", "segment"), S = (o) => {
-  const a = y({ recipe: t }), [i, s] = a.splitVariantProps(o), [n, d] = b(s);
-  return /* @__PURE__ */ e(h, { asChild: !0, ...i, ...n, children: /* @__PURE__ */ e(u, { ...d, children: /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(m, { children: (l) => /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(f, { segment: l }) }) }) }) }) });
+  const a = u({ recipe: t }), [i, s] = a.splitVariantProps(o), [n, d] = y(s);
+  return /* @__PURE__ */ e(h, { asChild: !0, ...i, ...n, children: /* @__PURE__ */ e(m, { ...d, children: /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(b, { children: (l) => /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(f, { segment: l }) }) }) }) }) });
 };
 S.displayName = "TimeInput";
 export {
   S as T
 };
-//# sourceMappingURL=time-input-Us0JugnD.es.js.map
+//# sourceMappingURL=time-input-CI_HoOGU.es.js.map

package/dist/chunks/{time-input-Us0JugnD.es.js.map → time-input-CI_HoOGU.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"time-input-Us0JugnD.es.js","sources":["../../src/components/time-input/time-input.recipe.ts","../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the TimeInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const timeInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-time-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"100%\",\n      alignItems: \"center\",\n\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n        bg: \"neutral.3\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"1px solid\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true'])\": {\n        opacity: 0.5,\n      },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates number reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='minute']\": {\n        // for reference\n      },\n      \"&[data-type='hour']\": {\n        // for reference\n      },\n      \"&[data-type='dayPeriod']\": {\n        // for reference\n      },\n      \"&[data-type='timeZoneName']\": {\n        // for reference\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        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { timeInputRecipe } from \"./time-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface TimeInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface TimeInputRootProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: timeInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the TimeInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TimeInputRootSlot = withProvider<\n  HTMLDivElement,\n  TimeInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","TimeField","DateInput","segment","DateSegment"],"mappings":";;;;;;AAMO,MAAMA,IAAkB,gBAAAC,EAAiB;AAAA;AAAA,EAE9C,WAAW;AAAA,EACX,OAAO,CAAC,QAAQ,gBAAgB,SAAS;AAAA;AAAA,EAGzC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,YAAY;AAAA,MAEZ,+BAA+B;AAAA;AAAA,QAE7B,cAAc;AAAA,QACd,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,MAEjB,0BAA0B;AAAA,QACxB,kBAAkB;AAAA,QAClB,OAAO;AAAA,MAAA;AAAA,MAET,2BAA2B;AAAA,QACzB,YAAY;AAAA,QACZ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,SAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,cAAc;AAAA,MAEd,WAAW;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAGV,0BAA0B;AAAA,QACxB,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,MAGT,yDAAyD;AAAA,QACvD,SAAS;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUX,+EACE;AAAA,QACE,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAGR,yBAAyB;AAAA;AAAA,MAAA;AAAA,MAGzB,uBAAuB;AAAA;AAAA,MAAA;AAAA,MAGvB,4BAA4B;AAAA;AAAA,MAAA;AAAA,MAG5B,+BAA+B;AAAA;AAAA,MAAA;AAAA,IAE/B;AAAA,EACF;AAAA;AAAA,EAIF,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,WAAW;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,IAAI;AAAA,QACF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,WAAW;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,cAAc;AAAA,UACZ,kBAAkB;AAAA,UAClB,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,UACjB,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,MAEF,OAAO;AAAA,QACL,cAAc;AAAA,UACZ,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GCzGK,EAAE,cAAAC,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQJ;AACV,CAAC,GAMYK,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAKFI,IAA4B,gBAAAH,EAGvC,OAAO,cAAc,GAKVI,IAAuB,gBAAAJ,EAGlC,OAAO,SAAS,GCnCLK,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQX,GAAiB,GAC9C,CAACY,GAAaC,CAAc,IAAIH,EAAO,kBAAkBD,CAAK,GAC9D,CAACK,GAAYC,CAAU,IAAIC,EAAkBH,CAAc;AAEjE,SACE,gBAAAI,EAACZ,GAAA,EAAkB,SAAO,IAAE,GAAGO,GAAc,GAAGE,GAC9C,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,4BAACT,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAW,EAACE,GAAA,EACE,UAAA,CAACC,MACA,gBAAAH,EAACV,KAAqB,SAAO,IAC3B,UAAA,gBAAAU,EAACI,GAAA,EAAY,SAAAD,EAAA,CAAkB,EAAA,CACjC,GAEJ,EAAA,CACF,GACF,GACF;AAEJ;AAEAZ,EAAU,cAAc;"}
+{"version":3,"file":"time-input-CI_HoOGU.es.js","sources":["../../src/components/time-input/time-input.recipe.ts","../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the TimeInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const timeInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-time-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"100%\",\n      alignItems: \"center\",\n\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n        bg: \"neutral.3\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"1px solid\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true'])\": {\n        opacity: 0.5,\n      },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates number reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='minute']\": {\n        // for reference\n      },\n      \"&[data-type='hour']\": {\n        // for reference\n      },\n      \"&[data-type='dayPeriod']\": {\n        // for reference\n      },\n      \"&[data-type='timeZoneName']\": {\n        // for reference\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        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { timeInputRecipe } from \"./time-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface TimeInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface TimeInputRootProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: timeInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the TimeInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TimeInputRootSlot = withProvider<\n  HTMLDivElement,\n  TimeInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","TimeField","DateInput","segment","DateSegment"],"mappings":";;;;AAMO,MAAMA,IAAkB,gBAAAC,EAAiB;AAAA;AAAA,EAE9C,WAAW;AAAA,EACX,OAAO,CAAC,QAAQ,gBAAgB,SAAS;AAAA;AAAA,EAGzC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,YAAY;AAAA,MAEZ,+BAA+B;AAAA;AAAA,QAE7B,cAAc;AAAA,QACd,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,MAEjB,0BAA0B;AAAA,QACxB,kBAAkB;AAAA,QAClB,OAAO;AAAA,MAAA;AAAA,MAET,2BAA2B;AAAA,QACzB,YAAY;AAAA,QACZ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,SAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,cAAc;AAAA,MAEd,WAAW;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAGV,0BAA0B;AAAA,QACxB,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,MAGT,yDAAyD;AAAA,QACvD,SAAS;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUX,+EACE;AAAA,QACE,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAGR,yBAAyB;AAAA;AAAA,MAAA;AAAA,MAGzB,uBAAuB;AAAA;AAAA,MAAA;AAAA,MAGvB,4BAA4B;AAAA;AAAA,MAAA;AAAA,MAG5B,+BAA+B;AAAA;AAAA,MAAA;AAAA,IAE/B;AAAA,EACF;AAAA;AAAA,EAIF,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,WAAW;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,IAAI;AAAA,QACF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,WAAW;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,cAAc;AAAA,UACZ,kBAAkB;AAAA,UAClB,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,UACjB,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,MAEF,OAAO;AAAA,QACL,cAAc;AAAA,UACZ,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GCzGK,EAAE,cAAAC,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQJ;AACV,CAAC,GAMYK,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAKFI,IAA4B,gBAAAH,EAGvC,OAAO,cAAc,GAKVI,IAAuB,gBAAAJ,EAGlC,OAAO,SAAS,GCnCLK,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQX,GAAiB,GAC9C,CAACY,GAAaC,CAAc,IAAIH,EAAO,kBAAkBD,CAAK,GAC9D,CAACK,GAAYC,CAAU,IAAIC,EAAkBH,CAAc;AAEjE,SACE,gBAAAI,EAACZ,GAAA,EAAkB,SAAO,IAAE,GAAGO,GAAc,GAAGE,GAC9C,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,4BAACT,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAW,EAACE,GAAA,EACE,UAAA,CAACC,MACA,gBAAAH,EAACV,KAAqB,SAAO,IAC3B,UAAA,gBAAAU,EAACI,GAAA,EAAY,SAAAD,EAAA,CAAkB,EAAA,CACjC,GAEJ,EAAA,CACF,GACF,GACF;AAEJ;AAEAZ,EAAU,cAAc;"}

package/dist/chunks/time-input-cHUvGWDc.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system"),t=require("./DateField-rweHHCKR.cjs.js"),m=require("./extractStyleProps-CZpHKp1I.cjs.js"),o=r.defineSlotRecipe({className:"nimbus-time-input",slots:["root","segmentGroup","segment"],base:{root:{display:"inline-block"},segmentGroup:{display:"flex",borderRadius:"200",bg:"transparent",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",width:"100%",alignItems:"center","&[data-focus-within='true']":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"}},segment:{fontVariantNumeric:"tabular-nums",outline:"0",px:"50",borderRadius:"50","&:empty":{border:"1px solid"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true'])":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='minute']":{},"&[data-type='hour']":{},"&[data-type='dayPeriod']":{},"&[data-type='timeZoneName']":{}}},variants:{size:{sm:{segmentGroup:{h:800,textStyle:"sm",px:300}},md:{segmentGroup:{h:1e3,textStyle:"md",px:400}}},variant:{solid:{segmentGroup:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{segmentGroup:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),{withProvider:y,withContext:i}=r.createSlotRecipeContext({recipe:o}),b=y("div","root"),f=i("div","segmentGroup"),g=i("div","segment"),a=s=>{const n=r.useRecipe({recipe:o}),[d,l]=n.splitVariantProps(s),[c,u]=m.extractStyleProps(l);return e.jsx(b,{asChild:!0,...d,...c,children:e.jsx(t.$40825cdb76e74f70$export$5eaee2322dd727eb,{...u,children:e.jsx(f,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:p=>e.jsx(g,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:p})})})})})})};a.displayName="TimeInput";exports.TimeInput=a;
+//# sourceMappingURL=time-input-cHUvGWDc.cjs.js.map

package/dist/chunks/{time-input-B5oRiIpu.cjs.js.map → time-input-cHUvGWDc.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"time-input-B5oRiIpu.cjs.js","sources":["../../src/components/time-input/time-input.recipe.ts","../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the TimeInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const timeInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-time-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"100%\",\n      alignItems: \"center\",\n\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n        bg: \"neutral.3\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"1px solid\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true'])\": {\n        opacity: 0.5,\n      },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates number reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='minute']\": {\n        // for reference\n      },\n      \"&[data-type='hour']\": {\n        // for reference\n      },\n      \"&[data-type='dayPeriod']\": {\n        // for reference\n      },\n      \"&[data-type='timeZoneName']\": {\n        // for reference\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        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { timeInputRecipe } from \"./time-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface TimeInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface TimeInputRootProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: timeInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the TimeInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TimeInputRootSlot = withProvider<\n  HTMLDivElement,\n  TimeInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","TimeField","DateInput","segment","DateSegment"],"mappings":"sRAMaA,EAAkBC,EAAAA,iBAAiB,CAE9C,UAAW,oBACX,MAAO,CAAC,OAAQ,eAAgB,SAAS,EAGzC,KAAM,CACJ,KAAM,CACJ,QAAS,cAAA,EAEX,aAAc,CACZ,QAAS,OACT,aAAc,MACd,GAAI,cACJ,UAAW,sDACX,MAAO,OACP,WAAY,SAEZ,8BAA+B,CAE7B,aAAc,0BACd,aAAc,0BACd,aAAc,0BACd,cAAe,0BAAA,EAEjB,yBAA0B,CACxB,iBAAkB,oBAClB,MAAO,aAAA,EAET,0BAA2B,CACzB,WAAY,WACZ,GAAI,WAAA,CACN,EAEF,QAAS,CACP,mBAAoB,eACpB,QAAS,IACT,GAAI,KACJ,aAAc,KAEd,UAAW,CACT,OAAQ,WAAA,EAGV,yBAA0B,CACxB,GAAI,aACJ,MAAO,kBAAA,EAGT,wDAAyD,CACvD,QAAS,EAAA,EAUX,8EACE,CACE,GAAI,IACJ,GAAI,KAAA,EAGR,wBAAyB,CAAA,EAGzB,sBAAuB,CAAA,EAGvB,2BAA4B,CAAA,EAG5B,8BAA+B,CAAA,CAE/B,CACF,EAIF,SAAU,CAER,KAAM,CACJ,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,EAEF,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,CACF,EAEF,QAAS,CACP,MAAO,CACL,aAAc,CACZ,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,EAEF,MAAO,CACL,aAAc,CACZ,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,ECzGK,CAAE,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQJ,CACV,CAAC,EAMYK,EAAoBH,EAG/B,MAAO,MAAM,EAKFI,EAA4BH,EAGvC,MAAO,cAAc,EAKVI,EAAuBJ,EAGlC,MAAO,SAAS,ECnCLK,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQX,EAAiB,EAC9C,CAACY,EAAaC,CAAc,EAAIH,EAAO,kBAAkBD,CAAK,EAC9D,CAACK,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAEjE,OACEI,EAAAA,IAACZ,EAAA,CAAkB,QAAO,GAAE,GAAGO,EAAc,GAAGE,EAC9C,SAAAG,EAAAA,IAACC,4CAAA,CAAW,GAAGH,EACb,eAACT,EAAA,CAA0B,QAAO,GAChC,SAAAW,EAAAA,IAACE,EAAAA,0CAAA,CACE,SAACC,GACAH,EAAAA,IAACV,GAAqB,QAAO,GAC3B,SAAAU,MAACI,EAAAA,0CAAA,CAAY,QAAAD,CAAA,CAAkB,CAAA,CACjC,EAEJ,CAAA,CACF,EACF,EACF,CAEJ,EAEAZ,EAAU,YAAc"}
+{"version":3,"file":"time-input-cHUvGWDc.cjs.js","sources":["../../src/components/time-input/time-input.recipe.ts","../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the TimeInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const timeInputRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-time-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"100%\",\n      alignItems: \"center\",\n\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n        bg: \"neutral.3\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"1px solid\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true'])\": {\n        opacity: 0.5,\n      },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates number reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='minute']\": {\n        // for reference\n      },\n      \"&[data-type='hour']\": {\n        // for reference\n      },\n      \"&[data-type='dayPeriod']\": {\n        // for reference\n      },\n      \"&[data-type='timeZoneName']\": {\n        // for reference\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        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { timeInputRecipe } from \"./time-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface TimeInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface TimeInputRootProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: timeInputRecipe,\n});\n\n/**\n * Root component that provides the styling context for the TimeInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const TimeInputRootSlot = withProvider<\n  HTMLDivElement,\n  TimeInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","TimeField","DateInput","segment","DateSegment"],"mappings":"wLAMaA,EAAkBC,EAAAA,iBAAiB,CAE9C,UAAW,oBACX,MAAO,CAAC,OAAQ,eAAgB,SAAS,EAGzC,KAAM,CACJ,KAAM,CACJ,QAAS,cAAA,EAEX,aAAc,CACZ,QAAS,OACT,aAAc,MACd,GAAI,cACJ,UAAW,sDACX,MAAO,OACP,WAAY,SAEZ,8BAA+B,CAE7B,aAAc,0BACd,aAAc,0BACd,aAAc,0BACd,cAAe,0BAAA,EAEjB,yBAA0B,CACxB,iBAAkB,oBAClB,MAAO,aAAA,EAET,0BAA2B,CACzB,WAAY,WACZ,GAAI,WAAA,CACN,EAEF,QAAS,CACP,mBAAoB,eACpB,QAAS,IACT,GAAI,KACJ,aAAc,KAEd,UAAW,CACT,OAAQ,WAAA,EAGV,yBAA0B,CACxB,GAAI,aACJ,MAAO,kBAAA,EAGT,wDAAyD,CACvD,QAAS,EAAA,EAUX,8EACE,CACE,GAAI,IACJ,GAAI,KAAA,EAGR,wBAAyB,CAAA,EAGzB,sBAAuB,CAAA,EAGvB,2BAA4B,CAAA,EAG5B,8BAA+B,CAAA,CAE/B,CACF,EAIF,SAAU,CAER,KAAM,CACJ,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,EAEF,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,CACF,EAEF,QAAS,CACP,MAAO,CACL,aAAc,CACZ,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,EAEF,MAAO,CACL,aAAc,CACZ,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC,ECzGK,CAAE,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQJ,CACV,CAAC,EAMYK,EAAoBH,EAG/B,MAAO,MAAM,EAKFI,EAA4BH,EAGvC,MAAO,cAAc,EAKVI,EAAuBJ,EAGlC,MAAO,SAAS,ECnCLK,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQX,EAAiB,EAC9C,CAACY,EAAaC,CAAc,EAAIH,EAAO,kBAAkBD,CAAK,EAC9D,CAACK,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAEjE,OACEI,EAAAA,IAACZ,EAAA,CAAkB,QAAO,GAAE,GAAGO,EAAc,GAAGE,EAC9C,SAAAG,EAAAA,IAACC,4CAAA,CAAW,GAAGH,EACb,eAACT,EAAA,CAA0B,QAAO,GAChC,SAAAW,EAAAA,IAACE,EAAAA,0CAAA,CACE,SAACC,GACAH,EAAAA,IAACV,GAAqB,QAAO,GAC3B,SAAAU,MAACI,EAAAA,0CAAA,CAAY,QAAAD,CAAA,CAAkB,CAAA,CACjC,EAEJ,CAAA,CACF,EACF,EACF,CAEJ,EAEAZ,EAAU,YAAc"}

package/dist/chunks/toggle-button-C9ezVsSp.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system"),a=require("./ToggleButton-CPAdPTCr.cjs.js"),d=require("./extractStyleProps-CZpHKp1I.cjs.js"),n=require("./index-C8Yrk__l.cjs.js"),g=require("./emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js"),{withContext:P}=r.createRecipeContext({recipe:n.toggleButtonRecipe}),y=P("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!t?.includes(e)&&!n.system.isValidProperty(e);return g.isPropValid(e)&&o&&!e.includes("onPress")}}),i=({ref:e,...t})=>{const o=r.useRecipe({key:"toggleButton"}),[c,u]=o.splitVariantProps(t),[l,p]=d.extractStyleProps(u);return s.jsx(y,{...c,...l,asChild:!0,children:s.jsx(a.$efde0372d7a700fe$export$d2b052e7b4be1756,{ref:e,...p})})};i.displayName="ToggleButton";exports.ToggleButton=i;
+//# sourceMappingURL=toggle-button-C9ezVsSp.cjs.js.map

package/dist/chunks/{toggle-button-C_7Evcn3.cjs.js.map → toggle-button-C9ezVsSp.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-C_7Evcn3.cjs.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { toggleButtonRecipe } from \"./toggle-button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toggle button element.\n */\nexport interface ToggleButtonRecipeProps\n  extends RecipeVariantProps<typeof toggleButtonRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type ToggleButtonRootProps = HTMLChakraProps<\n  \"button\",\n  ToggleButtonRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n  recipe: toggleButtonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the ToggleButton component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToggleButtonRoot = withContext<\n  HTMLButtonElement,\n  ToggleButtonRootProps\n>(\"button\", {\n  defaultProps: {\n    type: \"button\",\n  },\n  /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n  shouldForwardProp(prop, variantKeys) {\n    const chakraSfp =\n      !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n    return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n  },\n});\n","import { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ToggleButton as RaToggleButton } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { ToggleButtonRoot } from \"./toggle-button.slots\";\nimport type { ToggleButtonProps } from \"./toggle-button.types\";\n\n/**\n * # ToggleButton\n *\n * A toggleable button component that can be pressed to switch between\n * selected and unselected states.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebutton}\n */\nexport const ToggleButton = ({\n  ref: forwardedRef,\n  ...props\n}: ToggleButtonProps) => {\n  const recipe = useRecipe({ key: \"toggleButton\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <ToggleButtonRoot {...recipeProps} {...styleProps} asChild>\n      <RaToggleButton ref={forwardedRef} {...functionalProps} />\n    </ToggleButtonRoot>\n  );\n};\n\nToggleButton.displayName = \"ToggleButton\";\n"],"names":["withContext","createRecipeContext","toggleButtonRecipe","ToggleButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ToggleButton","forwardedRef","props","recipe","useRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","jsx","RaToggleButton"],"mappings":"0TA4BM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,kBACV,CAAC,EAMYC,EAAmBH,EAG9B,SAAU,CACV,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CACF,CAAC,EClCYK,EAAe,CAAC,CAC3B,IAAKC,EACL,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAASC,EAAAA,UAAU,CAAE,IAAK,eAAgB,EAC1C,CAACC,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAK,EAC/D,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAAChB,EAAA,CAAkB,GAAGW,EAAc,GAAGE,EAAY,QAAO,GACxD,SAAAG,EAAAA,IAACC,EAAAA,0CAAA,CAAe,IAAKV,EAAe,GAAGO,EAAiB,EAC1D,CAEJ,EAEAR,EAAa,YAAc"}
+{"version":3,"file":"toggle-button-C9ezVsSp.cjs.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { toggleButtonRecipe } from \"./toggle-button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toggle button element.\n */\nexport interface ToggleButtonRecipeProps\n  extends RecipeVariantProps<typeof toggleButtonRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type ToggleButtonRootProps = HTMLChakraProps<\n  \"button\",\n  ToggleButtonRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n  recipe: toggleButtonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the ToggleButton component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToggleButtonRoot = withContext<\n  HTMLButtonElement,\n  ToggleButtonRootProps\n>(\"button\", {\n  defaultProps: {\n    type: \"button\",\n  },\n  /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n  shouldForwardProp(prop, variantKeys) {\n    const chakraSfp =\n      !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n    return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n  },\n});\n","import { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ToggleButton as RaToggleButton } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { ToggleButtonRoot } from \"./toggle-button.slots\";\nimport type { ToggleButtonProps } from \"./toggle-button.types\";\n\n/**\n * # ToggleButton\n *\n * A toggleable button component that can be pressed to switch between\n * selected and unselected states.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebutton}\n */\nexport const ToggleButton = ({\n  ref: forwardedRef,\n  ...props\n}: ToggleButtonProps) => {\n  const recipe = useRecipe({ key: \"toggleButton\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <ToggleButtonRoot {...recipeProps} {...styleProps} asChild>\n      <RaToggleButton ref={forwardedRef} {...functionalProps} />\n    </ToggleButtonRoot>\n  );\n};\n\nToggleButton.displayName = \"ToggleButton\";\n"],"names":["withContext","createRecipeContext","toggleButtonRecipe","ToggleButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ToggleButton","forwardedRef","props","recipe","useRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","jsx","RaToggleButton"],"mappings":"yRA4BM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,kBACV,CAAC,EAMYC,EAAmBH,EAG9B,SAAU,CACV,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CACF,CAAC,EClCYK,EAAe,CAAC,CAC3B,IAAKC,EACL,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAASC,EAAAA,UAAU,CAAE,IAAK,eAAgB,EAC1C,CAACC,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAK,EAC/D,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAAChB,EAAA,CAAkB,GAAGW,EAAc,GAAGE,EAAY,QAAO,GACxD,SAAAG,EAAAA,IAACC,EAAAA,0CAAA,CAAe,IAAKV,EAAe,GAAGO,EAAiB,EAC1D,CAEJ,EAEAR,EAAa,YAAc"}

package/dist/chunks/toggle-button-a0gCembi.es.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createRecipeContext as a, useRecipe as c } from "@chakra-ui/react/styled-system";
+import { $ as l } from "./ToggleButton-C3JL0pgD.es.js";
+import { e as u } from "./extractStyleProps-vA4cNUoc.es.js";
+import { s as m, b as d } from "./index-jAeaCpRm.es.js";
+import { i as f } from "./emotion-is-prop-valid.esm-qvxbqhmq.es.js";
+const { withContext: P } = /* @__PURE__ */ a({
+  recipe: d
+}), g = /* @__PURE__ */ P("button", {
+  defaultProps: {
+    type: "button"
+  },
+  /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */
+  shouldForwardProp(t, e) {
+    const o = !e?.includes(t) && !m.isValidProperty(t);
+    return f(t) && o && !t.includes("onPress");
+  }
+}), y = ({
+  ref: t,
+  ...e
+}) => {
+  const o = c({ key: "toggleButton" }), [s, i] = o.splitVariantProps(e), [n, p] = u(i);
+  return /* @__PURE__ */ r(g, { ...s, ...n, asChild: !0, children: /* @__PURE__ */ r(l, { ref: t, ...p }) });
+};
+y.displayName = "ToggleButton";
+export {
+  y as T
+};
+//# sourceMappingURL=toggle-button-a0gCembi.es.js.map

package/dist/chunks/{toggle-button-RS4Z6UNN.es.js.map → toggle-button-a0gCembi.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-RS4Z6UNN.es.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { toggleButtonRecipe } from \"./toggle-button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toggle button element.\n */\nexport interface ToggleButtonRecipeProps\n  extends RecipeVariantProps<typeof toggleButtonRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type ToggleButtonRootProps = HTMLChakraProps<\n  \"button\",\n  ToggleButtonRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n  recipe: toggleButtonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the ToggleButton component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToggleButtonRoot = withContext<\n  HTMLButtonElement,\n  ToggleButtonRootProps\n>(\"button\", {\n  defaultProps: {\n    type: \"button\",\n  },\n  /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n  shouldForwardProp(prop, variantKeys) {\n    const chakraSfp =\n      !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n    return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n  },\n});\n","import { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ToggleButton as RaToggleButton } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { ToggleButtonRoot } from \"./toggle-button.slots\";\nimport type { ToggleButtonProps } from \"./toggle-button.types\";\n\n/**\n * # ToggleButton\n *\n * A toggleable button component that can be pressed to switch between\n * selected and unselected states.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebutton}\n */\nexport const ToggleButton = ({\n  ref: forwardedRef,\n  ...props\n}: ToggleButtonProps) => {\n  const recipe = useRecipe({ key: \"toggleButton\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <ToggleButtonRoot {...recipeProps} {...styleProps} asChild>\n      <RaToggleButton ref={forwardedRef} {...functionalProps} />\n    </ToggleButtonRoot>\n  );\n};\n\nToggleButton.displayName = \"ToggleButton\";\n"],"names":["withContext","createRecipeContext","toggleButtonRecipe","ToggleButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ToggleButton","forwardedRef","props","recipe","useRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","jsx","RaToggleButton"],"mappings":";;;;;;;AA4BA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAmB,gBAAAH,EAG9B,UAAU;AAAA,EACV,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAAA;AAAA,EAGR,kBAAkBI,GAAMC,GAAa;AACnC,UAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,WAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,EACzE;AACF,CAAC,GClCYK,IAAe,CAAC;AAAA,EAC3B,KAAKC;AAAA,EACL,GAAGC;AACL,MAAyB;AACvB,QAAMC,IAASC,EAAU,EAAE,KAAK,gBAAgB,GAC1C,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAC/D,CAACK,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAAChB,GAAA,EAAkB,GAAGW,GAAc,GAAGE,GAAY,SAAO,IACxD,UAAA,gBAAAG,EAACC,GAAA,EAAe,KAAKV,GAAe,GAAGO,GAAiB,GAC1D;AAEJ;AAEAR,EAAa,cAAc;"}
+{"version":3,"file":"toggle-button-a0gCembi.es.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { toggleButtonRecipe } from \"./toggle-button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toggle button element.\n */\nexport interface ToggleButtonRecipeProps\n  extends RecipeVariantProps<typeof toggleButtonRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type ToggleButtonRootProps = HTMLChakraProps<\n  \"button\",\n  ToggleButtonRecipeProps\n>;\n\nconst { withContext } = createRecipeContext({\n  recipe: toggleButtonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the ToggleButton component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToggleButtonRoot = withContext<\n  HTMLButtonElement,\n  ToggleButtonRootProps\n>(\"button\", {\n  defaultProps: {\n    type: \"button\",\n  },\n  /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n  shouldForwardProp(prop, variantKeys) {\n    const chakraSfp =\n      !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n    return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n  },\n});\n","import { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ToggleButton as RaToggleButton } from \"react-aria-components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport { ToggleButtonRoot } from \"./toggle-button.slots\";\nimport type { ToggleButtonProps } from \"./toggle-button.types\";\n\n/**\n * # ToggleButton\n *\n * A toggleable button component that can be pressed to switch between\n * selected and unselected states.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebutton}\n */\nexport const ToggleButton = ({\n  ref: forwardedRef,\n  ...props\n}: ToggleButtonProps) => {\n  const recipe = useRecipe({ key: \"toggleButton\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <ToggleButtonRoot {...recipeProps} {...styleProps} asChild>\n      <RaToggleButton ref={forwardedRef} {...functionalProps} />\n    </ToggleButtonRoot>\n  );\n};\n\nToggleButton.displayName = \"ToggleButton\";\n"],"names":["withContext","createRecipeContext","toggleButtonRecipe","ToggleButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ToggleButton","forwardedRef","props","recipe","useRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","jsx","RaToggleButton"],"mappings":";;;;;;AA4BA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAmB,gBAAAH,EAG9B,UAAU;AAAA,EACV,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAAA;AAAA,EAGR,kBAAkBI,GAAMC,GAAa;AACnC,UAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,WAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,EACzE;AACF,CAAC,GClCYK,IAAe,CAAC;AAAA,EAC3B,KAAKC;AAAA,EACL,GAAGC;AACL,MAAyB;AACvB,QAAMC,IAASC,EAAU,EAAE,KAAK,gBAAgB,GAC1C,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAC/D,CAACK,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAAChB,GAAA,EAAkB,GAAGW,GAAc,GAAGE,GAAY,SAAO,IACxD,UAAA,gBAAAG,EAACC,GAAA,EAAe,KAAKV,GAAe,GAAGO,GAAiB,GAC1D;AAEJ;AAEAR,EAAa,cAAc;"}

package/dist/chunks/toggle-button-group-DX134q7m.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("@chakra-ui/react/styled-system"),t=require("./button.recipe-Cqkj3VMo.cjs.js"),l=require("./ToggleButton-CPAdPTCr.cjs.js"),c=a.defineSlotRecipe({slots:["root","button"],className:"nimbus-toggle-button-group",base:{root:{display:"inline-flex"},button:{...t.buttonRecipe.base,...t.buttonRecipe.variants?.variant.outline,borderRadius:"0",borderRightWidth:"0","&:first-of-type":{borderLeftRadius:"200"},"&:last-of-type":{borderRightWidth:"1px",borderRightRadius:"200"},"&[data-selected=true]":t.buttonRecipe.variants?.variant.solid}},variants:{size:{xs:{button:t.buttonRecipe.variants?.size.xs},md:{button:t.buttonRecipe.variants?.size.md}},tone:{primary:{button:{colorPalette:"primary"}},critical:{button:{colorPalette:"critical"}},neutral:{button:{colorPalette:"neutral"}}}},defaultVariants:{size:"md"}}),{withContext:p,withProvider:d}=a.createSlotRecipeContext({recipe:c}),b=d(l.$84b7d8702d4ff4a8$export$40258cc1d95ff477,"root"),g=p(l.$efde0372d7a700fe$export$d2b052e7b4be1756,"button"),u=o=>{const{ref:e,children:r,...n}=o;return s.jsx(b,{ref:e,...n,children:r})};u.displayName="ToggleButtonGroup.Root";const i=o=>{const{ref:e,children:r,...n}=o;return s.jsx(g,{...n,ref:e,children:r})};i.displayName="ToggleButtonGroup.Button";const R={Root:u,Button:i};exports.ToggleButtonGroup=R;exports.ToggleButtonGroupButton=i;exports.ToggleButtonGroupRoot=u;
+//# sourceMappingURL=toggle-button-group-DX134q7m.cjs.js.map

package/dist/chunks/{toggle-button-group-LddoXszz.cjs.js.map → toggle-button-group-DX134q7m.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-group-LddoXszz.cjs.js","sources":["../../src/components/toggle-button-group/toggle-button-group.recipe.tsx","../../src/components/toggle-button-group/toggle-button-group.slots.tsx","../../src/components/toggle-button-group/components/toggle-button-group.root.tsx","../../src/components/toggle-button-group/components/toggle-button-group.button.tsx","../../src/components/toggle-button-group/toggle-button-group.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"../button/button.recipe\";\n\n/**\n * Recipe configuration for the ToggleButtonGroup component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const buttonGroupRecipe = defineSlotRecipe({\n  slots: [\"root\", \"button\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-toggle-button-group\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n    },\n    button: {\n      // Base style is the same as our Button\n      ...buttonRecipe.base,\n      // Default style is outlined\n      ...buttonRecipe.variants?.variant.outline,\n      // Create overrides for custom ToggleButtonGroup styles\n      borderRadius: \"0\",\n      borderRightWidth: \"0\",\n      \"&:first-of-type\": {\n        borderLeftRadius: \"200\",\n      },\n      \"&:last-of-type\": {\n        borderRightWidth: \"1px\",\n        borderRightRadius: \"200\",\n      },\n      // When selected, the button is styled like a solid button\n      \"&[data-selected=true]\": buttonRecipe.variants?.variant.solid,\n    },\n  },\n\n  variants: {\n    size: {\n      xs: {\n        button: buttonRecipe.variants?.size.xs,\n      },\n      md: {\n        button: buttonRecipe.variants?.size.md,\n      },\n    },\n\n    tone: {\n      primary: {\n        button: { colorPalette: \"primary\" },\n      },\n      critical: {\n        button: { colorPalette: \"critical\" },\n      },\n      neutral: {\n        button: { colorPalette: \"neutral\" },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { buttonGroupRecipe } from \"./toggle-button-group.recipe\";\nimport type {\n  ToggleButtonGroupButtonProps,\n  ToggleButtonGroupProps,\n  ToggleButtonGroupButtonComponent,\n} from \"./toggle-button-group.types\";\nimport {\n  ToggleButton as RacToggleButton,\n  ToggleButtonGroup as RacToggleButtonGroup,\n} from \"react-aria-components\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: buttonGroupRecipe,\n});\n\nexport const ToggleButtonGroupRoot = withProvider<\n  typeof RacToggleButtonGroup,\n  ToggleButtonGroupProps\n>(RacToggleButtonGroup, \"root\");\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent =\n  withContext<typeof RacToggleButton, ToggleButtonGroupButtonProps>(\n    RacToggleButton,\n    \"button\"\n  );\n","import { ToggleButtonGroupRoot as ToggleButtonGroupRootSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupRootComponent } from \"../toggle-button-group.types\";\n\n/**\n * # ToggleButtonGroup\n *\n * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebuttongroup}\n */\nexport const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupRootSlot ref={ref} {...rest}>\n      {children}\n    </ToggleButtonGroupRootSlot>\n  );\n};\n\nToggleButtonGroupRoot.displayName = \"ToggleButtonGroup.Root\";\n","import { ToggleButtonGroupButton as ToggleButtonGroupButtonSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupButtonComponent } from \"../toggle-button-group.types\";\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupButtonSlot {...rest} ref={ref}>\n      {children}\n    </ToggleButtonGroupButtonSlot>\n  );\n};\n\nToggleButtonGroupButton.displayName = \"ToggleButtonGroup.Button\";\n","import { ToggleButtonGroupRoot } from \"./components/toggle-button-group.root\";\nimport { ToggleButtonGroupButton } from \"./components/toggle-button-group.button\";\n\n/**\n * ToggleButtonGroup\n * ============================================================\n * To group multiple `Button` components together, visually and logically, representing a set of related actions.\n */\nexport const ToggleButtonGroup = {\n  Root: ToggleButtonGroupRoot,\n  Button: ToggleButtonGroupButton,\n};\n\nexport {\n  ToggleButtonGroupRoot as _ToggleButtonGroupRoot,\n  ToggleButtonGroupButton as _ToggleButtonGroupButton,\n};\n"],"names":["buttonGroupRecipe","defineSlotRecipe","buttonRecipe","withContext","withProvider","createSlotRecipeContext","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","props","ref","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":"2OAOaA,EAAoBC,EAAAA,iBAAiB,CAChD,MAAO,CAAC,OAAQ,QAAQ,EAExB,UAAW,6BAGX,KAAM,CACJ,KAAM,CACJ,QAAS,aAAA,EAEX,OAAQ,CAEN,GAAGC,EAAAA,aAAa,KAEhB,GAAGA,EAAAA,aAAa,UAAU,QAAQ,QAElC,aAAc,IACd,iBAAkB,IAClB,kBAAmB,CACjB,iBAAkB,KAAA,EAEpB,iBAAkB,CAChB,iBAAkB,MAClB,kBAAmB,KAAA,EAGrB,wBAAyBA,EAAAA,aAAa,UAAU,QAAQ,KAAA,CAC1D,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQA,EAAAA,aAAa,UAAU,KAAK,EAAA,EAEtC,GAAI,CACF,OAAQA,EAAAA,aAAa,UAAU,KAAK,EAAA,CACtC,EAGF,KAAM,CACJ,QAAS,CACP,OAAQ,CAAE,aAAc,SAAA,CAAU,EAEpC,SAAU,CACR,OAAQ,CAAE,aAAc,UAAA,CAAW,EAErC,QAAS,CACP,OAAQ,CAAE,aAAc,SAAA,CAAU,CACpC,CACF,EAGF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,ECnDK,CAAE,YAAAC,EAAa,aAAAC,CAAA,EAAiBC,0BAAwB,CAC5D,OAAQL,CACV,CAAC,EAEYM,EAAwBF,EAGnCG,EAAAA,0CAAsB,MAAM,EAEjBC,EACXL,EACEM,EAAAA,0CACA,QACF,ECfWH,EACXI,GACG,CACH,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACC,EAAA,CAA0B,IAAAJ,EAAW,GAAGE,EACtC,SAAAD,EACH,CAEJ,EAEAN,EAAsB,YAAc,yBClB7B,MAAME,EACXE,GACG,CACH,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACE,EAAA,CAA6B,GAAGH,EAAM,IAAAF,EACpC,SAAAC,EACH,CAEJ,EAEAJ,EAAwB,YAAc,2BCN/B,MAAMS,EAAoB,CAC/B,KAAMX,EACN,OAAQE,CACV"}
+{"version":3,"file":"toggle-button-group-DX134q7m.cjs.js","sources":["../../src/components/toggle-button-group/toggle-button-group.recipe.tsx","../../src/components/toggle-button-group/toggle-button-group.slots.tsx","../../src/components/toggle-button-group/components/toggle-button-group.root.tsx","../../src/components/toggle-button-group/components/toggle-button-group.button.tsx","../../src/components/toggle-button-group/toggle-button-group.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"../button/button.recipe\";\n\n/**\n * Recipe configuration for the ToggleButtonGroup component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const buttonGroupRecipe = defineSlotRecipe({\n  slots: [\"root\", \"button\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-toggle-button-group\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n    },\n    button: {\n      // Base style is the same as our Button\n      ...buttonRecipe.base,\n      // Default style is outlined\n      ...buttonRecipe.variants?.variant.outline,\n      // Create overrides for custom ToggleButtonGroup styles\n      borderRadius: \"0\",\n      borderRightWidth: \"0\",\n      \"&:first-of-type\": {\n        borderLeftRadius: \"200\",\n      },\n      \"&:last-of-type\": {\n        borderRightWidth: \"1px\",\n        borderRightRadius: \"200\",\n      },\n      // When selected, the button is styled like a solid button\n      \"&[data-selected=true]\": buttonRecipe.variants?.variant.solid,\n    },\n  },\n\n  variants: {\n    size: {\n      xs: {\n        button: buttonRecipe.variants?.size.xs,\n      },\n      md: {\n        button: buttonRecipe.variants?.size.md,\n      },\n    },\n\n    tone: {\n      primary: {\n        button: { colorPalette: \"primary\" },\n      },\n      critical: {\n        button: { colorPalette: \"critical\" },\n      },\n      neutral: {\n        button: { colorPalette: \"neutral\" },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { buttonGroupRecipe } from \"./toggle-button-group.recipe\";\nimport type {\n  ToggleButtonGroupButtonProps,\n  ToggleButtonGroupProps,\n  ToggleButtonGroupButtonComponent,\n} from \"./toggle-button-group.types\";\nimport {\n  ToggleButton as RacToggleButton,\n  ToggleButtonGroup as RacToggleButtonGroup,\n} from \"react-aria-components\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: buttonGroupRecipe,\n});\n\nexport const ToggleButtonGroupRoot = withProvider<\n  typeof RacToggleButtonGroup,\n  ToggleButtonGroupProps\n>(RacToggleButtonGroup, \"root\");\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent =\n  withContext<typeof RacToggleButton, ToggleButtonGroupButtonProps>(\n    RacToggleButton,\n    \"button\"\n  );\n","import { ToggleButtonGroupRoot as ToggleButtonGroupRootSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupRootComponent } from \"../toggle-button-group.types\";\n\n/**\n * # ToggleButtonGroup\n *\n * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebuttongroup}\n */\nexport const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupRootSlot ref={ref} {...rest}>\n      {children}\n    </ToggleButtonGroupRootSlot>\n  );\n};\n\nToggleButtonGroupRoot.displayName = \"ToggleButtonGroup.Root\";\n","import { ToggleButtonGroupButton as ToggleButtonGroupButtonSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupButtonComponent } from \"../toggle-button-group.types\";\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupButtonSlot {...rest} ref={ref}>\n      {children}\n    </ToggleButtonGroupButtonSlot>\n  );\n};\n\nToggleButtonGroupButton.displayName = \"ToggleButtonGroup.Button\";\n","import { ToggleButtonGroupRoot } from \"./components/toggle-button-group.root\";\nimport { ToggleButtonGroupButton } from \"./components/toggle-button-group.button\";\n\n/**\n * ToggleButtonGroup\n * ============================================================\n * To group multiple `Button` components together, visually and logically, representing a set of related actions.\n */\nexport const ToggleButtonGroup = {\n  Root: ToggleButtonGroupRoot,\n  Button: ToggleButtonGroupButton,\n};\n\nexport {\n  ToggleButtonGroupRoot as _ToggleButtonGroupRoot,\n  ToggleButtonGroupButton as _ToggleButtonGroupButton,\n};\n"],"names":["buttonGroupRecipe","defineSlotRecipe","buttonRecipe","withContext","withProvider","createSlotRecipeContext","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","props","ref","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":"uLAOaA,EAAoBC,EAAAA,iBAAiB,CAChD,MAAO,CAAC,OAAQ,QAAQ,EAExB,UAAW,6BAGX,KAAM,CACJ,KAAM,CACJ,QAAS,aAAA,EAEX,OAAQ,CAEN,GAAGC,EAAAA,aAAa,KAEhB,GAAGA,EAAAA,aAAa,UAAU,QAAQ,QAElC,aAAc,IACd,iBAAkB,IAClB,kBAAmB,CACjB,iBAAkB,KAAA,EAEpB,iBAAkB,CAChB,iBAAkB,MAClB,kBAAmB,KAAA,EAGrB,wBAAyBA,EAAAA,aAAa,UAAU,QAAQ,KAAA,CAC1D,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQA,EAAAA,aAAa,UAAU,KAAK,EAAA,EAEtC,GAAI,CACF,OAAQA,EAAAA,aAAa,UAAU,KAAK,EAAA,CACtC,EAGF,KAAM,CACJ,QAAS,CACP,OAAQ,CAAE,aAAc,SAAA,CAAU,EAEpC,SAAU,CACR,OAAQ,CAAE,aAAc,UAAA,CAAW,EAErC,QAAS,CACP,OAAQ,CAAE,aAAc,SAAA,CAAU,CACpC,CACF,EAGF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,ECnDK,CAAE,YAAAC,EAAa,aAAAC,CAAA,EAAiBC,0BAAwB,CAC5D,OAAQL,CACV,CAAC,EAEYM,EAAwBF,EAGnCG,EAAAA,0CAAsB,MAAM,EAEjBC,EACXL,EACEM,EAAAA,0CACA,QACF,ECfWH,EACXI,GACG,CACH,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACC,EAAA,CAA0B,IAAAJ,EAAW,GAAGE,EACtC,SAAAD,EACH,CAEJ,EAEAN,EAAsB,YAAc,yBClB7B,MAAME,EACXE,GACG,CACH,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACE,EAAA,CAA6B,GAAGH,EAAM,IAAAF,EACpC,SAAAC,EACH,CAEJ,EAEAJ,EAAwB,YAAc,2BCN/B,MAAMS,EAAoB,CAC/B,KAAMX,EACN,OAAQE,CACV"}

package/dist/chunks/{toggle-button-group-DHMnBWSg.es.js → toggle-button-group-jRdpdYyd.es.js}

@@ -1,8 +1,7 @@
-import { jsx as n } from "react/jsx-runtime";
-import { b as t } from "./button.recipe-D9e9Gh9L.es.js";
-import { a as u } from "./config-ufbQ08Vi.es.js";
-import { $ as l, a as d } from "./ToggleButton-C3JL0pgD.es.js";
-import { c as p } from "./create-slot-recipe-context--T0CaFjW.es.js";
+import { jsx as a } from "react/jsx-runtime";
+import { defineSlotRecipe as u, createSlotRecipeContext as l } from "@chakra-ui/react/styled-system";
+import { b as t } from "./button.recipe-NdTb5f8M.es.js";
+import { $ as d, a as p } from "./ToggleButton-C3JL0pgD.es.js";
 const c = /* @__PURE__ */ u({
   slots: ["root", "button"],
   // Unique class name prefix for the component
@@ -55,28 +54,28 @@ const c = /* @__PURE__ */ u({
   defaultVariants: {
     size: "md"
   }
-}), { withContext: b, withProvider: f } = /* @__PURE__ */ p({
+}), { withContext: b, withProvider: g } = /* @__PURE__ */ l({
   recipe: c
-}), g = /* @__PURE__ */ f(d, "root"), m = /* @__PURE__ */ b(
-  l,
+}), f = /* @__PURE__ */ g(p, "root"), m = /* @__PURE__ */ b(
+  d,
   "button"
 ), i = (o) => {
-  const { ref: e, children: r, ...a } = o;
-  return /* @__PURE__ */ n(g, { ref: e, ...a, children: r });
+  const { ref: e, children: r, ...n } = o;
+  return /* @__PURE__ */ a(f, { ref: e, ...n, children: r });
 };
 i.displayName = "ToggleButtonGroup.Root";
 const s = (o) => {
-  const { ref: e, children: r, ...a } = o;
-  return /* @__PURE__ */ n(m, { ...a, ref: e, children: r });
+  const { ref: e, children: r, ...n } = o;
+  return /* @__PURE__ */ a(m, { ...n, ref: e, children: r });
 };
 s.displayName = "ToggleButtonGroup.Button";
-const v = {
+const $ = {
   Root: i,
   Button: s
 };
 export {
-  v as T,
+  $ as T,
   i as a,
   s as b
 };
-//# sourceMappingURL=toggle-button-group-DHMnBWSg.es.js.map
+//# sourceMappingURL=toggle-button-group-jRdpdYyd.es.js.map

package/dist/chunks/{toggle-button-group-DHMnBWSg.es.js.map → toggle-button-group-jRdpdYyd.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-group-DHMnBWSg.es.js","sources":["../../src/components/toggle-button-group/toggle-button-group.recipe.tsx","../../src/components/toggle-button-group/toggle-button-group.slots.tsx","../../src/components/toggle-button-group/components/toggle-button-group.root.tsx","../../src/components/toggle-button-group/components/toggle-button-group.button.tsx","../../src/components/toggle-button-group/toggle-button-group.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"../button/button.recipe\";\n\n/**\n * Recipe configuration for the ToggleButtonGroup component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const buttonGroupRecipe = defineSlotRecipe({\n  slots: [\"root\", \"button\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-toggle-button-group\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n    },\n    button: {\n      // Base style is the same as our Button\n      ...buttonRecipe.base,\n      // Default style is outlined\n      ...buttonRecipe.variants?.variant.outline,\n      // Create overrides for custom ToggleButtonGroup styles\n      borderRadius: \"0\",\n      borderRightWidth: \"0\",\n      \"&:first-of-type\": {\n        borderLeftRadius: \"200\",\n      },\n      \"&:last-of-type\": {\n        borderRightWidth: \"1px\",\n        borderRightRadius: \"200\",\n      },\n      // When selected, the button is styled like a solid button\n      \"&[data-selected=true]\": buttonRecipe.variants?.variant.solid,\n    },\n  },\n\n  variants: {\n    size: {\n      xs: {\n        button: buttonRecipe.variants?.size.xs,\n      },\n      md: {\n        button: buttonRecipe.variants?.size.md,\n      },\n    },\n\n    tone: {\n      primary: {\n        button: { colorPalette: \"primary\" },\n      },\n      critical: {\n        button: { colorPalette: \"critical\" },\n      },\n      neutral: {\n        button: { colorPalette: \"neutral\" },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { buttonGroupRecipe } from \"./toggle-button-group.recipe\";\nimport type {\n  ToggleButtonGroupButtonProps,\n  ToggleButtonGroupProps,\n  ToggleButtonGroupButtonComponent,\n} from \"./toggle-button-group.types\";\nimport {\n  ToggleButton as RacToggleButton,\n  ToggleButtonGroup as RacToggleButtonGroup,\n} from \"react-aria-components\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: buttonGroupRecipe,\n});\n\nexport const ToggleButtonGroupRoot = withProvider<\n  typeof RacToggleButtonGroup,\n  ToggleButtonGroupProps\n>(RacToggleButtonGroup, \"root\");\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent =\n  withContext<typeof RacToggleButton, ToggleButtonGroupButtonProps>(\n    RacToggleButton,\n    \"button\"\n  );\n","import { ToggleButtonGroupRoot as ToggleButtonGroupRootSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupRootComponent } from \"../toggle-button-group.types\";\n\n/**\n * # ToggleButtonGroup\n *\n * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebuttongroup}\n */\nexport const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupRootSlot ref={ref} {...rest}>\n      {children}\n    </ToggleButtonGroupRootSlot>\n  );\n};\n\nToggleButtonGroupRoot.displayName = \"ToggleButtonGroup.Root\";\n","import { ToggleButtonGroupButton as ToggleButtonGroupButtonSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupButtonComponent } from \"../toggle-button-group.types\";\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupButtonSlot {...rest} ref={ref}>\n      {children}\n    </ToggleButtonGroupButtonSlot>\n  );\n};\n\nToggleButtonGroupButton.displayName = \"ToggleButtonGroup.Button\";\n","import { ToggleButtonGroupRoot } from \"./components/toggle-button-group.root\";\nimport { ToggleButtonGroupButton } from \"./components/toggle-button-group.button\";\n\n/**\n * ToggleButtonGroup\n * ============================================================\n * To group multiple `Button` components together, visually and logically, representing a set of related actions.\n */\nexport const ToggleButtonGroup = {\n  Root: ToggleButtonGroupRoot,\n  Button: ToggleButtonGroupButton,\n};\n\nexport {\n  ToggleButtonGroupRoot as _ToggleButtonGroupRoot,\n  ToggleButtonGroupButton as _ToggleButtonGroupButton,\n};\n"],"names":["buttonGroupRecipe","defineSlotRecipe","buttonRecipe","withContext","withProvider","createSlotRecipeContext","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","props","ref","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":";;;;;AAOO,MAAMA,IAAoB,gBAAAC,EAAiB;AAAA,EAChD,OAAO,CAAC,QAAQ,QAAQ;AAAA;AAAA,EAExB,WAAW;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEX,QAAQ;AAAA;AAAA,MAEN,GAAGC,EAAa;AAAA;AAAA,MAEhB,GAAGA,EAAa,UAAU,QAAQ;AAAA;AAAA,MAElC,cAAc;AAAA,MACd,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,QACjB,kBAAkB;AAAA,MAAA;AAAA,MAEpB,kBAAkB;AAAA,QAChB,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MAAA;AAAA;AAAA,MAGrB,yBAAyBA,EAAa,UAAU,QAAQ;AAAA,IAAA;AAAA,EAC1D;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,QAAQA,EAAa,UAAU,KAAK;AAAA,MAAA;AAAA,MAEtC,IAAI;AAAA,QACF,QAAQA,EAAa,UAAU,KAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAGF,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,QAAQ,EAAE,cAAc,UAAA;AAAA,MAAU;AAAA,MAEpC,UAAU;AAAA,QACR,QAAQ,EAAE,cAAc,WAAA;AAAA,MAAW;AAAA,MAErC,SAAS;AAAA,QACP,QAAQ,EAAE,cAAc,UAAA;AAAA,MAAU;AAAA,IACpC;AAAA,EACF;AAAA,EAGF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GCnDK,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQL;AACV,CAAC,GAEYM,IAAwB,gBAAAF,EAGnCG,GAAsB,MAAM,GAEjBC,IACX,gBAAAL;AAAA,EACEM;AAAAA,EACA;AACF,GCfWH,IAAwD,CACnEI,MACG;AACH,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACC,GAAA,EAA0B,KAAAJ,GAAW,GAAGE,GACtC,UAAAD,GACH;AAEJ;AAEAN,EAAsB,cAAc;AClB7B,MAAME,IAA4D,CACvEE,MACG;AACH,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACE,GAAA,EAA6B,GAAGH,GAAM,KAAAF,GACpC,UAAAC,GACH;AAEJ;AAEAJ,EAAwB,cAAc;ACN/B,MAAMS,IAAoB;AAAA,EAC/B,MAAMX;AAAA,EACN,QAAQE;AACV;"}
+{"version":3,"file":"toggle-button-group-jRdpdYyd.es.js","sources":["../../src/components/toggle-button-group/toggle-button-group.recipe.tsx","../../src/components/toggle-button-group/toggle-button-group.slots.tsx","../../src/components/toggle-button-group/components/toggle-button-group.root.tsx","../../src/components/toggle-button-group/components/toggle-button-group.button.tsx","../../src/components/toggle-button-group/toggle-button-group.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"../button/button.recipe\";\n\n/**\n * Recipe configuration for the ToggleButtonGroup component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const buttonGroupRecipe = defineSlotRecipe({\n  slots: [\"root\", \"button\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-toggle-button-group\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n    },\n    button: {\n      // Base style is the same as our Button\n      ...buttonRecipe.base,\n      // Default style is outlined\n      ...buttonRecipe.variants?.variant.outline,\n      // Create overrides for custom ToggleButtonGroup styles\n      borderRadius: \"0\",\n      borderRightWidth: \"0\",\n      \"&:first-of-type\": {\n        borderLeftRadius: \"200\",\n      },\n      \"&:last-of-type\": {\n        borderRightWidth: \"1px\",\n        borderRightRadius: \"200\",\n      },\n      // When selected, the button is styled like a solid button\n      \"&[data-selected=true]\": buttonRecipe.variants?.variant.solid,\n    },\n  },\n\n  variants: {\n    size: {\n      xs: {\n        button: buttonRecipe.variants?.size.xs,\n      },\n      md: {\n        button: buttonRecipe.variants?.size.md,\n      },\n    },\n\n    tone: {\n      primary: {\n        button: { colorPalette: \"primary\" },\n      },\n      critical: {\n        button: { colorPalette: \"critical\" },\n      },\n      neutral: {\n        button: { colorPalette: \"neutral\" },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { buttonGroupRecipe } from \"./toggle-button-group.recipe\";\nimport type {\n  ToggleButtonGroupButtonProps,\n  ToggleButtonGroupProps,\n  ToggleButtonGroupButtonComponent,\n} from \"./toggle-button-group.types\";\nimport {\n  ToggleButton as RacToggleButton,\n  ToggleButtonGroup as RacToggleButtonGroup,\n} from \"react-aria-components\";\n\nconst { withContext, withProvider } = createSlotRecipeContext({\n  recipe: buttonGroupRecipe,\n});\n\nexport const ToggleButtonGroupRoot = withProvider<\n  typeof RacToggleButtonGroup,\n  ToggleButtonGroupProps\n>(RacToggleButtonGroup, \"root\");\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent =\n  withContext<typeof RacToggleButton, ToggleButtonGroupButtonProps>(\n    RacToggleButton,\n    \"button\"\n  );\n","import { ToggleButtonGroupRoot as ToggleButtonGroupRootSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupRootComponent } from \"../toggle-button-group.types\";\n\n/**\n * # ToggleButtonGroup\n *\n * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebuttongroup}\n */\nexport const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupRootSlot ref={ref} {...rest}>\n      {children}\n    </ToggleButtonGroupRootSlot>\n  );\n};\n\nToggleButtonGroupRoot.displayName = \"ToggleButtonGroup.Root\";\n","import { ToggleButtonGroupButton as ToggleButtonGroupButtonSlot } from \"../toggle-button-group.slots\";\nimport type { ToggleButtonGroupButtonComponent } from \"../toggle-button-group.types\";\n\nexport const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent = (\n  props\n) => {\n  const { ref, children, ...rest } = props;\n  return (\n    <ToggleButtonGroupButtonSlot {...rest} ref={ref}>\n      {children}\n    </ToggleButtonGroupButtonSlot>\n  );\n};\n\nToggleButtonGroupButton.displayName = \"ToggleButtonGroup.Button\";\n","import { ToggleButtonGroupRoot } from \"./components/toggle-button-group.root\";\nimport { ToggleButtonGroupButton } from \"./components/toggle-button-group.button\";\n\n/**\n * ToggleButtonGroup\n * ============================================================\n * To group multiple `Button` components together, visually and logically, representing a set of related actions.\n */\nexport const ToggleButtonGroup = {\n  Root: ToggleButtonGroupRoot,\n  Button: ToggleButtonGroupButton,\n};\n\nexport {\n  ToggleButtonGroupRoot as _ToggleButtonGroupRoot,\n  ToggleButtonGroupButton as _ToggleButtonGroupButton,\n};\n"],"names":["buttonGroupRecipe","defineSlotRecipe","buttonRecipe","withContext","withProvider","createSlotRecipeContext","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","props","ref","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":";;;;AAOO,MAAMA,IAAoB,gBAAAC,EAAiB;AAAA,EAChD,OAAO,CAAC,QAAQ,QAAQ;AAAA;AAAA,EAExB,WAAW;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEX,QAAQ;AAAA;AAAA,MAEN,GAAGC,EAAa;AAAA;AAAA,MAEhB,GAAGA,EAAa,UAAU,QAAQ;AAAA;AAAA,MAElC,cAAc;AAAA,MACd,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,QACjB,kBAAkB;AAAA,MAAA;AAAA,MAEpB,kBAAkB;AAAA,QAChB,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MAAA;AAAA;AAAA,MAGrB,yBAAyBA,EAAa,UAAU,QAAQ;AAAA,IAAA;AAAA,EAC1D;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,QAAQA,EAAa,UAAU,KAAK;AAAA,MAAA;AAAA,MAEtC,IAAI;AAAA,QACF,QAAQA,EAAa,UAAU,KAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAGF,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,QAAQ,EAAE,cAAc,UAAA;AAAA,MAAU;AAAA,MAEpC,UAAU;AAAA,QACR,QAAQ,EAAE,cAAc,WAAA;AAAA,MAAW;AAAA,MAErC,SAAS;AAAA,QACP,QAAQ,EAAE,cAAc,UAAA;AAAA,MAAU;AAAA,IACpC;AAAA,EACF;AAAA,EAGF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GCnDK,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQL;AACV,CAAC,GAEYM,IAAwB,gBAAAF,EAGnCG,GAAsB,MAAM,GAEjBC,IACX,gBAAAL;AAAA,EACEM;AAAAA,EACA;AACF,GCfWH,IAAwD,CACnEI,MACG;AACH,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACC,GAAA,EAA0B,KAAAJ,GAAW,GAAGE,GACtC,UAAAD,GACH;AAEJ;AAEAN,EAAsB,cAAc;AClB7B,MAAME,IAA4D,CACvEE,MACG;AACH,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASH;AACnC,SACE,gBAAAI,EAACE,GAAA,EAA6B,GAAGH,GAAM,KAAAF,GACpC,UAAAC,GACH;AAEJ;AAEAJ,EAAwB,cAAc;ACN/B,MAAMS,IAAoB;AAAA,EAC/B,MAAMX;AAAA,EACN,QAAQE;AACV;"}

package/dist/chunks/{toolbar-BUYkQMPz.cjs.js → toolbar-CLGq6IO7.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("@chakra-ui/react"),d=require("./index-BsmdMT4w.cjs.js"),x=require("./extractStyleProps-BsLft3q1.cjs.js"),l=require("./utils-BHdR5Nww.cjs.js"),p=require("./useToolbar-Bqn3EANT.cjs.js"),P=require("./mergeProps-BA5Cwf5w.cjs.js"),h=require("./filterDOMProps-WUskt27c.cjs.js"),c=require("react"),q=c.createContext({}),C=c.forwardRef(function(e,t){[e,t]=l.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,q);let{toolbarProps:a}=p.$2680b1829e803644$export$fa142eb1681c520(e,t),o=l.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{orientation:e.orientation||"horizontal"},defaultClassName:"react-aria-Toolbar"}),r=h.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete r.id,c.createElement("div",{...P.$3ef42575df84b30b$export$9d1611c77c2fe928(r,o,a),ref:t,slot:e.slot||void 0,"data-orientation":e.orientation||"horizontal"},o.children)}),{withContext:R}=n.createRecipeContext({recipe:d.toolbarRecipe}),m=R("div"),z=({ref:i,orientation:e="horizontal",...t})=>{const a=n.useRecipe({recipe:d.toolbarRecipe}),[o,r]=a.splitVariantProps({orientation:e,...t}),[u,f]=x.extractStyleProps(r),b=n.useChakraContext().normalizeValue(e),$=n.useBreakpointValue(b)??"horizontal";return s.jsx(m,{orientation:e,...o,...u,asChild:!0,children:s.jsx(C,{ref:i,orientation:$,...f})})};exports.Toolbar=z;
-//# sourceMappingURL=toolbar-BUYkQMPz.cjs.js.map
+"use strict";const s=require("react/jsx-runtime"),n=require("@chakra-ui/react"),d=require("./index-C8Yrk__l.cjs.js"),x=require("./extractStyleProps-CZpHKp1I.cjs.js"),l=require("./utils-BHdR5Nww.cjs.js"),p=require("./useToolbar-Bqn3EANT.cjs.js"),P=require("./mergeProps-BA5Cwf5w.cjs.js"),h=require("./filterDOMProps-WUskt27c.cjs.js"),c=require("react"),q=c.createContext({}),C=c.forwardRef(function(e,t){[e,t]=l.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,q);let{toolbarProps:a}=p.$2680b1829e803644$export$fa142eb1681c520(e,t),o=l.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{orientation:e.orientation||"horizontal"},defaultClassName:"react-aria-Toolbar"}),r=h.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete r.id,c.createElement("div",{...P.$3ef42575df84b30b$export$9d1611c77c2fe928(r,o,a),ref:t,slot:e.slot||void 0,"data-orientation":e.orientation||"horizontal"},o.children)}),{withContext:R}=n.createRecipeContext({recipe:d.toolbarRecipe}),m=R("div"),z=({ref:i,orientation:e="horizontal",...t})=>{const a=n.useRecipe({recipe:d.toolbarRecipe}),[o,r]=a.splitVariantProps({orientation:e,...t}),[u,f]=x.extractStyleProps(r),b=n.useChakraContext().normalizeValue(e),$=n.useBreakpointValue(b)??"horizontal";return s.jsx(m,{orientation:e,...o,...u,asChild:!0,children:s.jsx(C,{ref:i,orientation:$,...f})})};exports.Toolbar=z;
+//# sourceMappingURL=toolbar-CLGq6IO7.cjs.js.map

package/dist/chunks/{toolbar-BUYkQMPz.cjs.js.map → toolbar-CLGq6IO7.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toolbar-BUYkQMPz.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/Toolbar.mjs","../../src/components/toolbar/toolbar.slots.tsx","../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useToolbar as $8qPHH$useToolbar} from \"@react-aria/toolbar\";\nimport {filterDOMProps as $8qPHH$filterDOMProps, mergeProps as $8qPHH$mergeProps} from \"@react-aria/utils\";\nimport $8qPHH$react, {createContext as $8qPHH$createContext, forwardRef as $8qPHH$forwardRef} from \"react\";\n\n/*\n * Copyright 2023 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 */ \n\n\n\nconst $13c3c67164f4d5be$export$6311e7ab80ef752f = /*#__PURE__*/ (0, $8qPHH$createContext)({});\nconst $13c3c67164f4d5be$export$4c260019440d418f = /*#__PURE__*/ (0, $8qPHH$forwardRef)(function Toolbar(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $13c3c67164f4d5be$export$6311e7ab80ef752f);\n    let { toolbarProps: toolbarProps } = (0, $8qPHH$useToolbar)(props, ref);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            orientation: props.orientation || 'horizontal'\n        },\n        defaultClassName: 'react-aria-Toolbar'\n    });\n    let DOMProps = (0, $8qPHH$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $8qPHH$react).createElement(\"div\", {\n        ...(0, $8qPHH$mergeProps)(DOMProps, renderProps, toolbarProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'horizontal'\n    }, renderProps.children);\n});\n\n\nexport {$13c3c67164f4d5be$export$6311e7ab80ef752f as ToolbarContext, $13c3c67164f4d5be$export$4c260019440d418f as Toolbar};\n//# sourceMappingURL=Toolbar.module.js.map\n","import {\n  type HTMLChakraProps,\n  createRecipeContext,\n  type RecipeProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react\";\nimport { toolbarRecipe } from \"./toolbar.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: toolbarRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toolbar recipe.\n */\ninterface ToolbarRecipeProps\n  extends RecipeProps<typeof toolbarRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface ToolbarSlotProps\n  extends Omit<HTMLChakraProps<\"div\", ToolbarRecipeProps>, \"translate\"> {\n  translate?: \"yes\" | \"no\";\n}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToolbarRoot = withContext<HTMLDivElement, ToolbarSlotProps>(\"div\");\n","import { ToolbarRoot } from \"./toolbar.slots.tsx\";\nimport type { ToolbarComponent, ToolbarProps } from \"./toolbar.types.ts\";\nimport {\n  useBreakpointValue,\n  useChakraContext,\n  useRecipe,\n} from \"@chakra-ui/react\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { toolbarRecipe } from \"./toolbar.recipe.ts\";\nimport { Toolbar as RaToolbar } from \"react-aria-components\";\n\nexport const Toolbar: ToolbarComponent = ({\n  ref: forwardedRef,\n  orientation = \"horizontal\",\n  ...props\n}: ToolbarProps) => {\n  const recipe = useRecipe({ recipe: toolbarRecipe });\n  const [recipeProps, variantFreeProps] = recipe.splitVariantProps({\n    orientation,\n    ...props,\n  });\n  const [styleProps, functionalProps] = extractStyleProps(variantFreeProps);\n\n  const sysCtx = useChakraContext();\n\n  // The react-aria Toolbar does not support responsive values for the\n  // `orientation` prop. We normalize `orientation` to a string\n  // (\"horizontal\" or \"vertical\") using `system.normalizeValue` and\n  // `useBreakpointValue` to ensure a concrete value is passed.\n\n  const normalizedOrientation = sysCtx.normalizeValue(orientation);\n  const computedOrientation: \"horizontal\" | \"vertical\" =\n    useBreakpointValue(normalizedOrientation) ?? \"horizontal\";\n\n  return (\n    <ToolbarRoot\n      orientation={orientation}\n      {...recipeProps}\n      {...styleProps}\n      asChild\n    >\n      <RaToolbar\n        ref={forwardedRef}\n        orientation={computedOrientation}\n        {...functionalProps}\n      />\n    </ToolbarRoot>\n  );\n};\n"],"names":["$13c3c67164f4d5be$export$6311e7ab80ef752f","$8qPHH$createContext","$13c3c67164f4d5be$export$4c260019440d418f","$8qPHH$forwardRef","props","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","toolbarProps","$8qPHH$useToolbar","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$8qPHH$filterDOMProps","$8qPHH$react","$8qPHH$mergeProps","withContext","createRecipeContext","toolbarRecipe","ToolbarRoot","Toolbar","forwardedRef","orientation","recipe","useRecipe","recipeProps","variantFreeProps","styleProps","functionalProps","extractStyleProps","normalizedOrientation","useChakraContext","computedOrientation","useBreakpointValue","jsx","RaToolbar"],"mappings":"gWAmBMA,EAA8DC,EAAAA,cAAsB,EAAE,EACtFC,EAA8DC,EAAAA,WAAmB,SAAiBC,EAAOC,EAAK,CAChH,CAACD,EAAOC,CAAG,EAAQC,EAAAA,0CAA2CF,EAAOC,EAAKL,CAAyC,EACnH,GAAI,CAAE,aAAcO,CAAY,EAASC,EAAAA,yCAAmBJ,EAAOC,CAAG,EAClEI,EAAkBC,0CAAyC,CAC3D,GAAGN,EACH,OAAQ,CACJ,YAAaA,EAAM,aAAe,YAC9C,EACQ,iBAAkB,oBAC1B,CAAK,EACGO,EAAeC,EAAAA,0CAAuBR,EAAO,CAC7C,OAAQ,EAChB,CAAK,EACD,cAAOO,EAAS,GACSE,EAAc,cAAc,MAAO,CACxD,GAAOC,EAAAA,0CAAmBH,EAAUF,EAAaF,CAAY,EAC7D,IAAKF,EACL,KAAMD,EAAM,MAAQ,OACpB,mBAAoBA,EAAM,aAAe,YACjD,EAAOK,EAAY,QAAQ,CAC3B,CAAC,EChCK,CAAE,YAAAM,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,aACV,CAAC,EAwBYC,EAAcH,EAA8C,KAAK,ECvBjEI,EAA4B,CAAC,CACxC,IAAKC,EACL,YAAAC,EAAc,aACd,GAAGjB,CACL,IAAoB,CAClB,MAAMkB,EAASC,EAAAA,UAAU,CAAE,OAAQN,EAAAA,cAAe,EAC5C,CAACO,EAAaC,CAAgB,EAAIH,EAAO,kBAAkB,CAC/D,YAAAD,EACA,GAAGjB,CAAA,CACJ,EACK,CAACsB,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAgB,EASlEI,EAPSC,EAAAA,iBAAA,EAOsB,eAAeT,CAAW,EACzDU,EACJC,EAAAA,mBAAmBH,CAAqB,GAAK,aAE/C,OACEI,EAAAA,IAACf,EAAA,CACC,YAAAG,EACC,GAAGG,EACH,GAAGE,EACJ,QAAO,GAEP,SAAAO,EAAAA,IAACC,EAAA,CACC,IAAKd,EACL,YAAaW,EACZ,GAAGJ,CAAA,CAAA,CACN,CAAA,CAGN","x_google_ignoreList":[0]}
+{"version":3,"file":"toolbar-CLGq6IO7.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/Toolbar.mjs","../../src/components/toolbar/toolbar.slots.tsx","../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useToolbar as $8qPHH$useToolbar} from \"@react-aria/toolbar\";\nimport {filterDOMProps as $8qPHH$filterDOMProps, mergeProps as $8qPHH$mergeProps} from \"@react-aria/utils\";\nimport $8qPHH$react, {createContext as $8qPHH$createContext, forwardRef as $8qPHH$forwardRef} from \"react\";\n\n/*\n * Copyright 2023 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 */ \n\n\n\nconst $13c3c67164f4d5be$export$6311e7ab80ef752f = /*#__PURE__*/ (0, $8qPHH$createContext)({});\nconst $13c3c67164f4d5be$export$4c260019440d418f = /*#__PURE__*/ (0, $8qPHH$forwardRef)(function Toolbar(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $13c3c67164f4d5be$export$6311e7ab80ef752f);\n    let { toolbarProps: toolbarProps } = (0, $8qPHH$useToolbar)(props, ref);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            orientation: props.orientation || 'horizontal'\n        },\n        defaultClassName: 'react-aria-Toolbar'\n    });\n    let DOMProps = (0, $8qPHH$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $8qPHH$react).createElement(\"div\", {\n        ...(0, $8qPHH$mergeProps)(DOMProps, renderProps, toolbarProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'horizontal'\n    }, renderProps.children);\n});\n\n\nexport {$13c3c67164f4d5be$export$6311e7ab80ef752f as ToolbarContext, $13c3c67164f4d5be$export$4c260019440d418f as Toolbar};\n//# sourceMappingURL=Toolbar.module.js.map\n","import {\n  type HTMLChakraProps,\n  createRecipeContext,\n  type RecipeProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react\";\nimport { toolbarRecipe } from \"./toolbar.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: toolbarRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toolbar recipe.\n */\ninterface ToolbarRecipeProps\n  extends RecipeProps<typeof toolbarRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface ToolbarSlotProps\n  extends Omit<HTMLChakraProps<\"div\", ToolbarRecipeProps>, \"translate\"> {\n  translate?: \"yes\" | \"no\";\n}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToolbarRoot = withContext<HTMLDivElement, ToolbarSlotProps>(\"div\");\n","import { ToolbarRoot } from \"./toolbar.slots.tsx\";\nimport type { ToolbarComponent, ToolbarProps } from \"./toolbar.types.ts\";\nimport {\n  useBreakpointValue,\n  useChakraContext,\n  useRecipe,\n} from \"@chakra-ui/react\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { toolbarRecipe } from \"./toolbar.recipe.ts\";\nimport { Toolbar as RaToolbar } from \"react-aria-components\";\n\nexport const Toolbar: ToolbarComponent = ({\n  ref: forwardedRef,\n  orientation = \"horizontal\",\n  ...props\n}: ToolbarProps) => {\n  const recipe = useRecipe({ recipe: toolbarRecipe });\n  const [recipeProps, variantFreeProps] = recipe.splitVariantProps({\n    orientation,\n    ...props,\n  });\n  const [styleProps, functionalProps] = extractStyleProps(variantFreeProps);\n\n  const sysCtx = useChakraContext();\n\n  // The react-aria Toolbar does not support responsive values for the\n  // `orientation` prop. We normalize `orientation` to a string\n  // (\"horizontal\" or \"vertical\") using `system.normalizeValue` and\n  // `useBreakpointValue` to ensure a concrete value is passed.\n\n  const normalizedOrientation = sysCtx.normalizeValue(orientation);\n  const computedOrientation: \"horizontal\" | \"vertical\" =\n    useBreakpointValue(normalizedOrientation) ?? \"horizontal\";\n\n  return (\n    <ToolbarRoot\n      orientation={orientation}\n      {...recipeProps}\n      {...styleProps}\n      asChild\n    >\n      <RaToolbar\n        ref={forwardedRef}\n        orientation={computedOrientation}\n        {...functionalProps}\n      />\n    </ToolbarRoot>\n  );\n};\n"],"names":["$13c3c67164f4d5be$export$6311e7ab80ef752f","$8qPHH$createContext","$13c3c67164f4d5be$export$4c260019440d418f","$8qPHH$forwardRef","props","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","toolbarProps","$8qPHH$useToolbar","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$8qPHH$filterDOMProps","$8qPHH$react","$8qPHH$mergeProps","withContext","createRecipeContext","toolbarRecipe","ToolbarRoot","Toolbar","forwardedRef","orientation","recipe","useRecipe","recipeProps","variantFreeProps","styleProps","functionalProps","extractStyleProps","normalizedOrientation","useChakraContext","computedOrientation","useBreakpointValue","jsx","RaToolbar"],"mappings":"gWAmBMA,EAA8DC,EAAAA,cAAsB,EAAE,EACtFC,EAA8DC,EAAAA,WAAmB,SAAiBC,EAAOC,EAAK,CAChH,CAACD,EAAOC,CAAG,EAAQC,EAAAA,0CAA2CF,EAAOC,EAAKL,CAAyC,EACnH,GAAI,CAAE,aAAcO,CAAY,EAASC,EAAAA,yCAAmBJ,EAAOC,CAAG,EAClEI,EAAkBC,0CAAyC,CAC3D,GAAGN,EACH,OAAQ,CACJ,YAAaA,EAAM,aAAe,YAC9C,EACQ,iBAAkB,oBAC1B,CAAK,EACGO,EAAeC,EAAAA,0CAAuBR,EAAO,CAC7C,OAAQ,EAChB,CAAK,EACD,cAAOO,EAAS,GACSE,EAAc,cAAc,MAAO,CACxD,GAAOC,EAAAA,0CAAmBH,EAAUF,EAAaF,CAAY,EAC7D,IAAKF,EACL,KAAMD,EAAM,MAAQ,OACpB,mBAAoBA,EAAM,aAAe,YACjD,EAAOK,EAAY,QAAQ,CAC3B,CAAC,EChCK,CAAE,YAAAM,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,aACV,CAAC,EAwBYC,EAAcH,EAA8C,KAAK,ECvBjEI,EAA4B,CAAC,CACxC,IAAKC,EACL,YAAAC,EAAc,aACd,GAAGjB,CACL,IAAoB,CAClB,MAAMkB,EAASC,EAAAA,UAAU,CAAE,OAAQN,EAAAA,cAAe,EAC5C,CAACO,EAAaC,CAAgB,EAAIH,EAAO,kBAAkB,CAC/D,YAAAD,EACA,GAAGjB,CAAA,CACJ,EACK,CAACsB,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAgB,EASlEI,EAPSC,EAAAA,iBAAA,EAOsB,eAAeT,CAAW,EACzDU,EACJC,EAAAA,mBAAmBH,CAAqB,GAAK,aAE/C,OACEI,EAAAA,IAACf,EAAA,CACC,YAAAG,EACC,GAAGG,EACH,GAAGE,EACJ,QAAO,GAEP,SAAAO,EAAAA,IAACC,EAAA,CACC,IAAKd,EACL,YAAaW,EACZ,GAAGJ,CAAA,CAAA,CACN,CAAA,CAGN","x_google_ignoreList":[0]}

package/dist/chunks/{toolbar-DI1eQG-1.es.js → toolbar-hpBfKrTl.es.js}

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createRecipeContext as $, useRecipe as m, useChakraContext as p, useBreakpointValue as b } from "@chakra-ui/react";
-import { e as c } from "./index-Dvel3Oj5.es.js";
-import { e as u } from "./extractStyleProps-D6vCCKog.es.js";
+import { e as c } from "./index-jAeaCpRm.es.js";
+import { e as u } from "./extractStyleProps-vA4cNUoc.es.js";
 import { $ as x, a as P } from "./utils-BkdW_cdL.es.js";
 import { $ as h } from "./useToolbar-CLH6Sjes.es.js";
 import { $ as C } from "./mergeProps-B_9syxhT.es.js";
@@ -56,4 +56,4 @@ const y = /* @__PURE__ */ v({}), O = /* @__PURE__ */ T(function(e, t) {
 export {
   S as T
 };
-//# sourceMappingURL=toolbar-DI1eQG-1.es.js.map
+//# sourceMappingURL=toolbar-hpBfKrTl.es.js.map

package/dist/chunks/{toolbar-DI1eQG-1.es.js.map → toolbar-hpBfKrTl.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toolbar-DI1eQG-1.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/Toolbar.mjs","../../src/components/toolbar/toolbar.slots.tsx","../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useToolbar as $8qPHH$useToolbar} from \"@react-aria/toolbar\";\nimport {filterDOMProps as $8qPHH$filterDOMProps, mergeProps as $8qPHH$mergeProps} from \"@react-aria/utils\";\nimport $8qPHH$react, {createContext as $8qPHH$createContext, forwardRef as $8qPHH$forwardRef} from \"react\";\n\n/*\n * Copyright 2023 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 */ \n\n\n\nconst $13c3c67164f4d5be$export$6311e7ab80ef752f = /*#__PURE__*/ (0, $8qPHH$createContext)({});\nconst $13c3c67164f4d5be$export$4c260019440d418f = /*#__PURE__*/ (0, $8qPHH$forwardRef)(function Toolbar(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $13c3c67164f4d5be$export$6311e7ab80ef752f);\n    let { toolbarProps: toolbarProps } = (0, $8qPHH$useToolbar)(props, ref);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            orientation: props.orientation || 'horizontal'\n        },\n        defaultClassName: 'react-aria-Toolbar'\n    });\n    let DOMProps = (0, $8qPHH$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $8qPHH$react).createElement(\"div\", {\n        ...(0, $8qPHH$mergeProps)(DOMProps, renderProps, toolbarProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'horizontal'\n    }, renderProps.children);\n});\n\n\nexport {$13c3c67164f4d5be$export$6311e7ab80ef752f as ToolbarContext, $13c3c67164f4d5be$export$4c260019440d418f as Toolbar};\n//# sourceMappingURL=Toolbar.module.js.map\n","import {\n  type HTMLChakraProps,\n  createRecipeContext,\n  type RecipeProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react\";\nimport { toolbarRecipe } from \"./toolbar.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: toolbarRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toolbar recipe.\n */\ninterface ToolbarRecipeProps\n  extends RecipeProps<typeof toolbarRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface ToolbarSlotProps\n  extends Omit<HTMLChakraProps<\"div\", ToolbarRecipeProps>, \"translate\"> {\n  translate?: \"yes\" | \"no\";\n}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToolbarRoot = withContext<HTMLDivElement, ToolbarSlotProps>(\"div\");\n","import { ToolbarRoot } from \"./toolbar.slots.tsx\";\nimport type { ToolbarComponent, ToolbarProps } from \"./toolbar.types.ts\";\nimport {\n  useBreakpointValue,\n  useChakraContext,\n  useRecipe,\n} from \"@chakra-ui/react\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { toolbarRecipe } from \"./toolbar.recipe.ts\";\nimport { Toolbar as RaToolbar } from \"react-aria-components\";\n\nexport const Toolbar: ToolbarComponent = ({\n  ref: forwardedRef,\n  orientation = \"horizontal\",\n  ...props\n}: ToolbarProps) => {\n  const recipe = useRecipe({ recipe: toolbarRecipe });\n  const [recipeProps, variantFreeProps] = recipe.splitVariantProps({\n    orientation,\n    ...props,\n  });\n  const [styleProps, functionalProps] = extractStyleProps(variantFreeProps);\n\n  const sysCtx = useChakraContext();\n\n  // The react-aria Toolbar does not support responsive values for the\n  // `orientation` prop. We normalize `orientation` to a string\n  // (\"horizontal\" or \"vertical\") using `system.normalizeValue` and\n  // `useBreakpointValue` to ensure a concrete value is passed.\n\n  const normalizedOrientation = sysCtx.normalizeValue(orientation);\n  const computedOrientation: \"horizontal\" | \"vertical\" =\n    useBreakpointValue(normalizedOrientation) ?? \"horizontal\";\n\n  return (\n    <ToolbarRoot\n      orientation={orientation}\n      {...recipeProps}\n      {...styleProps}\n      asChild\n    >\n      <RaToolbar\n        ref={forwardedRef}\n        orientation={computedOrientation}\n        {...functionalProps}\n      />\n    </ToolbarRoot>\n  );\n};\n"],"names":["$13c3c67164f4d5be$export$6311e7ab80ef752f","$8qPHH$createContext","$13c3c67164f4d5be$export$4c260019440d418f","$8qPHH$forwardRef","props","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","toolbarProps","$8qPHH$useToolbar","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$8qPHH$filterDOMProps","$8qPHH$react","$8qPHH$mergeProps","withContext","createRecipeContext","toolbarRecipe","ToolbarRoot","Toolbar","forwardedRef","orientation","recipe","useRecipe","recipeProps","variantFreeProps","styleProps","functionalProps","extractStyleProps","normalizedOrientation","useChakraContext","computedOrientation","useBreakpointValue","jsx","RaToolbar"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAA8DC,gBAAAA,EAAsB,EAAE,GACtFC,IAA8DC,gBAAAA,EAAmB,SAAiBC,GAAOC,GAAK;AAChH,GAACD,GAAOC,CAAG,IAAQC,EAA2CF,GAAOC,GAAKL,CAAyC;AACnH,MAAI,EAAE,cAAcO,EAAY,IAASC,EAAmBJ,GAAOC,CAAG,GAClEI,IAAkBC,EAAyC;AAAA,IAC3D,GAAGN;AAAA,IACH,QAAQ;AAAA,MACJ,aAAaA,EAAM,eAAe;AAAA,IAC9C;AAAA,IACQ,kBAAkB;AAAA,EAC1B,CAAK,GACGO,IAAeC,EAAuBR,GAAO;AAAA,IAC7C,QAAQ;AAAA,EAChB,CAAK;AACD,gBAAOO,EAAS,IACSE,gBAAAA,EAAc,cAAc,OAAO;AAAA,IACxD,GAAOC,EAAmBH,GAAUF,GAAaF,CAAY;AAAA,IAC7D,KAAKF;AAAA,IACL,MAAMD,EAAM,QAAQ;AAAA,IACpB,oBAAoBA,EAAM,eAAe;AAAA,EACjD,GAAOK,EAAY,QAAQ;AAC3B,CAAC,GChCK,EAAE,aAAAM,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAwBYC,IAAc,gBAAAH,EAA8C,KAAK,GCvBjEI,IAA4B,CAAC;AAAA,EACxC,KAAKC;AAAA,EACL,aAAAC,IAAc;AAAA,EACd,GAAGjB;AACL,MAAoB;AAClB,QAAMkB,IAASC,EAAU,EAAE,QAAQN,GAAe,GAC5C,CAACO,GAAaC,CAAgB,IAAIH,EAAO,kBAAkB;AAAA,IAC/D,aAAAD;AAAA,IACA,GAAGjB;AAAA,EAAA,CACJ,GACK,CAACsB,GAAYC,CAAe,IAAIC,EAAkBH,CAAgB,GASlEI,IAPSC,EAAA,EAOsB,eAAeT,CAAW,GACzDU,IACJC,EAAmBH,CAAqB,KAAK;AAE/C,SACE,gBAAAI;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,aAAAG;AAAA,MACC,GAAGG;AAAA,MACH,GAAGE;AAAA,MACJ,SAAO;AAAA,MAEP,UAAA,gBAAAO;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKd;AAAA,UACL,aAAaW;AAAA,UACZ,GAAGJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}
+{"version":3,"file":"toolbar-hpBfKrTl.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-aria-components/dist/Toolbar.mjs","../../src/components/toolbar/toolbar.slots.tsx","../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useToolbar as $8qPHH$useToolbar} from \"@react-aria/toolbar\";\nimport {filterDOMProps as $8qPHH$filterDOMProps, mergeProps as $8qPHH$mergeProps} from \"@react-aria/utils\";\nimport $8qPHH$react, {createContext as $8qPHH$createContext, forwardRef as $8qPHH$forwardRef} from \"react\";\n\n/*\n * Copyright 2023 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 */ \n\n\n\nconst $13c3c67164f4d5be$export$6311e7ab80ef752f = /*#__PURE__*/ (0, $8qPHH$createContext)({});\nconst $13c3c67164f4d5be$export$4c260019440d418f = /*#__PURE__*/ (0, $8qPHH$forwardRef)(function Toolbar(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $13c3c67164f4d5be$export$6311e7ab80ef752f);\n    let { toolbarProps: toolbarProps } = (0, $8qPHH$useToolbar)(props, ref);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            orientation: props.orientation || 'horizontal'\n        },\n        defaultClassName: 'react-aria-Toolbar'\n    });\n    let DOMProps = (0, $8qPHH$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $8qPHH$react).createElement(\"div\", {\n        ...(0, $8qPHH$mergeProps)(DOMProps, renderProps, toolbarProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'horizontal'\n    }, renderProps.children);\n});\n\n\nexport {$13c3c67164f4d5be$export$6311e7ab80ef752f as ToolbarContext, $13c3c67164f4d5be$export$4c260019440d418f as Toolbar};\n//# sourceMappingURL=Toolbar.module.js.map\n","import {\n  type HTMLChakraProps,\n  createRecipeContext,\n  type RecipeProps,\n  type UnstyledProp,\n} from \"@chakra-ui/react\";\nimport { toolbarRecipe } from \"./toolbar.recipe\";\n\nconst { withContext } = createRecipeContext({\n  recipe: toolbarRecipe,\n});\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the toolbar recipe.\n */\ninterface ToolbarRecipeProps\n  extends RecipeProps<typeof toolbarRecipe>,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport interface ToolbarSlotProps\n  extends Omit<HTMLChakraProps<\"div\", ToolbarRecipeProps>, \"translate\"> {\n  translate?: \"yes\" | \"no\";\n}\n\n/**\n * Slot component that provides the styling context for the Group component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ToolbarRoot = withContext<HTMLDivElement, ToolbarSlotProps>(\"div\");\n","import { ToolbarRoot } from \"./toolbar.slots.tsx\";\nimport type { ToolbarComponent, ToolbarProps } from \"./toolbar.types.ts\";\nimport {\n  useBreakpointValue,\n  useChakraContext,\n  useRecipe,\n} from \"@chakra-ui/react\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { toolbarRecipe } from \"./toolbar.recipe.ts\";\nimport { Toolbar as RaToolbar } from \"react-aria-components\";\n\nexport const Toolbar: ToolbarComponent = ({\n  ref: forwardedRef,\n  orientation = \"horizontal\",\n  ...props\n}: ToolbarProps) => {\n  const recipe = useRecipe({ recipe: toolbarRecipe });\n  const [recipeProps, variantFreeProps] = recipe.splitVariantProps({\n    orientation,\n    ...props,\n  });\n  const [styleProps, functionalProps] = extractStyleProps(variantFreeProps);\n\n  const sysCtx = useChakraContext();\n\n  // The react-aria Toolbar does not support responsive values for the\n  // `orientation` prop. We normalize `orientation` to a string\n  // (\"horizontal\" or \"vertical\") using `system.normalizeValue` and\n  // `useBreakpointValue` to ensure a concrete value is passed.\n\n  const normalizedOrientation = sysCtx.normalizeValue(orientation);\n  const computedOrientation: \"horizontal\" | \"vertical\" =\n    useBreakpointValue(normalizedOrientation) ?? \"horizontal\";\n\n  return (\n    <ToolbarRoot\n      orientation={orientation}\n      {...recipeProps}\n      {...styleProps}\n      asChild\n    >\n      <RaToolbar\n        ref={forwardedRef}\n        orientation={computedOrientation}\n        {...functionalProps}\n      />\n    </ToolbarRoot>\n  );\n};\n"],"names":["$13c3c67164f4d5be$export$6311e7ab80ef752f","$8qPHH$createContext","$13c3c67164f4d5be$export$4c260019440d418f","$8qPHH$forwardRef","props","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","toolbarProps","$8qPHH$useToolbar","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$8qPHH$filterDOMProps","$8qPHH$react","$8qPHH$mergeProps","withContext","createRecipeContext","toolbarRecipe","ToolbarRoot","Toolbar","forwardedRef","orientation","recipe","useRecipe","recipeProps","variantFreeProps","styleProps","functionalProps","extractStyleProps","normalizedOrientation","useChakraContext","computedOrientation","useBreakpointValue","jsx","RaToolbar"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAA8DC,gBAAAA,EAAsB,EAAE,GACtFC,IAA8DC,gBAAAA,EAAmB,SAAiBC,GAAOC,GAAK;AAChH,GAACD,GAAOC,CAAG,IAAQC,EAA2CF,GAAOC,GAAKL,CAAyC;AACnH,MAAI,EAAE,cAAcO,EAAY,IAASC,EAAmBJ,GAAOC,CAAG,GAClEI,IAAkBC,EAAyC;AAAA,IAC3D,GAAGN;AAAA,IACH,QAAQ;AAAA,MACJ,aAAaA,EAAM,eAAe;AAAA,IAC9C;AAAA,IACQ,kBAAkB;AAAA,EAC1B,CAAK,GACGO,IAAeC,EAAuBR,GAAO;AAAA,IAC7C,QAAQ;AAAA,EAChB,CAAK;AACD,gBAAOO,EAAS,IACSE,gBAAAA,EAAc,cAAc,OAAO;AAAA,IACxD,GAAOC,EAAmBH,GAAUF,GAAaF,CAAY;AAAA,IAC7D,KAAKF;AAAA,IACL,MAAMD,EAAM,QAAQ;AAAA,IACpB,oBAAoBA,EAAM,eAAe;AAAA,EACjD,GAAOK,EAAY,QAAQ;AAC3B,CAAC,GChCK,EAAE,aAAAM,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAwBYC,IAAc,gBAAAH,EAA8C,KAAK,GCvBjEI,IAA4B,CAAC;AAAA,EACxC,KAAKC;AAAA,EACL,aAAAC,IAAc;AAAA,EACd,GAAGjB;AACL,MAAoB;AAClB,QAAMkB,IAASC,EAAU,EAAE,QAAQN,GAAe,GAC5C,CAACO,GAAaC,CAAgB,IAAIH,EAAO,kBAAkB;AAAA,IAC/D,aAAAD;AAAA,IACA,GAAGjB;AAAA,EAAA,CACJ,GACK,CAACsB,GAAYC,CAAe,IAAIC,EAAkBH,CAAgB,GASlEI,IAPSC,EAAA,EAOsB,eAAeT,CAAW,GACzDU,IACJC,EAAmBH,CAAqB,KAAK;AAE/C,SACE,gBAAAI;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,aAAAG;AAAA,MACC,GAAGG;AAAA,MACH,GAAGE;AAAA,MACJ,SAAO;AAAA,MAEP,UAAA,gBAAAO;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKd;AAAA,UACL,aAAaW;AAAA,UACZ,GAAGJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}

package/dist/chunks/{tooltip-CTvNYvui.es.js → tooltip-B1YdruCE.es.js}

@@ -9,8 +9,8 @@ import { b as ee, $ as te } from "./useFocusVisible-CWDaG0ze.es.js";
 import { $ as I } from "./useHover-DhoE75lX.es.js";
 import oe from "react-dom";
 import { $ as re } from "./SSRProvider-Cu8KibIK.es.js";
-import { t as ne } from "./tooltip.recipe-DsVUEki2.es.js";
-import { c as le } from "./create-recipe-context-CrNaylZN.es.js";
+import { createRecipeContext as ne } from "@chakra-ui/react/styled-system";
+import { t as le } from "./tooltip.recipe-Cqi_tgR5.es.js";
 const y = /* @__PURE__ */ c.createContext(null);
 function ae(e) {
   let { children: o } = e, t = E(y), [r, i] = k(0), a = S(() => ({
@@ -247,7 +247,7 @@ function B({
   return /* @__PURE__ */ h(be, { delay: e, closeDelay: o, ...t });
 }
 B.displayName = "Tooltip.Root";
-const { withContext: xe } = /* @__PURE__ */ le({ recipe: ne }), ge = /* @__PURE__ */ xe("div");
+const { withContext: xe } = /* @__PURE__ */ ne({ recipe: le }), ge = /* @__PURE__ */ xe("div");
 function F({
   children: e,
   placement: o = "bottom",
@@ -266,4 +266,4 @@ export {
   F as a,
   Ie as b
 };
-//# sourceMappingURL=tooltip-CTvNYvui.es.js.map
+//# sourceMappingURL=tooltip-B1YdruCE.es.js.map