@commercetools/nimbus 0.0.12-rc1 → 0.0.12-rc2

package/dist/chunks/text-input-D7SdSWpG.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),l=require("@chakra-ui/react"),q=require("./Input-HBDt7LmM.cjs.js"),P=require("./extractStyleProps-BFdEZDYW.cjs.js"),r=require("./index-sFOzzmTG.cjs.js"),$=require("./create-recipe-context-bXYFTZLs.cjs.js"),I=require("./use-recipe-pbWWLWIq.cjs.js"),b=require("./useObjectRef-dXOJdONs.cjs.js"),T=require("./useTextField-BcthGRd8.cjs.js"),{withContext:h}=$.createRecipeContext({recipe:r.textInputRecipe}),j=h("input"),c=s=>{const{ref:o,...n}=s,i=I.useRecipe({recipe:r.textInputRecipe}),p=d.useRef(null),e=b.$df56164dff5785e2$export$4338b53315abf666(l.mergeRefs(p,o)),[u,x]=i.splitVariantProps(n),[a,f]=P.extractStyleProps(x),{inputProps:R}=T.$2d73ec29415bd339$export$712718f7aec83d5(f,e);return t.jsx(j,{...u,...a,asChild:!0,children:t.jsx(q.$3985021b0ad6602f$export$f5b8910cec6cf069,{ref:e,...R})})};c.displayName="TextInput";exports.TextInput=c;
+//# sourceMappingURL=text-input-D7SdSWpG.cjs.js.map

package/dist/chunks/text-input-D7SdSWpG.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-D7SdSWpG.cjs.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":"qZAkBM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,gBAAiB,EAM1DC,EAAoBH,EAG/B,OAAO,ECTII,EAAaC,GAA0B,CAClD,KAAM,CAAE,IAAKC,EAAc,GAAGC,GAAcF,EACtCG,EAASC,EAAAA,UAAU,CAAE,OAAQP,EAAAA,gBAAiB,EAE9CQ,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUJ,CAAY,CAAC,EAEpD,CAACS,EAAaC,CAAc,EAAIR,EAAO,kBAAkBD,CAAS,EAClE,CAACU,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAC3D,CAAE,WAAAI,CAAA,EAAeC,2CAAaH,EAAYN,CAAG,EAEnD,OACEU,EAAAA,IAACnB,EAAA,CAAmB,GAAGY,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAK,EAAAA,IAACC,EAAAA,0CAAA,CAAM,IAAAX,EAAW,GAAGQ,EAAY,EACnC,CAEJ,EAEAhB,EAAU,YAAc"}

package/dist/chunks/text-input-Dinn4J2V.es.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { mergeRefs as $ } from "@chakra-ui/react";
+import { $ as d } from "./Input-BiHwUBo4.es.js";
+import { e as l } from "./extractStyleProps-D6vCCKog.es.js";
+import { t as r } from "./index-Dvel3Oj5.es.js";
+import { c as P } from "./create-recipe-context-CrNaylZN.es.js";
+import { u as R } from "./use-recipe-DuU8En0C.es.js";
+import { $ as b } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as h } from "./useTextField-BnL6tOdd.es.js";
+const { withContext: I } = /* @__PURE__ */ P({ recipe: r }), T = /* @__PURE__ */ I("input"), y = (o) => {
+  const { ref: p, ...s } = o, c = R({ recipe: r }), i = x(null), t = b($(i, p)), [f, n] = c.splitVariantProps(s), [m, a] = l(n), { inputProps: u } = h(a, t);
+  return /* @__PURE__ */ e(T, { ...f, ...m, asChild: !0, children: /* @__PURE__ */ e(d, { ref: t, ...u }) });
+};
+y.displayName = "TextInput";
+export {
+  y as T
+};
+//# sourceMappingURL=text-input-Dinn4J2V.es.js.map

