@commercetools/nimbus 0.0.0-canary-20250919154858 → 0.0.0-canary-20250922152719

package/dist/chunks/time-input-BVrf5gCi.es.js

@@ -0,0 +1,179 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { defineSlotRecipe as g, createSlotRecipeContext as b, useRecipe as f } from "@chakra-ui/react/styled-system";
+import { c as y, a as h, b as x } from "./DateField-Dm2Qlhbk.es.js";
+import { e as S } from "./extractStyleProps-DkXeCUuq.es.js";
+const o = /* @__PURE__ */ g({
+  // Unique class name prefix for the component
+  className: "nimbus-time-input",
+  slots: [
+    "root",
+    "leadingElement",
+    "trailingElement",
+    "segmentGroup",
+    "segment"
+  ],
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-flex",
+      borderRadius: "200",
+      alignItems: "center",
+      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
+      _focusWithin: {
+        layerStyle: "focusRing"
+      },
+      focusVisibleRing: "outside",
+      focusRing: "outside",
+      "& input": {
+        outline: "none"
+      },
+      "&[data-invalid='true']": {
+        "--border-color": "colors.critical.7",
+        color: "critical.11"
+      },
+      "&[data-disabled='true']": {
+        layerStyle: "disabled",
+        bg: "neutral.3"
+      }
+    },
+    segmentGroup: {
+      display: "flex",
+      flex: "1 0 auto",
+      borderRadius: "inherit",
+      bg: "transparent",
+      alignItems: "center"
+    },
+    leadingElement: {
+      display: "flex",
+      alignItems: "center",
+      color: "neutral.11"
+    },
+    trailingElement: {
+      display: "flex",
+      alignItems: "center",
+      color: "neutral.11"
+    },
+    segment: {
+      fontVariantNumeric: "tabular-nums",
+      outline: "none",
+      p: "50",
+      borderRadius: "50",
+      "&:empty": {
+        border: "1px solid"
+      },
+      "&[data-focused='true']": {
+        bg: "primary.10",
+        color: "primary.contrast"
+      },
+      "&[data-placeholder='true']:not([data-focused='true'])": {
+        opacity: 0.5
+      },
+      /**
+       * The first and last segment contains a hidden character for screen readers
+       * that indicates number reading direction. Since this character is
+       * inside a segment element, it creates unwanted padding. This CSS
+       * removes the extra padding and aligns the text to match a regular
+       * TextInput's text position.
+       */
+      "&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type": {
+        px: "0",
+        ml: "-50"
+      },
+      "&[data-type='minute']": {
+        // for reference
+      },
+      "&[data-type='hour']": {
+        // for reference
+      },
+      "&[data-type='dayPeriod']": {
+        // for reference
+      },
+      "&[data-type='timeZoneName']": {
+        // for reference
+      }
+    }
+  },
+  // Available variants for customizing the component's appearance
+  variants: {
+    // Size variants from smallest to largest
+    size: {
+      sm: {
+        root: {
+          h: 800,
+          gap: 100,
+          px: 300
+        },
+        segment: {
+          textStyle: "sm"
+        },
+        leadingElement: {
+          "& svg": {
+            boxSize: "400"
+          }
+        },
+        trailingElement: {
+          "& svg": {
+            boxSize: "400"
+          }
+        }
+      },
+      md: {
+        root: {
+          h: 1e3,
+          gap: 200,
+          px: 400
+        },
+        segment: {
+          textStyle: "md"
+        },
+        leadingElement: {
+          "& svg": {
+            boxSize: "500"
+          }
+        },
+        trailingElement: {
+          "& svg": {
+            boxSize: "500"
+          }
+        }
+      }
+    },
+    variant: {
+      solid: {
+        root: {
+          "--border-width": "sizes.25",
+          "--border-color": "colors.neutral.7",
+          backgroundColor: "neutral.1",
+          _hover: {
+            backgroundColor: "primary.2"
+          }
+        }
+      },
+      ghost: {
+        root: {
+          _hover: {
+            backgroundColor: "primary.2"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+}), { withProvider: v, withContext: t } = /* @__PURE__ */ b({
+  recipe: o
+}), E = /* @__PURE__ */ v("div", "root"), I = /* @__PURE__ */ t("div", "leadingElement"), R = /* @__PURE__ */ t("div", "trailingElement"), T = /* @__PURE__ */ t("div", "segmentGroup"), $ = /* @__PURE__ */ t("div", "segment"), C = (n) => {
+  const a = f({ recipe: o }), { leadingElement: r, trailingElement: i, ...l } = n, [s, d] = a.splitVariantProps({ ...l }), [c, m] = S(d);
+  return /* @__PURE__ */ e(E, { asChild: !0, ...s, ...c, children: /* @__PURE__ */ u(y, { ...m, children: [
+    r && /* @__PURE__ */ e(I, { children: r }),
+    /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e(h, { children: (p) => /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(x, { segment: p }) }) }) }),
+    i && /* @__PURE__ */ e(R, { children: i })
+  ] }) });
+};
+C.displayName = "TimeInput";
+export {
+  C as T
+};
+//# sourceMappingURL=time-input-BVrf5gCi.es.js.map

