@commercetools/nimbus 2.0.1-rc4 → 2.1.0

package/dist/chunks/text-input-field-CkcoMrv2.es.js

@@ -0,0 +1,55 @@
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import { T as j } from "./text-input-DOTYCJyJ.es.js";
+import { F as r } from "./form-field-BqlkPY29.es.js";
+import { F as E } from "./field-errors-ClQprmQz.es.js";
+const b = ({
+  id: a,
+  label: i,
+  description: o,
+  info: s,
+  errors: l,
+  onChange: n,
+  renderError: d,
+  touched: m = !1,
+  isRequired: p = !1,
+  isDisabled: c = !1,
+  isReadOnly: f = !1,
+  isInvalid: x = !1,
+  value: h,
+  placeholder: F,
+  type: u = "text",
+  ...I
+}) => {
+  const t = m && l && Object.values(l).some(Boolean);
+  return /* @__PURE__ */ T(
+    r.Root,
+    {
+      id: a,
+      isRequired: p,
+      isDisabled: c,
+      isReadOnly: f,
+      isInvalid: t || x,
+      children: [
+        /* @__PURE__ */ e(r.Label, { children: i }),
+        /* @__PURE__ */ e(r.Input, { children: /* @__PURE__ */ e(
+          j,
+          {
+            ...I,
+            type: u,
+            placeholder: F,
+            onChange: n,
+            value: h
+          }
+        ) }),
+        o && /* @__PURE__ */ e(r.Description, { children: o }),
+        t && /* @__PURE__ */ e(r.Error, { children: /* @__PURE__ */ e(E, { errors: l, renderError: d }) }),
+        s && /* @__PURE__ */ e(r.InfoBox, { children: s })
+      ]
+    }
+  );
+};
+b.displayName = "TextInputField";
+export {
+  b as T
+};
+//# sourceMappingURL=text-input-field-CkcoMrv2.es.js.map

package/dist/chunks/text-input-field-CkcoMrv2.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-field-CkcoMrv2.es.js","sources":["../../src/patterns/fields/text-input-field/text-input-field.tsx"],"sourcesContent":["import { TextInput } from \"@/components/text-input\";\nimport type { TextInputFieldProps } from \"./text-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # TextInputField\n *\n * A pre-composed form field component that combines TextInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for common text input use cases and serves\n * as a drop-in replacement for UI-Kit's TextField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <TextInputField\n *   label=\"Project name\"\n *   description=\"Enter a descriptive name for your project\"\n *   placeholder=\"My Awesome Project\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const TextInputField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  onChange,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  value,\n  placeholder,\n  type = \"text\",\n  ...rest\n}: TextInputFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <TextInput\n          {...rest}\n          type={type}\n          placeholder={placeholder}\n          onChange={onChange}\n          value={value}\n        />\n      </FormField.Input>\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors errors={errors} renderError={renderError} />\n        </FormField.Error>\n      )}\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n    </FormField.Root>\n  );\n};\n\nTextInputField.displayName = \"TextInputField\";\n"],"names":["TextInputField","id","label","description","info","errors","onChange","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","value","placeholder","type","rest","hasErrors","jsxs","FormField","jsx","TextInput","FieldErrors"],"mappings":";;;;AA4BO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAA2B;AAEzB,QAAMC,IAAYT,KAAWH,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO;AAEzE,SACE,gBAAAa;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,IAAAlB;AAAA,MACA,YAAAQ;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAWM,KAAaL;AAAA,MAExB,UAAA;AAAA,QAAA,gBAAAQ,EAACD,EAAU,OAAV,EAAiB,UAAAjB,EAAA,CAAM;AAAA,QACxB,gBAAAkB,EAACD,EAAU,OAAV,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,MAAAD;AAAA,YACA,aAAAD;AAAA,YACA,UAAAR;AAAA,YACA,OAAAO;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACCV,KACC,gBAAAiB,EAACD,EAAU,aAAV,EAAuB,UAAAhB,GAAY;AAAA,QAErCc,uBACEE,EAAU,OAAV,EACC,UAAA,gBAAAC,EAACE,GAAA,EAAY,QAAAjB,GAAgB,aAAAE,EAAA,CAA0B,EAAA,CACzD;AAAA,QAEDH,KAAQ,gBAAAgB,EAACD,EAAU,SAAV,EAAmB,UAAAf,EAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEAJ,EAAe,cAAc;"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),x=require("@chakra-ui/react"),i=require("./DateField-B5u8QZFY.cjs.js"),h=require("@chakra-ui/react/styled-system"),g=require("./index-DzRjEtIu.cjs.js"),S=require("./extract-style-props-BilMyFTD.cjs.js"),{withProvider:I,withContext:t}=x.createSlotRecipeContext({key:"timeInput"}),j=I("div","root"),T=t("div","leadingElement"),$=t("div","trailingElement"),P=t("div","segmentGroup"),b=t("div","segment"),s=o=>{const c=h.useRecipe({recipe:g.timeInputRecipe}),{leadingElement:n,trailingElement:r,...l}=o,[p,d]=c.splitVariantProps({...l}),[u,m]=S.extractStyleProps(d);return e.jsx(j,{asChild:!0,...p,...u,children:e.jsxs(i.$40825cdb76e74f70$export$5eaee2322dd727eb,{...m,children:[n&&e.jsx(T,{children:n}),e.jsx(P,{asChild:!0,children:e.jsx(i.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:a=>e.jsx(b,{asChild:!0,children:e.jsx(i.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:a})})})}),r&&e.jsx($,{children:r})]})})};s.displayName="TimeInput";exports.TimeInput=s;
+//# sourceMappingURL=time-input-BYGEbCd6.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-BYGEbCd6.cjs.js","sources":["../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\nimport type {\n  TimeInputRootSlotProps,\n  TimeInputLeadingElementSlotProps,\n  TimeInputTrailingElementSlotProps,\n} from \"./time-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"timeInput\",\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  TimeInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const TimeInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputLeadingElementSlotProps\n>(\"div\", \"leadingElement\");\n\nexport const TimeInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputTrailingElementSlotProps\n>(\"div\", \"trailingElement\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputLeadingElementSlot,\n  TimeInputTrailingElementSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        {leadingElement && (\n          <TimeInputLeadingElementSlot>\n            {leadingElement}\n          </TimeInputLeadingElementSlot>\n        )}\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n        {trailingElement && (\n          <TimeInputTrailingElementSlot>\n            {trailingElement}\n          </TimeInputTrailingElementSlot>\n        )}\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputLeadingElementSlot","TimeInputTrailingElementSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","timeInputRecipe","leadingElement","trailingElement","rest","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","jsxs","TimeField","DateInput","segment","DateSegment"],"mappings":"6PAWM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,WACP,CAAC,EAMYC,EAAoBH,EAG/B,MAAO,MAAM,EAEFI,EAA8BH,EAGzC,MAAO,gBAAgB,EAEZI,EAA+BJ,EAG1C,MAAO,iBAAiB,EAKbK,EAA4BL,EAGvC,MAAO,cAAc,EAKVM,EAAuBN,EAGlC,MAAO,SAAS,EC9BLO,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQC,EAAAA,gBAAiB,EAC9C,CAAE,eAAAC,EAAgB,gBAAAC,EAAiB,GAAGC,GAASN,EAC/C,CAACO,EAAaC,CAAc,EAAIP,EAAO,kBAAkB,CAAE,GAAGK,EAAM,EACpE,CAACG,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAEjE,OACEI,EAAAA,IAAClB,EAAA,CAAkB,QAAO,GAAE,GAAGa,EAAc,GAAGE,EAC9C,SAAAI,EAAAA,KAACC,EAAAA,0CAAA,CAAW,GAAGJ,EACZ,SAAA,CAAAN,GACCQ,EAAAA,IAACjB,GACE,SAAAS,CAAA,CACH,QAEDP,EAAA,CAA0B,QAAO,GAChC,SAAAe,EAAAA,IAACG,6CACE,SAACC,GACAJ,EAAAA,IAACd,EAAA,CAAqB,QAAO,GAC3B,SAAAc,EAAAA,IAACK,6CAAY,QAAAD,CAAA,CAAkB,EACjC,EAEJ,CAAA,CACF,EACCX,GACCO,EAAAA,IAAChB,EAAA,CACE,SAAAS,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ,EAEAN,EAAU,YAAc"}