package/dist/chunks/text-input-Dinn4J2V.es.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("./config-Mt8_uyhI.cjs.js"),m=require("./create-slot-recipe-context-CimocFDH.cjs.js"),t=require("./DateField-rweHHCKR.cjs.js"),b=require("./extractStyleProps-BFdEZDYW.cjs.js"),y=require("./use-recipe-pbWWLWIq.cjs.js"),r=p.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:f,withContext:o}=m.createSlotRecipeContext({recipe:r}),g=f("div","root"),h=o("div","segmentGroup"),x=o("div","segment"),i=a=>{const s=y.useRecipe({recipe:r}),[n,l]=s.splitVariantProps(a),[c,d]=b.extractStyleProps(l);return e.jsx(g,{asChild:!0,...n,...c,children:e.jsx(t.$40825cdb76e74f70$export$5eaee2322dd727eb,{...d,children:e.jsx(h,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:u=>e.jsx(x,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:u})})})})})})};i.displayName="TimeInput";exports.TimeInput=i;
+//# sourceMappingURL=time-input-BqTsxXMD.cjs.js.map

package/dist/chunks/time-input-BqTsxXMD.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-BqTsxXMD.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"}

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

@@ -0,0 +1,132 @@
+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";
+const t = /* @__PURE__ */ p({
+  // Unique class name prefix for the component
+  className: "nimbus-time-input",
+  slots: ["root", "segmentGroup", "segment"],
+  // Base styles applied to all instances of the component
+  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']": {
+        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)
+        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: 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: {
+        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: 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 }) }) }) }) }) });
+};
+S.displayName = "TimeInput";
+export {
+  S as T
+};
+//# sourceMappingURL=time-input-Us0JugnD.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),p=require("./ToggleButton-CPAdPTCr.cjs.js"),a=require("./extractStyleProps-BFdEZDYW.cjs.js"),s=require("./index-sFOzzmTG.cjs.js"),d=require("./factory-CVGqU9CD.cjs.js"),g=require("./create-recipe-context-bXYFTZLs.cjs.js"),P=require("./use-recipe-pbWWLWIq.cjs.js"),{withContext:x}=g.createRecipeContext({recipe:s.toggleButtonRecipe}),y=x("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!t?.includes(e)&&!s.system.isValidProperty(e);return d.isPropValid(e)&&o&&!e.includes("onPress")}}),n=({ref:e,...t})=>{const o=P.useRecipe({key:"toggleButton"}),[c,i]=o.splitVariantProps(t),[u,l]=a.extractStyleProps(i);return r.jsx(y,{...c,...u,asChild:!0,children:r.jsx(p.$efde0372d7a700fe$export$d2b052e7b4be1756,{ref:e,...l})})};n.displayName="ToggleButton";exports.ToggleButton=n;
+//# sourceMappingURL=toggle-button-CsVyAh8N.cjs.js.map

package/dist/chunks/toggle-button-CsVyAh8N.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-CsVyAh8N.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"}

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

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { $ as a } from "./ToggleButton-C3JL0pgD.es.js";
+import { e as c } from "./extractStyleProps-D6vCCKog.es.js";
+import { s as l, b as u } from "./index-Dvel3Oj5.es.js";
+import { b as m } from "./factory-DmIX2puY.es.js";
+import { c as f } from "./create-recipe-context-CrNaylZN.es.js";
+import { u as d } from "./use-recipe-DuU8En0C.es.js";
+const { withContext: P } = /* @__PURE__ */ f({
+  recipe: u
+}), 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) && !l.isValidProperty(t);
+    return m(t) && o && !t.includes("onPress");
+  }
+}), b = ({
+  ref: t,
+  ...e
+}) => {
+  const o = d({ key: "toggleButton" }), [s, i] = o.splitVariantProps(e), [n, p] = c(i);
+  return /* @__PURE__ */ r(g, { ...s, ...n, asChild: !0, children: /* @__PURE__ */ r(a, { ref: t, ...p }) });
+};
+b.displayName = "ToggleButton";
+export {
+  b as T
+};
+//# sourceMappingURL=toggle-button-RS4Z6UNN.es.js.map

package/dist/chunks/toggle-button-RS4Z6UNN.es.js.map

@@ -0,0 +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;"}

package/dist/chunks/toggle-button-group-DHMnBWSg.es.js

