@purpur/library 9.9.0 → 9.10.1

package/dist/quantity-selector-Ds7d4MnV.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),q=require("react"),U=require("./spinner-tKunS_o-.js"),X=require("./text-field-CS0PT5T6.js"),B=require("./bind-DeUYJ6m9.js"),Z=require("./button-DZgtrGqN.js"),J=require("./minus.es-DtXArdKK.js"),K=require("./icon-DNHpBTHs-faYHqTXU.js"),L={"purpur-quantity-selector":"_purpur-quantity-selector_1hglo_1","purpur-quantity-selector--full-width":"_purpur-quantity-selector--full-width_1hglo_25","purpur-quantity-selector--loading":"_purpur-quantity-selector--loading_1hglo_31","purpur-quantity-selector--no-gap":"_purpur-quantity-selector--no-gap_1hglo_34","purpur-quantity-selector--no-gap-disabled-left":"_purpur-quantity-selector--no-gap-disabled-left_1hglo_39","purpur-quantity-selector--no-gap-disabled-right":"_purpur-quantity-selector--no-gap-disabled-right_1hglo_43","purpur-quantity-selector--no-gap-disabled":"_purpur-quantity-selector--no-gap-disabled_1hglo_39","purpur-quantity-selector__spinner":"_purpur-quantity-selector__spinner_1hglo_50","purpur-quantity-selector__spinner--full-width":"_purpur-quantity-selector__spinner--full-width_1hglo_57","purpur-quantity-selector__spinner--separated":"_purpur-quantity-selector__spinner--separated_1hglo_61"},Y={name:"plus",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',keywords:["plus"],category:"utility"},C=a=>n.jsx(K.b,{...a,svg:Y});C.displayName="IconPlus";const G={"purpur-quantity-selector-button":"_purpur-quantity-selector-button_qjlbs_1","purpur-quantity-selector-button--gap-left":"_purpur-quantity-selector-button--gap-left_qjlbs_4","purpur-quantity-selector-button--gap-right":"_purpur-quantity-selector-button--gap-right_qjlbs_7","purpur-quantity-selector-button--no-gap-right":"_purpur-quantity-selector-button--no-gap-right_qjlbs_10","purpur-quantity-selector-button--no-gap-left":"_purpur-quantity-selector-button--no-gap-left_qjlbs_13"},W=B.c.bind(G),b="purpur-quantity-selector-button",T=({["data-testid"]:a,["aria-label"]:f,disabled:s,hasGap:o,variant:p,buttonType:e,onClick:x})=>{const d=W(b,{[`${b}--gap-left`]:o&&e==="decrement",[`${b}--gap-right`]:o&&e==="increment",[`${b}--no-gap-left`]:!o&&e==="decrement",[`${b}--no-gap-right`]:!o&&e==="increment"});return n.jsx(Z.Button,{"data-testid":a,className:d,size:"sm",type:"submit",variant:p,onClick:()=>x(e),iconOnly:!0,"aria-label":f??"",disabled:s,tabIndex:-1,children:e==="increment"?n.jsx(C,{size:"xs"}):n.jsx(J.e,{size:"xs"})})},V=B.c.bind(L),tt=["attached","separated"],et=["primary","secondary"],r="purpur-quantity-selector",D=q.forwardRef(({["data-testid"]:a,className:f,variant:s,buttonVariant:o,onChange:p,value:e,defaultValue:x,fullWidth:d,disabled:F,loading:$,minValue:R,maxValue:E,ariaLabelDecrement:k,ariaLabelIncrement:z,...H},Q)=>{const[M,w]=q.useState(x??0),[v,j]=q.useState(M),u=e!==void 0,l=u?e:v,S=t=>a?`${a}-${t}`:void 0,i=F||$,y=Math.max(R??0,0),m=E??Number.MAX_SAFE_INTEGER,_=l===m,g=l===y;q.useEffect(()=>{u&&w(e)},[e,u]),q.useEffect(()=>{if(!u){const t=setTimeout(()=>{w(v)},300);return()=>clearTimeout(t)}},[v,u,p]);const O=V(f,r,{[`${r}--no-gap`]:s==="attached"&&!i&&!g&&!_,[`${r}--no-gap-disabled-left`]:s==="attached"&&!i&&!_&&g,[`${r}--no-gap-disabled-right`]:s==="attached"&&!i&&!g&&_,[`${r}--no-gap-disabled`]:s==="attached"&&(i||_&&g),[`${r}--full-width`]:d,[`${r}--loading`]:$}),A=t=>{if(!/^[0-9]*$/.test(t.target.value))return;const h=+t.target.value;h<y||h>m||(u||j(h),p(h))},I=t=>{const c=t==="increment"?l+1:l-1;c<0||(u||j(c),p(c))},N=t=>{const c=t==="increment"&&_||t==="decrement"&&g;return n.jsx(T,{"data-testid":S("button-"+t),variant:o,buttonType:t,hasGap:s==="separated",onClick:I,disabled:i||c,"aria-label":t==="increment"?z:k})},P=n.jsxs(n.Fragment,{children:[$&&n.jsx("div",{className:V(`${r}__spinner`,{[`${r}__spinner--full-width`]:d,[`${r}__spinner--separated`]:!d&&s==="separated"}),children:n.jsx(U.Spinner,{disabled:i,size:"xs","data-testid":S("spinner")},"spinner")}),N("decrement")]});return n.jsx(X.TextField,{value:l,type:"number",ref:Q,className:O,"data-testid":a,onChange:A,beforeField:P,afterField:N("increment"),disabled:i,min:y,max:m,role:"spinbutton","aria-valuenow":l,"aria-valuemax":m,"aria-valuemin":y,...H})});D.displayName="QuantitySelector";exports.QuantitySelector=D;exports.quantitySelectorButtonVariants=et;exports.quantitySelectorVariants=tt;
+//# sourceMappingURL=quantity-selector-Ds7d4MnV.js.map

package/dist/quantity-selector-Ds7d4MnV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-selector-Ds7d4MnV.js","sources":["../../../components/icon/dist/components/plus.es.js","../../../components/quantity-selector/src/quantity-selector-button.tsx","../../../components/quantity-selector/src/quantity-selector.tsx"],"sourcesContent":["import { jsx as s } from \"react/jsx-runtime\";\nimport { I as l } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"plus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"plus\"],\n  category: \"utility\"\n}, r = (o) => /* @__PURE__ */ s(l, { ...o, svg: e });\nr.displayName = \"IconPlus\";\nexport {\n  r as IconPlus\n};\n//# sourceMappingURL=plus.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconMinus } from \"@purpur/icon/minus\";\nimport { IconPlus } from \"@purpur/icon/plus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./quantity-selector-button.module.scss\";\n\ntype variant = \"primary\" | \"secondary\";\ntype buttonType = \"increment\" | \"decrement\";\n\ntype QuantitySelectorButtonProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  hasGap: boolean;\n  variant: variant;\n  buttonType: buttonType;\n  onClick: (buttonType: buttonType) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-quantity-selector-button\";\n\nexport const QuantitySelectorButton = ({\n  [\"data-testid\"]: dataTestid,\n  [\"aria-label\"]: ariaLabel,\n  disabled,\n  hasGap,\n  variant,\n  buttonType,\n  onClick,\n}: QuantitySelectorButtonProps) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--gap-left`]: hasGap && buttonType === \"decrement\",\n    [`${rootClassName}--gap-right`]: hasGap && buttonType === \"increment\",\n    [`${rootClassName}--no-gap-left`]: !hasGap && buttonType === \"decrement\",\n    [`${rootClassName}--no-gap-right`]: !hasGap && buttonType === \"increment\",\n  });\n\n  return (\n    <Button\n      data-testid={dataTestid}\n      className={classes}\n      size=\"sm\"\n      type=\"submit\"\n      variant={variant}\n      onClick={() => onClick(buttonType)}\n      iconOnly={true}\n      aria-label={ariaLabel ?? \"\"}\n      disabled={disabled}\n      tabIndex={-1}\n    >\n      {buttonType === \"increment\" ? <IconPlus size=\"xs\" /> : <IconMinus size=\"xs\" />}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, forwardRef, useEffect, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport { TextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./quantity-selector.module.scss\";\nimport { QuantitySelectorButton } from \"./quantity-selector-button\";\n\nconst cx = c.bind(styles);\n\nexport const quantitySelectorVariants = [\"attached\", \"separated\"] as const;\nexport const quantitySelectorButtonVariants = [\"primary\", \"secondary\"] as const;\n\ntype Variant = (typeof quantitySelectorVariants)[number];\ntype ButtonVariant = (typeof quantitySelectorButtonVariants)[number];\n\nexport type QuantitySelectorProps = Omit<BaseProps<\"input\">, \"onChange\" | \"type\"> & {\n  variant: Variant;\n  buttonVariant: ButtonVariant;\n  onChange: (value: number) => void;\n  defaultValue?: number;\n  ariaLabelIncrement?: string;\n  ariaLabelDecrement?: string;\n  /**\n   * Used when the component is controlled\n   */\n  value?: number;\n  minValue?: number;\n  maxValue?: number;\n  label?: string;\n  errorText?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nconst rootClassName = \"purpur-quantity-selector\";\n\nexport const QuantitySelector = forwardRef<HTMLInputElement, QuantitySelectorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      variant,\n      buttonVariant,\n      onChange,\n      value: controlledValue,\n      defaultValue,\n      fullWidth,\n      disabled,\n      loading,\n      minValue,\n      maxValue,\n      ariaLabelDecrement,\n      ariaLabelIncrement,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? 0);\n    const [debouncedValue, setDebouncedValue] = useState(uncontrolledValue);\n    const isControlled = controlledValue !== undefined;\n    const value = isControlled ? controlledValue : debouncedValue;\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isDisabled = disabled || loading;\n    const min = Math.max(minValue ?? 0, 0);\n    const max = maxValue ?? Number.MAX_SAFE_INTEGER;\n    const incrementDisabled = value === max;\n    const decrementDisabled = value === min;\n\n    useEffect(() => {\n      if (isControlled) {\n        setUncontrolledValue(controlledValue);\n      }\n    }, [controlledValue, isControlled]);\n\n    useEffect(() => {\n      if (!isControlled) {\n        const timer = setTimeout(() => {\n          setUncontrolledValue(debouncedValue);\n        }, 300);\n\n        return () => clearTimeout(timer);\n      }\n      return;\n    }, [debouncedValue, isControlled, onChange]);\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]:\n        variant === \"attached\" && !isDisabled && !decrementDisabled && !incrementDisabled,\n      [`${rootClassName}--no-gap-disabled-left`]:\n        variant === \"attached\" && !isDisabled && !incrementDisabled && decrementDisabled,\n      [`${rootClassName}--no-gap-disabled-right`]:\n        variant === \"attached\" && !isDisabled && !decrementDisabled && incrementDisabled,\n      [`${rootClassName}--no-gap-disabled`]:\n        variant === \"attached\" && (isDisabled || (incrementDisabled && decrementDisabled)),\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${rootClassName}--loading`]: loading,\n    });\n\n    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const numericRegex = /^[0-9]*$/;\n      if (!numericRegex.test(e.target.value)) {\n        return;\n      }\n      const val = +e.target.value;\n      if (val < min || val > max) {\n        return;\n      }\n\n      if (!isControlled) {\n        setDebouncedValue(val);\n      }\n      onChange(val);\n    };\n\n    const handleOnClick = (adjustmentType: \"increment\" | \"decrement\") => {\n      const adjustedValue = adjustmentType === \"increment\" ? value + 1 : value - 1;\n      if (adjustedValue < 0) {\n        return;\n      }\n\n      if (!isControlled) {\n        setDebouncedValue(adjustedValue);\n      }\n      onChange(adjustedValue);\n    };\n\n    const adjustmentButton = (adjustmentType: \"increment\" | \"decrement\") => {\n      const buttonDisabled =\n        (adjustmentType === \"increment\" && incrementDisabled) ||\n        (adjustmentType === \"decrement\" && decrementDisabled);\n\n      return (\n        <QuantitySelectorButton\n          data-testid={getTestId(\"button-\" + adjustmentType)}\n          variant={buttonVariant}\n          buttonType={adjustmentType}\n          hasGap={variant === \"separated\"}\n          onClick={handleOnClick}\n          disabled={isDisabled || buttonDisabled}\n          aria-label={adjustmentType === \"increment\" ? ariaLabelIncrement : ariaLabelDecrement}\n        />\n      );\n    };\n\n    const beforeField = (\n      <>\n        {loading && (\n          <div\n            className={cx(`${rootClassName}__spinner`, {\n              [`${rootClassName}__spinner--full-width`]: fullWidth,\n              [`${rootClassName}__spinner--separated`]: !fullWidth && variant === \"separated\",\n            })}\n          >\n            <Spinner\n              key=\"spinner\"\n              disabled={isDisabled}\n              size=\"xs\"\n              data-testid={getTestId(\"spinner\")}\n            />\n          </div>\n        )}\n        {adjustmentButton(\"decrement\")}\n      </>\n    );\n\n    return (\n      <TextField\n        value={value}\n        type=\"number\"\n        ref={ref}\n        className={classes}\n        data-testid={dataTestId}\n        onChange={handleOnChange}\n        beforeField={beforeField}\n        afterField={adjustmentButton(\"increment\")}\n        disabled={isDisabled}\n        min={min}\n        max={max}\n        role=\"spinbutton\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        {...props}\n      />\n    );\n  }\n);\n\nQuantitySelector.displayName = \"QuantitySelector\";\n"],"names":["e","r","o","s","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","ariaLabel","disabled","hasGap","variant","buttonType","onClick","classes","jsx","Button","IconPlus","IconMinus","quantitySelectorVariants","quantitySelectorButtonVariants","QuantitySelector","forwardRef","dataTestId","className","buttonVariant","onChange","controlledValue","defaultValue","fullWidth","loading","minValue","maxValue","ariaLabelDecrement","ariaLabelIncrement","props","ref","uncontrolledValue","setUncontrolledValue","useState","debouncedValue","setDebouncedValue","isControlled","value","getTestId","name","isDisabled","min","max","incrementDisabled","decrementDisabled","useEffect","timer","handleOnChange","val","handleOnClick","adjustmentType","adjustedValue","adjustmentButton","buttonDisabled","beforeField","jsxs","Fragment","Spinner","TextField"],"mappings":"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"}

