@commercetools/nimbus 2.6.0 → 2.8.0

package/dist/chunks/password-input-field-B-ADdwQI.es.js

@@ -0,0 +1,56 @@
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { P as j } from "./password-input-Bh0jllNR.es.js";
+import { F as s } from "./form-field-BG-I9QxC.es.js";
+import { a as w } from "./field-errors-DbRPC8Jb.es.js";
+const E = ({
+  id: i,
+  label: n,
+  description: a,
+  info: e,
+  errors: o,
+  onChange: t,
+  renderError: m,
+  touched: p = !1,
+  isRequired: c = !1,
+  isDisabled: f = !1,
+  isReadOnly: h = !1,
+  isInvalid: u = !1,
+  size: l = "md",
+  value: F,
+  placeholder: I,
+  ...P
+}) => {
+  const d = p && o && Object.values(o).some(Boolean);
+  return /* @__PURE__ */ x(
+    s.Root,
+    {
+      id: i,
+      size: l,
+      isRequired: c,
+      isDisabled: f,
+      isReadOnly: h,
+      isInvalid: d || u,
+      children: [
+        /* @__PURE__ */ r(s.Label, { children: n }),
+        /* @__PURE__ */ r(s.Input, { children: /* @__PURE__ */ r(
+          j,
+          {
+            ...P,
+            size: l,
+            placeholder: I,
+            onChange: t,
+            value: F
+          }
+        ) }),
+        a && /* @__PURE__ */ r(s.Description, { children: a }),
+        d && /* @__PURE__ */ r(s.Error, { children: /* @__PURE__ */ r(w, { errors: o, renderError: m }) }),
+        e && /* @__PURE__ */ r(s.InfoBox, { children: e })
+      ]
+    }
+  );
+};
+E.displayName = "PasswordInputField";
+export {
+  E as P
+};
+//# sourceMappingURL=password-input-field-B-ADdwQI.es.js.map

package/dist/chunks/password-input-field-B-ADdwQI.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-field-B-ADdwQI.es.js","sources":["../../src/patterns/fields/password-input-field/password-input-field.tsx"],"sourcesContent":["import { PasswordInput } from \"@/components/password-input/password-input\";\nimport type { PasswordInputFieldProps } from \"./password-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # PasswordInputField\n *\n * A pre-composed form field component that combines PasswordInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for password input use cases and serves\n * as a drop-in replacement for UI-Kit's PasswordField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <PasswordInputField\n *   label=\"Password\"\n *   description=\"Enter a secure password\"\n *   placeholder=\"********\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const PasswordInputField = ({\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  size = \"md\",\n  value,\n  placeholder,\n  ...rest\n}: PasswordInputFieldProps) => {\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      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <PasswordInput\n          {...rest}\n          size={size}\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\nPasswordInputField.displayName = \"PasswordInputField\";\n"],"names":["PasswordInputField","id","label","description","info","errors","onChange","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","size","value","placeholder","rest","hasErrors","jsxs","FormField","jsx","PasswordInput","FieldErrors"],"mappings":";;;;AA4BO,MAAMA,IAAqB,CAAC;AAAA,EACjC,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,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAE7B,QAAMC,IAAYT,KAAWH,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO;AAEzE,SACE,gBAAAa;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,IAAAlB;AAAA,MACA,MAAAY;AAAA,MACA,YAAAJ;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,MAAAH;AAAA,YACA,aAAAE;AAAA,YACA,UAAAT;AAAA,YACA,OAAAQ;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACCX,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,EAAmB,cAAc;"}

package/dist/chunks/password-input-field-C14F6Fhe.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),w=require("./password-input-BQs2tc7Z.cjs.js"),e=require("./form-field-Da4KAAE9.cjs.js"),q=require("./field-errors-hBl0j2ag.cjs.js"),n=({id:t,label:a,description:l,info:o,errors:r,onChange:F,renderError:c,touched:u=!1,isRequired:m=!1,isDisabled:j=!1,isReadOnly:x=!1,isInvalid:p=!1,size:d="md",value:I,placeholder:f,...h})=>{const i=u&&r&&Object.values(r).some(Boolean);return s.jsxs(e.FormField.Root,{id:t,size:d,isRequired:m,isDisabled:j,isReadOnly:x,isInvalid:i||p,children:[s.jsx(e.FormField.Label,{children:a}),s.jsx(e.FormField.Input,{children:s.jsx(w.PasswordInput,{...h,size:d,placeholder:f,onChange:F,value:I})}),l&&s.jsx(e.FormField.Description,{children:l}),i&&s.jsx(e.FormField.Error,{children:s.jsx(q.FieldErrors,{errors:r,renderError:c})}),o&&s.jsx(e.FormField.InfoBox,{children:o})]})};n.displayName="PasswordInputField";exports.PasswordInputField=n;
+//# sourceMappingURL=password-input-field-C14F6Fhe.cjs.js.map

