@purpur/library 9.10.1 → 10.0.1

package/dist/quantity-selector-Cy0aJGGX.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),G=require("./spinner-tKunS_o-.js"),P=require("./text-field-BSgqJjpv.js"),B=require("./bind-DeUYJ6m9.js"),U=require("./button-C5CYysw5.js"),X=require("./minus.es-DtXArdKK.js"),Z=require("./icon-DNHpBTHs-faYHqTXU.js"),J={"purpur-quantity-selector":"_purpur-quantity-selector_19r74_1","purpur-quantity-selector--full-width":"_purpur-quantity-selector--full-width_19r74_25","purpur-quantity-selector--loading":"_purpur-quantity-selector--loading_19r74_31","purpur-quantity-selector--not-disabled":"_purpur-quantity-selector--not-disabled_19r74_34","purpur-quantity-selector--disabled-left":"_purpur-quantity-selector--disabled-left_19r74_39","purpur-quantity-selector--disabled-right":"_purpur-quantity-selector--disabled-right_19r74_43","purpur-quantity-selector--disabled":"_purpur-quantity-selector--disabled_19r74_39","purpur-quantity-selector__spinner":"_purpur-quantity-selector__spinner_19r74_50","purpur-quantity-selector__spinner--full-width":"_purpur-quantity-selector__spinner--full-width_19r74_57"},K={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=s=>e.jsx(Z.b,{...s,svg:K});C.displayName="IconPlus";const L={"purpur-quantity-selector-button":"_purpur-quantity-selector-button_16b4i_1","purpur-quantity-selector-button--right":"_purpur-quantity-selector-button--right_16b4i_4","purpur-quantity-selector-button--left":"_purpur-quantity-selector-button--left_16b4i_7"},Y=B.c.bind(L),g="purpur-quantity-selector-button",W=({["data-testid"]:s,["aria-label"]:m,disabled:f,variant:o,buttonType:r,onClick:x})=>{const _=Y(g,{[`${g}--left`]:r==="decrement",[`${g}--right`]:r==="increment"});return e.jsx(U.Button,{"data-testid":s,className:_,size:"sm",type:"submit",variant:o,onClick:()=>x(r),iconOnly:!0,"aria-label":m,disabled:f,tabIndex:-1,children:r==="increment"?e.jsx(C,{size:"xs"}):e.jsx(X.e,{size:"xs"})})},T=["primary","secondary"],j=B.c.bind(J),n="purpur-quantity-selector",D=p.forwardRef(({["data-testid"]:s,className:m,buttonVariant:f,onChange:o,value:r,defaultValue:x,fullWidth:_,disabled:F,loading:v,minValue:R,maxValue:V,ariaLabelDecrement:E,ariaLabelIncrement:k,...z},H)=>{const[Q,$]=p.useState(x??0),[h,w]=p.useState(Q),i=r!==void 0,a=i?r:h,N=t=>s?`${s}-${t}`:void 0,u=F||v,b=Math.max(R??0,0),y=V??Number.MAX_SAFE_INTEGER,c=a===y,d=a===b;p.useEffect(()=>{i&&$(r)},[r,i]),p.useEffect(()=>{if(!i){const t=setTimeout(()=>{$(h)},300);return()=>clearTimeout(t)}},[h,i,o]);const M=j(m,n,{[`${n}--not-disabled`]:!u&&!d&&!c,[`${n}--disabled-left`]:!u&&!c&&d,[`${n}--disabled-right`]:!u&&!d&&c,[`${n}--disabled`]:u||c&&d,[`${n}--full-width`]:_,[`${n}--loading`]:v}),O=t=>{if(!/^[0-9]*$/.test(t.target.value))return;const q=+t.target.value;q<b||q>y||(i||w(q),o(q))},A=t=>{const l=t==="increment"?a+1:a-1;l<0||(i||w(l),o(l))},S=t=>{const l=t==="increment"&&c||t==="decrement"&&d;return e.jsx(W,{"data-testid":N("button-"+t),variant:f,buttonType:t,onClick:A,disabled:u||l,"aria-label":t==="increment"?k:E})},I=e.jsxs(e.Fragment,{children:[v&&e.jsx("div",{className:j(`${n}__spinner`,{[`${n}__spinner--full-width`]:_}),children:e.jsx(G.Spinner,{disabled:u,size:"xs","data-testid":N("spinner")},"spinner")}),S("decrement")]});return e.jsx(P.TextField,{value:a,type:"number",ref:H,className:M,"data-testid":s,onChange:O,beforeField:I,afterField:S("increment"),disabled:u,min:b,max:y,role:"spinbutton","aria-valuenow":a,"aria-valuemax":y,"aria-valuemin":b,...z})});D.displayName="QuantitySelector";exports.QuantitySelector=D;exports.quantitySelectorButtonVariants=T;
+//# sourceMappingURL=quantity-selector-Cy0aJGGX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-selector-Cy0aJGGX.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  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  variant,\n  buttonType,\n  onClick,\n}: QuantitySelectorButtonProps) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--left`]: buttonType === \"decrement\",\n    [`${rootClassName}--right`]: 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\";\nexport const quantitySelectorButtonVariants = [\"primary\", \"secondary\"] as const;\n\nconst cx = c.bind(styles);\n\ntype ButtonVariant = (typeof quantitySelectorButtonVariants)[number];\n\nexport type QuantitySelectorProps = Omit<BaseProps<\"input\">, \"onChange\" | \"type\"> & {\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      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}--not-disabled`]: !isDisabled && !decrementDisabled && !incrementDisabled,\n      [`${rootClassName}--disabled-left`]: !isDisabled && !incrementDisabled && decrementDisabled,\n      [`${rootClassName}--disabled-right`]: !isDisabled && !decrementDisabled && incrementDisabled,\n      [`${rootClassName}--disabled`]: 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          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            })}\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","variant","buttonType","onClick","classes","jsx","Button","IconPlus","IconMinus","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-k6ZaVrk1.mjs

@@ -0,0 +1,162 @@
+import { jsx as n, jsxs as P, Fragment as U } from "react/jsx-runtime";
+import { forwardRef as X, useState as C, useEffect as S } from "react";
+import { a as Z } from "./spinner-DRQN6YdK.mjs";
+import { T as j } from "./text-field-MQHeITxy.mjs";
+import { c as D } from "./bind-CU-R61T-.mjs";
+import { b as J } from "./button-mHw_J7JU.mjs";
+import { e as K } from "./minus.es-BK9qA9iJ.mjs";
+import { b as L } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+const Y = {
+  "purpur-quantity-selector": "_purpur-quantity-selector_19r74_1",
+  "purpur-quantity-selector--full-width": "_purpur-quantity-selector--full-width_19r74_25",
+  "purpur-quantity-selector--loading": "_purpur-quantity-selector--loading_19r74_31",
+  "purpur-quantity-selector--not-disabled": "_purpur-quantity-selector--not-disabled_19r74_34",
+  "purpur-quantity-selector--disabled-left": "_purpur-quantity-selector--disabled-left_19r74_39",
+  "purpur-quantity-selector--disabled-right": "_purpur-quantity-selector--disabled-right_19r74_43",
+  "purpur-quantity-selector--disabled": "_purpur-quantity-selector--disabled_19r74_39",
+  "purpur-quantity-selector__spinner": "_purpur-quantity-selector__spinner_19r74_50",
+  "purpur-quantity-selector__spinner--full-width": "_purpur-quantity-selector__spinner--full-width_19r74_57"
+}, W = {
+  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"
+}, F = (i) => /* @__PURE__ */ n(L, { ...i, svg: W });
+F.displayName = "IconPlus";
+const T = {
+  "purpur-quantity-selector-button": "_purpur-quantity-selector-button_16b4i_1",
+  "purpur-quantity-selector-button--right": "_purpur-quantity-selector-button--right_16b4i_4",
+  "purpur-quantity-selector-button--left": "_purpur-quantity-selector-button--left_16b4i_7"
+}, tt = D.bind(T), g = "purpur-quantity-selector-button", et = ({
+  ["data-testid"]: i,
+  ["aria-label"]: y,
+  disabled: f,
+  variant: o,
+  buttonType: e,
+  onClick: q
+}) => {
+  const p = tt(g, {
+    [`${g}--left`]: e === "decrement",
+    [`${g}--right`]: e === "increment"
+  });
+  return /* @__PURE__ */ n(
+    J,
+    {
+      "data-testid": i,
+      className: p,
+      size: "sm",
+      type: "submit",
+      variant: o,
+      onClick: () => q(e),
+      iconOnly: !0,
+      "aria-label": y,
+      disabled: f,
+      tabIndex: -1,
+      children: e === "increment" ? /* @__PURE__ */ n(F, { size: "xs" }) : /* @__PURE__ */ n(K, { size: "xs" })
+    }
+  );
+}, dt = ["primary", "secondary"], B = D.bind(Y), r = "purpur-quantity-selector", rt = X(
+  ({
+    ["data-testid"]: i,
+    className: y,
+    buttonVariant: f,
+    onChange: o,
+    value: e,
+    defaultValue: q,
+    fullWidth: p,
+    disabled: V,
+    loading: v,
+    minValue: k,
+    maxValue: z,
+    ariaLabelDecrement: E,
+    ariaLabelIncrement: Q,
+    ...R
+  }, M) => {
+    const [O, x] = C(q ?? 0), [h, $] = C(O), s = e !== void 0, a = s ? e : h, w = (t) => i ? `${i}-${t}` : void 0, u = V || v, _ = Math.max(k ?? 0, 0), m = z ?? Number.MAX_SAFE_INTEGER, c = a === m, d = a === _;
+    S(() => {
+      s && x(e);
+    }, [e, s]), S(() => {
+      if (!s) {
+        const t = setTimeout(() => {
+          x(h);
+        }, 300);
+        return () => clearTimeout(t);
+      }
+    }, [h, s, o]);
+    const A = B(y, r, {
+      [`${r}--not-disabled`]: !u && !d && !c,
+      [`${r}--disabled-left`]: !u && !c && d,
+      [`${r}--disabled-right`]: !u && !d && c,
+      [`${r}--disabled`]: u || c && d,
+      [`${r}--full-width`]: p,
+      [`${r}--loading`]: v
+    }), H = (t) => {
+      if (!/^[0-9]*$/.test(t.target.value))
+        return;
+      const b = +t.target.value;
+      b < _ || b > m || (s || $(b), o(b));
+    }, I = (t) => {
+      const l = t === "increment" ? a + 1 : a - 1;
+      l < 0 || (s || $(l), o(l));
+    }, N = (t) => {
+      const l = t === "increment" && c || t === "decrement" && d;
+      return /* @__PURE__ */ n(
+        et,
+        {
+          "data-testid": w("button-" + t),
+          variant: f,
+          buttonType: t,
+          onClick: I,
+          disabled: u || l,
+          "aria-label": t === "increment" ? Q : E
+        }
+      );
+    }, G = /* @__PURE__ */ P(U, { children: [
+      v && /* @__PURE__ */ n(
+        "div",
+        {
+          className: B(`${r}__spinner`, {
+            [`${r}__spinner--full-width`]: p
+          }),
+          children: /* @__PURE__ */ n(
+            Z,
+            {
+              disabled: u,
+              size: "xs",
+              "data-testid": w("spinner")
+            },
+            "spinner"
+          )
+        }
+      ),
+      N("decrement")
+    ] });
+    return /* @__PURE__ */ n(
+      j,
+      {
+        value: a,
+        type: "number",
+        ref: M,
+        className: A,
+        "data-testid": i,
+        onChange: H,
+        beforeField: G,
+        afterField: N("increment"),
+        disabled: u,
+        min: _,
+        max: m,
+        role: "spinbutton",
+        "aria-valuenow": a,
+        "aria-valuemax": m,
+        "aria-valuemin": _,
+        ...R
+      }
+    );
+  }
+);
+rt.displayName = "QuantitySelector";
+export {
+  rt as Q,
+  dt as q
+};
+//# sourceMappingURL=quantity-selector-k6ZaVrk1.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-selector-k6ZaVrk1.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  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  variant,\n  buttonType,\n  onClick,\n}: QuantitySelectorButtonProps) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--left`]: buttonType === \"decrement\",\n    [`${rootClassName}--right`]: 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\";\nexport const quantitySelectorButtonVariants = [\"primary\", \"secondary\"] as const;\n\nconst cx = c.bind(styles);\n\ntype ButtonVariant = (typeof quantitySelectorButtonVariants)[number];\n\nexport type QuantitySelectorProps = Omit<BaseProps<\"input\">, \"onChange\" | \"type\"> & {\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      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}--not-disabled`]: !isDisabled && !decrementDisabled && !incrementDisabled,\n      [`${rootClassName}--disabled-left`]: !isDisabled && !incrementDisabled && decrementDisabled,\n      [`${rootClassName}--disabled-right`]: !isDisabled && !decrementDisabled && incrementDisabled,\n      [`${rootClassName}--disabled`]: 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          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            })}\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","variant","buttonType","onClick","classes","jsx","Button","IconPlus","IconMinus","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-Ds7d4MnV.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-Cy0aJGGX.js");exports.QuantitySelector=t.QuantitySelector;exports.quantitySelectorButtonVariants=t.quantitySelectorButtonVariants;
 //# sourceMappingURL=quantity-selector.cjs.js.map

package/dist/quantity-selector.es.js

@@ -1,7 +1,6 @@
-import { Q as e, q as r, a as n } from "./quantity-selector-DwkKKmFy.mjs";
+import { Q as e, q as o } from "./quantity-selector-k6ZaVrk1.mjs";
 export {
   e as QuantitySelector,
-  r as quantitySelectorButtonVariants,
-  n as quantitySelectorVariants
+  o as quantitySelectorButtonVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map

package/dist/{radio-button-group-D_F6kWD6.mjs → radio-button-group-DjiTo3b1.mjs}

@@ -3,7 +3,7 @@ import * as u from "react";
 import { createElement as Et, createContext as pn, useContext as gn, forwardRef as nt } from "react";
 import { c as At } from "./bind-CU-R61T-.mjs";
 import * as mn from "react-dom";
-import { H as hn } from "./heading-xwBuT_-9.mjs";
+import { H as hn } from "./heading-BG7JTFO1.mjs";
 const bn = () => {
 }, K = typeof document < "u" ? u.useLayoutEffect : bn, ue = {
   ...u
@@ -2532,4 +2532,4 @@ export {
   uo as a,
   ln as b
 };
-//# sourceMappingURL=radio-button-group-D_F6kWD6.mjs.map
+//# sourceMappingURL=radio-button-group-DjiTo3b1.mjs.map