package/dist/chunks/time-input-BVrf5gCi.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-BVrf5gCi.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: [\n    \"root\",\n    \"leadingElement\",\n    \"trailingElement\",\n    \"segmentGroup\",\n    \"segment\",\n  ],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n      borderRadius: \"200\",\n      alignItems: \"center\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      _focusWithin: {\n        layerStyle: \"focusRing\",\n      },\n      focusVisibleRing: \"outside\",\n      focusRing: \"outside\",\n      \"& input\": {\n        outline: \"none\",\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    segmentGroup: {\n      display: \"flex\",\n      flex: \"1 0 auto\",\n      borderRadius: \"inherit\",\n      bg: \"transparent\",\n      alignItems: \"center\",\n    },\n    leadingElement: {\n      display: \"flex\",\n      alignItems: \"center\",\n      color: \"neutral.11\",\n    },\n    trailingElement: {\n      display: \"flex\",\n      alignItems: \"center\",\n      color: \"neutral.11\",\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"none\",\n      p: \"50\",\n      borderRadius: \"50\",\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        root: {\n          h: 800,\n          gap: 100,\n          px: 300,\n        },\n        segment: {\n          textStyle: \"sm\",\n        },\n        leadingElement: {\n          \"& svg\": {\n            boxSize: \"400\",\n          },\n        },\n        trailingElement: {\n          \"& svg\": {\n            boxSize: \"400\",\n          },\n        },\n      },\n      md: {\n        root: {\n          h: 1000,\n          gap: 200,\n          px: 400,\n        },\n        segment: {\n          textStyle: \"md\",\n        },\n        leadingElement: {\n          \"& svg\": {\n            boxSize: \"500\",\n          },\n        },\n        trailingElement: {\n          \"& svg\": {\n            boxSize: \"500\",\n          },\n        },\n      },\n    },\n    variant: {\n      solid: {\n        root: {\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        root: {\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// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface TimeInputLeadingElementProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface TimeInputTrailingElementProps\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\nexport const TimeInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputLeadingElementProps\n>(\"div\", \"leadingElement\");\n\nexport const TimeInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputTrailingElementProps\n>(\"div\", \"trailingElement\");\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  TimeInputLeadingElementSlot,\n  TimeInputTrailingElementSlot,\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 * 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 { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        {leadingElement && (\n          <TimeInputLeadingElementSlot>\n            {leadingElement}\n          </TimeInputLeadingElementSlot>\n        )}\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n        {trailingElement && (\n          <TimeInputTrailingElementSlot>\n            {trailingElement}\n          </TimeInputTrailingElementSlot>\n        )}\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputLeadingElementSlot","TimeInputTrailingElementSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","leadingElement","trailingElement","rest","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","jsxs","TimeField","DateInput","segment","DateSegment"],"mappings":"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"}