@@ -0,0 +1,82 @@
+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";
+const c = /* @__PURE__ */ u({
+  slots: ["root", "button"],
+  // Unique class name prefix for the component
+  className: "nimbus-toggle-button-group",
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-flex"
+    },
+    button: {
+      // Base style is the same as our Button
+      ...t.base,
+      // Default style is outlined
+      ...t.variants?.variant.outline,
+      // Create overrides for custom ToggleButtonGroup styles
+      borderRadius: "0",
+      borderRightWidth: "0",
+      "&:first-of-type": {
+        borderLeftRadius: "200"
+      },
+      "&:last-of-type": {
+        borderRightWidth: "1px",
+        borderRightRadius: "200"
+      },
+      // When selected, the button is styled like a solid button
+      "&[data-selected=true]": t.variants?.variant.solid
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        button: t.variants?.size.xs
+      },
+      md: {
+        button: t.variants?.size.md
+      }
+    },
+    tone: {
+      primary: {
+        button: { colorPalette: "primary" }
+      },
+      critical: {
+        button: { colorPalette: "critical" }
+      },
+      neutral: {
+        button: { colorPalette: "neutral" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), { withContext: b, withProvider: f } = /* @__PURE__ */ p({
+  recipe: c
+}), g = /* @__PURE__ */ f(d, "root"), m = /* @__PURE__ */ b(
+  l,
+  "button"
+), i = (o) => {
+  const { ref: e, children: r, ...a } = o;
+  return /* @__PURE__ */ n(g, { ref: e, ...a, 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 });
+};
+s.displayName = "ToggleButtonGroup.Button";
+const v = {
+  Root: i,
+  Button: s
+};
+export {
+  v as T,
+  i as a,
+  s as b
+};
+//# sourceMappingURL=toggle-button-group-DHMnBWSg.es.js.map

package/dist/chunks/toggle-button-group-DHMnBWSg.es.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("./button.recipe-ClPhJ93N.cjs.js"),c=require("./config-Mt8_uyhI.cjs.js"),a=require("./ToggleButton-CPAdPTCr.cjs.js"),l=require("./create-slot-recipe-context-CimocFDH.cjs.js"),p=c.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:d,withProvider:g}=l.createSlotRecipeContext({recipe:p}),b=g(a.$84b7d8702d4ff4a8$export$40258cc1d95ff477,"root"),R=d(a.$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(R,{...n,ref:e,children:r})};i.displayName="ToggleButtonGroup.Button";const f={Root:u,Button:i};exports.ToggleButtonGroup=f;exports.ToggleButtonGroupButton=i;exports.ToggleButtonGroupRoot=u;
+//# sourceMappingURL=toggle-button-group-LddoXszz.cjs.js.map

package/dist/chunks/toggle-button-group-LddoXszz.cjs.js.map

@@ -0,0 +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"}

package/dist/chunks/toolbar-DI1eQG-1.es.js

@@ -0,0 +1,59 @@
+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 { $ 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";
+import { $ as z } from "./filterDOMProps-BSVCO5jK.es.js";
+import R, { forwardRef as T, createContext as v } from "react";
+const y = /* @__PURE__ */ v({}), O = /* @__PURE__ */ T(function(e, t) {
+  [e, t] = x(e, t, y);
+  let { toolbarProps: a } = h(e, t), o = P({
+    ...e,
+    values: {
+      orientation: e.orientation || "horizontal"
+    },
+    defaultClassName: "react-aria-Toolbar"
+  }), r = z(e, {
+    global: !0
+  });
+  return delete r.id, /* @__PURE__ */ R.createElement("div", {
+    ...C(r, o, a),
+    ref: t,
+    slot: e.slot || void 0,
+    "data-orientation": e.orientation || "horizontal"
+  }, o.children);
+}), { withContext: V } = /* @__PURE__ */ $({
+  recipe: c
+}), k = /* @__PURE__ */ V("div"), S = ({
+  ref: i,
+  orientation: e = "horizontal",
+  ...t
+}) => {
+  const a = m({ recipe: c }), [o, r] = a.splitVariantProps({
+    orientation: e,
+    ...t
+  }), [s, l] = u(r), f = p().normalizeValue(e), d = b(f) ?? "horizontal";
+  return /* @__PURE__ */ n(
+    k,
+    {
+      orientation: e,
+      ...o,
+      ...s,
+      asChild: !0,
+      children: /* @__PURE__ */ n(
+        O,
+        {
+          ref: i,
+          orientation: d,
+          ...l
+        }
+      )
+    }
+  );
+};
+export {
+  S as T
+};
+//# sourceMappingURL=toolbar-DI1eQG-1.es.js.map

package/dist/chunks/toolbar-DI1eQG-1.es.js.map

@@ -0,0 +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]}