package/dist/chunks/time-input-KrO-X3uW.es.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { createSlotRecipeContext as u } from "@chakra-ui/react";
+import { c as f, a as h, b as g } from "./DateField-C5JgBb30.es.js";
+import { useRecipe as x } from "@chakra-ui/react/styled-system";
+import { a as I } from "./index-BEgCT-l6.es.js";
+import { e as S } from "./extract-style-props-DChosa6I.es.js";
+const { withProvider: T, withContext: t } = /* @__PURE__ */ u({
+  key: "timeInput"
+}), $ = /* @__PURE__ */ T("div", "root"), b = /* @__PURE__ */ t("div", "leadingElement"), P = /* @__PURE__ */ t("div", "trailingElement"), v = /* @__PURE__ */ t("div", "segmentGroup"), E = /* @__PURE__ */ t("div", "segment"), C = (n) => {
+  const o = x({ recipe: I }), { leadingElement: i, trailingElement: r, ...s } = n, [p, c] = o.splitVariantProps({ ...s }), [m, l] = S(c);
+  return /* @__PURE__ */ e($, { asChild: !0, ...p, ...m, children: /* @__PURE__ */ d(f, { ...l, children: [
+    i && /* @__PURE__ */ e(b, { children: i }),
+    /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(h, { children: (a) => /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(g, { segment: a }) }) }) }),
+    r && /* @__PURE__ */ e(P, { children: r })
+  ] }) });
+};
+C.displayName = "TimeInput";
+export {
+  C as T
+};
+//# sourceMappingURL=time-input-KrO-X3uW.es.js.map