package/dist/chunks/password-input-field-C14F6Fhe.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input-field-C14F6Fhe.cjs.js","sources":["../../src/patterns/fields/password-input-field/password-input-field.tsx"],"sourcesContent":["import { PasswordInput } from \"@/components/password-input/password-input\";\nimport type { PasswordInputFieldProps } from \"./password-input-field.types\";\nimport { FormField, FieldErrors } from \"@/components\";\n\n/**\n * # PasswordInputField\n *\n * A pre-composed form field component that combines PasswordInput with FormField features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component provides a simple, flat API for password input use cases and serves\n * as a drop-in replacement for UI-Kit's PasswordField, maintaining compatibility with the\n * same error format and localized error messages.\n *\n * @example\n * ```tsx\n * <PasswordInputField\n *   label=\"Password\"\n *   description=\"Enter a secure password\"\n *   placeholder=\"********\"\n *   value={value}\n *   onChange={setValue}\n *   errors={{ missing: true }}\n *   isRequired\n * />\n * ```\n */\n\nexport const PasswordInputField = ({\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  size = \"md\",\n  value,\n  placeholder,\n  ...rest\n}: PasswordInputFieldProps) => {\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      size={size}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={hasErrors || isInvalid}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <PasswordInput\n          {...rest}\n          size={size}\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\nPasswordInputField.displayName = \"PasswordInputField\";\n"],"names":["PasswordInputField","id","label","description","info","errors","onChange","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","size","value","placeholder","rest","hasErrors","jsxs","FormField","jsx","PasswordInput","FieldErrors"],"mappings":"sLA4BaA,EAAqB,CAAC,CACjC,GAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,UAAAC,EAAY,GACZ,KAAAC,EAAO,KACP,MAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAA+B,CAE7B,MAAMC,EAAYT,GAAWH,GAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO,EAEzE,OACEa,EAAAA,KAACC,EAAAA,UAAU,KAAV,CACC,GAAAlB,EACA,KAAAY,EACA,WAAAJ,EACA,WAAAC,EACA,WAAAC,EACA,UAAWM,GAAaL,EAExB,SAAA,CAAAQ,EAAAA,IAACD,EAAAA,UAAU,MAAV,CAAiB,SAAAjB,CAAA,CAAM,EACxBkB,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,SAAAC,EAAAA,IAACC,EAAAA,cAAA,CACE,GAAGL,EACJ,KAAAH,EACA,YAAAE,EACA,SAAAT,EACA,MAAAQ,CAAA,CAAA,EAEJ,EACCX,GACCiB,EAAAA,IAACD,EAAAA,UAAU,YAAV,CAAuB,SAAAhB,EAAY,EAErCc,SACEE,YAAU,MAAV,CACC,SAAAC,MAACE,EAAAA,YAAA,CAAY,OAAAjB,EAAgB,YAAAE,CAAA,CAA0B,CAAA,CACzD,EAEDH,GAAQgB,EAAAA,IAACD,EAAAA,UAAU,QAAV,CAAmB,SAAAf,CAAA,CAAK,CAAA,CAAA,CAAA,CAGxC,EAEAJ,EAAmB,YAAc"}

package/dist/chunks/popover-CFWE6RED.es.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createRecipeContext as r } from "@chakra-ui/react/styled-system";
+import { $ as p } from "./Dialog-BrbJce0u.es.js";
+const { withContext: m } = /* @__PURE__ */ r({
+  key: "nimbusPopover"
+}), s = /* @__PURE__ */ m(p), i = ({ children: o, ...t }) => /* @__PURE__ */ e(s, { ...t, children: o });
+i.displayName = "Popover";
+export {
+  i as P
+};
+//# sourceMappingURL=popover-CFWE6RED.es.js.map

package/dist/chunks/popover-CFWE6RED.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-CFWE6RED.es.js","sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps, PopoverComponent } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusPopover\",\n});\n\nexport const PopoverRootSlot: PopoverComponent = withContext<\n  typeof RaPopover,\n  PopoverProps\n>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = ({ children, ...props }: PopoverProps) => {\n  return <PopoverRootSlot {...props}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","children","props","jsx"],"mappings":";;;AAIA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAEYC,IAAoC,gBAAAF,EAG/CG,CAAS,GCDEC,IAAU,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAC9B,gBAAAC,EAACL,GAAA,EAAiB,GAAGI,GAAQ,UAAAD,EAAA,CAAS;AAG/CD,EAAQ,cAAc;"}

package/dist/chunks/popover-FjS43_KY.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("@chakra-ui/react/styled-system"),n=require("./Dialog-BwUsRNPT.cjs.js"),{withContext:i}=s.createRecipeContext({key:"nimbusPopover"}),c=i(n.$07b14b47974efb58$export$5b6b19405a83ff9d),e=({children:o,...t})=>r.jsx(c,{...t,children:o});e.displayName="Popover";exports.Popover=e;
+//# sourceMappingURL=popover-FjS43_KY.cjs.js.map