package/dist/quantity-selector-DwkKKmFy.mjs

@@ -0,0 +1,172 @@
+import { jsx as a, jsxs as U, Fragment as X } from "react/jsx-runtime";
+import { forwardRef as Z, useState as C, useEffect as V } from "react";
+import { a as J } from "./spinner-DRQN6YdK.mjs";
+import { T as K } from "./text-field-C9LX7LBf.mjs";
+import { c as B } from "./bind-CU-R61T-.mjs";
+import { b as L } from "./button-EVRfctR8.mjs";
+import { e as Y } from "./minus.es-BK9qA9iJ.mjs";
+import { b as G } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+const W = {
+  "purpur-quantity-selector": "_purpur-quantity-selector_1hglo_1",
+  "purpur-quantity-selector--full-width": "_purpur-quantity-selector--full-width_1hglo_25",
+  "purpur-quantity-selector--loading": "_purpur-quantity-selector--loading_1hglo_31",
+  "purpur-quantity-selector--no-gap": "_purpur-quantity-selector--no-gap_1hglo_34",
+  "purpur-quantity-selector--no-gap-disabled-left": "_purpur-quantity-selector--no-gap-disabled-left_1hglo_39",
+  "purpur-quantity-selector--no-gap-disabled-right": "_purpur-quantity-selector--no-gap-disabled-right_1hglo_43",
+  "purpur-quantity-selector--no-gap-disabled": "_purpur-quantity-selector--no-gap-disabled_1hglo_39",
+  "purpur-quantity-selector__spinner": "_purpur-quantity-selector__spinner_1hglo_50",
+  "purpur-quantity-selector__spinner--full-width": "_purpur-quantity-selector__spinner--full-width_1hglo_57",
+  "purpur-quantity-selector__spinner--separated": "_purpur-quantity-selector__spinner--separated_1hglo_61"
+}, T = {
+  name: "plus",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',
+  keywords: ["plus"],
+  category: "utility"
+}, D = (s) => /* @__PURE__ */ a(G, { ...s, svg: T });
+D.displayName = "IconPlus";
+const tt = {
+  "purpur-quantity-selector-button": "_purpur-quantity-selector-button_qjlbs_1",
+  "purpur-quantity-selector-button--gap-left": "_purpur-quantity-selector-button--gap-left_qjlbs_4",
+  "purpur-quantity-selector-button--gap-right": "_purpur-quantity-selector-button--gap-right_qjlbs_7",
+  "purpur-quantity-selector-button--no-gap-right": "_purpur-quantity-selector-button--no-gap-right_qjlbs_10",
+  "purpur-quantity-selector-button--no-gap-left": "_purpur-quantity-selector-button--no-gap-left_qjlbs_13"
+}, et = B.bind(tt), m = "purpur-quantity-selector-button", rt = ({
+  ["data-testid"]: s,
+  ["aria-label"]: f,
+  disabled: n,
+  hasGap: i,
+  variant: c,
+  buttonType: e,
+  onClick: h
+}) => {
+  const d = et(m, {
+    [`${m}--gap-left`]: i && e === "decrement",
+    [`${m}--gap-right`]: i && e === "increment",
+    [`${m}--no-gap-left`]: !i && e === "decrement",
+    [`${m}--no-gap-right`]: !i && e === "increment"
+  });
+  return /* @__PURE__ */ a(
+    L,
+    {
+      "data-testid": s,
+      className: d,
+      size: "sm",
+      type: "submit",
+      variant: c,
+      onClick: () => h(e),
+      iconOnly: !0,
+      "aria-label": f ?? "",
+      disabled: n,
+      tabIndex: -1,
+      children: e === "increment" ? /* @__PURE__ */ a(D, { size: "xs" }) : /* @__PURE__ */ a(Y, { size: "xs" })
+    }
+  );
+}, j = B.bind(W), dt = ["attached", "separated"], _t = ["primary", "secondary"], r = "purpur-quantity-selector", nt = Z(
+  ({
+    ["data-testid"]: s,
+    className: f,
+    variant: n,
+    buttonVariant: i,
+    onChange: c,
+    value: e,
+    defaultValue: h,
+    fullWidth: d,
+    disabled: F,
+    loading: $,
+    minValue: k,
+    maxValue: z,
+    ariaLabelDecrement: E,
+    ariaLabelIncrement: Q,
+    ...R
+  }, M) => {
+    const [O, x] = C(h ?? 0), [v, w] = C(O), o = e !== void 0, l = o ? e : v, N = (t) => s ? `${s}-${t}` : void 0, u = F || $, b = Math.max(k ?? 0, 0), y = z ?? Number.MAX_SAFE_INTEGER, _ = l === y, g = l === b;
+    V(() => {
+      o && x(e);
+    }, [e, o]), V(() => {
+      if (!o) {
+        const t = setTimeout(() => {
+          x(v);
+        }, 300);
+        return () => clearTimeout(t);
+      }
+    }, [v, o, c]);
+    const A = j(f, r, {
+      [`${r}--no-gap`]: n === "attached" && !u && !g && !_,
+      [`${r}--no-gap-disabled-left`]: n === "attached" && !u && !_ && g,
+      [`${r}--no-gap-disabled-right`]: n === "attached" && !u && !g && _,
+      [`${r}--no-gap-disabled`]: n === "attached" && (u || _ && g),
+      [`${r}--full-width`]: d,
+      [`${r}--loading`]: $
+    }), H = (t) => {
+      if (!/^[0-9]*$/.test(t.target.value))
+        return;
+      const q = +t.target.value;
+      q < b || q > y || (o || w(q), c(q));
+    }, I = (t) => {
+      const p = t === "increment" ? l + 1 : l - 1;
+      p < 0 || (o || w(p), c(p));
+    }, S = (t) => {
+      const p = t === "increment" && _ || t === "decrement" && g;
+      return /* @__PURE__ */ a(
+        rt,
+        {
+          "data-testid": N("button-" + t),
+          variant: i,
+          buttonType: t,
+          hasGap: n === "separated",
+          onClick: I,
+          disabled: u || p,
+          "aria-label": t === "increment" ? Q : E
+        }
+      );
+    }, P = /* @__PURE__ */ U(X, { children: [
+      $ && /* @__PURE__ */ a(
+        "div",
+        {
+          className: j(`${r}__spinner`, {
+            [`${r}__spinner--full-width`]: d,
+            [`${r}__spinner--separated`]: !d && n === "separated"
+          }),
+          children: /* @__PURE__ */ a(
+            J,
+            {
+              disabled: u,
+              size: "xs",
+              "data-testid": N("spinner")
+            },
+            "spinner"
+          )
+        }
+      ),
+      S("decrement")
+    ] });
+    return /* @__PURE__ */ a(
+      K,
+      {
+        value: l,
+        type: "number",
+        ref: M,
+        className: A,
+        "data-testid": s,
+        onChange: H,
+        beforeField: P,
+        afterField: S("increment"),
+        disabled: u,
+        min: b,
+        max: y,
+        role: "spinbutton",
+        "aria-valuenow": l,
+        "aria-valuemax": y,
+        "aria-valuemin": b,
+        ...R
+      }
+    );
+  }
+);
+nt.displayName = "QuantitySelector";
+export {
+  nt as Q,
+  dt as a,
+  _t as q
+};
+//# sourceMappingURL=quantity-selector-DwkKKmFy.mjs.map

