@commercetools/nimbus 0.0.11 → 0.0.12-rc1

package/dist/chunks/text-CcMvqWol.es.js

@@ -0,0 +1,26 @@
+import { jsx as s } from "react/jsx-runtime";
+import { $ as a } from "./utils-C4ruQppN.es.js";
+import { $ as c } from "./Text-DOcU1ycg.es.js";
+import { c as x } from "./create-recipe-context-c0qjq1fz.es.js";
+const { withContext: f } = /* @__PURE__ */ x({
+  key: "text"
+}), m = /* @__PURE__ */ f("p"), n = ({ ref: e, ...t }) => {
+  const [o, r] = a(
+    t,
+    e ?? null,
+    c
+  );
+  return /* @__PURE__ */ s(
+    m,
+    {
+      ref: r,
+      ...o,
+      slot: t.slot ?? void 0
+    }
+  );
+};
+n.displayName = "Text";
+export {
+  n as T
+};
+//# sourceMappingURL=text-CcMvqWol.es.js.map

package/dist/chunks/text-CcMvqWol.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-CcMvqWol.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/typography/text.js","../../src/components/text/text.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import {\n  Text as ChakraText,\n  type TextProps as ChakraTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { TextContext, useContextProps } from \"react-aria-components\";\n\nexport interface TextProps extends Omit<ChakraTextProps, \"slot\"> {\n  ref?: React.Ref<HTMLElement>;\n  slot?: string | null | undefined;\n}\n\n/**\n * # Text\n *\n * the Text component is used to display text\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/text}\n */\nexport const Text = ({ ref: forwardedRef, ...props }: TextProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    TextContext\n  );\n  return (\n    <ChakraText\n      ref={ref as React.Ref<HTMLParagraphElement>}\n      {...contextProps}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nText.displayName = \"Text\";\n"],"names":["withContext","createRecipeContext","Text","forwardedRef","props","contextProps","ref","useContextProps","TextContext","jsx","ChakraText"],"mappings":";;;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAI,gBAAAC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAO,gBAAAF,EAAY,GAAG,GCWfE,IAAO,CAAC,EAAE,KAAKC,GAAc,GAAGC,QAAuB;AAClE,QAAM,CAACC,GAAcC,CAAG,IAAIC;AAAAA,IAC1BH;AAAA,IACAD,KAAgB;AAAA,IAChBK;AAAAA,EAAA;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,MAAMD,EAAM,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG1B;AAEAF,EAAK,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/text-input-7wLAgfnj.cjs.js

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

package/dist/chunks/text-input-7wLAgfnj.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-7wLAgfnj.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-BWQuGlA8.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-Cvh_r_c1.es.js";
+import { e as l } from "./extractStyleProps-KcWE_ep4.es.js";
+import { t as r } from "./index--oJQaJZy.es.js";
+import { c as P } from "./create-recipe-context-c0qjq1fz.es.js";
+import { u as R } from "./use-recipe-dUXCQYfa.es.js";
+import { $ as b } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as h } from "./useTextField-DOho5fCG.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-BWQuGlA8.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-BWQuGlA8.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/text-tO5nXPfT.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),n=require("./utils-sWqo2nmW.cjs.js"),x=require("./Text-BWSfeB9p.cjs.js"),i=require("./create-recipe-context-BfiKn3k_.cjs.js"),{withContext:u}=i.createRecipeContext({key:"text"}),a=u("p"),t=({ref:c,...e})=>{const[o,r]=n.$64fa3d84918910a7$export$29f1550f4b0d4415(e,c??null,x.$514c0188e459b4c0$export$9afb8bc826b033ea);return s.jsx(a,{ref:r,...o,slot:e.slot??void 0})};t.displayName="Text";exports.Text=t;
+//# sourceMappingURL=text-tO5nXPfT.cjs.js.map

package/dist/chunks/text-tO5nXPfT.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-tO5nXPfT.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/typography/text.js","../../src/components/text/text.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import {\n  Text as ChakraText,\n  type TextProps as ChakraTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { TextContext, useContextProps } from \"react-aria-components\";\n\nexport interface TextProps extends Omit<ChakraTextProps, \"slot\"> {\n  ref?: React.Ref<HTMLElement>;\n  slot?: string | null | undefined;\n}\n\n/**\n * # Text\n *\n * the Text component is used to display text\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/text}\n */\nexport const Text = ({ ref: forwardedRef, ...props }: TextProps) => {\n  const [contextProps, ref] = useContextProps(\n    props,\n    forwardedRef ?? null,\n    TextContext\n  );\n  return (\n    <ChakraText\n      ref={ref as React.Ref<HTMLParagraphElement>}\n      {...contextProps}\n      slot={props.slot ?? undefined}\n    />\n  );\n};\n\nText.displayName = \"Text\";\n"],"names":["withContext","createRecipeContext","Text","forwardedRef","props","contextProps","ref","useContextProps","TextContext","jsx","ChakraText"],"mappings":"gLAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECWfE,EAAO,CAAC,CAAE,IAAKC,EAAc,GAAGC,KAAuB,CAClE,KAAM,CAACC,EAAcC,CAAG,EAAIC,EAAAA,0CAC1BH,EACAD,GAAgB,KAChBK,EAAAA,yCAAA,EAEF,OACEC,EAAAA,IAACC,EAAA,CACC,IAAAJ,EACC,GAAGD,EACJ,KAAMD,EAAM,MAAQ,MAAA,CAAA,CAG1B,EAEAF,EAAK,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/time-input-7bQqoZ8n.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-7JMdJHPF.cjs.js"),t=require("./DateField-G0i9Cflc.cjs.js"),b=require("./extractStyleProps-CRJEfqqS.cjs.js"),y=require("./use-recipe-CJAjTxPP.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-7bQqoZ8n.cjs.js.map

package/dist/chunks/time-input-7bQqoZ8n.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-7bQqoZ8n.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-DeYvqDoa.es.js → time-input-Bdh2yhge.es.js}