package/dist/chunks/time-input-KrO-X3uW.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input-KrO-X3uW.es.js","sources":["../../src/components/time-input/time-input.slots.tsx","../../src/components/time-input/time-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\nimport type {\n  TimeInputRootSlotProps,\n  TimeInputLeadingElementSlotProps,\n  TimeInputTrailingElementSlotProps,\n} from \"./time-input.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"timeInput\",\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  TimeInputRootSlotProps\n>(\"div\", \"root\");\n\nexport const TimeInputLeadingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputLeadingElementSlotProps\n>(\"div\", \"leadingElement\");\n\nexport const TimeInputTrailingElementSlot = withContext<\n  HTMLDivElement,\n  TimeInputTrailingElementSlotProps\n>(\"div\", \"trailingElement\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the TimeField part of the TimeInput.\n */\nexport const TimeInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  TimeInputRootSlot,\n  TimeInputLeadingElementSlot,\n  TimeInputTrailingElementSlot,\n  TimeInputSegmentGroupSlot,\n  TimeInputSegmentSlot,\n} from \"./time-input.slots\";\n\nimport { TimeField, DateInput, DateSegment } from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { timeInputRecipe } from \"./time-input.recipe\";\nimport type { TimeInputProps } from \"./time-input.types\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * TimeInput\n * ============================================================\n * allows entering a time in the currently selected locale\n */\nexport const TimeInput = (props: TimeInputProps) => {\n  const recipe = useRecipe({ recipe: timeInputRecipe });\n  const { leadingElement, trailingElement, ...rest } = props;\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({ ...rest });\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <TimeInputRootSlot asChild {...recipeProps} {...styleProps}>\n      <TimeField {...otherProps}>\n        {leadingElement && (\n          <TimeInputLeadingElementSlot>\n            {leadingElement}\n          </TimeInputLeadingElementSlot>\n        )}\n        <TimeInputSegmentGroupSlot asChild>\n          <DateInput>\n            {(segment) => (\n              <TimeInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </TimeInputSegmentSlot>\n            )}\n          </DateInput>\n        </TimeInputSegmentGroupSlot>\n        {trailingElement && (\n          <TimeInputTrailingElementSlot>\n            {trailingElement}\n          </TimeInputTrailingElementSlot>\n        )}\n      </TimeField>\n    </TimeInputRootSlot>\n  );\n};\n\nTimeInput.displayName = \"TimeInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","TimeInputRootSlot","TimeInputLeadingElementSlot","TimeInputTrailingElementSlot","TimeInputSegmentGroupSlot","TimeInputSegmentSlot","TimeInput","props","recipe","useRecipe","timeInputRecipe","leadingElement","trailingElement","rest","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","jsx","jsxs","TimeField","DateInput","segment","DateSegment"],"mappings":";;;;;;AAWA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAMYC,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAEFI,IAA8B,gBAAAH,EAGzC,OAAO,gBAAgB,GAEZI,IAA+B,gBAAAJ,EAG1C,OAAO,iBAAiB,GAKbK,IAA4B,gBAAAL,EAGvC,OAAO,cAAc,GAKVM,IAAuB,gBAAAN,EAGlC,OAAO,SAAS,GC9BLO,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQC,GAAiB,GAC9C,EAAE,gBAAAC,GAAgB,iBAAAC,GAAiB,GAAGC,MAASN,GAC/C,CAACO,GAAaC,CAAc,IAAIP,EAAO,kBAAkB,EAAE,GAAGK,GAAM,GACpE,CAACG,GAAYC,CAAU,IAAIC,EAAkBH,CAAc;AAEjE,SACE,gBAAAI,EAAClB,GAAA,EAAkB,SAAO,IAAE,GAAGa,GAAc,GAAGE,GAC9C,UAAA,gBAAAI,EAACC,GAAA,EAAW,GAAGJ,GACZ,UAAA;AAAA,IAAAN,KACC,gBAAAQ,EAACjB,KACE,UAAAS,EAAA,CACH;AAAA,sBAEDP,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAe,EAACG,KACE,UAAA,CAACC,MACA,gBAAAJ,EAACd,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAc,EAACK,KAAY,SAAAD,EAAA,CAAkB,GACjC,GAEJ,EAAA,CACF;AAAA,IACCX,KACC,gBAAAO,EAAChB,GAAA,EACE,UAAAS,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;AAEAN,EAAU,cAAc;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-BKXhwp3e.cjs.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ToggleButtonRootSlotProps } from \"./toggle-button.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"toggleButton\",\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  ToggleButtonRootSlotProps\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\";\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","ToggleButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ToggleButton","forwardedRef","props","recipe","useRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","jsx","RaToggleButton"],"mappings":"yTAKM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,cACP,CAAC,EAMYC,EAAmBF,EAG9B,SAAU,CACV,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBG,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,ECXYK,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-C03AKN2I.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-C03AKN2I.es.js","sources":["../../src/components/toggle-button/toggle-button.slots.tsx","../../src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ToggleButtonRootSlotProps } from \"./toggle-button.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"toggleButton\",\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  ToggleButtonRootSlotProps\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\";\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","ToggleButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ToggleButton","forwardedRef","props","recipe","useRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","jsx","RaToggleButton"],"mappings":";;;;;;;AAKA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAMYC,IAAmB,gBAAAF,EAG9B,UAAU;AAAA,EACV,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAAA;AAAA,EAGR,kBAAkBG,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,GCXYK,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-BWpmMkEz.es.js