package/dist/quantity-selector-DwkKKmFy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-selector-DwkKKmFy.mjs","sources":["../../../components/icon/dist/components/plus.es.js","../../../components/quantity-selector/src/quantity-selector-button.tsx","../../../components/quantity-selector/src/quantity-selector.tsx"],"sourcesContent":["import { jsx as s } from \"react/jsx-runtime\";\nimport { I as l } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"plus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"plus\"],\n  category: \"utility\"\n}, r = (o) => /* @__PURE__ */ s(l, { ...o, svg: e });\nr.displayName = \"IconPlus\";\nexport {\n  r as IconPlus\n};\n//# sourceMappingURL=plus.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconMinus } from \"@purpur/icon/minus\";\nimport { IconPlus } from \"@purpur/icon/plus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./quantity-selector-button.module.scss\";\n\ntype variant = \"primary\" | \"secondary\";\ntype buttonType = \"increment\" | \"decrement\";\n\ntype QuantitySelectorButtonProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  hasGap: boolean;\n  variant: variant;\n  buttonType: buttonType;\n  onClick: (buttonType: buttonType) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-quantity-selector-button\";\n\nexport const QuantitySelectorButton = ({\n  [\"data-testid\"]: dataTestid,\n  [\"aria-label\"]: ariaLabel,\n  disabled,\n  hasGap,\n  variant,\n  buttonType,\n  onClick,\n}: QuantitySelectorButtonProps) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--gap-left`]: hasGap && buttonType === \"decrement\",\n    [`${rootClassName}--gap-right`]: hasGap && buttonType === \"increment\",\n    [`${rootClassName}--no-gap-left`]: !hasGap && buttonType === \"decrement\",\n    [`${rootClassName}--no-gap-right`]: !hasGap && buttonType === \"increment\",\n  });\n\n  return (\n    <Button\n      data-testid={dataTestid}\n      className={classes}\n      size=\"sm\"\n      type=\"submit\"\n      variant={variant}\n      onClick={() => onClick(buttonType)}\n      iconOnly={true}\n      aria-label={ariaLabel ?? \"\"}\n      disabled={disabled}\n      tabIndex={-1}\n    >\n      {buttonType === \"increment\" ? <IconPlus size=\"xs\" /> : <IconMinus size=\"xs\" />}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, forwardRef, useEffect, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport { TextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./quantity-selector.module.scss\";\nimport { QuantitySelectorButton } from \"./quantity-selector-button\";\n\nconst cx = c.bind(styles);\n\nexport const quantitySelectorVariants = [\"attached\", \"separated\"] as const;\nexport const quantitySelectorButtonVariants = [\"primary\", \"secondary\"] as const;\n\ntype Variant = (typeof quantitySelectorVariants)[number];\ntype ButtonVariant = (typeof quantitySelectorButtonVariants)[number];\n\nexport type QuantitySelectorProps = Omit<BaseProps<\"input\">, \"onChange\" | \"type\"> & {\n  variant: Variant;\n  buttonVariant: ButtonVariant;\n  onChange: (value: number) => void;\n  defaultValue?: number;\n  ariaLabelIncrement?: string;\n  ariaLabelDecrement?: string;\n  /**\n   * Used when the component is controlled\n   */\n  value?: number;\n  minValue?: number;\n  maxValue?: number;\n  label?: string;\n  errorText?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nconst rootClassName = \"purpur-quantity-selector\";\n\nexport const QuantitySelector = forwardRef<HTMLInputElement, QuantitySelectorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      variant,\n      buttonVariant,\n      onChange,\n      value: controlledValue,\n      defaultValue,\n      fullWidth,\n      disabled,\n      loading,\n      minValue,\n      maxValue,\n      ariaLabelDecrement,\n      ariaLabelIncrement,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? 0);\n    const [debouncedValue, setDebouncedValue] = useState(uncontrolledValue);\n    const isControlled = controlledValue !== undefined;\n    const value = isControlled ? controlledValue : debouncedValue;\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isDisabled = disabled || loading;\n    const min = Math.max(minValue ?? 0, 0);\n    const max = maxValue ?? Number.MAX_SAFE_INTEGER;\n    const incrementDisabled = value === max;\n    const decrementDisabled = value === min;\n\n    useEffect(() => {\n      if (isControlled) {\n        setUncontrolledValue(controlledValue);\n      }\n    }, [controlledValue, isControlled]);\n\n    useEffect(() => {\n      if (!isControlled) {\n        const timer = setTimeout(() => {\n          setUncontrolledValue(debouncedValue);\n        }, 300);\n\n        return () => clearTimeout(timer);\n      }\n      return;\n    }, [debouncedValue, isControlled, onChange]);\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]:\n        variant === \"attached\" && !isDisabled && !decrementDisabled && !incrementDisabled,\n      [`${rootClassName}--no-gap-disabled-left`]:\n        variant === \"attached\" && !isDisabled && !incrementDisabled && decrementDisabled,\n      [`${rootClassName}--no-gap-disabled-right`]:\n        variant === \"attached\" && !isDisabled && !decrementDisabled && incrementDisabled,\n      [`${rootClassName}--no-gap-disabled`]:\n        variant === \"attached\" && (isDisabled || (incrementDisabled && decrementDisabled)),\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${rootClassName}--loading`]: loading,\n    });\n\n    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const numericRegex = /^[0-9]*$/;\n      if (!numericRegex.test(e.target.value)) {\n        return;\n      }\n      const val = +e.target.value;\n      if (val < min || val > max) {\n        return;\n      }\n\n      if (!isControlled) {\n        setDebouncedValue(val);\n      }\n      onChange(val);\n    };\n\n    const handleOnClick = (adjustmentType: \"increment\" | \"decrement\") => {\n      const adjustedValue = adjustmentType === \"increment\" ? value + 1 : value - 1;\n      if (adjustedValue < 0) {\n        return;\n      }\n\n      if (!isControlled) {\n        setDebouncedValue(adjustedValue);\n      }\n      onChange(adjustedValue);\n    };\n\n    const adjustmentButton = (adjustmentType: \"increment\" | \"decrement\") => {\n      const buttonDisabled =\n        (adjustmentType === \"increment\" && incrementDisabled) ||\n        (adjustmentType === \"decrement\" && decrementDisabled);\n\n      return (\n        <QuantitySelectorButton\n          data-testid={getTestId(\"button-\" + adjustmentType)}\n          variant={buttonVariant}\n          buttonType={adjustmentType}\n          hasGap={variant === \"separated\"}\n          onClick={handleOnClick}\n          disabled={isDisabled || buttonDisabled}\n          aria-label={adjustmentType === \"increment\" ? ariaLabelIncrement : ariaLabelDecrement}\n        />\n      );\n    };\n\n    const beforeField = (\n      <>\n        {loading && (\n          <div\n            className={cx(`${rootClassName}__spinner`, {\n              [`${rootClassName}__spinner--full-width`]: fullWidth,\n              [`${rootClassName}__spinner--separated`]: !fullWidth && variant === \"separated\",\n            })}\n          >\n            <Spinner\n              key=\"spinner\"\n              disabled={isDisabled}\n              size=\"xs\"\n              data-testid={getTestId(\"spinner\")}\n            />\n          </div>\n        )}\n        {adjustmentButton(\"decrement\")}\n      </>\n    );\n\n    return (\n      <TextField\n        value={value}\n        type=\"number\"\n        ref={ref}\n        className={classes}\n        data-testid={dataTestId}\n        onChange={handleOnChange}\n        beforeField={beforeField}\n        afterField={adjustmentButton(\"increment\")}\n        disabled={isDisabled}\n        min={min}\n        max={max}\n        role=\"spinbutton\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        {...props}\n      />\n    );\n  }\n);\n\nQuantitySelector.displayName = \"QuantitySelector\";\n"],"names":["e","r","o","s","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","ariaLabel","disabled","hasGap","variant","buttonType","onClick","classes","jsx","Button","IconPlus","IconMinus","quantitySelectorVariants","quantitySelectorButtonVariants","QuantitySelector","forwardRef","dataTestId","className","buttonVariant","onChange","controlledValue","defaultValue","fullWidth","loading","minValue","maxValue","ariaLabelDecrement","ariaLabelIncrement","props","ref","uncontrolledValue","setUncontrolledValue","useState","debouncedValue","setDebouncedValue","isControlled","value","getTestId","name","isDisabled","min","max","incrementDisabled","decrementDisabled","useEffect","timer","handleOnChange","val","handleOnClick","adjustmentType","adjustedValue","adjustmentButton","buttonDisabled","beforeField","jsxs","Fragment","Spinner","TextField"],"mappings":"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"}

package/dist/quantity-selector.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./quantity-selector-CwxuBsVC.js");exports.QuantitySelector=t.QuantitySelector;exports.quantitySelectorButtonVariants=t.quantitySelectorButtonVariants;exports.quantitySelectorVariants=t.quantitySelectorVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./quantity-selector-Ds7d4MnV.js");exports.QuantitySelector=t.QuantitySelector;exports.quantitySelectorButtonVariants=t.quantitySelectorButtonVariants;exports.quantitySelectorVariants=t.quantitySelectorVariants;
 //# sourceMappingURL=quantity-selector.cjs.js.map

package/dist/quantity-selector.es.js