@@ -1,7 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { defineSlotRecipe as p, createSlotRecipeContext as c, useRecipe as u } from "@chakra-ui/react";
-import { c as m, a as f, b } from "./DateField-BozrMa9v.es.js";
-import { e as y } from "./extractStyleProps-CxgBrz3O.es.js";
+import { a as p } from "./config-ufbQ08Vi.es.js";
+import { c } from "./create-slot-recipe-context-Cv3lncUO.es.js";
+import { c as u, a as m, b as f } from "./DateField-Aj6J_Ms0.es.js";
+import { e as b } from "./extractStyleProps-KcWE_ep4.es.js";
+import { u as y } from "./use-recipe-dUXCQYfa.es.js";
 const t = /* @__PURE__ */ p({
   // Unique class name prefix for the component
   className: "nimbus-time-input",
@@ -30,7 +32,8 @@ const t = /* @__PURE__ */ p({
         color: "critical.11"
       },
       "&[data-disabled='true']": {
-        layerStyle: "disabled"
+        layerStyle: "disabled",
+        bg: "neutral.3"
       }
     },
     segment: {
@@ -116,14 +119,14 @@ const t = /* @__PURE__ */ p({
     size: "md",
     variant: "solid"
   }
-}), { withProvider: h, withContext: r } = /* @__PURE__ */ c({
+}), { withProvider: g, withContext: r } = /* @__PURE__ */ c({
   recipe: t
-}), g = /* @__PURE__ */ h("div", "root"), x = /* @__PURE__ */ r("div", "segmentGroup"), v = /* @__PURE__ */ r("div", "segment"), S = (o) => {
-  const a = u({ recipe: t }), [i, s] = a.splitVariantProps(o), [n, d] = y(s);
-  return /* @__PURE__ */ e(g, { asChild: !0, ...i, ...n, children: /* @__PURE__ */ e(m, { ...d, children: /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(f, { children: (l) => /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(b, { segment: l }) }) }) }) }) });
+}), 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-DeYvqDoa.es.js.map
+//# sourceMappingURL=time-input-Bdh2yhge.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-Bdh2yhge.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-C-rQJENJ.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),p=require("./ToggleButton-CXa3lkD6.cjs.js"),a=require("./extractStyleProps-CRJEfqqS.cjs.js"),s=require("./index-Ca-OEf5O.cjs.js"),d=require("./factory-DNbWS0Ob.cjs.js"),g=require("./create-recipe-context-BfiKn3k_.cjs.js"),P=require("./use-recipe-CJAjTxPP.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-C-rQJENJ.cjs.js.map

package/dist/chunks/toggle-button-C-rQJENJ.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-C-rQJENJ.cjs.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\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":"0TA6BM,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,ECnCYK,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-FiX9ip7L.es.js

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { $ as p } from "./ToggleButton-CcA_6EjA.es.js";
+import { e as c } from "./extractStyleProps-KcWE_ep4.es.js";
+import { s as l, a as u } from "./index--oJQaJZy.es.js";
+import { b as m } from "./factory-BpGQXckI.es.js";
+import { c as f } from "./create-recipe-context-c0qjq1fz.es.js";
+import { u as d } from "./use-recipe-dUXCQYfa.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");
+  }
+}), y = ({
+  ref: t,
+  ...e
+}) => {
+  const o = d({ key: "toggleButton" }), [s, i] = o.splitVariantProps(e), [n, a] = c(i);
+  return /* @__PURE__ */ r(g, { ...s, ...n, asChild: !0, children: /* @__PURE__ */ r(p, { ref: t, ...a }) });
+};
+y.displayName = "ToggleButton";
+export {
+  y as T
+};
+//# sourceMappingURL=toggle-button-FiX9ip7L.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-FiX9ip7L.es.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\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":";;;;;;;AA6BA,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,GCnCYK,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-Cx9CekN6.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-CcA_6EjA.es.js";
+import { c as p } from "./create-slot-recipe-context-Cv3lncUO.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-Cx9CekN6.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group-Cx9CekN6.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-Cxx4yqgI.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-CXa3lkD6.cjs.js"),l=require("./create-slot-recipe-context-7JMdJHPF.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-Cxx4yqgI.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group-Cxx4yqgI.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/tooltip-CjYTweG9.cjs.js

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