@@ -0,0 +1,29 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createSlotRecipeContext as s } from "@chakra-ui/react";
+import { a } from "./toggle-button-group.recipe-Cl3PTeGf.es.js";
+import { $ as c, a as g } from "./ToggleButton-BqW-X6iJ.es.js";
+const { withContext: i, withProvider: f } = /* @__PURE__ */ s({
+  recipe: a
+}), l = /* @__PURE__ */ f(g, "root"), d = /* @__PURE__ */ i(
+  c,
+  "button"
+), u = (o) => {
+  const { ref: t, children: e, ...r } = o;
+  return /* @__PURE__ */ n(l, { ref: t, ...r, children: e });
+};
+u.displayName = "ToggleButtonGroup.Root";
+const p = (o) => {
+  const { ref: t, children: e, ...r } = o;
+  return /* @__PURE__ */ n(d, { ...r, ref: t, children: e });
+};
+p.displayName = "ToggleButtonGroup.Button";
+const T = {
+  Root: u,
+  Button: p
+};
+export {
+  T,
+  u as a,
+  p as b
+};
+//# sourceMappingURL=toggle-button-group-BWpmMkEz.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group-BWpmMkEz.es.js","sources":["../../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 { createSlotRecipeContext } from \"@chakra-ui/react\";\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 */\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":["withContext","withProvider","createSlotRecipeContext","buttonGroupRecipe","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","props","ref","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":";;;;AAYA,MAAM,EAAE,aAAAA,GAAa,cAAAC,EAAA,IAAiB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAEYC,IAAwB,gBAAAH,EAGnCI,GAAsB,MAAM,GAEjBC,IACX,gBAAAN;AAAA,EACEO;AAAAA,EACA;AACF,GChBWH,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;ACjB7B,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-Lfn3zYmC.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const g=require("react/jsx-runtime"),s=require("@chakra-ui/react"),p=require("./toggle-button-group.recipe-COF-yHYR.cjs.js"),c=require("./ToggleButton-CFG1iLco.cjs.js"),{withContext:i,withProvider:l}=s.createSlotRecipeContext({recipe:p.buttonGroupRecipe}),B=l(c.$84b7d8702d4ff4a8$export$40258cc1d95ff477,"root"),G=i(c.$efde0372d7a700fe$export$d2b052e7b4be1756,"button"),u=t=>{const{ref:o,children:e,...r}=t;return g.jsx(B,{ref:o,...r,children:e})};u.displayName="ToggleButtonGroup.Root";const n=t=>{const{ref:o,children:e,...r}=t;return g.jsx(G,{...r,ref:o,children:e})};n.displayName="ToggleButtonGroup.Button";const d={Root:u,Button:n};exports.ToggleButtonGroup=d;exports.ToggleButtonGroupButton=n;exports.ToggleButtonGroupRoot=u;
+//# sourceMappingURL=toggle-button-group-Lfn3zYmC.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group-Lfn3zYmC.cjs.js","sources":["../../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 { createSlotRecipeContext } from \"@chakra-ui/react\";\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 */\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":["withContext","withProvider","createSlotRecipeContext","buttonGroupRecipe","ToggleButtonGroupRoot","RacToggleButtonGroup","ToggleButtonGroupButton","RacToggleButton","props","ref","children","rest","jsx","ToggleButtonGroupRootSlot","ToggleButtonGroupButtonSlot","ToggleButtonGroup"],"mappings":"sLAYM,CAAE,YAAAA,EAAa,aAAAC,CAAA,EAAiBC,0BAAwB,CAC5D,OAAQC,EAAAA,iBACV,CAAC,EAEYC,EAAwBH,EAGnCI,EAAAA,0CAAsB,MAAM,EAEjBC,EACXN,EACEO,EAAAA,0CACA,QACF,EChBWH,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,yBCjB7B,MAAME,EACXE,GACG,CACH,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAASH,EACnC,OACEI,EAAAA,IAACE,EAAA,CAA6B,GAAGH,EAAM,IAAAF,EACpC,SAAAC,EACH,CAEJ,EAEAJ,EAAwB,YAAc,2BCN/B,MAAMS,EAAoB,CAC/B,KAAMX,EACN,OAAQE,CACV"}