@@ -1,4 +1,4 @@
-import { Q as e, q as r, a as n } from "./quantity-selector-COtqc-Iy.mjs";
+import { Q as e, q as r, a as n } from "./quantity-selector-DwkKKmFy.mjs";
 export {
   e as QuantitySelector,
   r as quantitySelectorButtonVariants,

package/dist/radio-button-group-CdUrC7h9.js

@@ -0,0 +1,6 @@
+"use strict";const A=require("react/jsx-runtime"),ie=require("react"),kt=require("./bind-DeUYJ6m9.js"),fn=require("react-dom"),pn=require("./heading-drD5ugCC.js");function At(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=At(ie),gn=At(fn),mn=()=>{},H=typeof document<"u"?u.useLayoutEffect:mn,ce={...u},Et={};function ee(e,t){const n=u.useRef(Et);return n.current===Et&&(n.current=e(t)),n}const Le=ce.useInsertionEffect,hn=Le&&Le!==ce.useLayoutEffect?Le:e=>e();function F(e){const t=ee(bn).current;return t.next=e,hn(t.effect),t.trampoline}function bn(){const e={next:void 0,callback:Rn,trampoline:(...t)=>e.callback?.(...t),effect:()=>{e.callback=e.next}};return e}function Rn(){if(process.env.NODE_ENV!=="production")throw new Error("Base UI: Cannot call an event handler while rendering.")}function yn(e,t){return function(o,...r){const i=new URL(e);return i.searchParams.set("code",o.toString()),r.forEach(s=>i.searchParams.append("args[]",s)),`${t} error #${o}; visit ${i} for the full message.`}}const Ce=yn("https://base-ui.com/production-error","Base UI");function G(){}const Ee=Object.freeze([]),Z=Object.freeze({}),ve={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:null,valueMissing:!1},In={valid:null,touched:!1,dirty:!1,filled:!1,focused:!1},En={disabled:!1,...In},he={valid(e){return e===null?null:e?{"data-valid":""}:{"data-invalid":""}}},vn={invalid:void 0,name:void 0,validityData:{state:ve,errors:[],error:"",value:"",initialValue:null},setValidityData:G,disabled:void 0,setTouched:G,setDirty:G,setFilled:G,setFocused:G,validationMode:"onSubmit",shouldValidateOnChange:()=>!1,state:En,registerFieldControl:G,validation:{getValidationProps:(e,t=Z)=>t,inputRef:{current:null},registeredInputs:new Map,registerInput:G,getInputControl:()=>null,commit:async()=>{},change:G}},nt=u.createContext(vn);process.env.NODE_ENV!=="production"&&(nt.displayName="FieldRootContext");function be(e=!0){const t=u.useContext(nt);if(t.setValidityData===G&&!e)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.":Ce(28));return t}const rt=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(rt.displayName="FieldsetRootContext");function Ve(e=!1){const t=u.useContext(rt);if(!t&&!e)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>.":Ce(86));return t}const Ft=u.createContext({elementRef:{current:null},formRef:{current:{fields:new Map}},errors:{},clearErrors:G,validationMode:"onSubmit",submitAttemptedRef:{current:!1}});process.env.NODE_ENV!=="production"&&(Ft.displayName="FormContext");function Se(){return u.useContext(Ft)}let vt=0;function xn(e,t="mui"){const[n,o]=u.useState(e),r=e||n;return u.useEffect(()=>{n==null&&(vt+=1,o(`${t}-${vt}`))},[n,t]),r}const xt=ce.useId;function Cn(e,t){if(xt!==void 0){const n=xt();return e??`${t}-${n}`}return xn(e,t)}function le(e){return Cn(e,"base-ui")}const ot=u.createContext({controlId:void 0,registerControlId:G,labelId:void 0,setLabelId:G,messageIds:[],setMessageIds:G,getDescriptionProps:e=>e});process.env.NODE_ENV!=="production"&&(ot.displayName="LabelableContext");function se(){return u.useContext(ot)}const it=function(t){const n=le(),o=t.controlId===void 0?n:t.controlId,[r,i]=u.useState(o),[s,f]=u.useState(t.labelId),[c,a]=u.useState([]),d=ee(()=>new Map),{messageIds:p}=se(),R=F((v,y)=>{const C=d.current;if(y===void 0){C.delete(v);return}C.set(v,y),i(N=>{if(C.size===0)return;let L;for(const l of C.values()){if(N!==void 0&&l===N)return N;L===void 0&&(L=l)}return L})}),g=u.useCallback(v=>{const y=v["aria-describedby"]?v["aria-describedby"].split(" "):[];return y.push(...p,...c),{...v,"aria-describedby":Array.from(new Set(y)).join(" ")||void 0}},[p,c]),m=u.useMemo(()=>({controlId:r,registerControlId:R,labelId:s,setLabelId:f,messageIds:c,setMessageIds:a,getDescriptionProps:g}),[r,R,s,f,c,a,g]);return A.jsx(ot.Provider,{value:m,children:t.children})};process.env.NODE_ENV!=="production"&&(it.displayName="LabelableProvider");function Nn(e,t,n,o=!0,r){const[i,s]=u.useState(),f=le(r?`${r}-label`:void 0),c=e??t??i;return H(()=>{const a=e||t||!o?void 0:_n(n.current,f);i!==a&&s(a)}),c}function _n(e,t){const n=wn(e);if(n)return!n.id&&t&&(n.id=t),n.id||void 0}function wn(e){if(!e)return;const t=e.parentElement;if(t&&t.tagName==="LABEL")return t;const n=e.id;if(n){const r=e.nextElementSibling;if(r&&r.htmlFor===n)return r}const o=e.labels;return o&&o[0]}function st(){return typeof window<"u"}function Ne(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Dn(e){return st()?e instanceof Element||e instanceof Ne(e).Element:!1}function _e(e){return st()?e instanceof HTMLElement||e instanceof Ne(e).HTMLElement:!1}function Pn(e){return!st()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Ne(e).ShadowRoot}function Mn(e){return Ne(e).getComputedStyle(e)}function On(e={}){const{id:t,implicit:n=!1,controlRef:o}=e,{controlId:r,registerControlId:i}=se(),s=le(t),f=n?r:void 0,c=ee(()=>Symbol()),a=u.useRef(!1),d=u.useRef(t!=null),p=F(()=>{!a.current||i===G||(a.current=!1,i(c.current,void 0))});return H(()=>{if(i===G)return;let R;if(n){const g=o?.current;Dn(g)&&g.closest("label")!=null?R=t??null:R=f??s}else if(t!=null)d.current=!0,R=t;else if(d.current)R=s;else{p();return}if(R===void 0){p();return}a.current=!0,i(c.current,R)},[t,o,f,i,n,s,c,p]),u.useEffect(()=>p,[p]),r??s}function kn(e){return e?.ownerDocument||document}function An(e,t){if(!e||!t)return!1;const n=t.getRootNode?.();if(e.contains(t))return!0;if(n&&Pn(n)){let o=t;for(;o;){if(e===o)return!0;o=o.parentNode||o.host}}return!1}function He(e){return"composedPath"in e?e.composedPath()[0]:e.target}function Be(e,t){return t<0||t>=e.length}function Fn(e,t){return Ie(e.current,{disabledIndices:t})}function Vn(e,t){return Ie(e.current,{decrement:!0,startingIndex:e.current.length,disabledIndices:t})}function Ie(e,{startingIndex:t=-1,decrement:n=!1,disabledIndices:o,amount:r=1}={}){let i=t;do i+=n?-r:r;while(i>=0&&i<=e.length-1&&Ke(e,i,o));return i}function Ke(e,t,n){if(typeof n=="function"?n(t):n?.includes(t)??!1)return!0;const r=e[t];return r?!Tn(r)||r.matches(":disabled")?!0:!n&&(r.hasAttribute("disabled")||r.getAttribute("aria-disabled")==="true"):!1}function Sn(e){return e.visibility==="hidden"||e.visibility==="collapse"}function Tn(e,t=e?Mn(e):null){return!e||!e.isConnected||!t||Sn(t)?!1:typeof e.checkVisibility=="function"?e.checkVisibility():t.display!=="none"&&t.display!=="contents"}function Vt(e,t){const n=le(e);return H(()=>(t(n),()=>{t(o=>o===n?void 0:o)}),[n,t]),n}function Ln(e={}){const{id:t,fallbackControlId:n,native:o=!1,setLabelId:r,focusControl:i}=e,{controlId:s,setLabelId:f}=se(),c=F(g=>{f(g),r?.(g)}),a=Vt(t,c),d=s??n;function p(g){if(i){i(g,d);return}if(!d)return;const m=kn(g.currentTarget).getElementById(d);_e(m)&&Bn(m)}function R(g){He(g.nativeEvent)?.closest("button,input,select,textarea")||(!g.defaultPrevented&&g.detail>1&&g.preventDefault(),!o&&p(g))}return o?{id:a,htmlFor:d??void 0,onMouseDown:R}:{id:a,onClick:R,onPointerDown(g){g.preventDefault()}}}function Bn(e){e.focus({focusVisible:!0})}function xe(e,t,n,o){const r=ee(St).current;return $n(r,e,t,n,o)&&Tt(r,[e,t,n,o]),r.callback}function Un(e){const t=ee(St).current;return jn(t,e)&&Tt(t,e),t.callback}function St(){return{callback:null,cleanup:null,refs:[]}}function $n(e,t,n,o,r){return e.refs[0]!==t||e.refs[1]!==n||e.refs[2]!==o||e.refs[3]!==r}function jn(e,t){return e.refs.length!==t.length||e.refs.some((n,o)=>n!==t[o])}function Tt(e,t){if(e.refs=t,t.every(n=>n==null)){e.callback=null;return}e.callback=n=>{if(e.cleanup&&(e.cleanup(),e.cleanup=null),n!=null){const o=Array(t.length).fill(null);for(let r=0;r<t.length;r+=1){const i=t[r];if(i!=null)switch(typeof i){case"function":{const s=i(n);typeof s=="function"&&(o[r]=s);break}case"object":{i.current=n;break}}}e.cleanup=()=>{for(let r=0;r<t.length;r+=1){const i=t[r];if(i!=null)switch(typeof i){case"function":{const s=o[r];typeof s=="function"?s():i(null);break}case"object":{i.current=null;break}}}}}}}const Hn=parseInt(u.version,10);function Kn(e){return Hn>=e}function Ct(e){if(!u.isValidElement(e))return null;const t=e,n=t.props;return(Kn(19)?n?.ref:t.ref)??null}function Ge(e,t){if(e&&!t)return e;if(!e&&t)return t;if(e||t)return{...e,...t}}let We;process.env.NODE_ENV!=="production"&&(We=new Set);function Gn(...e){if(process.env.NODE_ENV!=="production"){const t=e.join(" ");We.has(t)||(We.add(t),console.warn(`Base UI: ${t}`))}}function Wn(e,t){const n={};for(const o in e){const r=e[o];if(t?.hasOwnProperty(o)){const i=t[o](r);i!=null&&Object.assign(n,i);continue}r===!0?n[`data-${o.toLowerCase()}`]="":r&&(n[`data-${o.toLowerCase()}`]=r.toString())}return n}function qn(e,t){return typeof e=="function"?e(t):e}function zn(e,t){return typeof e=="function"?e(t):e}const at={};function Te(e,t,n,o,r){if(!n&&!o&&!e)return Ae(t);let i=Ae(e);return t&&(i=Oe(i,t)),n&&(i=Oe(i,n)),o&&(i=Oe(i,o)),i}function Yn(e){if(e.length===0)return at;if(e.length===1)return Ae(e[0]);let t=Ae(e[0]);for(let n=1;n<e.length;n+=1)t=Oe(t,e[n]);return t}function Ae(e){return ut(e)?{...Bt(e,at)}:Xn(e)}function Oe(e,t){return ut(t)?Bt(t,e):Zn(e,t)}function Xn(e){const t={...e};for(const n in t){const o=t[n];Lt(n,o)&&(t[n]=Ut(o))}return t}function Zn(e,t){if(!t)return e;for(const n in t){const o=t[n];switch(n){case"style":{e[n]=Ge(e.style,o);break}case"className":{e[n]=$t(e.className,o);break}default:Lt(n,o)?e[n]=Jn(e[n],o):e[n]=o}}return e}function Lt(e,t){const n=e.charCodeAt(0),o=e.charCodeAt(1),r=e.charCodeAt(2);return n===111&&o===110&&r>=65&&r<=90&&(typeof t=="function"||typeof t>"u")}function ut(e){return typeof e=="function"}function Bt(e,t){return ut(e)?e(t):e??at}function Jn(e,t){return t?e?(...n)=>{const o=n[0];if(jt(o)){const i=o;Fe(i);const s=t(...n);return i.baseUIHandlerPrevented||e?.(...n),s}const r=t(...n);return e?.(...n),r}:Ut(t):e}function Ut(e){return e&&((...t)=>{const n=t[0];return jt(n)&&Fe(n),e(...t)})}function Fe(e){return e.preventBaseUIHandler=()=>{e.baseUIHandlerPrevented=!0},e}function $t(e,t){return t?e?t+" "+e:t:e}function jt(e){return e!=null&&typeof e=="object"&&"nativeEvent"in e}function te(e,t,n={}){const o=t.render,r=Qn(t,n);if(n.enabled===!1)return null;const i=n.state??Z;return or(e,o,r,i)}function Qn(e,t={}){const{className:n,style:o,render:r}=e,{state:i=Z,ref:s,props:f,stateAttributesMapping:c,enabled:a=!0}=t,d=a?qn(n,i):void 0,p=a?zn(o,i):void 0,R=a?Wn(i,c):Z,g=a&&f?er(f):void 0,m=a?Ge(R,g)??{}:Z;return typeof document<"u"&&(a?Array.isArray(s)?m.ref=Un([m.ref,Ct(r),...s]):m.ref=xe(m.ref,Ct(r),s):xe(null,null)),a?(d!==void 0&&(m.className=$t(m.className,d)),p!==void 0&&(m.style=Ge(m.style,p)),m):Z}function er(e){return Array.isArray(e)?Yn(e):Te(void 0,e)}const tr=Symbol.for("react.lazy"),nr=/^[A-Z][A-Za-z0-9$]*$/,rr=/[a-z]/;function or(e,t,n,o){if(t){if(typeof t=="function")return process.env.NODE_ENV!=="production"&&ir(t),t(n,o);const r=Te(n,t.props);r.ref=n.ref;let i=t;if(i?.$$typeof===tr&&(i=u.Children.toArray(t)[0]),process.env.NODE_ENV!=="production"&&!u.isValidElement(i))throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.","A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.","https://base-ui.com/r/invalid-render-prop"].join(`
+`));return u.cloneElement(i,r)}if(e&&typeof e=="string")return sr(e,n);throw new Error(process.env.NODE_ENV!=="production"?"Base UI: Render element or function are not defined.":Ce(8))}function ir(e){const t=e.name;t.length!==0&&nr.test(t)&&rr.test(t)&&Gn(`The \`render\` prop received a function named \`${t}\` that starts with an uppercase letter.`,"This usually means a React component was passed directly as `render={Component}`.","Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.","If this is an intentional render callback, rename it to start with a lowercase letter.","Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.","https://base-ui.com/r/invalid-render-prop")}function sr(e,t){return e==="button"?ie.createElement("button",{type:"button",...t,key:t.key}):e==="img"?ie.createElement("img",{alt:"",...t,key:t.key}):u.createElement(e,t)}function Ht(e){u.useEffect(e,Ee)}const ye=0;class ct{static create(){return new ct}currentId=ye;start(t,n){this.clear(),this.currentId=setTimeout(()=>{this.currentId=ye,n()},t)}isStarted(){return this.currentId!==ye}clear=()=>{this.currentId!==ye&&(clearTimeout(this.currentId),this.currentId=ye)};disposeEffect=()=>this.clear}function ar(){const e=ee(ct.create).current;return Ht(e.disposeEffect),e}function qe(e,t){return{...e,state:{...e.state,valid:!t&&e.state.valid}}}const Ue=Object.keys(ve);function Kt(e,t){return e.matches(":disabled")?!1:!t||e.form===t?!0:e.form===null&&!e.hasAttribute("form")}function Nt(e,t){let n=null;for(const o of e.keys())if(Kt(o,t)){if(!o.validity.valid)return o;n??=o}return n}function _t(e,t){for(const n of t.keys())n.setCustomValidity("");e?.setCustomValidity("")}function ur(e){const{elementRef:t,formRef:n}=Se(),{setValidityData:o,validate:r,validityData:i,validationDebounceTime:s,invalid:f,markedDirtyRef:c,state:a,shouldValidateOnChange:d,registeredFieldIdRef:p}=e,{controlId:R,getDescriptionProps:g}=se(),m=ar(),v=u.useRef(null),y=ee(()=>new Map).current,C=u.useRef(0),N=u.useCallback((I,D)=>(y.set(I,D),()=>{y.delete(I)}),[y]),L=F(()=>{const I=Nt(y,t.current);return I&&y.get(I)?.controlRef.current||null}),l=F(async(I,D=!1)=>{C.current+=1;const K=C.current;function b(T,_=f){const S=p.current??R;if(S==null)return;const k=n.current.fields.get(S);if(!k)return;const B=qe(T,_);n.current.fields.set(S,{...k,validityData:B})}function O(T,_){const S={value:I,state:{...ve,valid:!0},error:"",errors:[],initialValue:i.initialValue};_t(T,y),b(S,_),o(S)}const E=y.size>0?Nt(y,t.current):v.current;if(D){if(a.valid!==!1||!E)return;const T=E.validity;if(!T.valueMissing){O(E,!1);return}for(const _ of Ue)if(_!=="valid"&&_!=="valueMissing"&&_!=="customError"&&T[_])return}function j(T){const _=Ue.reduce((k,B)=>(k[B]=T.validity[B],k),{});let S=!1;for(const k of Ue)if(k!=="valid"){if(k==="valueMissing"&&_[k])S=!0;else if(_[k])return _}return S&&!c.current&&(_.valid=!0,_.valueMissing=!1),_}m.clear();let V=null,U=[];const $=E?j(E):{...ve,valid:!0};let Y;const w=d();if(E&&E.validationMessage&&!w)Y=E.validationMessage,U=[E.validationMessage];else{const T=Array.from(n.current.fields.values()).reduce((S,k)=>(k.name&&(S[k.name]=k.getValue()),S),{}),_=r(I,T);if(typeof _=="object"&&_!==null&&"then"in _){if(V=await _,K!==C.current)return}else V=_;V!==null?($.valid=!1,$.customError=!0,Array.isArray(V)?(U=V,E?.setCustomValidity(V.join(`
+`))):V&&(U=[V],E?.setCustomValidity(V))):w&&(_t(E,y),$.customError=!1,E&&E.validationMessage?(Y=E.validationMessage,U=[E.validationMessage]):(!E||E.validity.valid)&&!$.valid&&($.valid=!0))}const P={value:I,state:$,error:Y??(Array.isArray(V)?V[0]:V??""),errors:U,initialValue:i.initialValue};b(P),o(P)}),h=F(I=>{m.clear();const D=d();D&&I!==""&&s?(C.current+=1,m.start(s,()=>{l(I)})):l(I,!D)}),x=u.useCallback((I,D={})=>Te(g(D),a.valid===!1&&!a.disabled&&!I?{"aria-invalid":!0}:Z),[g,a.disabled,a.valid]);return u.useMemo(()=>({getValidationProps:x,inputRef:v,registeredInputs:y,registerInput:N,getInputControl:L,commit:l,change:h}),[x,y,N,L,l,h])}function cr(e){const{commit:t,invalid:n,markedDirtyRef:o,name:r,setRegisteredFieldName:i,registeredFieldIdRef:s,setValidityData:f,validityData:c}=e,{formRef:a}=Se(),d=u.useRef(null),p=u.useRef(null),R=u.useRef(!1),g=F(()=>{const l=p.current;if(l)return l.getValue?l.getValue():l.value});function m(l){return l.value===void 0?g():l.value}const v=F(()=>{const l=p.current;if(o.current=!0,!l){t(c.value);return}t(m(l))});function y(){const l=p.current;!l||!l.id||a.current.fields.set(l.id,{getValue:g,name:r??l.name,controlRef:l.controlRef,validityData:qe(c,n),validate:v})}function C(l=p.current?.id){l&&a.current.fields.delete(l)}function N(l){if(R.current)return;R.current=!0;const h=m(l);f(x=>x.initialValue===h?x:{...x,initialValue:h})}H(()=>{const l=p.current;!l||!l.id||(i(r?void 0:l.name),a.current.fields.set(l.id,{getValue:g,name:r??l.name,controlRef:l.controlRef,validityData:qe(c,n),validate:v}))},[a,g,n,r,i,v,c]),H(()=>{const l=a.current.fields;return()=>{const h=p.current?.id;h&&l.delete(h)}},[a]);const L=F((l,h)=>{if(!h){d.current===l&&(d.current=null,C(),p.current=null,i(void 0),s.current=void 0);return}const x=p.current?.id;d.current=l,p.current=h,r||i(h.name),s.current=h.id,x&&x!==h.id&&C(x),N(h),y()});return[v,L]}const Gt=u.forwardRef(function(t,n){const{errors:o,validationMode:r,submitAttemptedRef:i}=Se(),{render:s,className:f,validate:c,validationDebounceTime:a=0,validationMode:d=r,name:p,disabled:R=!1,invalid:g,dirty:m,touched:v,actionsRef:y,style:C,...N}=t,L=Ve(!0)?.disabled,l=F(c||(()=>null)),h=L||R,[x,I]=u.useState(!1),[D,K]=u.useState(!1),[b,O]=u.useState(!1),[E,j]=u.useState(!1),V=m??D,U=v??x,$=u.useRef(V),Y=u.useRef(void 0),[w,P]=u.useState(),T=p??w;H(()=>{m!==void 0&&($.current=m)},[m]);const _=F(X=>{m===void 0&&(X&&($.current=!0),K(X))}),S=F(X=>{v===void 0&&I(X)}),k=F(()=>d==="onChange"||d==="onSubmit"&&i.current),B=T&&Object.hasOwn(o,T)?o[T]:null,J=!!(Array.isArray(B)?B.length:B),q=g===!0||J,[Q,oe]=u.useState({state:ve,error:"",errors:[],value:null,initialValue:null}),ae=!q&&(h?null:Q.state.valid),ne=u.useMemo(()=>({disabled:h,touched:U,dirty:V,valid:ae,filled:b,focused:E}),[h,U,V,ae,b,E]),ue=ur({setValidityData:oe,validate:l,validityData:Q,validationDebounceTime:a,invalid:q,markedDirtyRef:$,state:ne,shouldValidateOnChange:k,registeredFieldIdRef:Y}),[de,fe]=cr({commit:ue.commit,invalid:q,markedDirtyRef:$,name:p,setRegisteredFieldName:P,registeredFieldIdRef:Y,setValidityData:oe,validityData:Q});u.useImperativeHandle(y,()=>({validate:de}),[de]);const M=u.useMemo(()=>({invalid:q,name:T,validityData:Q,setValidityData:oe,disabled:h,setTouched:S,setDirty:_,setFilled:O,setFocused:j,validationMode:d,shouldValidateOnChange:k,state:ne,registerFieldControl:fe,validation:ue}),[q,T,Q,h,S,_,O,j,d,k,ne,fe,ue]),z=te("div",t,{ref:n,state:ne,props:N,stateAttributesMapping:he});return A.jsx(nt.Provider,{value:M,children:z})});process.env.NODE_ENV!=="production"&&(Gt.displayName="FieldRootInner");const Wt=u.forwardRef(function(t,n){return A.jsx(it,{children:A.jsx(Gt,{...t,ref:n})})});process.env.NODE_ENV!=="production"&&(Wt.displayName="FieldRoot");let ze;process.env.NODE_ENV!=="production"&&(ze=new Set);function me(...e){if(process.env.NODE_ENV!=="production"){const t=e.join(" ");ze.has(t)||(ze.add(t),console.error(`Base UI: ${t}`))}}const lt=u.createContext({disabled:!1});process.env.NODE_ENV!=="production"&&(lt.displayName="FieldItemContext");function dt(){return u.useContext(lt)}const qt=u.forwardRef(function(t,n){const{render:o,className:r,style:i,id:s,nativeLabel:f=!0,...c}=t,a=be(!1),d=dt(),{labelId:p}=se(),R={...a.state,disabled:a.disabled||d.disabled},g=u.useRef(null),m=Ln({id:p??s,native:f});return process.env.NODE_ENV!=="production"&&u.useEffect(()=>{if(!g.current)return;const y=g.current.tagName==="LABEL";if(f){if(!y){const C=ce.captureOwnerStack?.()||"";me(`<Field.Label> expected a <label> element because the \`nativeLabel\` prop is true. Rendering a non-<label> disables native label association, so \`htmlFor\` will not work. Use a real <label> in the \`render\` prop, or set \`nativeLabel\` to \`false\`.${C}`)}}else if(y){const C=ce.captureOwnerStack?.()||"";me(`<Field.Label> expected a non-<label> element because the \`nativeLabel\` prop is false. Rendering a <label> assumes native label behavior while Base UI treats it as non-native, which can cause unexpected pointer behavior. Use a non-<label> in the \`render\` prop, or set \`nativeLabel\` to \`true\`.${C}`)}},[f]),te("label",t,{ref:[n,g],state:R,props:[m,c],stateAttributesMapping:he})});process.env.NODE_ENV!=="production"&&(qt.displayName="FieldLabel");const we=null;let wt=globalThis.requestAnimationFrame;class lr{callbacks=[];callbacksCount=0;nextId=1;startId=1;isScheduled=!1;tick=t=>{this.isScheduled=!1;const n=this.callbacks,o=this.callbacksCount;if(this.callbacks=[],this.callbacksCount=0,this.startId=this.nextId,o>0)for(let r=0;r<n.length;r+=1)n[r]?.(t)};request(t){const n=this.nextId;this.nextId+=1,this.callbacks.push(t),this.callbacksCount+=1;const o=process.env.NODE_ENV!=="production"&&wt!==requestAnimationFrame&&(wt=requestAnimationFrame,!0);return(!this.isScheduled||o)&&(requestAnimationFrame(this.tick),this.isScheduled=!0),n}cancel(t){const n=t-this.startId;n<0||n>=this.callbacks.length||(this.callbacks[n]=null,this.callbacksCount-=1)}}let De=new lr;class re{static create(){return new re}static request(t){return De.request(t)}static cancel(t){return De.cancel(t)}currentId=we;request(t){this.cancel(),this.currentId=De.request(()=>{this.currentId=we,t()})}cancel=()=>{this.currentId!==we&&(De.cancel(this.currentId),this.currentId=we)};disposeEffect=()=>this.cancel}function dr(){const e=ee(re.create).current;return Ht(e.disposeEffect),e}function fr(e){return e==null?e:"current"in e?e.current:e}function pr(e,t=!1){const n=dr();return F((o,r=null)=>{n.cancel();const i=fr(e);if(i==null)return;const s=i,f=()=>{gn.flushSync(o)};if(typeof s.getAnimations!="function"||globalThis.BASE_UI_ANIMATIONS_DISABLED){o();return}function c(){Promise.all(s.getAnimations().map(a=>a.finished)).then(()=>{r?.aborted||f()},()=>{if(r?.aborted)return;if(s.getAnimations().some(d=>d.pending||d.playState!=="finished")){c();return}f()})}if(t){const a="data-starting-style";if(!s.hasAttribute(a)){n.request(c);return}const d=new MutationObserver(()=>{s.hasAttribute(a)||(d.disconnect(),c())});d.observe(s,{attributes:!0,attributeFilter:[a]}),r?.addEventListener("abort",()=>d.disconnect(),{once:!0});return}n.request(c)})}function gr(e){const{enabled:t=!0,open:n,ref:o,onComplete:r}=e,i=F(r),s=pr(o,n);u.useEffect(()=>{if(!t)return;const f=new AbortController;return s(i,f.signal),()=>{f.abort()}},[t,n,i,s])}const mr={"data-starting-style":""},hr={"data-ending-style":""},br={transitionStatus(e){return e==="starting"?mr:e==="ending"?hr:null}};function Rr(e,t=!1,n=!1){const[o,r]=u.useState(e&&t?"idle":void 0),[i,s]=u.useState(e);return e&&!i&&(s(!0),r("starting")),!e&&i&&o!=="ending"&&!n&&r("ending"),!e&&!i&&o==="ending"&&r(void 0),H(()=>{if(!e&&i&&o!=="ending"&&n){const f=re.request(()=>{r("ending")});return()=>{re.cancel(f)}}},[e,i,o,n]),H(()=>{if(!e||t)return;const f=re.request(()=>{r(void 0)});return()=>{re.cancel(f)}},[t,e]),H(()=>{if(!e||!t)return;e&&i&&o!=="idle"&&r("starting");const f=re.request(()=>{r("idle")});return()=>{re.cancel(f)}},[t,e,i,o]),{mounted:i,setMounted:s,transitionStatus:o}}const zt=u.forwardRef(function(t,n){const{render:o,id:r,className:i,style:s,...f}=t,c=le(r),a=be(!1),d=dt(),{setMessageIds:p}=se(),R={...a.state,disabled:a.disabled||d.disabled};return H(()=>{if(c)return p(m=>m.concat(c)),()=>{p(m=>m.filter(v=>v!==c))}},[c,p]),te("p",t,{ref:n,state:R,props:[{id:c},f],stateAttributesMapping:he})});process.env.NODE_ENV!=="production"&&(zt.displayName="FieldDescription");function yr({controlled:e,default:t,name:n,state:o="value"}){const{current:r}=u.useRef(e!==void 0),[i,s]=u.useState(t),f=r?e:i;if(process.env.NODE_ENV!=="production"){u.useEffect(()=>{r!==(e!==void 0)&&me([`A component is changing the ${r?"":"un"}controlled ${o} state of ${n} to be ${r?"un":""}controlled.`,"Elements should not switch from uncontrolled to controlled (or vice versa).",`Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.","More info: https://fb.me/react-controlled-components"].join(`
+`))},[o,n,e]);const{current:a}=u.useRef(t);u.useEffect(()=>{!r&&Dt(a)!==Dt(t)&&me([`A component is changing the default ${o} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`))},[t])}const c=u.useCallback(a=>{r||s(a)},[]);return[f,c]}function Dt(e){let t=0;const n=new WeakMap;try{return JSON.stringify(e,function(i,s){if(!(i==="_owner"&&this!=null&&typeof this=="object"&&"$$typeof"in this)){if(typeof s=="bigint")return`__bigint__:${s}`;if(s!==null&&typeof s=="object"){const f=n.get(s);if(f!==void 0)return`__object__:${f}`;n.set(s,t),t+=1}return s}})??`__top__:${typeof e}`}catch{return"__unserializable__"}}function Ir(e,t,n,o,r=!0,i){const{registerFieldControl:s}=be(),f=ee(()=>Symbol());H(()=>{const c=f.current;if(!r){s(c,void 0);return}s(c,{controlRef:e,getValue:o,id:t,name:i,value:n})},[e,r,o,t,i,s,f,n]),H(()=>{const c=f.current;return()=>{s(c,void 0)}},[s,f])}const Er="none";function vr(e,t,n,o){let r=!1,i=!1;const s=Z;return{reason:e,event:t??new Event("base-ui"),cancel(){r=!0},allowPropagation(){i=!0},get isCanceled(){return r},get isPropagationAllowed(){return i},trigger:n,...s}}const Yt=u.forwardRef(function(t,n){const{render:o,className:r,style:i,disabled:s=!1,...f}=t,{state:c,disabled:a}=be(!1),d=a||s,p={...c,disabled:d},R=u.useMemo(()=>({disabled:d}),[d]),g=te("div",t,{ref:n,state:p,props:f,stateAttributesMapping:he});return A.jsx(it,{children:A.jsx(lt.Provider,{value:R,children:g})})});process.env.NODE_ENV!=="production"&&(Yt.displayName="FieldItem");const Xt={clipPath:"inset(50%)",overflow:"hidden",whiteSpace:"nowrap",border:0,padding:0,width:1,height:1,margin:-1},xr={...Xt,position:"fixed",top:0,left:0},Cr={...Xt,position:"absolute"},Ye={checked(e){return e?{"data-checked":""}:{"data-unchecked":""}},...br,...he};function ke(e,t,{detail:n=0}={}){e.dispatchEvent(new(Ne(e)).PointerEvent("click",{bubbles:!0,cancelable:!0,composed:!0,detail:n,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,altKey:t.altKey,metaKey:t.metaKey}))}const ft=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(ft.displayName="CompositeRootContext");function Zt(e=!1){const t=u.useContext(ft);if(t===void 0&&!e)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.":Ce(16));return t}function Nr(e){const{focusableWhenDisabled:t,disabled:n,composite:o=!1,tabIndex:r=0,isNativeButton:i}=e,s=o&&t!==!1,f=o&&t===!1;return{props:u.useMemo(()=>{const a={onKeyDown(d){n&&t&&d.key!=="Tab"&&d.preventDefault()}};return o||(a.tabIndex=r,!i&&n&&(a.tabIndex=t?r:-1)),(i&&(t||s)||!i&&n)&&(a["aria-disabled"]=n),i&&(!t||f)&&(a.disabled=n),a},[o,n,t,s,f,i,r])}}function _r(e={}){const{disabled:t=!1,focusableWhenDisabled:n,tabIndex:o=0,native:r=!0,composite:i}=e,s=u.useRef(null),f=Zt(!0),c=i??f!==void 0,{props:a}=Nr({focusableWhenDisabled:n,disabled:t,composite:c,tabIndex:o,isNativeButton:r});process.env.NODE_ENV!=="production"&&u.useEffect(()=>{if(!s.current)return;const g=Pe(s.current);if(r){if(!g){const m=ce.captureOwnerStack?.()||"";me(`A component that acts as a button expected a native <button> because the \`nativeButton\` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the \`render\` prop, or set \`nativeButton\` to \`false\`.${m}`)}}else if(g){const m=ce.captureOwnerStack?.()||"";me(`A component that acts as a button expected a non-<button> because the \`nativeButton\` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as \`role\` or \`aria-disabled\`). Use a non-<button> in the \`render\` prop, or set \`nativeButton\` to \`true\`.${m}`)}},[r]);const d=u.useCallback(()=>{const g=s.current;Pe(g)&&c&&t&&a.disabled===void 0&&g.disabled&&(g.disabled=!1)},[t,a.disabled,c]);H(d,[d]);const p=u.useCallback((g={})=>{const{onClick:m,onMouseDown:v,onKeyUp:y,onKeyDown:C,onPointerDown:N,...L}=g;return Te({onClick(l){if(t){l.preventDefault();return}m?.(l)},onMouseDown(l){t||v?.(l)},onKeyDown(l){if(t||(Fe(l),C?.(l),l.baseUIHandlerPrevented))return;const h=l.target===l.currentTarget,x=l.currentTarget,I=Pe(x),D=!r&&wr(x),K=h&&(r?I:!D),b=l.key==="Enter",O=l.key===" ",E=x.getAttribute("role"),j=E?.startsWith("menuitem")||E==="option"||E==="gridcell";if(h&&c&&O){if(l.defaultPrevented&&j)return;l.preventDefault(),(!r||I)&&(l.preventBaseUIHandler(),ke(x,l));return}if(!K||r||!O&&!b){h&&D&&O&&l.preventDefault();return}l.defaultPrevented||(l.preventDefault(),b&&(l.preventBaseUIHandler(),ke(x,l)))},onKeyUp(l){if(!t){if(Fe(l),y?.(l),l.target===l.currentTarget&&r&&c&&Pe(l.currentTarget)&&l.key===" "){l.preventDefault();return}l.baseUIHandlerPrevented||l.target===l.currentTarget&&!r&&!c&&!l.defaultPrevented&&l.key===" "&&(l.preventBaseUIHandler(),ke(l.currentTarget,l))}},onPointerDown(l){if(t){l.preventDefault();return}N?.(l)}},r?{type:"button"}:{role:"button"},a,L)},[t,a,c,r]),R=F(g=>{s.current=g,d()});return{getButtonProps:p,buttonRef:R}}function Pe(e){return _e(e)&&e.tagName==="BUTTON"}function wr(e){return _e(e)&&e.tagName==="A"&&!!e.href}const Jt="data-composite-item-active",pt=u.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},nextIndexRef:{current:0}});process.env.NODE_ENV!=="production"&&(pt.displayName="CompositeListContext");function Dr(){return u.useContext(pt)}function Pr(e={}){const{guess:t,label:n,metadata:o,textRef:r,index:i}=e,{register:s,unregister:f,subscribeMapChange:c,nextIndexRef:a}=Dr(),d=u.useRef(-1),[p,R]=u.useState(i==null&&t?()=>{if(d.current===-1){const y=a.current;a.current+=1,d.current=y}return d.current}:-1),g=i??p,m=u.useRef(null),v=u.useCallback(y=>{const C=m.current;C&&f(C),m.current=y,y&&s(y,{metadata:o??null,index:i??null,label:n,textRef:r})},[i,s,f,o,n,r]);return H(()=>{if(i==null)return c(y=>{const C=m.current?y.get(m.current)?.index:null;C!=null&&R(C)})},[i,c]),{ref:v,index:g}}function Mr(e={}){const{highlightItemOnHover:t,highlightedIndex:n,onHighlightedIndexChange:o}=Zt(),{ref:r,index:i}=Pr(e),s=n===i,f=u.useRef(null),c=xe(r,f);return{compositeProps:{tabIndex:s?0:-1,onFocus(){o(i)},onMouseMove(){const d=f.current;if(!t||!d)return;const p=d.hasAttribute("disabled")||d.ariaDisabled==="true";!s&&!p&&d.focus()}},compositeRef:c,index:i}}function Or(e){const{render:t,className:n,style:o,state:r=Z,props:i=Ee,refs:s=Ee,metadata:f,stateAttributesMapping:c,tag:a="div",...d}=e,{compositeProps:p,compositeRef:R}=Mr({metadata:f});return te(a,e,{state:r,ref:[R,...s],props:[p,...i,d],stateAttributesMapping:c})}const gt=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(gt.displayName="RadioGroupContext");function kr(){return u.useContext(gt)}function Ar(e){if(e==null)return"";if(typeof e=="string")return e;try{return JSON.stringify(e)}catch{return String(e)}}const mt=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(mt.displayName="RadioRootContext");function Fr(){const e=u.useContext(mt);if(e===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>.":Ce(52));return e}const Qt=u.forwardRef(function(t,n){const{render:o,className:r,disabled:i=!1,readOnly:s=!1,required:f=!1,"aria-labelledby":c,value:a,inputRef:d,nativeButton:p=!1,id:R,style:g,...m}=t,v=kr(),{disabled:y,readOnly:C,required:N,form:L,checkedValue:l,touched:h=!1,validation:x,name:I,setCheckedValue:D=G,setTouched:K=G,registerInputRef:b=G}=v??{},{setTouched:O,setFilled:E,state:j,disabled:V}=be(),U=dt(),{labelId:$,getDescriptionProps:Y}=se(),w=V||U.disabled||y||i,P=C||s,T=N||f,_=L,S=v?l===a:a==="",k=u.useRef(null),B=u.useRef(null),J=x?.registerInput,q=u.useCallback(W=>J?.(W,{controlRef:k,value:void 0}),[J]),Q=xe(d,B,b,q);H(()=>{B.current?.checked&&E(!0)},[E]),H(()=>{if(B.current){if(w&&S){b(null);return}b(B.current)}},[S,w,b]);const oe=le(),ae=On({id:R,implicit:!1,controlRef:k}),ne=p?void 0:ae,ue=Nn(c,$,B,!p,ne),de={role:"radio","aria-checked":S,"aria-labelledby":ue,[Jt]:S?"":void 0,id:p?ae:oe,onKeyDown(W){W.key==="Enter"&&W.preventDefault()},onClick(W){if(W.defaultPrevented||w||P)return;W.preventDefault();const Re=B.current;Re&&ke(Re,W)},onFocus(W){W.defaultPrevented||w||P||!h||(B.current?.click(),K(!1))}},{getButtonProps:fe,buttonRef:M}=_r({disabled:w,native:p,composite:!1}),z={type:"radio",ref:Q,form:_,id:ne,name:I,tabIndex:-1,style:I?Cr:xr,"aria-hidden":!0,...a!==void 0?{value:Ar(a)}:Z,disabled:w,checked:S,required:T,readOnly:P,onChange(W){if(W.nativeEvent.defaultPrevented||w||P||a===void 0)return;const Re=vr(Er,W.nativeEvent);D(a,Re),!Re.isCanceled&&O(!0)},onClick(W){W.stopPropagation()},onFocus(){k.current?.focus()}},X=u.useMemo(()=>({...j,required:T,disabled:w,readOnly:P,checked:S}),[j,w,P,S,T]),ln=X,Rt=v!==void 0,yt=[n,k,M],It=[de,m,fe,Y,x?W=>x.getValidationProps(w,W):Z],dn=te("span",t,{enabled:!Rt,state:X,ref:yt,props:It,stateAttributesMapping:Ye});return A.jsxs(mt.Provider,{value:ln,children:[Rt?A.jsx(Or,{tag:"span",render:o,className:r,style:g,state:X,refs:yt,props:It,stateAttributesMapping:Ye}):dn,A.jsx("input",{...z,suppressHydrationWarning:!0})]})});process.env.NODE_ENV!=="production"&&(Qt.displayName="RadioRoot");const en=u.forwardRef(function(t,n){const{render:o,className:r,style:i,keepMounted:s=!1,...f}=t,c=Fr(),a=c.checked,{mounted:d,transitionStatus:p,setMounted:R}=Rr(a),g={...c,transitionStatus:p},m=u.useRef(null),v=s||d,y=te("span",t,{ref:[n,m],state:g,props:f,stateAttributesMapping:Ye});return gr({open:a,ref:m,onComplete(){a||R(!1)}}),v?y:null});process.env.NODE_ENV!=="production"&&(en.displayName="RadioIndicator");const tn=ie.createContext(null),Vr=()=>{const e=ie.useContext(tn);if(!e)throw new Error("RadioButtonGroupItem must be used within a RadioButtonGroup component");return e},Sr={"purpur-radio-button-group-item":"_purpur-radio-button-group-item_1kvi3_1","purpur-radio-button-group-item__label":"_purpur-radio-button-group-item__label_1kvi3_10","purpur-radio-button-group-item__radio":"_purpur-radio-button-group-item__radio_1kvi3_29","purpur-radio-button-group-item__radio-container":"_purpur-radio-button-group-item__radio-container_1kvi3_47","purpur-radio-button-group-item__radio-indicator":"_purpur-radio-button-group-item__radio-indicator_1kvi3_94","purpur-radio-button-group-item__description":"_purpur-radio-button-group-item__description_1kvi3_114"},pe=kt.c.bind(Sr),ge="purpur-radio-button-group-item",ht=ie.forwardRef(({disabled:e,id:t,value:n,label:o,"data-testid":r,helperText:i,className:s},f)=>{const c=Vr(),a=e||c.disabled;return A.jsxs(Yt,{disabled:a,className:pe(s,`${ge}`),"data-testid":r,children:[A.jsxs(qt,{"data-testid":r?`${r}-label`:void 0,className:pe(`${ge}__label`),"data-negative":c.negative,children:[A.jsx("span",{className:pe(`${ge}__radio-container`),children:A.jsx(Qt,{className:pe(`${ge}__radio`),"data-testid":r?`${r}-radio`:void 0,"data-negative":c.negative,id:t,ref:f,value:n,children:A.jsx(en,{className:pe(`${ge}__radio-indicator`),keepMounted:!0,"data-negative":c.negative})})}),o]}),i&&A.jsx(zt,{"data-testid":r&&`${r}-helper-text`,"data-negative":c.negative,className:pe(`${ge}__description`),dir:c.dir,children:i})]},`radio-item-${n}`)});ht.displayName="RadioButtonGroupItem";const nn=u.forwardRef(function(t,n){const{render:o,className:r,style:i,disabled:s=!1,...f}=t,[c,a]=u.useState(void 0),p=Ve(!0)?.disabled||s,g=te("fieldset",t,{ref:n,state:{disabled:p},props:[{"aria-labelledby":c,disabled:p},f]}),m=u.useMemo(()=>({legendId:c,setLegendId:a,disabled:p}),[c,a,p]);return A.jsx(rt.Provider,{value:m,children:g})});process.env.NODE_ENV!=="production"&&(nn.displayName="FieldsetRoot");const rn=u.forwardRef(function(t,n){const{render:o,className:r,style:i,id:s,...f}=t,{disabled:c,setLegendId:a}=Ve(),d=Vt(s,a);return te("div",t,{state:{disabled:c},ref:n,props:[{id:d},f]})});process.env.NODE_ENV!=="production"&&(rn.displayName="FieldsetLegend");const Xe="ArrowUp",Ze="ArrowDown",Je="ArrowLeft",Qe="ArrowRight",et="Home",tt="End",Tr=new Set([Xe,Ze,Je,Qe,et,tt]),on="Shift",Lr=[on,"Control","Alt","Meta"];function Br(e){return _e(e)&&e.tagName==="INPUT"}function Pt(e){return!!(Br(e)&&e.selectionStart!=null||_e(e)&&e.tagName==="TEXTAREA")}function Mt(e,t,n,o){if(!e||!t||!t.scrollTo)return;let r=e.scrollLeft,i=e.scrollTop;const s=e.clientWidth<e.scrollWidth,f=e.clientHeight<e.scrollHeight;if(s&&o!=="vertical"){const c=Ot(e,t,"left"),a=Me(e),d=Me(t);n==="ltr"&&(c+t.offsetWidth+d.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?r=c+t.offsetWidth+d.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:c-d.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(r=c-d.scrollMarginLeft-a.scrollPaddingLeft)),n==="rtl"&&(c-d.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft?r=c-d.scrollMarginLeft-a.scrollPaddingLeft:c+t.offsetWidth+d.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(r=c+t.offsetWidth+d.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(f&&o!=="horizontal"){const c=Ot(e,t,"top"),a=Me(e),d=Me(t);c-d.scrollMarginTop<e.scrollTop+a.scrollPaddingTop?i=c-d.scrollMarginTop-a.scrollPaddingTop:c+t.offsetHeight+d.scrollMarginBottom>e.scrollTop+e.clientHeight-a.scrollPaddingBottom&&(i=c+t.offsetHeight+d.scrollMarginBottom-e.clientHeight+a.scrollPaddingBottom)}e.scrollTo({left:r,top:i,behavior:"auto"})}function Ot(e,t,n){const o=n==="left"?"offsetLeft":"offsetTop";let r=0;for(;t.offsetParent&&(r+=t[o],t.offsetParent!==e);)t=t.offsetParent;return r}function Me(e){const t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}function Ur(e){const{children:t,elementsRef:n,labelsRef:o,onMapChange:r}=e,i=F(r),[,s]=u.useState(!1),f=ee(jr).current,c=ee($r).current,a=u.useRef(0),d=u.useRef(!0),p=u.useRef([]),R=u.useRef(null),g=F(()=>{d.current||(d.current=!0,s(h=>!h))}),m=F((h,x)=>{c.set(h,x),g()}),v=F(h=>{c.delete(h),g()}),y=F(h=>{const x=new Map;return n.current.length=0,o&&(o.current.length=0),h.forEach(I=>{x.set(I.element,{...I.registration.metadata??{},index:I.index}),n.current[I.index]=I.element,o&&(o.current[I.index]=I.registration.label!==void 0?I.registration.label:I.registration.textRef?.current?.textContent??I.element.textContent)}),a.current=n.current.length,x});function C(h){if(R.current?.disconnect(),R.current=null,typeof MutationObserver!="function"||h.length<2)return;const x=new MutationObserver(D=>{if(!Gr(D))return;let K=null;for(const b of h)if(b.isConnected){if(K&&sn(K,b)>0){x.disconnect(),g();return}K=b}});R.current=x;const I=new Set;for(let D=1;D<h.length;D+=1){const K=Kr(h[D-1],h[D]);K&&I.add(K)}I.forEach(D=>x.observe(D,{childList:!0}))}const N=F(()=>{const[h,x]=Hr(c),I=y(h);C(x),p.current=h,d.current=!1,f.forEach(D=>D(I)),i(I)});H(()=>(d.current||y(p.current),()=>{n.current=[],o&&(o.current=[])}),[n,o,y]),H(()=>{d.current&&N()}),H(()=>()=>{R.current?.disconnect(),d.current=!0},[]);const L=F(h=>(f.add(h),()=>{f.delete(h)})),l=u.useMemo(()=>({register:m,unregister:v,subscribeMapChange:L,nextIndexRef:a}),[m,v,L,a]);return A.jsx(pt.Provider,{value:l,children:t})}function $r(){return new Map}function jr(){return new Set}function Hr(e){const t=new Set,n=[],o=[];e.forEach((i,s)=>{if(!s.isConnected)return;const f=i.index,c={index:f??-1,element:s,registration:i};f===null?o.push(c):f>=0&&(t.add(f),n.push(c))});let r=0;return o.sort((i,s)=>sn(i.element,s.element)),o.forEach(i=>{for(;t.has(r);)r+=1;i.index=r,n.push(i),r+=1}),t.size>0&&n.sort((i,s)=>i.index-s.index),[n,o.map(i=>i.element)]}function Kr(e,t){let n=e.parentElement;for(;n&&!n.contains(t);)n=n.parentElement;return n}function Gr(e){for(const t of e)for(let n=0;n<t.removedNodes.length;n+=1)if(t.removedNodes[n].isConnected)return!0;return!1}function sn(e,t){return e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}function Wr(e){return e==null||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"}const qr=[];function zr(e){const{loopFocus:t=!0,orientation:n="both",grid:o,onLoop:r,direction:i,highlightedIndex:s,onHighlightedIndexChange:f,rootRef:c,enableHomeAndEndKeys:a=!1,stopEventPropagation:d,disabledIndices:p,modifierKeys:R=qr}=e,[g,m]=u.useState(0),v=o!=null,y=u.useRef(null),C=xe(y,c),N=u.useRef([]),L=u.useRef(!1),l=s??g,h=F((b,O=!1)=>{if((f??m)(b),O){const E=N.current[b];Mt(y.current,E,i,n)}}),x=F(b=>{if(b.size===0||L.current)return;L.current=!0;const O=Array.from(b.keys()),E=O.find(V=>V?.hasAttribute(Jt))??null,j=E?b.get(E)?.index??-1:-1;if(j!==-1)h(j);else if(Ke(O,l,p)){const V=Ie(O,{disabledIndices:p});Be(O,V)||h(V)}Mt(y.current,E,i,n)});H(()=>{if(p==null||s!=null||!L.current)return;const b=N.current;if(Ke(b,l,p)){const O=Ie(b,{disabledIndices:p});Be(b,O)||h(O)}},[p,s,l,N,h]);const I=F((b,O,E)=>r?r(b,O,E,N):E),D=F(b=>{const O=b.key===et||b.key===tt;if(!Tr.has(b.key)||!a&&O||Yr(b,R)||!y.current)return;const j=i==="rtl",V=j?Je:Qe,U=j?Qe:Je,$=n==="vertical"?Ze:V,Y=n==="vertical"?Xe:U,w=He(b.nativeEvent);if(w!=null&&Pt(w)&&!Wr(w)){const B=w.selectionStart,J=w.selectionEnd,q=w.value;if(B==null||b.shiftKey||B!==J||b.key!==Y&&B<q.length||b.key!==$&&B>0)return}let P=l;const T=Fn(N,p),_=Vn(N,p);o!=null&&(P=o({disabledIndices:p,elementsRef:N,event:b,highlightedIndex:l,loopFocus:t,maxIndex:_,minIndex:T,onLoop:I,orientation:n,rtl:j}));const S=n!=="vertical"&&b.key===V||n!=="horizontal"&&b.key===Ze,k=n!=="vertical"&&b.key===U||n!=="horizontal"&&b.key===Xe;a&&(b.key===et?P=T:b.key===tt&&(P=_)),P===l&&(S||k)&&(t&&P===_&&S?(P=T,r&&(P=r(b,l,P,N))):t&&P===T&&k?(P=_,r&&(P=r(b,l,P,N))):P=Ie(N.current,{startingIndex:P,decrement:k,disabledIndices:p})),P!==l&&!Be(N.current,P)&&(d&&b.stopPropagation(),(v||O||S||k)&&b.preventDefault(),h(P,!0),queueMicrotask(()=>{N.current[P]?.focus()}))});return{props:{ref:C,onFocus(b){const O=y.current,E=He(b.nativeEvent);!O||E==null||!Pt(E)||E.setSelectionRange(0,E.value.length)},onKeyDown:D},highlightedIndex:l,onHighlightedIndexChange:h,elementsRef:N,onMapChange:x,relayKeyboardEvent:D}}function Yr(e,t){for(const n of Lr)if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}const an=u.createContext(void 0);process.env.NODE_ENV!=="production"&&(an.displayName="DirectionContext");function Xr(){return u.useContext(an)?.direction??"ltr"}function Zr(e){const{render:t,className:n,style:o,refs:r=Ee,props:i=Ee,state:s=Z,stateAttributesMapping:f,highlightedIndex:c,onHighlightedIndexChange:a,orientation:d,grid:p,loopFocus:R,onLoop:g,enableHomeAndEndKeys:m,onMapChange:v,stopEventPropagation:y=!0,rootRef:C,disabledIndices:N,modifierKeys:L,highlightItemOnHover:l=!1,tag:h="div",...x}=e,I=Xr(),{props:D,highlightedIndex:K,onHighlightedIndexChange:b,elementsRef:O,onMapChange:E,relayKeyboardEvent:j}=zr({grid:p,loopFocus:R,onLoop:g,orientation:d,highlightedIndex:c,onHighlightedIndexChange:a,rootRef:C,stopEventPropagation:y,enableHomeAndEndKeys:m,direction:I,disabledIndices:N,modifierKeys:L}),V=te(h,e,{state:s,ref:r,props:[D,...i,x],stateAttributesMapping:f}),U=u.useMemo(()=>({highlightedIndex:K,onHighlightedIndexChange:b,highlightItemOnHover:l,relayKeyboardEvent:j}),[K,b,l,j]);return A.jsx(ft.Provider,{value:U,children:A.jsx(Ur,{elementsRef:O,onMapChange:$=>{v?.($),E($)},children:V})})}function Jr(e,t){const n=u.useRef(e),o=F(t);H(()=>{n.current!==e&&o(n.current),n.current=e},[e,o])}const Qr=[on],un=u.forwardRef(function(t,n){const{render:o,className:r,disabled:i,readOnly:s,required:f,onValueChange:c,value:a,defaultValue:d,form:p,name:R,inputRef:g,id:m,style:v,...y}=t,{setTouched:C,setFocused:N,validationMode:L,name:l,disabled:h,state:x,validation:I,setDirty:D,setFilled:K,validityData:b}=be(),{labelId:O}=se(),{clearErrors:E,elementRef:j}=Se(),V=Ve(!0),U=h||i,$=l??R,Y=le(m),[w,P]=yr({controlled:a,default:d,name:"RadioGroup",state:"value"}),[T,_]=u.useState(!1),S=F((M,z)=>{c?.(M,z),!z.isCanceled&&P(M)}),k=I.getInputControl,B=u.useMemo(()=>({get current(){return k()}}),[k]),J=u.useRef(null),q=u.useRef(null);function Q(M){let z;return g&&(typeof g=="function"?z=g(M):g.current=M),J.current=M,z}const oe=F(M=>{if(!M||M.disabled)return;q.current||(q.current=M);const z=J.current,X=M.checked||z==null||z.disabled?Q(M):void 0;return()=>{q.current===M&&(q.current=null),J.current===M?X?(X(),J.current=null):Q(null):X?.()}}),ae=F(()=>{const M=j.current;if(!M)return w??null;for(const z of I.registeredInputs.keys())if(z.checked&&Kt(z,M))return w??null;return null});Ir(B,Y,w??null,ae,!U,R),Jr(w,()=>{E($),D(w!==b.initialValue),K(w!=null),I.change(w);const M=q.current;w==null&&M&&!M.disabled&&Q(M)});const ne=O??V?.legendId,ue={...x,disabled:U??!1,required:f??!1,readOnly:s??!1},de=u.useMemo(()=>({checkedValue:w,disabled:U,form:p,validation:I,name:$,readOnly:s,registerInputRef:oe,required:f,setCheckedValue:S,setTouched:_,touched:T}),[w,U,p,I,$,s,oe,f,S,_,T]),fe={id:m,role:"radiogroup","aria-required":f||void 0,"aria-disabled":U||void 0,"aria-readonly":s||void 0,"aria-labelledby":ne,onFocus(){N(!0)},onBlur(M){An(M.currentTarget,M.relatedTarget)||(C(!0),N(!1),L==="onBlur"&&I.commit(w))},onKeyDownCapture(M){M.key.startsWith("Arrow")&&(_(!0),N(!0))}};return A.jsx(gt.Provider,{value:de,children:A.jsx(Zr,{render:o,className:r,style:v,state:ue,props:[fe,y,M=>I.getValidationProps(U??!1,M)],refs:[n],stateAttributesMapping:he,enableHomeAndEndKeys:!1,modifierKeys:Qr})})});process.env.NODE_ENV!=="production"&&(un.displayName="RadioGroup");const eo={"purpur-radio-button-group":"_purpur-radio-button-group_1bn9s_1","purpur-radio-button-group__container":"_purpur-radio-button-group__container_1bn9s_7","purpur-radio-button-group__items-container":"_purpur-radio-button-group__items-container_1bn9s_12"},$e=kt.c.bind(eo),je="purpur-radio-button-group",cn=ie.forwardRef(({"data-testid":e,"aria-label":t,"aria-labelledby":n,className:o,items:r,heading:i,orientation:s="vertical",headingTag:f="h2",children:c,name:a,disabled:d,negative:p,dir:R,required:g,...m},v)=>{if(!r?.length&&!c)return null;const y=i?{}:{"aria-label":t,"aria-labelledby":n};return A.jsx(tn.Provider,{value:{disabled:d,negative:p,dir:R},children:A.jsx(Wt,{className:$e(`${je}__container`),name:a,disabled:d,children:A.jsxs(nn,{render:A.jsx(un,{...m,className:$e(o,je),required:g,...y,"data-orientation":s,"data-testid":e,dir:R,ref:v}),children:[i&&A.jsx(rn,{render:A.jsxs(pn.Heading,{tag:f,"data-testid":e?`${e}-heading`:void 0,variant:"subsection-100",negative:p,children:[g&&A.jsx("span",{"aria-hidden":!0,children:"* "}),i]})}),A.jsx("div",{className:$e(`${je}__items-container`),children:r?.length?r.map(C=>A.jsx(ht,{...C},C.value)):c})]})})})});cn.displayName="RadioButtonGroupRoot";const to=["ltr","rtl"],no=["horizontal","vertical"],bt=ie.forwardRef(({children:e,...t},n)=>A.jsx(cn,{ref:n,...t,children:e}));bt.Item=ht;bt.displayName="RadioButtonGroup";exports.RADIO_BUTTON_GROUP_DIRECTION=to;exports.RADIO_BUTTON_GROUP_ORIENTATION=no;exports.RadioButtonGroup=bt;
+//# sourceMappingURL=radio-button-group-CdUrC7h9.js.map