package/dist/chunks/time-input-DOacr-Lo.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("@chakra-ui/react/styled-system"),r=require("./DateField-rweHHCKR.cjs.js"),x=require("./extractStyleProps-CgqRiEwd.cjs.js"),a=i.defineSlotRecipe({className:"nimbus-time-input",slots:["root","leadingElement","trailingElement","segmentGroup","segment"],base:{root:{display:"inline-flex",borderRadius:"200",alignItems:"center",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_focusWithin:{layerStyle:"focusRing"},focusVisibleRing:"outside",focusRing:"outside","& input":{outline:"none"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled",bg:"neutral.3"}},segmentGroup:{display:"flex",flex:"1 0 auto",borderRadius:"inherit",bg:"transparent",alignItems:"center"},leadingElement:{display:"flex",alignItems:"center",color:"neutral.11"},trailingElement:{display:"flex",alignItems:"center",color:"neutral.11"},segment:{fontVariantNumeric:"tabular-nums",outline:"none",p:"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:{root:{h:800,gap:100,px:300},segment:{textStyle:"sm"},leadingElement:{"& svg":{boxSize:"400"}},trailingElement:{"& svg":{boxSize:"400"}}},md:{root:{h:1e3,gap:200,px:400},segment:{textStyle:"md"},leadingElement:{"& svg":{boxSize:"500"}},trailingElement:{"& svg":{boxSize:"500"}}}},variant:{solid:{root:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{root:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}}),{withProvider:y,withContext:t}=i.createSlotRecipeContext({recipe:a}),h=y("div","root"),f=t("div","leadingElement"),S=t("div","trailingElement"),v=t("div","segmentGroup"),E=t("div","segment"),l=s=>{const d=i.useRecipe({recipe:a}),{leadingElement:o,trailingElement:n,...c}=s,[p,m]=d.splitVariantProps({...c}),[u,g]=x.extractStyleProps(m);return e.jsx(h,{asChild:!0,...p,...u,children:e.jsxs(r.$40825cdb76e74f70$export$5eaee2322dd727eb,{...g,children:[o&&e.jsx(f,{children:o}),e.jsx(v,{asChild:!0,children:e.jsx(r.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:b=>e.jsx(E,{asChild:!0,children:e.jsx(r.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:b})})})}),n&&e.jsx(S,{children:n})]})})};l.displayName="TimeInput";exports.TimeInput=l;
+//# sourceMappingURL=time-input-DOacr-Lo.cjs.js.map

package/dist/chunks/time-input-DOacr-Lo.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-DOacr-Lo.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: [\n    \"root\",\n    \"leadingElement\",\n    \"trailingElement\",\n    \"segmentGroup\",\n    \"segment\",\n  ],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n      borderRadius: \"200\",\n      alignItems: \"center\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      _focusWithin: {\n        layerStyle: \"focusRing\",\n      },\n      focusVisibleRing: \"outside\",\n      focusRing: \"outside\",\n      \"& input\": {\n        outline: \"none\",\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    segmentGroup: {\n      display: \"flex\",\n      flex: \"1 0 auto\",\n      borderRadius: \"inherit\",\n      bg: \"transparent\",\n      alignItems: \"center\",\n    },\n    leadingElement: {\n      display: \"flex\",\n      alignItems: \"center\",\n      color: \"neutral.11\",\n    },\n    trailingElement: {\n      display: \"flex\",\n      alignItems: \"center\",\n      color: \"neutral.11\",\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"none\",\n      p: \"50\",\n      borderRadius: \"50\",\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        root: {\n          h: 800,\n          gap: 100,\n          px: 300,\n        },\n        segment: {\n          textStyle: \"sm\",\n        },\n        leadingElement: {\n          \"& svg\": {\n            boxSize: \"400\",\n          },\n        },\n        trailingElement: {\n          \"& svg\": {\n            boxSize: \"400\",\n          },\n        },\n      },\n      md: {\n        root: {\n          h: 1000,\n          gap: 200,\n          px: 400,\n        },\n        segment: {\n          textStyle: \"md\",\n        },\n        leadingElement: {\n          \"& svg\": {\n            boxSize: \"500\",\n          },\n        },\n        trailingElement: {\n          \"& svg\": {\n            boxSize: \"500\",\n          },\n        },\n      },\n    },\n    variant: {\n      solid: {\n        root: {\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        root: {\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// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface TimeInputLeadingElementProps\n  extends HTMLChakraProps<\"div\", TimeInputRecipeProps> {}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface TimeInputTrailingElementProps\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\nexport const TimeInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputLeadingElementProps\n>(\"div\", \"leadingElement\");\n\nexport const TimeInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputTrailingElementProps\n>(\"div\", \"trailingElement\");\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  TimeInputLeadingElementSlot,\n  TimeInputTrailingElementSlot,\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 * 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 { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        {leadingElement && (\n          <TimeInputLeadingElementSlot>\n            {leadingElement}\n          </TimeInputLeadingElementSlot>\n        )}\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n        {trailingElement && (\n          <TimeInputTrailingElementSlot>\n            {trailingElement}\n          </TimeInputTrailingElementSlot>\n        )}\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["timeInputRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputLeadingElementSlot","TimeInputTrailingElementSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","leadingElement","trailingElement","rest","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","jsxs","TimeField","DateInput","segment","DateSegment"],"mappings":"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"}

package/dist/chunks/{toggle-button-DSp3s7cp.es.js → toggle-button-Bg4ygY7u.es.js}

@@ -1,8 +1,8 @@
 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-lz7NzsNX.es.js";
-import { s as m, b as d } from "./index-DwjTNyza.es.js";
+import { e as u } from "./extractStyleProps-DkXeCUuq.es.js";
+import { s as m, b as d } from "./index-CRta5Y1_.es.js";
 import { i as f } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
 const { withContext: P } = /* @__PURE__ */ a({
   recipe: d
@@ -26,4 +26,4 @@ y.displayName = "ToggleButton";
 export {
   y as T
 };
-//# sourceMappingURL=toggle-button-DSp3s7cp.es.js.map
+//# sourceMappingURL=toggle-button-Bg4ygY7u.es.js.map

package/dist/chunks/{toggle-button-DSp3s7cp.es.js.map → toggle-button-Bg4ygY7u.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-DSp3s7cp.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-Bg4ygY7u.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-BCDj-UQB.cjs.js → toggle-button-CoA46qg6.cjs.js}

@@ -1,2 +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-dSQoSYg8.cjs.js"),n=require("./index-DebuynT7.cjs.js"),g=require("./emotion-is-prop-valid.esm-ux_11lix.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-BCDj-UQB.cjs.js.map
+"use strict";const s=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system"),a=require("./ToggleButton-CPAdPTCr.cjs.js"),d=require("./extractStyleProps-CgqRiEwd.cjs.js"),n=require("./index-DX8-EG6B.cjs.js"),g=require("./emotion-is-prop-valid.esm-ux_11lix.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-CoA46qg6.cjs.js.map

package/dist/chunks/{toggle-button-BCDj-UQB.cjs.js.map → toggle-button-CoA46qg6.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-BCDj-UQB.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"}
+{"version":3,"file":"toggle-button-CoA46qg6.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/{toolbar-_QcKjeZY.es.js → toolbar-BZFjOgau.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-DwjTNyza.es.js";
-import { e as u } from "./extractStyleProps-lz7NzsNX.es.js";
+import { e as c } from "./index-CRta5Y1_.es.js";
+import { e as u } from "./extractStyleProps-DkXeCUuq.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-_QcKjeZY.es.js.map
+//# sourceMappingURL=toolbar-BZFjOgau.es.js.map

package/dist/chunks/{toolbar-_QcKjeZY.es.js.map → toolbar-BZFjOgau.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toolbar-_QcKjeZY.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/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-BZFjOgau.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/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/{toolbar-DSpz9u4Z.cjs.js → toolbar-CRak3D0J.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("@chakra-ui/react"),d=require("./index-DebuynT7.cjs.js"),x=require("./extractStyleProps-dSQoSYg8.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-DSpz9u4Z.cjs.js.map
+"use strict";const s=require("react/jsx-runtime"),n=require("@chakra-ui/react"),d=require("./index-DX8-EG6B.cjs.js"),x=require("./extractStyleProps-CgqRiEwd.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-CRak3D0J.cjs.js.map

package/dist/chunks/{toolbar-DSpz9u4Z.cjs.js.map → toolbar-CRak3D0J.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toolbar-DSpz9u4Z.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/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-CRak3D0J.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.12.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/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/combobox.d.ts

@@ -70,6 +70,11 @@ export declare interface ComboBoxMultiSelect<T extends object> extends Omit<Auto
     itemValue?: string;
     placeholder?: string;
     ref?: Ref<HTMLDivElement>;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: ReactNode;
     size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
 }
 
@@ -98,6 +103,11 @@ export declare type ComboBoxMultiSelectValueProps<T extends object> = {
     ref?: Ref<HTMLDivElement>;
     containerRef?: RefObject<HTMLDivElement | null>;
     size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: ReactNode;
 };
 
 export declare const _ComboBoxOption: {
@@ -160,6 +170,11 @@ export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRo
 /** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
 export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
     ref?: Ref<HTMLDivElement>;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: ReactNode;
 }
 
 /** Base Chakra styling props for the root `div` slot when single select*/
@@ -170,18 +185,28 @@ export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> ext
  * Recipe configuration for the Combobox component.
  * Defines the styling variants and base styles using Chakra UI's recipe system.
  */
-declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
+declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "leadingElement" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
 size: {
 sm: {
 value: {
 minH: "800";
 textStyle: "sm";
+pl: "calc(var(--leading-element-width) + {sizes.100})";
+};
+leadingElement: {
+minH: "800";
+pl: "300";
 };
 };
 md: {
 value: {
 minH: "1000";
 textStyle: "md";
+pl: "calc(var(--leading-element-width) + {sizes.200})";
+};
+leadingElement: {
+minH: "1000";
+pl: "400";
 };
 };
 };

package/dist/components/accordion.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("../chunks/accordion-CVM_3Y8u.cjs.js");exports.Accordion=o.Accordion;exports._AccordionContent=o.AccordionContent;exports._AccordionHeader=o.AccordionHeader;exports._AccordionHeaderRightContent=o.AccordionHeaderRightContentSlot;exports._AccordionItem=o.AccordionItem;exports._AccordionRoot=o.AccordionRoot;
+"use strict";const o=require("../chunks/accordion-xYvGyXy-.cjs.js");exports.Accordion=o.Accordion;exports._AccordionContent=o.AccordionContent;exports._AccordionHeader=o.AccordionHeader;exports._AccordionHeaderRightContent=o.AccordionHeaderRightContentSlot;exports._AccordionItem=o.AccordionItem;exports._AccordionRoot=o.AccordionRoot;
 //# sourceMappingURL=accordion.cjs.map

package/dist/components/accordion.es.js

@@ -1,4 +1,4 @@
-import { A as n, d as r, c as a, e as d, b as e, a as t } from "../chunks/accordion-CyaEB05t.es.js";
+import { A as n, d as r, c as a, e as d, b as e, a as t } from "../chunks/accordion-CSSdv9jZ.es.js";
 export {
   n as Accordion,
   r as _AccordionContent,

package/dist/components/alert.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/alert-B1X_ycTY.cjs.js");exports.Alert=t.Alert;exports._AlertActions=t.AlertActions;exports._AlertDescription=t.AlertDescription;exports._AlertDismissButton=t.AlertDismissButton;exports._AlertRoot=t.AlertRoot;exports._AlertTitle=t.AlertTitle;
+"use strict";const t=require("../chunks/alert-CWTCM8-i.cjs.js");exports.Alert=t.Alert;exports._AlertActions=t.AlertActions;exports._AlertDescription=t.AlertDescription;exports._AlertDismissButton=t.AlertDismissButton;exports._AlertRoot=t.AlertRoot;exports._AlertTitle=t.AlertTitle;
 //# sourceMappingURL=alert.cjs.map

package/dist/components/alert.es.js

@@ -1,4 +1,4 @@
-import { A as e, d as r, c as A, e as a, a as l, b as o } from "../chunks/alert-CQzbVGQM.es.js";
+import { A as e, d as r, c as A, e as a, a as l, b as o } from "../chunks/alert-BRDuEo75.es.js";
 export {
   e as Alert,
   r as _AlertActions,

package/dist/components/button.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("../chunks/button-RUSyHGQV.cjs.js");exports.Button=t.Button;
+"use strict";const t=require("../chunks/button-Dbf1b0F4.cjs.js");exports.Button=t.Button;
 //# sourceMappingURL=button.cjs.map

package/dist/components/button.es.js

@@ -1,4 +1,4 @@
-import { B as r } from "../chunks/button-DnZz51Rh.es.js";
+import { B as r } from "../chunks/button-DRMpnb-1.es.js";
 export {
   r as Button
 };

package/dist/components/calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/calendar-DhN7hRLB.cjs.js");exports.Calendar=e.Calendar;
+"use strict";const e=require("../chunks/calendar-CrTvsDQH.cjs.js");exports.Calendar=e.Calendar;
 //# sourceMappingURL=calendar.cjs.map

package/dist/components/calendar.es.js

@@ -1,4 +1,4 @@
-import { C as e } from "../chunks/calendar-CrxxYJd-.es.js";
+import { C as e } from "../chunks/calendar-DnQnMOcs.es.js";
 export {
   e as Calendar
 };

package/dist/components/checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/checkbox-CAvlAkX5.cjs.js");exports.Checkbox=e.Checkbox;
+"use strict";const e=require("../chunks/checkbox-Bv0NXUyX.cjs.js");exports.Checkbox=e.Checkbox;
 //# sourceMappingURL=checkbox.cjs.map

package/dist/components/checkbox.es.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/checkbox-BxRZ9dqc.es.js";
+import { C as r } from "../chunks/checkbox-CdSHDZgM.es.js";
 export {
   r as Checkbox
 };

package/dist/components/combobox.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("../chunks/combobox-DFEUqaQv.cjs.js");exports.ComboBox=o.ComboBox;exports._ComboBoxOption=o.ComboBoxOption;exports._ComboBoxOptionGroup=o.ComboBoxOptionGroup;exports._ComboBoxRoot=o.ComboBoxRoot;
+"use strict";const o=require("../chunks/combobox-C9pPDZQn.cjs.js");exports.ComboBox=o.ComboBox;exports._ComboBoxOption=o.ComboBoxOption;exports._ComboBoxOptionGroup=o.ComboBoxOptionGroup;exports._ComboBoxRoot=o.ComboBoxRoot;
 //# sourceMappingURL=combobox.cjs.map

package/dist/components/combobox.es.js

@@ -1,4 +1,4 @@
-import { C as b, c as m, b as x, a as C } from "../chunks/combobox-Bjv3GWGo.es.js";
+import { C as b, c as m, b as x, a as C } from "../chunks/combobox-Dmn2vxIz.es.js";
 export {
   b as ComboBox,
   m as _ComboBoxOption,