package/dist/chunks/toolbar-DcUEC_uE.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),n=require("@chakra-ui/react"),d=require("./index-sFOzzmTG.cjs.js"),x=require("./extractStyleProps-BFdEZDYW.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-DcUEC_uE.cjs.js.map

package/dist/chunks/toolbar-DcUEC_uE.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-DcUEC_uE.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/tooltip-CIAEV4_B.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const E=require("react/jsx-runtime"),o=require("react"),R=require("./utils-BHdR5Nww.cjs.js"),x=require("./OverlayArrow-CYjyBtg8.cjs.js"),T=require("./mergeProps-BA5Cwf5w.cjs.js"),M=require("./filterDOMProps-WUskt27c.cjs.js"),H=require("./useFocusable-DCgmQxS1.cjs.js"),S=require("./useFocusVisible-Co0C61s7.cjs.js"),A=require("./useHover-CiP9jMFy.cjs.js"),N=require("react-dom"),j=require("./SSRProvider-Bc-sMhsT.cjs.js"),k=require("./tooltip.recipe-VqGdDqQD.cjs.js"),_=require("./create-recipe-context-bXYFTZLs.cjs.js"),O=o.createContext(null);function U(e){let{children:r}=e,t=o.useContext(O),[n,c]=o.useState(0),a=o.useMemo(()=>({parent:t,modalCount:n,addModal(){c(i=>i+1),t&&t.addModal()},removeModal(){c(i=>i-1),t&&t.removeModal()}}),[t,n]);return o.createElement(O.Provider,{value:a},r)}function V(){let e=o.useContext(O);return{modalProviderProps:{"aria-hidden":e&&e.modalCount>0?!0:void 0}}}function W(e){let{modalProviderProps:r}=V();return o.createElement("div",{"data-overlay-container":!0,...e,...r})}function K(e){return o.createElement(U,null,o.createElement(W,e))}function Y(e){let r=j.$b5e257d569688ac6$export$535bd6ca7f90a273(),{portalContainer:t=r?null:document.body,...n}=e,{getContainer:c}=x.$96b38030c423d352$export$9fc1347d4195ccb3();if(!e.portalContainer&&c&&(t=c()),o.useEffect(()=>{if(t?.closest("[data-overlay-container]"))throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.")},[t]),!t)return null;let a=o.createElement(K,n);return N.createPortal(a,t)}function z(e,r){let t=M.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),{hoverProps:n}=A.$6179b936705e76d3$export$ae780daf29e6d456({onHoverStart:()=>r?.open(!0),onHoverEnd:()=>r?.close()});return{tooltipProps:T.$3ef42575df84b30b$export$9d1611c77c2fe928(t,n,{role:"tooltip"})}}function G(e,r,t){let{isDisabled:n,trigger:c}=e,a=T.$bdb11010cef70236$export$f680877a34711e37(),i=o.useRef(!1),l=o.useRef(!1),u=()=>{(i.current||l.current)&&r.open(l.current)},s=P=>{!i.current&&!l.current&&r.close(P)};o.useEffect(()=>{let P=D=>{t&&t.current&&D.key==="Escape"&&(D.stopPropagation(),r.close(!0))};if(r.isOpen)return document.addEventListener("keydown",P,!0),()=>{document.removeEventListener("keydown",P,!0)}},[t,r]);let b=()=>{c!=="focus"&&(S.$507fabe10e71c6fb$export$630ff653c5ada6a9()==="pointer"?i.current=!0:i.current=!1,u())},m=()=>{c!=="focus"&&(l.current=!1,i.current=!1,s())},v=()=>{l.current=!1,i.current=!1,s(!0)},C=()=>{S.$507fabe10e71c6fb$export$b9b3dfddab17db27()&&(l.current=!0,u())},d=()=>{l.current=!1,i.current=!1,s(!0)},{hoverProps:L}=A.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:n,onHoverStart:b,onHoverEnd:m}),{focusableProps:B}=H.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:n,onFocus:C,onBlur:d},t);return{triggerProps:{"aria-describedby":r.isOpen?a:void 0,...T.$3ef42575df84b30b$export$9d1611c77c2fe928(B,L,{onPointerDown:v,onKeyDown:v}),tabIndex:void 0},tooltipProps:{id:a}}}const J=1500,q=500;let $={},Q=0,g=!1,f=null,p=null;function F(e={}){let{delay:r=J,closeDelay:t=q}=e,{isOpen:n,open:c,close:a}=x.$fc909762b330b746$export$61c6a8c84e605fb6(e),i=o.useMemo(()=>`${++Q}`,[]),l=o.useRef(null),u=o.useRef(a),s=()=>{$[i]=v},b=()=>{for(let d in $)d!==i&&($[d](!0),delete $[d])},m=()=>{l.current&&clearTimeout(l.current),l.current=null,b(),s(),g=!0,c(),f&&(clearTimeout(f),f=null),p&&(clearTimeout(p),p=null)},v=d=>{d||t<=0?(l.current&&clearTimeout(l.current),l.current=null,u.current()):l.current||(l.current=setTimeout(()=>{l.current=null,u.current()},t)),f&&(clearTimeout(f),f=null),g&&(p&&clearTimeout(p),p=setTimeout(()=>{delete $[i],p=null,g=!1},Math.max(q,t)))},C=()=>{b(),s(),!n&&!f&&!g?f=setTimeout(()=>{f=null,g=!0,m()},r):n||m()};return o.useEffect(()=>{u.current=a},[a]),o.useEffect(()=>()=>{l.current&&clearTimeout(l.current),$[i]&&delete $[i]},[i]),{isOpen:n,open:d=>{!d&&r>0&&!l.current?C():m()},close:v}}const h=o.createContext(null),I=o.createContext(null);function X(e){let r=F(e),t=o.useRef(null),{triggerProps:n,tooltipProps:c}=G(e,r,t);return o.createElement(R.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[h,r],[I,{...c,triggerRef:t}]]},o.createElement(H.$f645667febf57a63$export$13f3202a3e5ddd5,{...n,ref:t},e.children))}const Z=o.forwardRef(function({UNSTABLE_portalContainer:r,...t},n){[t,n]=R.$64fa3d84918910a7$export$29f1550f4b0d4415(t,n,I);let c=o.useContext(h),a=F(t),i=t.isOpen!=null||t.defaultOpen!=null||!c?a:c,l=x.$d3f049242431219c$export$45fda7c47f93fd48(n,i.isOpen)||t.isExiting||!1;return!i.isOpen&&!l?null:o.createElement(Y,{portalContainer:r},o.createElement(ee,{...t,tooltipRef:n,isExiting:l}))});function ee(e){let r=o.useContext(h),t=o.useRef(null),{overlayProps:n,arrowProps:c,placement:a,triggerAnchorPoint:i}=x.$2a41e45df1593e64$export$d39e1813b3bdd0e1({placement:e.placement||"top",targetRef:e.triggerRef,overlayRef:e.tooltipRef,arrowRef:t,offset:e.offset,crossOffset:e.crossOffset,isOpen:r.isOpen,arrowBoundaryOffset:e.arrowBoundaryOffset,shouldFlip:e.shouldFlip,containerPadding:e.containerPadding,onClose:()=>r.close(!0)}),l=x.$d3f049242431219c$export$6d3443f2c48bfc20(e.tooltipRef,!!a)||e.isEntering||!1,u=R.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Tooltip",values:{placement:a,isEntering:l,isExiting:e.isExiting,state:r}});e=T.$3ef42575df84b30b$export$9d1611c77c2fe928(e,n);let{tooltipProps:s}=z(e,r),b=M.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return o.createElement("div",{...T.$3ef42575df84b30b$export$9d1611c77c2fe928(b,u,s),ref:e.tooltipRef,style:{...n.style,"--trigger-anchor-point":i?`${i.x}px ${i.y}px`:void 0,...u.style},"data-placement":a??void 0,"data-entering":l||void 0,"data-exiting":e.isExiting||void 0},o.createElement(x.$44f671af83e7d9e0$export$2de4954e8ae13b9f.Provider,{value:{...c,placement:a,ref:t}},u.children))}function y({delay:e=300,closeDelay:r=200,...t}){return E.jsx(X,{delay:e,closeDelay:r,...t})}y.displayName="Tooltip.Root";const{withContext:te}=_.createRecipeContext({recipe:k.tooltipRecipe}),re=te("div");function w({children:e,placement:r="bottom",ref:t,...n}){return E.jsx(re,{ref:t,asChild:!0,...n,children:E.jsx(Z,{placement:r,...n,children:e})})}w.displayName="Tooltip.Content";const oe={Root:y,Content:w};exports.Tooltip=oe;exports.TooltipContent=w;exports.TooltipRoot=y;
+//# sourceMappingURL=tooltip-CIAEV4_B.cjs.js.map