package/dist/chunks/toggle-button-group.recipe-COF-yHYR.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("@chakra-ui/react/styled-system"),e=t.defineRecipe({className:"nimbus-button",base:{borderRadius:"200",display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",borderWidth:"1px",borderColor:"transparent",cursor:"button",flexShrink:"0",outline:"0",lineHeight:"1.2",isolation:"isolate",fontWeight:"500",transitionProperty:"common",transitionDuration:"moderate",focusVisibleRing:"outside",_disabled:{layerStyle:"disabled"},_icon:{flexShrink:"0"}},variants:{size:{"2xs":{h:"600",minW:"600",fontSize:"300",fontWeight:"500",lineHeight:"400",px:"200",gap:"100",_icon:{width:"400",height:"400"}},xs:{h:"800",minW:"800",fontSize:"350",fontWeight:"500",lineHeight:"400",px:"300",gap:"100",_icon:{width:"500",height:"500"}},md:{h:"1000",minW:"1000",fontSize:"400",lineHeight:"500",px:"400",gap:"200",_icon:{width:"600",height:"600"}}},variant:{solid:{bg:"colorPalette.9",color:"colorPalette.contrast",_hover:{bg:"colorPalette.10"},_expanded:{bg:"colorPalette.10"}},subtle:{bg:"colorPalette.3",color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},outline:{borderWidth:"1px",borderColor:"colorPalette.7",color:"colorPalette.11",transitionProperty:"background-color, border-color, color",transitionDuration:"moderate",_hover:{bg:"colorPalette.3",borderColor:"colorPalette.8"},_expanded:{bg:"colorPalette.subtle"}},ghost:{color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},link:{color:"colorPalette.11",_hover:{textDecoration:"underline"}}}},defaultVariants:{size:"md",variant:"subtle"}}),o=t.defineSlotRecipe({slots:["root","button"],className:"nimbus-toggle-button-group",base:{root:{display:"inline-flex"},button:{...e.base,...e.variants?.variant.outline,borderRadius:"0",borderRightWidth:"0","&:first-of-type":{borderLeftRadius:"200"},"&:last-of-type":{borderRightWidth:"1px",borderRightRadius:"200"},"&[data-selected=true]":e.variants?.variant.solid}},variants:{size:{xs:{button:e.variants?.size.xs},md:{button:e.variants?.size.md}},colorPalette:{primary:{button:{colorPalette:"primary"}},critical:{button:{colorPalette:"critical"}},neutral:{button:{colorPalette:"neutral"}}}},defaultVariants:{size:"md"}});exports.buttonGroupRecipe=o;exports.buttonRecipe=e;
+//# sourceMappingURL=toggle-button-group.recipe-COF-yHYR.cjs.js.map

package/dist/chunks/toggle-button-group.recipe-COF-yHYR.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.recipe-COF-yHYR.cjs.js","sources":["../../src/components/button/button.recipe.ts","../../src/components/toggle-button-group/toggle-button-group.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const buttonRecipe = defineRecipe({\n  className: \"nimbus-button\",\n  base: {\n    borderRadius: \"200\",\n    display: \"inline-flex\",\n    appearance: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    userSelect: \"none\",\n    position: \"relative\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    borderWidth: \"1px\",\n    borderColor: \"transparent\",\n    cursor: \"button\",\n    flexShrink: \"0\",\n    outline: \"0\",\n    lineHeight: \"1.2\",\n    isolation: \"isolate\",\n    fontWeight: \"500\",\n    transitionProperty: \"common\",\n    transitionDuration: \"moderate\",\n    focusVisibleRing: \"outside\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n  variants: {\n    size: {\n      \"2xs\": {\n        h: \"600\",\n        minW: \"600\",\n        fontSize: \"300\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"200\",\n        gap: \"100\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        h: \"800\",\n        minW: \"800\",\n        fontSize: \"350\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"300\",\n        gap: \"100\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      /* sm: {\n        h: \"900\",\n        minW: \"900\",\n        px: \"350\",\n        textStyle: \"sm\",\n        gap: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      }, */\n      md: {\n        h: \"1000\",\n        minW: \"1000\",\n        fontSize: \"400\",\n        lineHeight: \"500\",\n        px: \"400\",\n        gap: \"200\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n      /*  lg: {\n        h: \"1100\",\n        minW: \"1100\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /*  xl: {\n        h: \"1200\",\n        minW: \"1200\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"250\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /* \"2xl\": {\n        h: \"1600\",\n        minW: \"1600\",\n        textStyle: \"lg\",\n        px: \"700\",\n        gap: \"300\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      }, */\n    },\n    variant: {\n      solid: {\n        bg: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n        _hover: {\n          bg: \"colorPalette.10\",\n        },\n        _expanded: {\n          bg: \"colorPalette.10\",\n        },\n      },\n      subtle: {\n        bg: \"colorPalette.3\",\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      outline: {\n        borderWidth: \"1px\",\n        borderColor: \"colorPalette.7\",\n        color: \"colorPalette.11\",\n        transitionProperty: \"background-color, border-color, color\",\n        transitionDuration: \"moderate\",\n        _hover: {\n          bg: \"colorPalette.3\",\n          borderColor: \"colorPalette.8\",\n        },\n        _expanded: {\n          bg: \"colorPalette.subtle\",\n        },\n      },\n      ghost: {\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      link: {\n        color: \"colorPalette.11\",\n        _hover: {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n});\n","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    colorPalette: {\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"],"names":["buttonRecipe","defineRecipe","buttonGroupRecipe","defineSlotRecipe"],"mappings":"+DAEaA,EAAeC,EAAAA,aAAa,CACvC,UAAW,gBACX,KAAM,CACJ,aAAc,MACd,QAAS,cACT,WAAY,OACZ,WAAY,SACZ,eAAgB,SAChB,WAAY,OACZ,SAAU,WACV,WAAY,SACZ,cAAe,SACf,YAAa,MACb,YAAa,cACb,OAAQ,SACR,WAAY,IACZ,QAAS,IACT,WAAY,MACZ,UAAW,UACX,WAAY,MACZ,mBAAoB,SACpB,mBAAoB,WACpB,iBAAkB,UAClB,UAAW,CACT,WAAY,UAAA,EAEd,MAAO,CACL,WAAY,GAAA,CACd,EAEF,SAAU,CACR,KAAM,CACJ,MAAO,CACL,EAAG,MACH,KAAM,MACN,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAEF,GAAI,CACF,EAAG,MACH,KAAM,MACN,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAaF,GAAI,CACF,EAAG,OACH,KAAM,OACN,SAAU,MACV,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,CACF,EAmCF,QAAS,CACP,MAAO,CACL,GAAI,iBACJ,MAAO,wBACP,OAAQ,CACN,GAAI,iBAAA,EAEN,UAAW,CACT,GAAI,iBAAA,CACN,EAEF,OAAQ,CACN,GAAI,iBACJ,MAAO,kBACP,OAAQ,CACN,GAAI,gBAAA,EAEN,UAAW,CACT,GAAI,gBAAA,CACN,EAEF,QAAS,CACP,YAAa,MACb,YAAa,iBACb,MAAO,kBACP,mBAAoB,wCACpB,mBAAoB,WACpB,OAAQ,CACN,GAAI,iBACJ,YAAa,gBAAA,EAEf,UAAW,CACT,GAAI,qBAAA,CACN,EAEF,MAAO,CACL,MAAO,kBACP,OAAQ,CACN,GAAI,gBAAA,EAEN,UAAW,CACT,GAAI,gBAAA,CACN,EAEF,KAAM,CACJ,MAAO,kBACP,OAAQ,CACN,eAAgB,WAAA,CAClB,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,QAAA,CAEb,CAAC,ECtKYC,EAAoBC,EAAAA,iBAAiB,CAChD,MAAO,CAAC,OAAQ,QAAQ,EAExB,UAAW,6BAGX,KAAM,CACJ,KAAM,CACJ,QAAS,aAAA,EAEX,OAAQ,CAEN,GAAGH,EAAa,KAEhB,GAAGA,EAAa,UAAU,QAAQ,QAElC,aAAc,IACd,iBAAkB,IAClB,kBAAmB,CACjB,iBAAkB,KAAA,EAEpB,iBAAkB,CAChB,iBAAkB,MAClB,kBAAmB,KAAA,EAGrB,wBAAyBA,EAAa,UAAU,QAAQ,KAAA,CAC1D,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQA,EAAa,UAAU,KAAK,EAAA,EAEtC,GAAI,CACF,OAAQA,EAAa,UAAU,KAAK,EAAA,CACtC,EAGF,aAAc,CACZ,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"}

package/dist/chunks/toggle-button-group.recipe-Cl3PTeGf.es.js

@@ -0,0 +1,230 @@
+import { defineRecipe as e, defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+const t = /* @__PURE__ */ e({
+  className: "nimbus-button",
+  base: {
+    borderRadius: "200",
+    display: "inline-flex",
+    appearance: "none",
+    alignItems: "center",
+    justifyContent: "center",
+    userSelect: "none",
+    position: "relative",
+    whiteSpace: "nowrap",
+    verticalAlign: "middle",
+    borderWidth: "1px",
+    borderColor: "transparent",
+    cursor: "button",
+    flexShrink: "0",
+    outline: "0",
+    lineHeight: "1.2",
+    isolation: "isolate",
+    fontWeight: "500",
+    transitionProperty: "common",
+    transitionDuration: "moderate",
+    focusVisibleRing: "outside",
+    _disabled: {
+      layerStyle: "disabled"
+    },
+    _icon: {
+      flexShrink: "0"
+    }
+  },
+  variants: {
+    size: {
+      "2xs": {
+        h: "600",
+        minW: "600",
+        fontSize: "300",
+        fontWeight: "500",
+        lineHeight: "400",
+        px: "200",
+        gap: "100",
+        _icon: {
+          width: "400",
+          height: "400"
+        }
+      },
+      xs: {
+        h: "800",
+        minW: "800",
+        fontSize: "350",
+        fontWeight: "500",
+        lineHeight: "400",
+        px: "300",
+        gap: "100",
+        _icon: {
+          width: "500",
+          height: "500"
+        }
+      },
+      /* sm: {
+        h: "900",
+        minW: "900",
+        px: "350",
+        textStyle: "sm",
+        gap: "200",
+        _icon: {
+          width: "400",
+          height: "400",
+        },
+      }, */
+      md: {
+        h: "1000",
+        minW: "1000",
+        fontSize: "400",
+        lineHeight: "500",
+        px: "400",
+        gap: "200",
+        _icon: {
+          width: "600",
+          height: "600"
+        }
+      }
+      /*  lg: {
+        h: "1100",
+        minW: "1100",
+        textStyle: "md",
+        px: "500",
+        gap: "300",
+        _icon: {
+          width: "500",
+          height: "500",
+        },
+      }, */
+      /*  xl: {
+        h: "1200",
+        minW: "1200",
+        textStyle: "md",
+        px: "500",
+        gap: "250",
+        _icon: {
+          width: "500",
+          height: "500",
+        },
+      }, */
+      /* "2xl": {
+        h: "1600",
+        minW: "1600",
+        textStyle: "lg",
+        px: "700",
+        gap: "300",
+        _icon: {
+          width: "600",
+          height: "600",
+        },
+      }, */
+    },
+    variant: {
+      solid: {
+        bg: "colorPalette.9",
+        color: "colorPalette.contrast",
+        _hover: {
+          bg: "colorPalette.10"
+        },
+        _expanded: {
+          bg: "colorPalette.10"
+        }
+      },
+      subtle: {
+        bg: "colorPalette.3",
+        color: "colorPalette.11",
+        _hover: {
+          bg: "colorPalette.4"
+        },
+        _expanded: {
+          bg: "colorPalette.4"
+        }
+      },
+      outline: {
+        borderWidth: "1px",
+        borderColor: "colorPalette.7",
+        color: "colorPalette.11",
+        transitionProperty: "background-color, border-color, color",
+        transitionDuration: "moderate",
+        _hover: {
+          bg: "colorPalette.3",
+          borderColor: "colorPalette.8"
+        },
+        _expanded: {
+          bg: "colorPalette.subtle"
+        }
+      },
+      ghost: {
+        color: "colorPalette.11",
+        _hover: {
+          bg: "colorPalette.4"
+        },
+        _expanded: {
+          bg: "colorPalette.4"
+        }
+      },
+      link: {
+        color: "colorPalette.11",
+        _hover: {
+          textDecoration: "underline"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "subtle"
+  }
+}), i = /* @__PURE__ */ o({
+  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
+      }
+    },
+    colorPalette: {
+      primary: {
+        button: { colorPalette: "primary" }
+      },
+      critical: {
+        button: { colorPalette: "critical" }
+      },
+      neutral: {
+        button: { colorPalette: "neutral" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export {
+  i as a,
+  t as b
+};
+//# sourceMappingURL=toggle-button-group.recipe-Cl3PTeGf.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.recipe-Cl3PTeGf.es.js","sources":["../../src/components/button/button.recipe.ts","../../src/components/toggle-button-group/toggle-button-group.recipe.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const buttonRecipe = defineRecipe({\n  className: \"nimbus-button\",\n  base: {\n    borderRadius: \"200\",\n    display: \"inline-flex\",\n    appearance: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    userSelect: \"none\",\n    position: \"relative\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    borderWidth: \"1px\",\n    borderColor: \"transparent\",\n    cursor: \"button\",\n    flexShrink: \"0\",\n    outline: \"0\",\n    lineHeight: \"1.2\",\n    isolation: \"isolate\",\n    fontWeight: \"500\",\n    transitionProperty: \"common\",\n    transitionDuration: \"moderate\",\n    focusVisibleRing: \"outside\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n  variants: {\n    size: {\n      \"2xs\": {\n        h: \"600\",\n        minW: \"600\",\n        fontSize: \"300\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"200\",\n        gap: \"100\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        h: \"800\",\n        minW: \"800\",\n        fontSize: \"350\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"300\",\n        gap: \"100\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      /* sm: {\n        h: \"900\",\n        minW: \"900\",\n        px: \"350\",\n        textStyle: \"sm\",\n        gap: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      }, */\n      md: {\n        h: \"1000\",\n        minW: \"1000\",\n        fontSize: \"400\",\n        lineHeight: \"500\",\n        px: \"400\",\n        gap: \"200\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n      /*  lg: {\n        h: \"1100\",\n        minW: \"1100\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /*  xl: {\n        h: \"1200\",\n        minW: \"1200\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"250\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /* \"2xl\": {\n        h: \"1600\",\n        minW: \"1600\",\n        textStyle: \"lg\",\n        px: \"700\",\n        gap: \"300\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      }, */\n    },\n    variant: {\n      solid: {\n        bg: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n        _hover: {\n          bg: \"colorPalette.10\",\n        },\n        _expanded: {\n          bg: \"colorPalette.10\",\n        },\n      },\n      subtle: {\n        bg: \"colorPalette.3\",\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      outline: {\n        borderWidth: \"1px\",\n        borderColor: \"colorPalette.7\",\n        color: \"colorPalette.11\",\n        transitionProperty: \"background-color, border-color, color\",\n        transitionDuration: \"moderate\",\n        _hover: {\n          bg: \"colorPalette.3\",\n          borderColor: \"colorPalette.8\",\n        },\n        _expanded: {\n          bg: \"colorPalette.subtle\",\n        },\n      },\n      ghost: {\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      link: {\n        color: \"colorPalette.11\",\n        _hover: {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n});\n","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    colorPalette: {\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"],"names":["buttonRecipe","defineRecipe","buttonGroupRecipe","defineSlotRecipe"],"mappings":";AAEO,MAAMA,IAAe,gBAAAC,EAAa;AAAA,EACvC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,aAAa;AAAA,IACb,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,QACL,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAEF,IAAI;AAAA,QACF,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAaF,IAAI;AAAA,QACF,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACF;AAAA,IAmCF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,SAAS;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,oBAAoB;AAAA,QACpB,oBAAoB;AAAA,QACpB,QAAQ;AAAA,UACN,IAAI;AAAA,UACJ,aAAa;AAAA,QAAA;AAAA,QAEf,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GCtKYC,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,GAAGH,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,cAAc;AAAA,MACZ,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;"}

package/dist/chunks/toolbar-D0WjTxz2.es.js

@@ -0,0 +1,61 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createRecipeContext as f, useRecipe as $, useChakraContext as m, useBreakpointValue as p } from "@chakra-ui/react";
+import { e as b } from "./extract-style-props-DChosa6I.es.js";
+import { c as u } from "./index-BEgCT-l6.es.js";
+import { $ as x, a as P } from "./utils-B6pV5ewr.es.js";
+import { $ as h } from "./useToolbar-CbJkugif.es.js";
+import { $ as C } from "./mergeProps-Dsl8k3Ig.es.js";
+import { $ as z } from "./filterDOMProps-BSVCO5jK.es.js";
+import R, { forwardRef as y, createContext as T } from "react";
+const v = /* @__PURE__ */ T({}), k = /* @__PURE__ */ y(function(o, t) {
+  [o, t] = x(o, t, v);
+  let { toolbarProps: a } = h(o, t), e = P({
+    ...o,
+    values: {
+      orientation: o.orientation || "horizontal"
+    },
+    defaultClassName: "react-aria-Toolbar"
+  }), r = z(o, {
+    global: !0
+  });
+  return delete r.id, /* @__PURE__ */ R.createElement("div", {
+    ...C(r, e, a),
+    ref: t,
+    slot: o.slot || void 0,
+    "data-orientation": o.orientation || "horizontal"
+  }, e.children);
+}), { withContext: O } = /* @__PURE__ */ f({
+  key: "toolbar"
+}), V = /* @__PURE__ */ O(
+  "div"
+), N = ({
+  ref: i,
+  orientation: o = "horizontal",
+  ...t
+}) => {
+  const a = $({ recipe: u }), [e, r] = a.splitVariantProps({
+    orientation: o,
+    ...t
+  }), [c, s] = b(r), l = m().normalizeValue(o), d = p(l) ?? "horizontal";
+  return /* @__PURE__ */ n(
+    V,
+    {
+      orientation: o,
+      ...e,
+      ...c,
+      asChild: !0,
+      children: /* @__PURE__ */ n(
+        k,
+        {
+          ref: i,
+          orientation: d,
+          ...s
+        }
+      )
+    }
+  );
+};
+export {
+  N as T
+};
+//# sourceMappingURL=toolbar-D0WjTxz2.es.js.map

package/dist/chunks/toolbar-D0WjTxz2.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-D0WjTxz2.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Toolbar.mjs","../../src/components/toolbar/toolbar.slots.tsx","../../src/components/toolbar/toolbar.tsx"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useToolbar as $8qPHH$useToolbar} from \"@react-aria/toolbar\";\nimport {filterDOMProps as $8qPHH$filterDOMProps, mergeProps as $8qPHH$mergeProps} from \"@react-aria/utils\";\nimport $8qPHH$react, {createContext as $8qPHH$createContext, forwardRef as $8qPHH$forwardRef} from \"react\";\n\n/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nconst $13c3c67164f4d5be$export$6311e7ab80ef752f = /*#__PURE__*/ (0, $8qPHH$createContext)({});\nconst $13c3c67164f4d5be$export$4c260019440d418f = /*#__PURE__*/ (0, $8qPHH$forwardRef)(function Toolbar(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $13c3c67164f4d5be$export$6311e7ab80ef752f);\n    let { toolbarProps: toolbarProps } = (0, $8qPHH$useToolbar)(props, ref);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            orientation: props.orientation || 'horizontal'\n        },\n        defaultClassName: 'react-aria-Toolbar'\n    });\n    let DOMProps = (0, $8qPHH$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    return /*#__PURE__*/ (0, $8qPHH$react).createElement(\"div\", {\n        ...(0, $8qPHH$mergeProps)(DOMProps, renderProps, toolbarProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-orientation\": props.orientation || 'horizontal'\n    }, renderProps.children);\n});\n\n\nexport {$13c3c67164f4d5be$export$6311e7ab80ef752f as ToolbarContext, $13c3c67164f4d5be$export$4c260019440d418f as Toolbar};\n//# sourceMappingURL=Toolbar.module.js.map\n","import { createRecipeContext } from \"@chakra-ui/react\";\nimport type { ToolbarRootSlotProps } from \"./toolbar.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"toolbar\",\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, ToolbarRootSlotProps>(\n  \"div\"\n);\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\";\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","ToolbarRoot","Toolbar","forwardedRef","orientation","recipe","useRecipe","toolbarRecipe","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,GCrCK,EAAE,aAAAM,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAMYC,IAAc,gBAAAF;AAAA,EACzB;AACF,GCFaG,IAA4B,CAAC;AAAA,EACxC,KAAKC;AAAA,EACL,aAAAC,IAAc;AAAA,EACd,GAAGhB;AACL,MAAoB;AAClB,QAAMiB,IAASC,EAAU,EAAE,QAAQC,GAAe,GAC5C,CAACC,GAAaC,CAAgB,IAAIJ,EAAO,kBAAkB;AAAA,IAC/D,aAAAD;AAAA,IACA,GAAGhB;AAAA,EAAA,CACJ,GACK,CAACsB,GAAYC,CAAe,IAAIC,EAAkBH,CAAgB,GASlEI,IAPSC,EAAA,EAOsB,eAAeV,CAAW,GACzDW,IACJC,EAAmBH,CAAqB,KAAK;AAE/C,SACE,gBAAAI;AAAA,IAAChB;AAAA,IAAA;AAAA,MACC,aAAAG;AAAA,MACC,GAAGI;AAAA,MACH,GAAGE;AAAA,MACJ,SAAO;AAAA,MAEP,UAAA,gBAAAO;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKf;AAAA,UACL,aAAaY;AAAA,UACZ,GAAGJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("@chakra-ui/react"),f=require("./extract-style-props-BilMyFTD.cjs.js"),x=require("./index-DzRjEtIu.cjs.js"),l=require("./utils-DVb3jcp5.cjs.js"),p=require("./useToolbar-D0DQSSBf.cjs.js"),P=require("./mergeProps-CxnHrnow.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:n}=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,n),ref:t,slot:e.slot||void 0,"data-orientation":e.orientation||"horizontal"},o.children)}),{withContext:m}=a.createRecipeContext({key:"toolbar"}),R=m("div"),y=({ref:i,orientation:e="horizontal",...t})=>{const n=a.useRecipe({recipe:x.toolbarRecipe}),[o,r]=n.splitVariantProps({orientation:e,...t}),[d,u]=f.extractStyleProps(r),$=a.useChakraContext().normalizeValue(e),b=a.useBreakpointValue($)??"horizontal";return s.jsx(R,{orientation:e,...o,...d,asChild:!0,children:s.jsx(C,{ref:i,orientation:b,...u})})};exports.Toolbar=y;
+//# sourceMappingURL=toolbar-DMowluJ2.cjs.js.map