package/dist/chunks/popover-FjS43_KY.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-FjS43_KY.cjs.js","sources":["../../src/components/popover/popover.slots.tsx","../../src/components/popover/popover.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Popover as RaPopover } from \"react-aria-components\";\nimport type { PopoverProps, PopoverComponent } from \"./popover.types\";\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusPopover\",\n});\n\nexport const PopoverRootSlot: PopoverComponent = withContext<\n  typeof RaPopover,\n  PopoverProps\n>(RaPopover);\n","import { PopoverRootSlot } from \"./popover.slots\";\nimport type { PopoverProps } from \"./popover.types\";\n\n/**\n * # Popover\n *\n * A component that displays floating content in relation to a trigger element.\n *\n * Note this component is only used internally.\n */\nexport const Popover = ({ children, ...props }: PopoverProps) => {\n  return <PopoverRootSlot {...props}>{children}</PopoverRootSlot>;\n};\n\nPopover.displayName = \"Popover\";\n"],"names":["withContext","createRecipeContext","PopoverRootSlot","RaPopover","Popover","children","props","jsx"],"mappings":"oIAIM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,eACP,CAAC,EAEYC,EAAoCF,EAG/CG,2CAAS,ECDEC,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAC9BC,EAAAA,IAACL,EAAA,CAAiB,GAAGI,EAAQ,SAAAD,CAAA,CAAS,EAG/CD,EAAQ,YAAc"}

package/dist/chunks/progress-bar-Brzwm511.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),k=require("react"),c=require("./Label-udDCVpjy.cjs.js"),w=require("./ProgressBar-YkTDvxkF.cjs.js"),C=require("./extract-style-props-xZ29rO70.cjs.js"),V=require("./merge-refs-D8liJcZz.cjs.js"),f=require("@chakra-ui/react/styled-system"),F=require("./useObjectRef-4v2MxSjQ.cjs.js"),H=require("./flex-DwGL6TCj.cjs.js"),L=require("./box-CWni3A32.cjs.js"),{withProvider:O,withContext:t}=f.createSlotRecipeContext({key:"nimbusProgressBar"}),D=O("div","root"),G=t("div","track"),I=t("div","fill"),d=t("span","label"),u=t("span","value"),x=n=>{const{ref:b,value:o,minValue:h=0,maxValue:P=100,isDynamic:p=!0,isIndeterminate:r,label:s,formatOptions:m={style:"percent"},variant:$="solid",layout:i="stacked",colorPalette:g="primary",...j}=n,y=f.useSlotRecipe({key:"nimbusProgressBar"}),[B,R]=y.splitVariantProps({variant:$,colorPalette:g,...n}),[S]=C.extractStyleProps(R),q=k.useRef(null),v=F.$df56164dff5785e2$export$4338b53315abf666(V.mergeRefs(q,b));return e.jsx(D,{...B,...S,isDynamic:p,isIndeterminate:r,asChild:!0,children:e.jsx(w.$0393f8ab869a0f1a$export$c17561cb55d4db30,{ref:v,value:o,minValue:h,maxValue:P,isIndeterminate:r,formatOptions:m,...j,children:({percentage:a,valueText:l})=>e.jsxs(e.Fragment,{children:[i==="stacked"&&e.jsxs(H.Flex,{children:[s&&e.jsx(d,{asChild:!0,children:e.jsx(c.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(L.Box,{flexGrow:"1"}),s&&o&&e.jsx(u,{children:l})]}),i==="inline"&&s&&e.jsx(d,{lineHeight:"1",asChild:!0,children:e.jsx(c.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(G,{children:e.jsx(I,{style:{width:r?"40%":`${a}%`},"data-indeterminate":r,"data-complete":!r&&a!==void 0&&a>=100})}),i==="inline"&&o&&e.jsx(u,{lineHeight:"1",children:l})]})})})};x.displayName="ProgressBar";exports.ProgressBar=x;
+//# sourceMappingURL=progress-bar-Brzwm511.cjs.js.map

package/dist/chunks/progress-bar-Brzwm511.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-Brzwm511.cjs.js","sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusProgressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusProgressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":"iZASM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,mBACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAGFI,EAAuBH,EAGlC,MAAO,OAAO,EAGHI,EAAsBJ,EAGjC,MAAO,MAAM,EAGFK,EAAuBL,EAGlC,OAAQ,OAAO,EAGJM,EAAuBN,EAGlC,OAAQ,OAAO,ECNJO,EAAeC,GAA4B,CACtD,KAAM,CACJ,IAAKC,EACL,MAAAC,EACA,SAAAC,EAAW,EACX,SAAAC,EAAW,IACX,UAAAC,EAAY,GACZ,gBAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAE,MAAO,SAAA,EACzB,QAAAC,EAAU,QACV,OAAAC,EAAS,UACT,aAAAC,EAAe,UACf,GAAGC,CAAA,EACDZ,EAEEa,EAASC,EAAAA,cAAc,CAAE,IAAK,oBAAqB,EACnD,CAACC,EAAaC,CAAc,EAAIH,EAAO,kBAAkB,CAC7D,QAAAJ,EACA,aAAAE,EACA,GAAGX,CAAA,CACJ,EACK,CAACiB,CAAU,EAAIC,EAAAA,kBAAkBF,CAAc,EAE/CG,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUlB,CAAY,CAAC,EAE1D,OACEuB,EAAAA,IAAC9B,EAAA,CACE,GAAGqB,EACH,GAAGE,EACJ,UAAAZ,EACA,gBAAAC,EACA,QAAO,GAEP,SAAAkB,EAAAA,IAACC,EAAAA,0CAAA,CACC,IAAAJ,EACA,MAAAnB,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAE,EACA,cAAAE,EACC,GAAGI,EAEH,SAAA,CAAC,CAAE,WAAAc,EAAY,UAAAC,CAAA,IACdC,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,IAAW,kBACToB,EAAAA,KAAA,CACE,SAAA,CAAAvB,SACEV,EAAA,CAAqB,QAAO,GAC3B,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,WAAM,CAAA,CAClB,EAEFP,EAAAA,IAACQ,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EACjBzB,GAASL,GACRsB,EAAAA,IAAC1B,EAAA,CAAsB,SAAA6B,CAAA,CAAU,CAAA,EAErC,EAGDjB,IAAW,UAAYH,GACtBiB,EAAAA,IAAC3B,EAAA,CAAqB,WAAW,IAAI,QAAO,GAC1C,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,SAAAxB,CAAA,CAAM,EAClB,QAGDZ,EAAA,CACC,SAAA6B,EAAAA,IAAC5B,EAAA,CACC,MAAO,CAAE,MAAOU,EAAkB,MAAQ,GAAGoB,CAAU,GAAA,EACvD,qBAAoBpB,EACpB,gBACE,CAACA,GACDoB,IAAe,QACfA,GAAc,GAAA,CAAA,EAGpB,EAEChB,IAAW,UAAYR,SACrBJ,EAAA,CAAqB,WAAW,IAC9B,SAAA6B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAGN,EAEA5B,EAAY,YAAc"}

package/dist/chunks/progress-bar-DttNpI6T.es.js

@@ -0,0 +1,76 @@
+import { jsx as r, jsxs as c, Fragment as w } from "react/jsx-runtime";
+import { useRef as C } from "react";
+import { a as d } from "./Label-DE_LaM97.es.js";
+import { a as F } from "./ProgressBar-CSe_g05D.es.js";
+import { e as V } from "./extract-style-props-DuSHABTl.es.js";
+import { m as j } from "./merge-refs-D-zSwpoh.es.js";
+import { createSlotRecipeContext as H, useSlotRecipe as D } from "@chakra-ui/react/styled-system";
+import { $ as G } from "./useObjectRef-CaJ5pgjX.es.js";
+import { F as I } from "./flex-BqxAMF-7.es.js";
+import { B as L } from "./box-DuBoAZvq.es.js";
+const { withProvider: N, withContext: t } = /* @__PURE__ */ H({
+  key: "nimbusProgressBar"
+}), O = /* @__PURE__ */ N("div", "root"), q = /* @__PURE__ */ t("div", "track"), z = /* @__PURE__ */ t("div", "fill"), m = /* @__PURE__ */ t("span", "label"), f = /* @__PURE__ */ t("span", "value"), A = (l) => {
+  const {
+    ref: p,
+    value: s,
+    minValue: h = 0,
+    maxValue: P = 100,
+    isDynamic: u = !0,
+    isIndeterminate: e,
+    label: o,
+    formatOptions: b = { style: "percent" },
+    variant: g = "solid",
+    layout: i = "stacked",
+    colorPalette: x = "primary",
+    ...B
+  } = l, $ = D({ key: "nimbusProgressBar" }), [y, S] = $.splitVariantProps({
+    variant: g,
+    colorPalette: x,
+    ...l
+  }), [v] = V(S), R = C(null), k = G(j(R, p));
+  return /* @__PURE__ */ r(
+    O,
+    {
+      ...y,
+      ...v,
+      isDynamic: u,
+      isIndeterminate: e,
+      asChild: !0,
+      children: /* @__PURE__ */ r(
+        F,
+        {
+          ref: k,
+          value: s,
+          minValue: h,
+          maxValue: P,
+          isIndeterminate: e,
+          formatOptions: b,
+          ...B,
+          children: ({ percentage: a, valueText: n }) => /* @__PURE__ */ c(w, { children: [
+            i === "stacked" && /* @__PURE__ */ c(I, { children: [
+              o && /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r(d, { children: o }) }),
+              /* @__PURE__ */ r(L, { flexGrow: "1" }),
+              o && s && /* @__PURE__ */ r(f, { children: n })
+            ] }),
+            i === "inline" && o && /* @__PURE__ */ r(m, { lineHeight: "1", asChild: !0, children: /* @__PURE__ */ r(d, { children: o }) }),
+            /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(
+              z,
+              {
+                style: { width: e ? "40%" : `${a}%` },
+                "data-indeterminate": e,
+                "data-complete": !e && a !== void 0 && a >= 100
+              }
+            ) }),
+            i === "inline" && s && /* @__PURE__ */ r(f, { lineHeight: "1", children: n })
+          ] })
+        }
+      )
+    }
+  );
+};
+A.displayName = "ProgressBar";
+export {
+  A as P
+};
+//# sourceMappingURL=progress-bar-DttNpI6T.es.js.map

package/dist/chunks/progress-bar-DttNpI6T.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-DttNpI6T.es.js","sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  ProgressBarRootSlotProps,\n  ProgressBarTrackSlotProps,\n  ProgressBarFillSlotProps,\n  ProgressBarLabelSlotProps,\n  ProgressBarValueSlotProps,\n} from \"./progress-bar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusProgressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootSlotProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n\n// ProgressBar Label - Label text\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusProgressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":";;;;;;;;;;AASA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAGFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAGHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAGFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAGJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GCNJO,IAAc,CAACC,MAA4B;AACtD,QAAM;AAAA,IACJ,KAAKC;AAAA,IACL,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,EAAE,OAAO,UAAA;AAAA,IACzB,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAASC,EAAc,EAAE,KAAK,qBAAqB,GACnD,CAACC,GAAaC,CAAc,IAAIH,EAAO,kBAAkB;AAAA,IAC7D,SAAAJ;AAAA,IACA,cAAAE;AAAA,IACA,GAAGX;AAAA,EAAA,CACJ,GACK,CAACiB,CAAU,IAAIC,EAAkBF,CAAc,GAE/CG,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUlB,CAAY,CAAC;AAE1D,SACE,gBAAAuB;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACE,GAAGqB;AAAA,MACH,GAAGE;AAAA,MACJ,WAAAZ;AAAA,MACA,iBAAAC;AAAA,MACA,SAAO;AAAA,MAEP,UAAA,gBAAAkB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAAJ;AAAA,UACA,OAAAnB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,eAAAE;AAAA,UACC,GAAGI;AAAA,UAEH,UAAA,CAAC,EAAE,YAAAc,GAAY,WAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAnB,MAAW,+BACToB,GAAA,EACE,UAAA;AAAA,cAAAvB,uBACEV,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA2B,EAACO,GAAA,EAAS,aAAM,EAAA,CAClB;AAAA,cAEF,gBAAAP,EAACQ,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,cACjBzB,KAASL,KACR,gBAAAsB,EAAC1B,GAAA,EAAsB,UAAA6B,EAAA,CAAU;AAAA,YAAA,GAErC;AAAA,YAGDjB,MAAW,YAAYH,KACtB,gBAAAiB,EAAC3B,GAAA,EAAqB,YAAW,KAAI,SAAO,IAC1C,UAAA,gBAAA2B,EAACO,GAAA,EAAS,UAAAxB,EAAA,CAAM,GAClB;AAAA,8BAGDZ,GAAA,EACC,UAAA,gBAAA6B;AAAA,cAAC5B;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAOU,IAAkB,QAAQ,GAAGoB,CAAU,IAAA;AAAA,gBACvD,sBAAoBpB;AAAA,gBACpB,iBACE,CAACA,KACDoB,MAAe,UACfA,KAAc;AAAA,cAAA;AAAA,YAAA,GAGpB;AAAA,YAEChB,MAAW,YAAYR,uBACrBJ,GAAA,EAAqB,YAAW,KAC9B,UAAA6B,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA5B,EAAY,cAAc;"}

package/dist/chunks/radio-input-CU7jAtai.es.js

@@ -0,0 +1,378 @@
+import { jsx as C, jsxs as Y, Fragment as Z } from "react/jsx-runtime";
+import y, { useMemo as B, useState as q, forwardRef as _, createContext as E, useRef as ee } from "react";
+import { $ as N, f as ae, a as L, b as T, d as ie, c as re, e as oe } from "./utils-CiIOoh_a.es.js";
+import { $ as de } from "./FieldError-CXcEMuBf.es.js";
+import { $ as te } from "./Form-CXcEMuBf.es.js";
+import { $ as le } from "./Label-DE_LaM97.es.js";
+import { a as se, $ as ne } from "./SelectionIndicator-B27AsfqE.es.js";
+import { $ as ce } from "./Text-DOcU1ycg.es.js";
+import { a as h, $ as fe, b as ue } from "./mergeProps-Dg8WqJiN.es.js";
+import { $ as F } from "./filterDOMProps-Cxz9cAAv.es.js";
+import { $ as $e } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as be } from "./useFormReset-vR88DCc9.es.js";
+import { $ as w } from "./usePress-BwYt_DhT.es.js";
+import { $ as U } from "./useFocusable-B3Z_s4s7.es.js";
+import { a as pe, $ as ve } from "./useFormValidation-B6ieSHzO.es.js";
+import { k as me, a as Pe } from "./utils-CjZmL8XS.es.js";
+import { a as he } from "./FocusScope-D_JoB-Y8.es.js";
+import { $ as xe } from "./useFocusWithin-DJvFzdbU.es.js";
+import { $ as Re } from "./useField-ZuobdMEN.es.js";
+import { $ as ye } from "./context-BfHy4NgG.es.js";
+import { $ as W } from "./useFocusRing-BUzNZISS.es.js";
+import { $ as Ie } from "./useHover-_d7KqTYf.es.js";
+import { $ as Ve } from "./VisuallyHidden-B6DIvP4_.es.js";
+import { $ as ge } from "./useControlledState-3TGZUXux.es.js";
+import { RadioButtonChecked as De, RadioButtonUnchecked as Se } from "@commercetools/nimbus-icons";
+import { e as A } from "./extract-style-props-DuSHABTl.es.js";
+import { createSlotRecipeContext as Ce, useSlotRecipe as Fe } from "@chakra-ui/react/styled-system";
+import { r as Oe } from "./index-N3LCjK2b.es.js";
+const G = /* @__PURE__ */ new WeakMap();
+function ke(a, e, r) {
+  let { value: o, children: s, "aria-label": d, "aria-labelledby": f, onPressStart: i, onPressEnd: n, onPressChange: l, onPress: t, onPressUp: c, onClick: b } = a;
+  const $ = a.isDisabled || e.isDisabled;
+  let I = s != null, m = d != null || f != null;
+  !I && !m && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let P = e.selectedValue === o, D = (g) => {
+    g.stopPropagation(), e.setSelectedValue(o);
+  }, { pressProps: S, isPressed: V } = w({
+    onPressStart: i,
+    onPressEnd: n,
+    onPressChange: l,
+    onPress: t,
+    onPressUp: c,
+    onClick: b,
+    isDisabled: $
+  }), { pressProps: O, isPressed: v } = w({
+    onPressStart: i,
+    onPressEnd: n,
+    onPressChange: l,
+    onPressUp: c,
+    onClick: b,
+    isDisabled: $,
+    onPress(g) {
+      var k;
+      t?.(g), e.setSelectedValue(o), (k = r.current) === null || k === void 0 || k.focus();
+    }
+  }), { focusableProps: u } = U(h(a, {
+    onFocus: () => e.setLastFocusedValue(o)
+  }), r), x = h(S, u), p = F(a, {
+    labelable: !0
+  }), R = -1;
+  e.selectedValue != null ? e.selectedValue === o && (R = 0) : (e.lastFocusedValue === o || e.lastFocusedValue == null) && (R = 0), $ && (R = void 0);
+  let { name: z, form: J, descriptionId: Q, errorMessageId: X, validationBehavior: M } = G.get(e);
+  return be(r, e.defaultSelectedValue, e.setSelectedValue), pe({
+    validationBehavior: M
+  }, e, r), {
+    labelProps: h(O, B(() => ({
+      onClick: (g) => g.preventDefault(),
+      // Prevent label from being focused when mouse down on it.
+      // Note, this does not prevent the input from being focused in the `click` event.
+      onMouseDown: (g) => g.preventDefault()
+    }), [])),
+    inputProps: h(p, {
+      ...x,
+      type: "radio",
+      name: z,
+      form: J,
+      tabIndex: R,
+      disabled: $,
+      required: e.isRequired && M === "native",
+      checked: P,
+      value: o,
+      onChange: D,
+      "aria-describedby": [
+        a["aria-describedby"],
+        e.isInvalid ? X : null,
+        Q
+      ].filter(Boolean).join(" ") || void 0
+    }),
+    isDisabled: $,
+    isSelected: P,
+    isPressed: V || v
+  };
+}
+function Be(a, e) {
+  let { name: r, form: o, isReadOnly: s, isRequired: d, isDisabled: f, orientation: i = "vertical", validationBehavior: n = "aria" } = a, { direction: l } = ye(), { isInvalid: t, validationErrors: c, validationDetails: b } = e.displayValidation, { labelProps: $, fieldProps: I, descriptionProps: m, errorMessageProps: P } = Re({
+    ...a,
+    // Radio group is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span",
+    isInvalid: e.isInvalid,
+    errorMessage: a.errorMessage || c
+  }), D = F(a, {
+    labelable: !0
+  }), { focusWithinProps: S } = xe({
+    onBlurWithin(v) {
+      var u;
+      (u = a.onBlur) === null || u === void 0 || u.call(a, v), e.selectedValue || e.setLastFocusedValue(null);
+    },
+    onFocusWithin: a.onFocus,
+    onFocusWithinChange: a.onFocusChange
+  }), V = (v) => {
+    let u;
+    switch (v.key) {
+      case "ArrowRight":
+        l === "rtl" && i !== "vertical" ? u = "prev" : u = "next";
+        break;
+      case "ArrowLeft":
+        l === "rtl" && i !== "vertical" ? u = "next" : u = "prev";
+        break;
+      case "ArrowDown":
+        u = "next";
+        break;
+      case "ArrowUp":
+        u = "prev";
+        break;
+      default:
+        return;
+    }
+    v.preventDefault();
+    let x = he(v.currentTarget, {
+      from: Pe(v),
+      accept: (R) => R instanceof me(R).HTMLInputElement && R.type === "radio"
+    }), p;
+    u === "next" ? (p = x.nextNode(), p || (x.currentNode = v.currentTarget, p = x.firstChild())) : (p = x.previousNode(), p || (x.currentNode = v.currentTarget, p = x.lastChild())), p && (p.focus(), e.setSelectedValue(p.value));
+  }, O = fe(r);
+  return G.set(e, {
+    name: O,
+    form: o,
+    descriptionId: m.id,
+    errorMessageId: P.id,
+    validationBehavior: n
+  }), {
+    radioGroupProps: h(D, {
+      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
+      role: "radiogroup",
+      onKeyDown: V,
+      "aria-invalid": e.isInvalid || void 0,
+      "aria-errormessage": a["aria-errormessage"],
+      "aria-readonly": s || void 0,
+      "aria-required": d || void 0,
+      "aria-disabled": f || void 0,
+      "aria-orientation": i,
+      ...I,
+      ...S
+    }),
+    labelProps: $,
+    descriptionProps: m,
+    errorMessageProps: P,
+    isInvalid: t,
+    validationErrors: c,
+    validationDetails: b
+  };
+}
+let Ee = /* @__PURE__ */ Math.round(/* @__PURE__ */ Math.random() * 1e10), Me = 0;
+function qe(a) {
+  let e = B(() => a.name || `radio-group-${Ee}-${++Me}`, [
+    a.name
+  ]);
+  var r;
+  let [o, s] = ge(a.value, (r = a.defaultValue) !== null && r !== void 0 ? r : null, a.onChange), [d] = q(o), [f, i] = q(null), n = ve({
+    ...a,
+    value: o
+  }), l = (b) => {
+    !a.isReadOnly && !a.isDisabled && (s(b), n.commitValidation());
+  }, t = n.displayValidation.isInvalid;
+  var c;
+  return {
+    ...n,
+    name: e,
+    selectedValue: o,
+    defaultSelectedValue: a.value !== void 0 ? d : (c = a.defaultValue) !== null && c !== void 0 ? c : null,
+    setSelectedValue: l,
+    lastFocusedValue: f,
+    setLastFocusedValue: i,
+    isDisabled: a.isDisabled || !1,
+    isReadOnly: a.isReadOnly || !1,
+    isRequired: a.isRequired || !1,
+    validationState: a.validationState || (t ? "invalid" : null),
+    isInvalid: t
+  };
+}
+const we = /* @__PURE__ */ E(null), _e = /* @__PURE__ */ E(null), H = /* @__PURE__ */ E(null), Ne = /* @__PURE__ */ _(function(e, r) {
+  [e, r] = N(e, r, we);
+  let { validationBehavior: o } = ie(te) || {};
+  var s, d;
+  let f = (d = (s = e.validationBehavior) !== null && s !== void 0 ? s : o) !== null && d !== void 0 ? d : "native", i = qe({
+    ...e,
+    validationBehavior: f
+  }), [n, l] = re(!e["aria-label"] && !e["aria-labelledby"]), { radioGroupProps: t, labelProps: c, descriptionProps: b, errorMessageProps: $, ...I } = Be({
+    ...e,
+    label: l,
+    validationBehavior: f
+  }, i), m = L({
+    ...e,
+    values: {
+      orientation: e.orientation || "vertical",
+      isDisabled: i.isDisabled,
+      isReadOnly: i.isReadOnly,
+      isRequired: i.isRequired,
+      isInvalid: i.isInvalid,
+      state: i
+    },
+    defaultClassName: "react-aria-RadioGroup"
+  }), P = F(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ y.createElement(T.div, {
+    ...h(P, m, t),
+    ref: r,
+    slot: e.slot || void 0,
+    "data-orientation": e.orientation || "vertical",
+    "data-invalid": i.isInvalid || void 0,
+    "data-disabled": i.isDisabled || void 0,
+    "data-readonly": i.isReadOnly || void 0,
+    "data-required": i.isRequired || void 0
+  }, /* @__PURE__ */ y.createElement(oe, {
+    values: [
+      [
+        H,
+        i
+      ],
+      [
+        le,
+        {
+          ...c,
+          ref: n,
+          elementType: "span"
+        }
+      ],
+      [
+        ce,
+        {
+          slots: {
+            description: b,
+            errorMessage: $
+          }
+        }
+      ],
+      [
+        de,
+        I
+      ]
+    ]
+  }, /* @__PURE__ */ y.createElement(ne, null, m.children)));
+}), Le = /* @__PURE__ */ _(function(e, r) {
+  let { inputRef: o = null, ...s } = e;
+  [e, r] = N(s, r, _e);
+  let d = y.useContext(H), f = $e(B(() => ue(o, e.inputRef !== void 0 ? e.inputRef : null), [
+    o,
+    e.inputRef
+  ])), { labelProps: i, inputProps: n, isSelected: l, isDisabled: t, isPressed: c } = ke({
+    ...ae(e),
+    // ReactNode type doesn't allow function children.
+    children: typeof e.children == "function" ? !0 : e.children
+  }, d, f), { isFocused: b, isFocusVisible: $, focusProps: I } = W(), m = t || d.isReadOnly, { hoverProps: P, isHovered: D } = Ie({
+    ...e,
+    isDisabled: m
+  }), S = L({
+    ...e,
+    defaultClassName: "react-aria-Radio",
+    values: {
+      isSelected: l,
+      isPressed: c,
+      isHovered: D,
+      isFocused: b,
+      isFocusVisible: $,
+      isDisabled: t,
+      isReadOnly: d.isReadOnly,
+      isInvalid: d.isInvalid,
+      isRequired: d.isRequired
+    }
+  }), V = F(e, {
+    global: !0
+  });
+  return delete V.id, delete V.onClick, /* @__PURE__ */ y.createElement(T.label, {
+    ...h(V, i, P, S),
+    ref: r,
+    "data-selected": l || void 0,
+    "data-pressed": c || void 0,
+    "data-hovered": D || void 0,
+    "data-focused": b || void 0,
+    "data-focus-visible": $ || void 0,
+    "data-disabled": t || void 0,
+    "data-readonly": d.isReadOnly || void 0,
+    "data-invalid": d.isInvalid || void 0,
+    "data-required": d.isRequired || void 0
+  }, /* @__PURE__ */ y.createElement(Ve, {
+    elementType: "span"
+  }, /* @__PURE__ */ y.createElement("input", {
+    ...h(n, I),
+    ref: f
+  })), /* @__PURE__ */ y.createElement(se.Provider, {
+    value: {
+      isSelected: l
+    }
+  }, S.children));
+}), { withProvider: Te, withContext: Ue } = /* @__PURE__ */ Ce({
+  key: "nimbusRadioInput"
+}), We = /* @__PURE__ */ Te("div", "root"), Ae = /* @__PURE__ */ Ue("span", "option"), j = (a) => {
+  const e = Fe({ recipe: Oe }), [r, o] = e.splitVariantProps(a), [s, d] = A(o);
+  return /* @__PURE__ */ C(We, { ...r, ...s, asChild: !0, children: /* @__PURE__ */ C(Ne, { ...d, children: a.children }) });
+};
+j.displayName = "RadioInput.Root";
+const K = ({
+  children: a,
+  value: e,
+  ...r
+}) => {
+  const [o, s] = A(r), { isFocused: d, focusProps: f } = W(), i = ee(null), { focusableProps: n } = U(
+    { excludeFromTabOrder: !0 },
+    i
+  );
+  return /* @__PURE__ */ C(
+    Ae,
+    {
+      ...o,
+      ...h(f, n),
+      "data-focus": d || void 0,
+      asChild: !0,
+      children: /* @__PURE__ */ C(Le, { value: e, ...s, ref: i, children: (l) => {
+        const t = typeof a == "function" ? a({
+          ...l
+        }) : a;
+        return /* @__PURE__ */ Y(Z, { children: [
+          l.isSelected ? /* @__PURE__ */ C(De, {}) : /* @__PURE__ */ C(Se, {}),
+          t
+        ] });
+      } })
+    }
+  );
+};
+K.displayName = "RadioInput.Option";
+const Pa = {
+  /**
+   * # RadioInput.Root
+   *
+   * The root container for a radio input group that manages the selection state and provides context for radio options.
+   * Handles keyboard navigation, accessibility attributes, and mutually exclusive selection behavior.
+   *
+   * @example
+   * ```tsx
+   * <RadioInput.Root name="selection" defaultValue="option1">
+   *   <RadioInput.Option value="option1">First Choice</RadioInput.Option>
+   *   <RadioInput.Option value="option2">Second Choice</RadioInput.Option>
+   * </RadioInput.Root>
+   * ```
+   */
+  Root: j,
+  /**
+   * # RadioInput.Option
+   *
+   * An individual radio option within a RadioInput group that can be selected.
+   * Provides visual feedback for selection state and supports keyboard interaction.
+   *
+   * @example
+   * ```tsx
+   * <RadioInput.Root name="choice">
+   *   <RadioInput.Option value="yes">Yes</RadioInput.Option>
+   *   <RadioInput.Option value="no">No</RadioInput.Option>
+   * </RadioInput.Root>
+   * ```
+   */
+  Option: K
+};
+export {
+  Pa as R
+};
+//# sourceMappingURL=radio-input-CU7jAtai.es.js.map