@purpur/library 9.0.9 → 9.0.10

package/dist/{quantity-selector-Bc-4Dnpc.js → quantity-selector-D28He6R8.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),_=require("react"),X=require("./spinner-tKunS_o-.js"),J=require("./text-field-CKCwxTJX.js"),C=require("./bind-DeUYJ6m9.js"),K=require("./button-BxdChrq-.js"),V=require("./icon-DNHpBTHs-faYHqTXU.js"),L={"purpur-quantity-selector":"_purpur-quantity-selector_pun3b_1","purpur-quantity-selector--full-width":"_purpur-quantity-selector--full-width_pun3b_25","purpur-quantity-selector--loading":"_purpur-quantity-selector--loading_pun3b_31","purpur-quantity-selector--no-gap":"_purpur-quantity-selector--no-gap_pun3b_34","purpur-quantity-selector--no-gap-disabled-left":"_purpur-quantity-selector--no-gap-disabled-left_pun3b_39","purpur-quantity-selector--no-gap-disabled-right":"_purpur-quantity-selector--no-gap-disabled-right_pun3b_43","purpur-quantity-selector--no-gap-disabled":"_purpur-quantity-selector--no-gap-disabled_pun3b_39","purpur-quantity-selector__spinner":"_purpur-quantity-selector__spinner_pun3b_50","purpur-quantity-selector__spinner--full-width":"_purpur-quantity-selector__spinner--full-width_pun3b_57","purpur-quantity-selector__spinner--separated":"_purpur-quantity-selector__spinner--separated_pun3b_61"},Y={name:"minus",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["minus"],category:"utility"},D=u=>n.jsx(V.b,{...u,svg:Y});D.displayName="IconMinus";const G={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=u=>n.jsx(V.b,{...u,svg:G});F.displayName="IconPlus";const W={"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"},T=C.c.bind(W),b="purpur-quantity-selector-button",tt=({["data-testid"]:u,disabled:m,hasGap:e,variant:f,buttonType:r,onClick:o})=>{const h=T(b,{[`${b}--gap-left`]:e&&r==="decrement",[`${b}--gap-right`]:e&&r==="increment",[`${b}--no-gap-left`]:!e&&r==="decrement",[`${b}--no-gap-right`]:!e&&r==="increment"});return n.jsx(K.Button,{"data-testid":u,className:h,size:"sm",type:"submit",variant:f,onClick:()=>o(r),iconOnly:!0,disabled:m,tabIndex:-1,children:r==="increment"?n.jsx(F,{size:"xs"}):n.jsx(D,{size:"xs"})})},B=C.c.bind(L),et=["attached","separated"],nt=["primary","secondary"],s="purpur-quantity-selector",R=_.forwardRef(({["data-testid"]:u,className:m,variant:e,buttonVariant:f,onChange:r,value:o,defaultValue:h,fullWidth:x,disabled:k,loading:v,minValue:E,maxValue:H,ariaLabelDecrement:M,ariaLabelIncrement:z,...Q},I)=>{const[O,$]=_.useState(h??0),[w,j]=_.useState(O),a=o!==void 0,l=a?o:w,S=t=>u?`${u}-${t}`:void 0,i=k||v,g=Math.max(E??0,0),q=H??Number.MAX_SAFE_INTEGER,p=l===q,d=l===g;_.useEffect(()=>{a&&$(o)},[o,a]),_.useEffect(()=>{if(!a){const t=setTimeout(()=>{$(w)},300);return()=>clearTimeout(t)}},[w,a,r]);const A=B(m,s,{[`${s}--no-gap`]:e==="attached"&&!i&&!d&&!p,[`${s}--no-gap-disabled-left`]:e==="attached"&&!i&&!p&&d,[`${s}--no-gap-disabled-right`]:e==="attached"&&!i&&!d&&p,[`${s}--no-gap-disabled`]:e==="attached"&&(i||p&&d),[`${s}--full-width`]:x,[`${s}--loading`]:v}),Z=t=>{if(!/^[0-9]*$/.test(t.target.value))return;const y=+t.target.value;y<g||y>q||(a||j(y),r(y))},P=t=>{const c=t==="increment"?l+1:l-1;c<0||(a||j(c),r(c))},N=t=>{const c=t==="increment"&&p||t==="decrement"&&d;return n.jsx(tt,{"data-testid":S("button-"+t),variant:f,buttonType:t,hasGap:e==="separated",onClick:P,disabled:i||c,"aria-label":t==="increment"?z:M})},U=n.jsxs(n.Fragment,{children:[v&&n.jsx("div",{className:B(`${s}__spinner`,{[`${s}__spinner--full-width`]:x,[`${s}__spinner--separated`]:!x&&e==="separated"}),children:n.jsx(X.Spinner,{disabled:i,size:"xs","data-testid":S("spinner")},"spinner")}),N("decrement")]});return n.jsx(J.TextField,{value:l,type:"number",ref:I,className:A,"data-testid":u,onChange:Z,beforeField:U,afterField:N("increment"),disabled:i,min:g,max:q,role:"spinbutton","aria-valuenow":l,"aria-valuemax":q,"aria-valuemin":g,...Q})});R.displayName="QuantitySelector";exports.QuantitySelector=R;exports.quantitySelectorButtonVariants=nt;exports.quantitySelectorVariants=et;
-//# sourceMappingURL=quantity-selector-Bc-4Dnpc.js.map
+"use strict";const n=require("react/jsx-runtime"),_=require("react"),X=require("./spinner-tKunS_o-.js"),J=require("./text-field-CiLEj0Fq.js"),C=require("./bind-DeUYJ6m9.js"),K=require("./button-Dqxdc3nC.js"),V=require("./icon-DNHpBTHs-faYHqTXU.js"),L={"purpur-quantity-selector":"_purpur-quantity-selector_pun3b_1","purpur-quantity-selector--full-width":"_purpur-quantity-selector--full-width_pun3b_25","purpur-quantity-selector--loading":"_purpur-quantity-selector--loading_pun3b_31","purpur-quantity-selector--no-gap":"_purpur-quantity-selector--no-gap_pun3b_34","purpur-quantity-selector--no-gap-disabled-left":"_purpur-quantity-selector--no-gap-disabled-left_pun3b_39","purpur-quantity-selector--no-gap-disabled-right":"_purpur-quantity-selector--no-gap-disabled-right_pun3b_43","purpur-quantity-selector--no-gap-disabled":"_purpur-quantity-selector--no-gap-disabled_pun3b_39","purpur-quantity-selector__spinner":"_purpur-quantity-selector__spinner_pun3b_50","purpur-quantity-selector__spinner--full-width":"_purpur-quantity-selector__spinner--full-width_pun3b_57","purpur-quantity-selector__spinner--separated":"_purpur-quantity-selector__spinner--separated_pun3b_61"},Y={name:"minus",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["minus"],category:"utility"},D=u=>n.jsx(V.b,{...u,svg:Y});D.displayName="IconMinus";const G={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=u=>n.jsx(V.b,{...u,svg:G});F.displayName="IconPlus";const W={"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"},T=C.c.bind(W),b="purpur-quantity-selector-button",tt=({["data-testid"]:u,disabled:m,hasGap:e,variant:f,buttonType:r,onClick:o})=>{const h=T(b,{[`${b}--gap-left`]:e&&r==="decrement",[`${b}--gap-right`]:e&&r==="increment",[`${b}--no-gap-left`]:!e&&r==="decrement",[`${b}--no-gap-right`]:!e&&r==="increment"});return n.jsx(K.Button,{"data-testid":u,className:h,size:"sm",type:"submit",variant:f,onClick:()=>o(r),iconOnly:!0,disabled:m,tabIndex:-1,children:r==="increment"?n.jsx(F,{size:"xs"}):n.jsx(D,{size:"xs"})})},B=C.c.bind(L),et=["attached","separated"],nt=["primary","secondary"],s="purpur-quantity-selector",R=_.forwardRef(({["data-testid"]:u,className:m,variant:e,buttonVariant:f,onChange:r,value:o,defaultValue:h,fullWidth:x,disabled:k,loading:v,minValue:E,maxValue:H,ariaLabelDecrement:M,ariaLabelIncrement:z,...Q},I)=>{const[O,$]=_.useState(h??0),[w,j]=_.useState(O),a=o!==void 0,l=a?o:w,S=t=>u?`${u}-${t}`:void 0,i=k||v,g=Math.max(E??0,0),q=H??Number.MAX_SAFE_INTEGER,p=l===q,d=l===g;_.useEffect(()=>{a&&$(o)},[o,a]),_.useEffect(()=>{if(!a){const t=setTimeout(()=>{$(w)},300);return()=>clearTimeout(t)}},[w,a,r]);const A=B(m,s,{[`${s}--no-gap`]:e==="attached"&&!i&&!d&&!p,[`${s}--no-gap-disabled-left`]:e==="attached"&&!i&&!p&&d,[`${s}--no-gap-disabled-right`]:e==="attached"&&!i&&!d&&p,[`${s}--no-gap-disabled`]:e==="attached"&&(i||p&&d),[`${s}--full-width`]:x,[`${s}--loading`]:v}),Z=t=>{if(!/^[0-9]*$/.test(t.target.value))return;const y=+t.target.value;y<g||y>q||(a||j(y),r(y))},P=t=>{const c=t==="increment"?l+1:l-1;c<0||(a||j(c),r(c))},N=t=>{const c=t==="increment"&&p||t==="decrement"&&d;return n.jsx(tt,{"data-testid":S("button-"+t),variant:f,buttonType:t,hasGap:e==="separated",onClick:P,disabled:i||c,"aria-label":t==="increment"?z:M})},U=n.jsxs(n.Fragment,{children:[v&&n.jsx("div",{className:B(`${s}__spinner`,{[`${s}__spinner--full-width`]:x,[`${s}__spinner--separated`]:!x&&e==="separated"}),children:n.jsx(X.Spinner,{disabled:i,size:"xs","data-testid":S("spinner")},"spinner")}),N("decrement")]});return n.jsx(J.TextField,{value:l,type:"number",ref:I,className:A,"data-testid":u,onChange:Z,beforeField:U,afterField:N("increment"),disabled:i,min:g,max:q,role:"spinbutton","aria-valuenow":l,"aria-valuemax":q,"aria-valuemin":g,...Q})});R.displayName="QuantitySelector";exports.QuantitySelector=R;exports.quantitySelectorButtonVariants=nt;exports.quantitySelectorVariants=et;
+//# sourceMappingURL=quantity-selector-D28He6R8.js.map

package/dist/{quantity-selector-Bc-4Dnpc.js.map → quantity-selector-D28He6R8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"quantity-selector-Bc-4Dnpc.js","sources":["../../../components/icon/dist/components/minus.es.js","../../../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 n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n","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  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  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      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      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":["i","e","o","s","n","r","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","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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"}
+{"version":3,"file":"quantity-selector-D28He6R8.js","sources":["../../../components/icon/dist/components/minus.es.js","../../../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 n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n","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  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  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      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      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":["i","e","o","s","n","r","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","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-Djf8APeL.mjs → quantity-selector-w10wKMmT.mjs}

@@ -1,9 +1,9 @@
 import { jsx as a, jsxs as X, Fragment as J } from "react/jsx-runtime";
 import { forwardRef as K, useState as S, useEffect as B } from "react";
 import { a as L } from "./spinner-DRQN6YdK.mjs";
-import { T as Y } from "./text-field-9zPmL99g.mjs";
+import { T as Y } from "./text-field-BMDf8j-K.mjs";
 import { c as j } from "./bind-CU-R61T-.mjs";
-import { b as G } from "./button-D-BBdNhd.mjs";
+import { b as G } from "./button-Cv7NlYbv.mjs";
 import { b as k } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
 const W = {
   "purpur-quantity-selector": "_purpur-quantity-selector_pun3b_1",
@@ -173,4 +173,4 @@ export {
   dt as a,
   _t as q
 };
-//# sourceMappingURL=quantity-selector-Djf8APeL.mjs.map
+//# sourceMappingURL=quantity-selector-w10wKMmT.mjs.map

package/dist/{quantity-selector-Djf8APeL.mjs.map → quantity-selector-w10wKMmT.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"quantity-selector-Djf8APeL.mjs","sources":["../../../components/icon/dist/components/minus.es.js","../../../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 n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n","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  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  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      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      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":["i","e","o","s","n","r","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","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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"}
+{"version":3,"file":"quantity-selector-w10wKMmT.mjs","sources":["../../../components/icon/dist/components/minus.es.js","../../../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 n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n","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  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  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      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      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":["i","e","o","s","n","r","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","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-Bc-4Dnpc.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-D28He6R8.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-Djf8APeL.mjs";
+import { Q as e, q as r, a as n } from "./quantity-selector-w10wKMmT.mjs";
 export {
   e as QuantitySelector,
   r as quantitySelectorButtonVariants,

package/dist/{search-field-0CBoxcNH.js → search-field-CNpJp3Tg.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("react"),_=require("./search.es-Cg2amJSR.js"),k=require("./text-field-CKCwxTJX.js"),f=require("./bind-DeUYJ6m9.js"),d=require("./button-BxdChrq-.js"),v={"purpur-search-field":"_purpur-search-field_uhpkq_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_uhpkq_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_uhpkq_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_uhpkq_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_uhpkq_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_uhpkq_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_uhpkq_24"},N={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},w=f.c.bind(N),h="purpur-search-field-button",z=({["data-testid"]:s,disabled:i,iconOnly:c,label:r})=>{const a={className:w(h,{[`${h}--icon-only`]:c}),disabled:i,"data-testid":s};return c?e.jsx(d.Button,{...a,"aria-label":r,iconOnly:!0,size:"sm",type:"submit",variant:"primary",children:e.jsx(_.s,{size:"xs"})}):e.jsx(d.Button,{...a,size:"sm",type:"submit",variant:"primary",children:r})},S=["button-attached","no-button"],l=f.c.bind(v),u="purpur-search-field",b=j.forwardRef(({["data-testid"]:s,className:i,clearButtonAriaLabel:c,disabled:r,iconOnlySearchButton:a,onClear:m,onSearch:x,searchButtonLabel:y,variant:o,formRef:q,...t},$)=>{const p=n=>s?`${s}-${n}`:void 0,F=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!r&&!t.readOnly&&!t.loading,g=l(i,u,{[`${u}--no-gap`]:o==="button-attached",[`${u}--has-clear-button`]:F});return e.jsx("form",{ref:q,className:l(`${u}__wrapper`),"data-testid":s,onSubmit:n=>{n.preventDefault(),x?.(n)},children:e.jsx(k.TextField,{ref:$,className:g,clearButtonAriaLabel:c,disabled:r,onClear:m,startAdornment:a?null:e.jsx(_.s,{size:"xs",className:l(`${u}__search-icon`)},"1"),afterField:o!=="no-button"?e.jsx(z,{disabled:r,iconOnly:a,label:y,"data-testid":p("button")}):null,"data-testid":p("text-field"),type:"search",...t})})});b.displayName="SearchField";exports.SearchField=b;exports.searchFieldVariants=S;
-//# sourceMappingURL=search-field-0CBoxcNH.js.map
+"use strict";const e=require("react/jsx-runtime"),j=require("react"),_=require("./search.es-Cg2amJSR.js"),k=require("./text-field-CiLEj0Fq.js"),f=require("./bind-DeUYJ6m9.js"),d=require("./button-Dqxdc3nC.js"),v={"purpur-search-field":"_purpur-search-field_uhpkq_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_uhpkq_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_uhpkq_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_uhpkq_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_uhpkq_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_uhpkq_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_uhpkq_24"},N={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},w=f.c.bind(N),h="purpur-search-field-button",z=({["data-testid"]:s,disabled:i,iconOnly:c,label:r})=>{const a={className:w(h,{[`${h}--icon-only`]:c}),disabled:i,"data-testid":s};return c?e.jsx(d.Button,{...a,"aria-label":r,iconOnly:!0,size:"sm",type:"submit",variant:"primary",children:e.jsx(_.s,{size:"xs"})}):e.jsx(d.Button,{...a,size:"sm",type:"submit",variant:"primary",children:r})},S=["button-attached","no-button"],l=f.c.bind(v),u="purpur-search-field",b=j.forwardRef(({["data-testid"]:s,className:i,clearButtonAriaLabel:c,disabled:r,iconOnlySearchButton:a,onClear:m,onSearch:x,searchButtonLabel:y,variant:o,formRef:q,...t},$)=>{const p=n=>s?`${s}-${n}`:void 0,F=(typeof t.value=="number"?t.value!==void 0:t.value?.length)&&!r&&!t.readOnly&&!t.loading,g=l(i,u,{[`${u}--no-gap`]:o==="button-attached",[`${u}--has-clear-button`]:F});return e.jsx("form",{ref:q,className:l(`${u}__wrapper`),"data-testid":s,onSubmit:n=>{n.preventDefault(),x?.(n)},children:e.jsx(k.TextField,{ref:$,className:g,clearButtonAriaLabel:c,disabled:r,onClear:m,startAdornment:a?null:e.jsx(_.s,{size:"xs",className:l(`${u}__search-icon`)},"1"),afterField:o!=="no-button"?e.jsx(z,{disabled:r,iconOnly:a,label:y,"data-testid":p("button")}):null,"data-testid":p("text-field"),type:"search",...t})})});b.displayName="SearchField";exports.SearchField=b;exports.searchFieldVariants=S;
+//# sourceMappingURL=search-field-CNpJp3Tg.js.map

package/dist/{search-field-0CBoxcNH.js.map → search-field-CNpJp3Tg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-field-0CBoxcNH.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":"k4BAcMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,6BAETC,EAAoB,CAAC,CAChC,CAAC,eAAgBC,EACjB,SAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAa,CACX,MAAMC,EAAQ,CACZ,UAAWT,EAAGG,EAAe,CAC3B,CAAC,GAAGA,CAAa,aAAa,EAAGI,CAAA,CAClC,EACD,SAAAD,EACC,cAAgBD,CAAA,EAGnB,OAAIE,QAECG,SAAA,CAAQ,GAAGD,EAAO,aAAYD,EAAO,SAAQ,GAAC,KAAK,KAAK,KAAK,SAAS,QAAQ,UAC7E,eAACG,EAAAA,EAAA,CAAW,KAAK,KAAK,EACxB,EAKFC,EAAAA,IAACF,EAAAA,OAAA,CAAQ,GAAGD,EAAO,KAAK,KAAK,KAAK,SAAS,QAAQ,UAChD,SAAAD,CAAA,CACH,CAEJ,ECpCaK,EAAsB,CAAC,kBAAmB,WAAW,EA2D5Db,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAETW,EAAcC,EAAAA,WACzB,CACE,CACE,CAAC,eAAgBC,EACjB,UAAAC,EACA,qBAAAC,EACA,SAAAZ,EACA,qBAAAa,EACA,QAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGf,CAAA,EAELgB,IACG,CACH,MAAMC,EAAaC,GAAkBX,EAAa,GAAGA,CAAU,IAAIW,CAAI,GAAK,OAGtEC,GADJ,OAAOnB,EAAM,OAAU,SAAWA,EAAM,QAAU,OAAYA,EAAM,OAAO,SAC1C,CAACH,GAAY,CAACG,EAAM,UAAY,CAACA,EAAM,QAEpEoB,EAAU7B,EAAGiB,EAAWd,EAAe,CAC3C,CAAC,GAAGA,CAAa,UAAU,EAAGoB,IAAY,kBAC1C,CAAC,GAAGpB,CAAa,oBAAoB,EAAGyB,CAAA,CACzC,EAED,OACEhB,EAAAA,IAAC,OAAA,CACC,IAAKY,EACL,UAAWxB,EAAG,GAAGG,CAAa,WAAW,EACzC,cAAaa,EACb,SAAWc,GAAkC,CAC3CA,EAAE,eAAA,EACFT,IAAWS,CAAC,CACd,EAEA,SAAAlB,EAAAA,IAACmB,EAAAA,UAAA,CACC,IAAAN,EACA,UAAWI,EACX,qBAAAX,EACA,SAAAZ,EACA,QAAAc,EACA,eACGD,EAEG,KADFP,EAAAA,IAACD,EAAAA,GAAW,KAAK,KAAK,UAAWX,EAAG,GAAGG,CAAa,eAAe,CAAA,EAAO,GAAI,EAGlF,WACEoB,IAAY,YACVX,EAAAA,IAACR,EAAA,CACC,SAAAE,EACA,SAAUa,EACV,MAAOG,EACP,cAAaI,EAAU,QAAQ,CAAA,CAAA,EAE/B,KAEN,cAAaA,EAAU,YAAY,EACnC,KAAK,SACJ,GAAGjB,CAAA,CAAA,CACN,CAAA,CAGN,CACF,EAEAK,EAAY,YAAc"}
+{"version":3,"file":"search-field-CNpJp3Tg.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":"k4BAcMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,6BAETC,EAAoB,CAAC,CAChC,CAAC,eAAgBC,EACjB,SAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAa,CACX,MAAMC,EAAQ,CACZ,UAAWT,EAAGG,EAAe,CAC3B,CAAC,GAAGA,CAAa,aAAa,EAAGI,CAAA,CAClC,EACD,SAAAD,EACC,cAAgBD,CAAA,EAGnB,OAAIE,QAECG,SAAA,CAAQ,GAAGD,EAAO,aAAYD,EAAO,SAAQ,GAAC,KAAK,KAAK,KAAK,SAAS,QAAQ,UAC7E,eAACG,EAAAA,EAAA,CAAW,KAAK,KAAK,EACxB,EAKFC,EAAAA,IAACF,EAAAA,OAAA,CAAQ,GAAGD,EAAO,KAAK,KAAK,KAAK,SAAS,QAAQ,UAChD,SAAAD,CAAA,CACH,CAEJ,ECpCaK,EAAsB,CAAC,kBAAmB,WAAW,EA2D5Db,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,sBAETW,EAAcC,EAAAA,WACzB,CACE,CACE,CAAC,eAAgBC,EACjB,UAAAC,EACA,qBAAAC,EACA,SAAAZ,EACA,qBAAAa,EACA,QAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGf,CAAA,EAELgB,IACG,CACH,MAAMC,EAAaC,GAAkBX,EAAa,GAAGA,CAAU,IAAIW,CAAI,GAAK,OAGtEC,GADJ,OAAOnB,EAAM,OAAU,SAAWA,EAAM,QAAU,OAAYA,EAAM,OAAO,SAC1C,CAACH,GAAY,CAACG,EAAM,UAAY,CAACA,EAAM,QAEpEoB,EAAU7B,EAAGiB,EAAWd,EAAe,CAC3C,CAAC,GAAGA,CAAa,UAAU,EAAGoB,IAAY,kBAC1C,CAAC,GAAGpB,CAAa,oBAAoB,EAAGyB,CAAA,CACzC,EAED,OACEhB,EAAAA,IAAC,OAAA,CACC,IAAKY,EACL,UAAWxB,EAAG,GAAGG,CAAa,WAAW,EACzC,cAAaa,EACb,SAAWc,GAAkC,CAC3CA,EAAE,eAAA,EACFT,IAAWS,CAAC,CACd,EAEA,SAAAlB,EAAAA,IAACmB,EAAAA,UAAA,CACC,IAAAN,EACA,UAAWI,EACX,qBAAAX,EACA,SAAAZ,EACA,QAAAc,EACA,eACGD,EAEG,KADFP,EAAAA,IAACD,EAAAA,GAAW,KAAK,KAAK,UAAWX,EAAG,GAAGG,CAAa,eAAe,CAAA,EAAO,GAAI,EAGlF,WACEoB,IAAY,YACVX,EAAAA,IAACR,EAAA,CACC,SAAAE,EACA,SAAUa,EACV,MAAOG,EACP,cAAaI,EAAU,QAAQ,CAAA,CAAA,EAE/B,KAEN,cAAaA,EAAU,YAAY,EACnC,KAAK,SACJ,GAAGjB,CAAA,CAAA,CACN,CAAA,CAGN,CACF,EAEAK,EAAY,YAAc"}

package/dist/{search-field-aP_i6Nr0.mjs → search-field-CWqLnqdo.mjs}

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as q } from "react";
 import { s as h } from "./search.es-DoFKg2Hr.mjs";
-import { T as v } from "./text-field-9zPmL99g.mjs";
+import { T as v } from "./text-field-BMDf8j-K.mjs";
 import { c as f } from "./bind-CU-R61T-.mjs";
-import { b as _ } from "./button-D-BBdNhd.mjs";
+import { b as _ } from "./button-Cv7NlYbv.mjs";
 const N = {
   "purpur-search-field": "_purpur-search-field_uhpkq_1",
   "purpur-search-field--has-clear-button": "_purpur-search-field--has-clear-button_uhpkq_4",
@@ -88,4 +88,4 @@ export {
   S,
   R as s
 };
-//# sourceMappingURL=search-field-aP_i6Nr0.mjs.map
+//# sourceMappingURL=search-field-CWqLnqdo.mjs.map

package/dist/{search-field-aP_i6Nr0.mjs.map → search-field-CWqLnqdo.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"search-field-aP_i6Nr0.mjs","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":";;;;;;;;;;;;;;;;;GAcMA,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,8BAETC,IAAoB,CAAC;AAAA,EAChC,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAa;AACX,QAAMC,IAAQ;AAAA,IACZ,WAAWT,EAAGG,GAAe;AAAA,MAC3B,CAAC,GAAGA,CAAa,aAAa,GAAGI;AAAA,IAAA,CAClC;AAAA,IACD,UAAAD;AAAA,IACC,eAAgBD;AAAA,EAAA;AAGnB,SAAIE,sBAECG,GAAA,EAAQ,GAAGD,GAAO,cAAYD,GAAO,UAAQ,IAAC,MAAK,MAAK,MAAK,UAAS,SAAQ,WAC7E,4BAACG,GAAA,EAAW,MAAK,MAAK,GACxB,IAKF,gBAAAC,EAACF,GAAA,EAAQ,GAAGD,GAAO,MAAK,MAAK,MAAK,UAAS,SAAQ,WAChD,UAAAD,EAAA,CACH;AAEJ,GCpCaK,IAAsB,CAAC,mBAAmB,WAAW,GA2D5Db,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,uBAETW,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAZ;AAAA,IACA,sBAAAa;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGf;AAAA,EAAA,GAELgB,MACG;AACH,UAAMC,IAAY,CAACC,MAAkBX,IAAa,GAAGA,CAAU,IAAIW,CAAI,KAAK,QAGtEC,KADJ,OAAOnB,EAAM,SAAU,WAAWA,EAAM,UAAU,SAAYA,EAAM,OAAO,WAC1C,CAACH,KAAY,CAACG,EAAM,YAAY,CAACA,EAAM,SAEpEoB,IAAU7B,EAAGiB,GAAWd,GAAe;AAAA,MAC3C,CAAC,GAAGA,CAAa,UAAU,GAAGoB,MAAY;AAAA,MAC1C,CAAC,GAAGpB,CAAa,oBAAoB,GAAGyB;AAAA,IAAA,CACzC;AAED,WACE,gBAAAhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKY;AAAA,QACL,WAAWxB,EAAG,GAAGG,CAAa,WAAW;AAAA,QACzC,eAAaa;AAAA,QACb,UAAU,CAACc,MAAkC;AAC3C,UAAAA,EAAE,eAAA,GACFT,IAAWS,CAAC;AAAA,QACd;AAAA,QAEA,UAAA,gBAAAlB;AAAA,UAACmB;AAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAWI;AAAA,YACX,sBAAAX;AAAA,YACA,UAAAZ;AAAA,YACA,SAAAc;AAAA,YACA,gBACGD,IAEG,OADF,gBAAAP,EAACD,KAAW,MAAK,MAAK,WAAWX,EAAG,GAAGG,CAAa,eAAe,EAAA,GAAO,GAAI;AAAA,YAGlF,YACEoB,MAAY,cACV,gBAAAX;AAAA,cAACR;AAAA,cAAA;AAAA,gBACC,UAAAE;AAAA,gBACA,UAAUa;AAAA,gBACV,OAAOG;AAAA,gBACP,eAAaI,EAAU,QAAQ;AAAA,cAAA;AAAA,YAAA,IAE/B;AAAA,YAEN,eAAaA,EAAU,YAAY;AAAA,YACnC,MAAK;AAAA,YACJ,GAAGjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAGN;AACF;AAEAK,EAAY,cAAc;"}
+{"version":3,"file":"search-field-CWqLnqdo.mjs","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  iconOnly?: boolean;\n  label: string;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n  [\"data-testid\"]: dataTestid,\n  disabled,\n  iconOnly,\n  label,\n}: Props) => {\n  const props = {\n    className: cx(rootClassName, {\n      [`${rootClassName}--icon-only`]: iconOnly,\n    }),\n    disabled,\n    [\"data-testid\"]: dataTestid,\n  };\n\n  if (iconOnly) {\n    return (\n      <Button {...props} aria-label={label} iconOnly size=\"sm\" type=\"submit\" variant=\"primary\">\n        <IconSearch size=\"xs\" />\n      </Button>\n    );\n  }\n\n  return (\n    <Button {...props} size=\"sm\" type=\"submit\" variant=\"primary\">\n      {label}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, type FormEvent, forwardRef, type RefObject } from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n  [\"data-testid\"]?: string;\n  /**\n   * An accessible label for the clear button.\n   * */\n  clearButtonAriaLabel: string;\n  /**\n   * Disables both the input field and submit button if `true`.\n   * */\n  disabled?: boolean;\n  /**\n   * Will display only a search icon in the search button if `true`.\n   * */\n  iconOnlySearchButton?: boolean;\n  /**\n   * Event handler called when the value of the search field changes.\n   * */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Event handler called when the clear button is clicked.\n   * */\n  onClear: () => void;\n  /**\n   * Event handler called when the search form is submitted.\n   * */\n  onSearch?: (e: FormEvent<HTMLFormElement>) => void;\n  /**\n   * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n   * */\n  searchButtonLabel?: string;\n  variant: Variant;\n  formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n  iconOnlySearchButton?: false;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n  iconOnlySearchButton: true;\n  searchButtonLabel: string;\n  variant: \"button-attached\";\n};\n\ntype NoButton = {\n  searchButtonLabel?: never;\n  variant: \"no-button\";\n};\n\nexport type SearchFieldProps = DefaultProps &\n  (TextSearchButton | IconOnlySearchButton | NoButton) &\n  Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      disabled,\n      iconOnlySearchButton,\n      onClear,\n      onSearch,\n      searchButtonLabel,\n      variant,\n      formRef,\n      ...props\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const hasValue =\n      typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n    const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n      [`${rootClassName}--has-clear-button`]: hasClearButton,\n    });\n\n    return (\n      <form\n        ref={formRef}\n        className={cx(`${rootClassName}__wrapper`)}\n        data-testid={dataTestId}\n        onSubmit={(e: FormEvent<HTMLFormElement>) => {\n          e.preventDefault();\n          onSearch?.(e);\n        }}\n      >\n        <TextField\n          ref={ref}\n          className={classes}\n          clearButtonAriaLabel={clearButtonAriaLabel}\n          disabled={disabled}\n          onClear={onClear}\n          startAdornment={\n            !iconOnlySearchButton ? (\n              <IconSearch size=\"xs\" className={cx(`${rootClassName}__search-icon`)} key=\"1\" />\n            ) : null\n          }\n          afterField={\n            variant !== \"no-button\" ? (\n              <SearchFieldButton\n                disabled={disabled}\n                iconOnly={iconOnlySearchButton}\n                label={searchButtonLabel}\n                data-testid={getTestId(\"button\")}\n              />\n            ) : null\n          }\n          data-testid={getTestId(\"text-field\")}\n          type=\"search\"\n          {...props}\n        />\n      </form>\n    );\n  }\n);\n\nSearchField.displayName = \"SearchField\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","label","props","Button","IconSearch","jsx","searchFieldVariants","SearchField","forwardRef","dataTestId","className","clearButtonAriaLabel","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","ref","getTestId","name","hasClearButton","classes","e","TextField"],"mappings":";;;;;;;;;;;;;;;;;GAcMA,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,8BAETC,IAAoB,CAAC;AAAA,EAChC,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAa;AACX,QAAMC,IAAQ;AAAA,IACZ,WAAWT,EAAGG,GAAe;AAAA,MAC3B,CAAC,GAAGA,CAAa,aAAa,GAAGI;AAAA,IAAA,CAClC;AAAA,IACD,UAAAD;AAAA,IACC,eAAgBD;AAAA,EAAA;AAGnB,SAAIE,sBAECG,GAAA,EAAQ,GAAGD,GAAO,cAAYD,GAAO,UAAQ,IAAC,MAAK,MAAK,MAAK,UAAS,SAAQ,WAC7E,4BAACG,GAAA,EAAW,MAAK,MAAK,GACxB,IAKF,gBAAAC,EAACF,GAAA,EAAQ,GAAGD,GAAO,MAAK,MAAK,MAAK,UAAS,SAAQ,WAChD,UAAAD,EAAA,CACH;AAEJ,GCpCaK,IAAsB,CAAC,mBAAmB,WAAW,GA2D5Db,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,uBAETW,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAZ;AAAA,IACA,sBAAAa;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGf;AAAA,EAAA,GAELgB,MACG;AACH,UAAMC,IAAY,CAACC,MAAkBX,IAAa,GAAGA,CAAU,IAAIW,CAAI,KAAK,QAGtEC,KADJ,OAAOnB,EAAM,SAAU,WAAWA,EAAM,UAAU,SAAYA,EAAM,OAAO,WAC1C,CAACH,KAAY,CAACG,EAAM,YAAY,CAACA,EAAM,SAEpEoB,IAAU7B,EAAGiB,GAAWd,GAAe;AAAA,MAC3C,CAAC,GAAGA,CAAa,UAAU,GAAGoB,MAAY;AAAA,MAC1C,CAAC,GAAGpB,CAAa,oBAAoB,GAAGyB;AAAA,IAAA,CACzC;AAED,WACE,gBAAAhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKY;AAAA,QACL,WAAWxB,EAAG,GAAGG,CAAa,WAAW;AAAA,QACzC,eAAaa;AAAA,QACb,UAAU,CAACc,MAAkC;AAC3C,UAAAA,EAAE,eAAA,GACFT,IAAWS,CAAC;AAAA,QACd;AAAA,QAEA,UAAA,gBAAAlB;AAAA,UAACmB;AAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAWI;AAAA,YACX,sBAAAX;AAAA,YACA,UAAAZ;AAAA,YACA,SAAAc;AAAA,YACA,gBACGD,IAEG,OADF,gBAAAP,EAACD,KAAW,MAAK,MAAK,WAAWX,EAAG,GAAGG,CAAa,eAAe,EAAA,GAAO,GAAI;AAAA,YAGlF,YACEoB,MAAY,cACV,gBAAAX;AAAA,cAACR;AAAA,cAAA;AAAA,gBACC,UAAAE;AAAA,gBACA,UAAUa;AAAA,gBACV,OAAOG;AAAA,gBACP,eAAaI,EAAU,QAAQ;AAAA,cAAA;AAAA,YAAA,IAE/B;AAAA,YAEN,eAAaA,EAAU,YAAY;AAAA,YACnC,MAAK;AAAA,YACJ,GAAGjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAGN;AACF;AAEAK,EAAY,cAAc;"}

package/dist/search-field.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./search-field-0CBoxcNH.js");exports.SearchField=e.SearchField;exports.searchFieldVariants=e.searchFieldVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./search-field-CNpJp3Tg.js");exports.SearchField=e.SearchField;exports.searchFieldVariants=e.searchFieldVariants;
 //# sourceMappingURL=search-field.cjs.js.map

package/dist/search-field.es.js

@@ -1,4 +1,4 @@
-import { S as r, s } from "./search-field-aP_i6Nr0.mjs";
+import { S as r, s } from "./search-field-CWqLnqdo.mjs";
 export {
   r as SearchField,
   s as searchFieldVariants

package/dist/{stepper-CTdGj87I.mjs → stepper-B351hexi.mjs}

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as N, Fragment as Z } from "react/jsx-runtime";
 import { forwardRef as z, isValidElement as x, useRef as S, useEffect as F, useState as O, Children as j } from "react";
-import { b as B, a as V } from "./button-D-BBdNhd.mjs";
+import { b as B, a as V } from "./button-Cv7NlYbv.mjs";
 import { l as rr } from "./chevron-left.es-UFhf3v35.mjs";
 import { n as tr } from "./chevron-right.es-D7aVK4ER.mjs";
 import { I as er, R as H } from "./index-IpWiejWQ.mjs";
 import { R as sr, V as pr, S as nr, T as or } from "./index-B8Mazo6u.mjs";
 import { c as L } from "./bind-CU-R61T-.mjs";
-import { b as ir } from "./tooltip-BtGtu3ph.mjs";
+import { b as ir } from "./tooltip-BHsVKFJ3.mjs";
 import { a as lr } from "./checkmark.es-DdgIZN2R.mjs";
 const ur = {
   PRIMARY: "primary"
@@ -446,4 +446,4 @@ D.displayName = "Stepper";
 export {
   D as S
 };
-//# sourceMappingURL=stepper-CTdGj87I.mjs.map
+//# sourceMappingURL=stepper-B351hexi.mjs.map

package/dist/{stepper-CTdGj87I.mjs.map → stepper-B351hexi.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"stepper-CTdGj87I.mjs","sources":["../../../components/stepper/src/constants.ts","../../../components/stepper/src/stepper-container.tsx","../../../components/stepper/src/stepper-content.tsx","../../../components/stepper/src/stepper-button.tsx","../../../components/stepper/src/stepper-nav-items.tsx","../../../components/stepper/src/use-content-focus.hook.ts","../../../components/stepper/src/use-scroll-buttons.hook.ts","../../../components/stepper/src/stepper.tsx"],"sourcesContent":["export const STEPPER_VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n} as const;\n\nexport const VISIBILITY_STATES = {\n  SMALL_SCREEN: \"small-screen\",\n  LARGE_SCREEN: \"large-screen\",\n  ALWAYS: \"always\",\n} as const;\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stepper-container.module.scss\";\nimport { type StepperVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type StepperContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  alignWithGrid: boolean;\n  variant: StepperVariant;\n};\n\nconst rootClassName = \"purpur-stepper-container\";\n\nexport const StepperContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-stepper-container\",\n  children,\n  className,\n  alignWithGrid,\n  variant,\n  ...props\n}: StepperContainerProps) => {\n  const classes: string = cx(className, rootClassName, {\n    [`${rootClassName}--${variant}`]: variant,\n    [`${rootClassName}--align-with-grid`]: alignWithGrid,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      <div\n        className={cx(`${rootClassName}__inner`, {\n          [`${rootClassName}__inner--align-with-grid`]: alignWithGrid,\n        })}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { type Optional, type Step } from \"./types\";\n\nexport type StepperContentProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n} & Optional<Step, \"disabled\" | \"finished\">;\n\nexport const StepperContent = forwardRef<HTMLDivElement, StepperContentProps>(\n  ({ children, ...props }, ref) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { finished, ...rest } = props;\n    return (\n      <div {...rest} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const isStepperContent = (child?: ReactNode): child is ReactElement<StepperContentProps> =>\n  !!child && isValidElement<StepperContentProps>(child) && !!child.props.label;\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stepper-button.module.scss\";\nimport {\n  type HandleStepChangeFunction,\n  type HandleStepFocusFunction,\n  type Step,\n  type StepperVariant,\n  type VisibilityStates,\n} from \"./types\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-stepper-button\";\n\nexport type StepNumberProps = {\n  current: boolean;\n  disabled: boolean;\n  stepNumber: number;\n  [\"data-testid\"]?: string;\n};\n\nconst StepNumber = ({\n  [\"data-testid\"]: dataTestId,\n  current,\n  disabled,\n  stepNumber,\n}: StepNumberProps) => {\n  return (\n    <div\n      data-testid={dataTestId}\n      className={cx([\n        `${rootClassName}__step-number`,\n        {\n          [`${rootClassName}__step-number--current`]: current,\n        },\n        {\n          [`${rootClassName}__step-number--disabled`]: disabled,\n        },\n      ])}\n    >\n      {stepNumber}\n    </div>\n  );\n};\n\nexport type StepperButtonProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  variant: StepperVariant;\n  step: Step;\n  currentStepIndex: number;\n  index: number;\n  indexOfLastItem: number;\n  whenToBeVisible: VisibilityStates;\n  handleStepChange: HandleStepChangeFunction;\n  handleStepFocus: HandleStepFocusFunction;\n  completedStepLabel: string;\n};\n\nexport const StepperButton = forwardRef<HTMLButtonElement, StepperButtonProps>(\n  (\n    {\n      className,\n      [\"data-testid\"]: dataTestId,\n      variant,\n      step,\n      indexOfLastItem,\n      index,\n      currentStepIndex,\n      whenToBeVisible,\n      handleStepChange,\n      handleStepFocus,\n      completedStepLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const placement = index === 0 ? \"first\" : index === indexOfLastItem ? \"last\" : \"middle\";\n    const isCurrentStep = index === currentStepIndex;\n    return (\n      <RovingFocusGroup.Item asChild>\n        <Button\n          {...props}\n          ref={ref}\n          className={cx(\n            className,\n            rootClassName,\n            `${rootClassName}--${placement}`,\n            `${rootClassName}--${variant}`,\n            `${rootClassName}--visibility-${whenToBeVisible}`,\n            {\n              [`${rootClassName}--current`]: isCurrentStep,\n            },\n            {\n              [`${rootClassName}--disabled`]: step.disabled,\n            },\n            {\n              [\"arrow-tail\"]: placement !== \"first\",\n            },\n            {\n              [\"arrow-forward\"]: placement !== \"last\",\n            }\n          )}\n          id={`stepper-trigger-button-${index}`}\n          variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n          data-testid={`${dataTestId}-step-trigger-item-${index}`}\n          disabled={step.disabled}\n          aria-current={isCurrentStep && \"step\"}\n          aria-label={\n            step.finished && !isCurrentStep\n              ? [step.label, completedStepLabel].filter(Boolean).join(\", \")\n              : undefined\n          }\n          onClick={(e) => handleStepChange(e, index)}\n          onFocus={handleStepFocus}\n        >\n          <span className={cx(`${rootClassName}__trigger-outline`)}>\n            {step.finished && !isCurrentStep ? (\n              <IconCheckmark\n                className={cx(`${rootClassName}__icon`)}\n                data-testid={`${dataTestId}-step-finished-icon`}\n                size=\"sm\"\n              />\n            ) : (\n              <StepNumber\n                data-testid={`${dataTestId}-step-number`}\n                current={isCurrentStep}\n                disabled={step.disabled}\n                stepNumber={index + 1}\n              />\n            )}\n            <span\n              className={cx(`${rootClassName}__step-label`, {\n                [`sr-only--lg-down`]: !isCurrentStep,\n              })}\n            >\n              {step.label}\n            </span>\n          </span>\n        </Button>\n      </RovingFocusGroup.Item>\n    );\n  }\n);\n","import React, { forwardRef, type RefObject } from \"react\";\nimport { Tooltip } from \"@purpur/tooltip\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport c from \"classnames/bind\";\n\nimport { VISIBILITY_STATES } from \"./constants\";\nimport { StepperButton } from \"./stepper-button\";\nimport styles from \"./stepper-nav-items.module.scss\";\nimport {\n  type HandleStepChangeFunction,\n  type HandleStepFocusFunction,\n  type Step,\n  type StepperVariant,\n} from \"./types\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-stepper-nav-items\";\n\nexport type StepperNavItemsProps = {\n  variant: StepperVariant;\n  [\"data-testid\"]?: string;\n  firstStepRef: RefObject<HTMLLIElement | null>;\n  lastStepRef: RefObject<HTMLLIElement | null>;\n  steps: Step[];\n  currentStepIndex: number;\n  handleStepChange: HandleStepChangeFunction;\n  handleStepFocus: HandleStepFocusFunction;\n  completedStepLabel: string;\n};\n\nexport const StepperNavItems = forwardRef<HTMLOListElement, StepperNavItemsProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      variant,\n      handleStepChange,\n      handleStepFocus,\n      steps,\n      firstStepRef,\n      lastStepRef,\n      currentStepIndex,\n      completedStepLabel,\n    },\n    ref\n  ) => {\n    const stepListItems = steps.map((step: Step, index: number) => {\n      const tooltipTriggerItem = step.disabled ? (\n        <span className={cx(`${rootClassName}__tooltip-trigger-item-container`)}>\n          <StepperButton\n            data-testid={`${dataTestId}-disabled-sm`}\n            variant={variant}\n            step={step}\n            indexOfLastItem={steps.length - 1}\n            index={index}\n            currentStepIndex={currentStepIndex}\n            whenToBeVisible={VISIBILITY_STATES.SMALL_SCREEN}\n            completedStepLabel={completedStepLabel}\n            handleStepChange={handleStepChange}\n            handleStepFocus={handleStepFocus}\n          />\n        </span>\n      ) : null;\n\n      return (\n        <li\n          className={cx(`${rootClassName}__list-item`, {\n            [`${rootClassName}__list-item--current`]: index === currentStepIndex,\n          })}\n          ref={index === 0 ? firstStepRef : index === steps.length - 1 ? lastStepRef : null}\n          key={step.label}\n        >\n          {step.disabled ? (\n            <>\n              <Tooltip\n                contentClassName={cx(`${rootClassName}__tooltip-content`)}\n                triggerElement={tooltipTriggerItem}\n              >\n                {step.label}\n              </Tooltip>\n              <StepperButton\n                data-testid={`${dataTestId}-disabled-lg`}\n                variant={variant}\n                step={step}\n                indexOfLastItem={steps.length - 1}\n                index={index}\n                currentStepIndex={currentStepIndex}\n                whenToBeVisible={VISIBILITY_STATES.LARGE_SCREEN}\n                completedStepLabel={completedStepLabel}\n                handleStepChange={handleStepChange}\n                handleStepFocus={handleStepFocus}\n              />\n            </>\n          ) : (\n            <StepperButton\n              data-testid={dataTestId}\n              variant={variant}\n              step={step}\n              indexOfLastItem={steps.length - 1}\n              index={index}\n              currentStepIndex={currentStepIndex}\n              whenToBeVisible={VISIBILITY_STATES.ALWAYS}\n              completedStepLabel={completedStepLabel}\n              handleStepChange={handleStepChange}\n              handleStepFocus={handleStepFocus}\n            />\n          )}\n        </li>\n      );\n    });\n    return (\n      <RovingFocusGroup.Root loop={false} dir=\"ltr\">\n        <ol ref={ref} className={cx(`${rootClassName}__list`)}>\n          {stepListItems}\n        </ol>\n      </RovingFocusGroup.Root>\n    );\n  }\n);\n","import { type RefObject, useEffect, useRef } from \"react\";\n\ninterface UseContentFocusHook<T extends HTMLElement> {\n  contentRef: RefObject<T | null>;\n}\n\nexport const useContentFocus = <T extends HTMLElement>(\n  currentStepIndex: number\n): UseContentFocusHook<T> => {\n  const firstLoad = useRef<boolean>(true);\n  const contentRef = useRef<T | null>(null);\n\n  useEffect(() => {\n    if (!firstLoad.current && contentRef.current !== null) {\n      contentRef.current.focus();\n    }\n    firstLoad.current = false;\n  }, [currentStepIndex]);\n\n  return {\n    contentRef,\n  };\n};\n","import { type RefObject, useEffect, useRef, useState } from \"react\";\n\nexport const SCROLL_DIRECTION = {\n  LEFT: \"left\",\n  RIGHT: \"right\",\n} as const;\n\nexport type ScrollDirection = (typeof SCROLL_DIRECTION)[keyof typeof SCROLL_DIRECTION];\n\nexport type UseScrollHook<ContainerElement, WatchedElement> = {\n  scrollContainer: RefObject<ContainerElement | null>;\n  firstStepRef: RefObject<WatchedElement | null>;\n  lastStepRef: RefObject<WatchedElement | null>;\n  displayLeftScrollButton: boolean;\n  displayRightScrollButton: boolean;\n  handleHorizontalScroll: (dir: ScrollDirection) => void;\n};\n\nexport const useScrollButtons = <\n  ContainerElement extends HTMLElement,\n  WatchedElement extends HTMLElement\n>(): UseScrollHook<ContainerElement, WatchedElement> => {\n  const scrollContainer = useRef<ContainerElement | null>(null);\n  const firstStepRef = useRef<WatchedElement | null>(null);\n  const lastStepRef = useRef<WatchedElement | null>(null);\n  const [displayLeftScrollButton, setDisplayLeftScrollButton] = useState(false);\n  const [displayRightScrollButton, setDisplayRightScrollButton] = useState(false);\n\n  const handleHorizontalScroll = (dir: ScrollDirection): void => {\n    if (!scrollContainer.current) {\n      return;\n    }\n    const scrollableContainer = scrollContainer.current;\n    const scrollableContainerWidth = scrollableContainer.clientWidth;\n    const currentScrollLeft = scrollableContainer.scrollLeft;\n    if (dir === SCROLL_DIRECTION.LEFT) {\n      scrollableContainer.scroll({\n        behavior: \"smooth\",\n        left: currentScrollLeft - scrollableContainerWidth / 2,\n      });\n    }\n    if (dir === SCROLL_DIRECTION.RIGHT) {\n      scrollableContainer.scroll({\n        behavior: \"smooth\",\n        left: currentScrollLeft + scrollableContainerWidth / 2,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (firstStepRef.current && lastStepRef.current && scrollContainer.current) {\n      const observer: IntersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          for (const entry of entries) {\n            if (entry.target === firstStepRef.current) {\n              if (entry.isIntersecting) {\n                setDisplayLeftScrollButton(false);\n              } else {\n                setDisplayLeftScrollButton(true);\n              }\n              continue;\n            }\n            if (entry.target === lastStepRef.current) {\n              if (entry.isIntersecting) {\n                setDisplayRightScrollButton(false);\n              } else {\n                setDisplayRightScrollButton(true);\n              }\n            }\n          }\n        },\n        {\n          root: scrollContainer.current,\n          threshold: 0.95,\n        }\n      );\n\n      observer.observe(firstStepRef.current);\n      observer.observe(lastStepRef.current);\n\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [firstStepRef, lastStepRef, scrollContainer]);\n\n  return {\n    scrollContainer,\n    firstStepRef,\n    lastStepRef,\n    displayLeftScrollButton,\n    displayRightScrollButton,\n    handleHorizontalScroll,\n  };\n};\n","import React, { Children, type ReactElement } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconChevronRight } from \"@purpur/icon/chevron-right\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport * as ScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport { STEPPER_VARIANT } from \"./constants\";\nimport styles from \"./stepper.module.scss\";\nimport { StepperContainer } from \"./stepper-container\";\nimport { isStepperContent, StepperContent } from \"./stepper-content\";\nimport { StepperNavItems } from \"./stepper-nav-items\";\nimport { type Step, type StepChangeFunction, type StepperVariant } from \"./types\";\nimport { useContentFocus } from \"./use-content-focus.hook\";\nimport { SCROLL_DIRECTION, useScrollButtons } from \"./use-scroll-buttons.hook\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-stepper\";\n\nexport type StepperProps = Omit<BaseProps, \"children\"> & {\n  children: Array<ReactElement<typeof StepperContent>> | ReactElement<typeof StepperContent>;\n  completedStepLabel: string;\n  currentStepIndex: number;\n  onStepChange: StepChangeFunction;\n  alignWithGrid?: boolean;\n  leftScrollButtonAriaLabel: string;\n  rightScrollButtonAriaLabel: string;\n  variant: StepperVariant;\n};\n\nexport type StepperComponent<P> = React.FunctionComponent<P> & {\n  Content: typeof StepperContent;\n};\n\nexport const Stepper: StepperComponent<StepperProps> = ({\n  [\"aria-label\"]: ariaLabel,\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  completedStepLabel,\n  currentStepIndex = 0,\n  onStepChange,\n  alignWithGrid = false,\n  leftScrollButtonAriaLabel,\n  rightScrollButtonAriaLabel,\n  variant = STEPPER_VARIANT.PRIMARY,\n  ...props\n}: StepperProps) => {\n  const stepperContentChildren = Children.toArray(children).filter(isStepperContent);\n  const steps: Step[] = Children.map(stepperContentChildren, (child) => {\n    const { disabled, finished, label } = child.props;\n    return {\n      disabled: disabled ?? false,\n      finished: finished ?? false,\n      label,\n    };\n  });\n  const { contentRef } = useContentFocus<HTMLDivElement>(currentStepIndex);\n  const {\n    scrollContainer,\n    firstStepRef,\n    lastStepRef,\n    displayLeftScrollButton,\n    displayRightScrollButton,\n    handleHorizontalScroll,\n  } = useScrollButtons<HTMLDivElement, HTMLLIElement>();\n\n  const classes: string = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}--${variant}`]: variant,\n    },\n  ]);\n  const scrollTriggerIntoView = (e: React.FocusEvent | React.MouseEvent): void => {\n    (e.target as HTMLButtonElement).scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"center\",\n    });\n  };\n\n  const handleStepChange = (e: React.MouseEvent, idx: number): void => {\n    e.preventDefault();\n    scrollTriggerIntoView(e);\n    onStepChange(idx);\n  };\n\n  const handleStepFocus = (e: React.FocusEvent): void => {\n    scrollTriggerIntoView(e);\n  };\n\n  return (\n    <div className={classes} {...props}>\n      <StepperContainer variant={variant} alignWithGrid={alignWithGrid}>\n        <div className={cx(`${rootClassName}__nav-container`)}>\n          <ScrollArea.Root>\n            <ScrollArea.Viewport ref={scrollContainer}>\n              <div\n                aria-label={ariaLabel}\n                data-testid={dataTestId}\n                className={cx([\n                  `${rootClassName}__nav`,\n                  {\n                    [`${rootClassName}__nav--${variant}`]: variant,\n                  },\n                ])}\n              >\n                <RovingFocusGroup.Root loop={false} dir=\"ltr\">\n                  <StepperNavItems\n                    data-testid={dataTestId}\n                    variant={variant}\n                    firstStepRef={firstStepRef}\n                    lastStepRef={lastStepRef}\n                    steps={steps}\n                    currentStepIndex={currentStepIndex}\n                    handleStepChange={handleStepChange}\n                    handleStepFocus={handleStepFocus}\n                    completedStepLabel={completedStepLabel}\n                  />\n                </RovingFocusGroup.Root>\n              </div>\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar orientation=\"horizontal\">\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n          </ScrollArea.Root>\n          {displayLeftScrollButton && (\n            <Button\n              aria-label={leftScrollButtonAriaLabel}\n              className={cx([\n                `${rootClassName}__scroll-button`,\n                `${rootClassName}__scroll-button--left`,\n              ])}\n              variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              tabIndex={-1}\n              iconOnly\n              onClick={() => {\n                handleHorizontalScroll(SCROLL_DIRECTION.LEFT);\n              }}\n            >\n              <IconChevronLeft className={cx(`${rootClassName}__scroll-button-icon`)} size=\"md\" />\n            </Button>\n          )}\n          {displayRightScrollButton && (\n            <Button\n              aria-label={rightScrollButtonAriaLabel}\n              className={cx([\n                `${rootClassName}__scroll-button`,\n                `${rootClassName}__scroll-button--right`,\n              ])}\n              variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              tabIndex={-1}\n              iconOnly\n              onClick={() => {\n                handleHorizontalScroll(SCROLL_DIRECTION.RIGHT);\n              }}\n            >\n              <IconChevronRight className={cx(`${rootClassName}__scroll-button-icon`)} size=\"md\" />\n            </Button>\n          )}\n        </div>\n      </StepperContainer>\n      <div\n        tabIndex={-1}\n        aria-labelledby={`stepper-trigger-button-${currentStepIndex}`}\n        ref={contentRef}\n        style={{ outline: \"none\" }}\n      >\n        <div aria-live=\"polite\">\n          {Children.map(stepperContentChildren, (child, index: number) => (\n            <div\n              className={cx({\n                [`${rootClassName}__hidden`]: index !== currentStepIndex,\n              })}\n              hidden={index !== currentStepIndex}\n            >\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStepper.Content = StepperContent;\n\nStepper.displayName = \"Stepper\";\n"],"names":["STEPPER_VARIANT","VISIBILITY_STATES","cx","c","styles","rootClassName","StepperContainer","dataTestId","children","className","alignWithGrid","variant","props","classes","jsx","StepperContent","forwardRef","ref","finished","rest","isStepperContent","child","isValidElement","StepNumber","current","disabled","stepNumber","StepperButton","step","indexOfLastItem","index","currentStepIndex","whenToBeVisible","handleStepChange","handleStepFocus","completedStepLabel","placement","isCurrentStep","RovingFocusGroup.Item","Button","BUTTON_VARIANT","e","IconCheckmark","StepperNavItems","steps","firstStepRef","lastStepRef","stepListItems","tooltipTriggerItem","jsxs","Fragment","Tooltip","RovingFocusGroup.Root","useContentFocus","firstLoad","useRef","contentRef","useEffect","SCROLL_DIRECTION","useScrollButtons","scrollContainer","displayLeftScrollButton","setDisplayLeftScrollButton","useState","displayRightScrollButton","setDisplayRightScrollButton","handleHorizontalScroll","dir","scrollableContainer","scrollableContainerWidth","currentScrollLeft","observer","entries","entry","Stepper","ariaLabel","onStepChange","leftScrollButtonAriaLabel","rightScrollButtonAriaLabel","stepperContentChildren","Children","label","scrollTriggerIntoView","idx","ScrollArea.Root","ScrollArea.Viewport","ScrollArea.Scrollbar","ScrollArea.Thumb","IconChevronLeft","IconChevronRight"],"mappings":";;;;;;;;;;AAAO,MAAMA,KAAkB;AAAA,EAC7B,SAAS;AAEX,GAEaC,IAAoB;AAAA,EAC/B,cAAc;AAAA,EACd,cAAc;AAAA,EACd,QAAQ;AACV;;;;;;;;;;;;;;GCFMC,IAAKC,EAAE,KAAKC,EAAM,GAQlBC,IAAgB,4BAETC,KAAmB,CAAC;AAAA,EAC/B,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAkBX,EAAGO,GAAWJ,GAAe;AAAA,IACnD,CAAC,GAAGA,CAAa,KAAKM,CAAO,EAAE,GAAGA;AAAA,IAClC,CAAC,GAAGN,CAAa,mBAAmB,GAAGK;AAAA,EAAA,CACxC;AAED,2BACG,OAAA,EAAI,WAAWG,GAAS,eAAaN,GAAa,GAAGK,GACpD,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWZ,EAAG,GAAGG,CAAa,WAAW;AAAA,QACvC,CAAC,GAAGA,CAAa,0BAA0B,GAAGK;AAAA,MAAA,CAC/C;AAAA,MAEA,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,GChCaO,KAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAR,GAAU,GAAGI,EAAA,GAASK,MAAQ;AAE/B,UAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAASP;AAC9B,WACE,gBAAAE,EAAC,OAAA,EAAK,GAAGK,GAAM,KAAAF,GACZ,UAAAT,GACH;AAAA,EAEJ;AACF,GAEaY,KAAmB,CAACC,MAC/B,CAAC,CAACA,KAASC,EAAoCD,CAAK,KAAK,CAAC,CAACA,EAAM,MAAM;;;;;;;;;;;;;;;;;;;;GCNnEnB,IAAKC,EAAE,KAAKC,EAAM,GAClBC,IAAgB,yBAShBkB,KAAa,CAAC;AAAA,EAClB,CAAC,gBAAgBhB;AAAA,EACjB,SAAAiB;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEI,gBAAAZ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaP;AAAA,IACb,WAAWL,EAAG;AAAA,MACZ,GAAGG,CAAa;AAAA,MAChB;AAAA,QACE,CAAC,GAAGA,CAAa,wBAAwB,GAAGmB;AAAA,MAAA;AAAA,MAE9C;AAAA,QACE,CAAC,GAAGnB,CAAa,yBAAyB,GAAGoB;AAAA,MAAA;AAAA,IAC/C,CACD;AAAA,IAEA,UAAAC;AAAA,EAAA;AAAA,GAiBMC,IAAgBX;AAAA,EAC3B,CACE;AAAA,IACE,WAAAP;AAAA,IACA,CAAC,gBAAgBF;AAAA,IACjB,SAAAI;AAAA,IACA,MAAAiB;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGvB;AAAA,EAAA,GAELK,MACG;AACH,UAAMmB,IAAYN,MAAU,IAAI,UAAUA,MAAUD,IAAkB,SAAS,UACzEQ,IAAgBP,MAAUC;AAChC,WACE,gBAAAjB,EAACwB,IAAA,EAAsB,SAAO,IAC5B,UAAA,gBAAAxB;AAAA,MAACyB;AAAA,MAAA;AAAA,QACE,GAAG3B;AAAA,QACJ,KAAAK;AAAA,QACA,WAAWf;AAAAA,UACTO;AAAA,UACAJ;AAAAA,UACA,GAAGA,CAAa,KAAK+B,CAAS;AAAA,UAC9B,GAAG/B,CAAa,KAAKM,CAAO;AAAA,UAC5B,GAAGN,CAAa,gBAAgB2B,CAAe;AAAA,UAC/C;AAAA,YACE,CAAC,GAAG3B,CAAa,WAAW,GAAGgC;AAAA,UAAA;AAAA,UAEjC;AAAA,YACE,CAAC,GAAGhC,CAAa,YAAY,GAAGuB,EAAK;AAAA,UAAA;AAAA,UAEvC;AAAA,YACG,cAAeQ,MAAc;AAAA,UAAA;AAAA,UAEhC;AAAA,YACG,iBAAkBA,MAAc;AAAA,UAAA;AAAA,QACnC;AAAA,QAEF,IAAI,0BAA0BN,CAAK;AAAA,QACnC,SAASU,EAAe;AAAA,QACxB,eAAa,GAAGjC,CAAU,sBAAsBuB,CAAK;AAAA,QACrD,UAAUF,EAAK;AAAA,QACf,gBAAcS,KAAiB;AAAA,QAC/B,cACET,EAAK,YAAY,CAACS,IACd,CAACT,EAAK,OAAOO,CAAkB,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI,IAC1D;AAAA,QAEN,SAAS,CAACM,MAAMR,EAAiBQ,GAAGX,CAAK;AAAA,QACzC,SAASI;AAAA,QAET,4BAAC,QAAA,EAAK,WAAWhC,EAAG,GAAGG,CAAa,mBAAmB,GACpD,UAAA;AAAA,UAAAuB,EAAK,YAAY,CAACS,IACjB,gBAAAvB;AAAA,YAAC4B;AAAAA,YAAA;AAAA,cACC,WAAWxC,EAAG,GAAGG,CAAa,QAAQ;AAAA,cACtC,eAAa,GAAGE,CAAU;AAAA,cAC1B,MAAK;AAAA,YAAA;AAAA,UAAA,IAGP,gBAAAO;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,eAAa,GAAGhB,CAAU;AAAA,cAC1B,SAAS8B;AAAA,cACT,UAAUT,EAAK;AAAA,cACf,YAAYE,IAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAGxB,gBAAAhB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWZ,EAAG,GAAGG,CAAa,gBAAgB;AAAA,gBAC3C,oBAAqB,CAACgC;AAAA,cAAA,CACxB;AAAA,cAEA,UAAAT,EAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAAA,CACF;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;;;;;;GCnIM1B,IAAKC,EAAE,KAAKC,EAAM,GAElBC,IAAgB,4BAcTsC,KAAkB3B;AAAA,EAC7B,CACE;AAAA,IACE,CAAC,gBAAgBT;AAAA,IACjB,SAAAI;AAAA,IACA,kBAAAsB;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAU;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAf;AAAA,IACA,oBAAAI;AAAA,EAAA,GAEFlB,MACG;AACH,UAAM8B,IAAgBH,EAAM,IAAI,CAAChB,GAAYE,MAAkB;AAC7D,YAAMkB,IAAqBpB,EAAK,WAC9B,gBAAAd,EAAC,QAAA,EAAK,WAAWZ,EAAG,GAAGG,CAAa,kCAAkC,GACpE,UAAA,gBAAAS;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,eAAa,GAAGpB,CAAU;AAAA,UAC1B,SAAAI;AAAA,UACA,MAAAiB;AAAA,UACA,iBAAiBgB,EAAM,SAAS;AAAA,UAChC,OAAAd;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAiB9B,EAAkB;AAAA,UACnC,oBAAAkC;AAAA,UACA,kBAAAF;AAAA,UACA,iBAAAC;AAAA,QAAA;AAAA,MAAA,GAEJ,IACE;AAEJ,aACE,gBAAApB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWZ,EAAG,GAAGG,CAAa,eAAe;AAAA,YAC3C,CAAC,GAAGA,CAAa,sBAAsB,GAAGyB,MAAUC;AAAA,UAAA,CACrD;AAAA,UACD,KAAKD,MAAU,IAAIe,IAAef,MAAUc,EAAM,SAAS,IAAIE,IAAc;AAAA,UAG5E,UAAAlB,EAAK,WACJ,gBAAAqB,EAAAC,GAAA,EACE,UAAA;AAAA,YAAA,gBAAApC;AAAA,cAACqC;AAAA,cAAA;AAAA,gBACC,kBAAkBjD,EAAG,GAAGG,CAAa,mBAAmB;AAAA,gBACxD,gBAAgB2C;AAAA,gBAEf,UAAApB,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAER,gBAAAd;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,eAAa,GAAGpB,CAAU;AAAA,gBAC1B,SAAAI;AAAA,gBACA,MAAAiB;AAAA,gBACA,iBAAiBgB,EAAM,SAAS;AAAA,gBAChC,OAAAd;AAAA,gBACA,kBAAAC;AAAA,gBACA,iBAAiB9B,EAAkB;AAAA,gBACnC,oBAAAkC;AAAA,gBACA,kBAAAF;AAAA,gBACA,iBAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,EAAA,CACF,IAEA,gBAAApB;AAAA,YAACa;AAAA,YAAA;AAAA,cACC,eAAapB;AAAA,cACb,SAAAI;AAAA,cACA,MAAAiB;AAAA,cACA,iBAAiBgB,EAAM,SAAS;AAAA,cAChC,OAAAd;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAiB9B,EAAkB;AAAA,cACnC,oBAAAkC;AAAA,cACA,kBAAAF;AAAA,cACA,iBAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAnCGN,EAAK;AAAA,MAAA;AAAA,IAuChB,CAAC;AACD,6BACGwB,GAAA,EAAsB,MAAM,IAAO,KAAI,OACtC,UAAA,gBAAAtC,EAAC,MAAA,EAAG,KAAAG,GAAU,WAAWf,EAAG,GAAGG,CAAa,QAAQ,GACjD,aACH,GACF;AAAA,EAEJ;AACF,GChHagD,KAAkB,CAC7BtB,MAC2B;AAC3B,QAAMuB,IAAYC,EAAgB,EAAI,GAChCC,IAAaD,EAAiB,IAAI;AAExC,SAAAE,EAAU,MAAM;AACd,IAAI,CAACH,EAAU,WAAWE,EAAW,YAAY,QAC/CA,EAAW,QAAQ,MAAA,GAErBF,EAAU,UAAU;AAAA,EACtB,GAAG,CAACvB,CAAgB,CAAC,GAEd;AAAA,IACL,YAAAyB;AAAA,EAAA;AAEJ,GCpBaE,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AACT,GAaaC,KAAmB,MAGwB;AACtD,QAAMC,IAAkBL,EAAgC,IAAI,GACtDV,IAAeU,EAA8B,IAAI,GACjDT,IAAcS,EAA8B,IAAI,GAChD,CAACM,GAAyBC,CAA0B,IAAIC,EAAS,EAAK,GACtE,CAACC,GAA0BC,CAA2B,IAAIF,EAAS,EAAK,GAExEG,IAAyB,CAACC,MAA+B;AAC7D,QAAI,CAACP,EAAgB;AACnB;AAEF,UAAMQ,IAAsBR,EAAgB,SACtCS,IAA2BD,EAAoB,aAC/CE,IAAoBF,EAAoB;AAC9C,IAAID,MAAQT,EAAiB,QAC3BU,EAAoB,OAAO;AAAA,MACzB,UAAU;AAAA,MACV,MAAME,IAAoBD,IAA2B;AAAA,IAAA,CACtD,GAECF,MAAQT,EAAiB,SAC3BU,EAAoB,OAAO;AAAA,MACzB,UAAU;AAAA,MACV,MAAME,IAAoBD,IAA2B;AAAA,IAAA,CACtD;AAAA,EAEL;AAEA,SAAAZ,EAAU,MAAM;AACd,QAAIZ,EAAa,WAAWC,EAAY,WAAWc,EAAgB,SAAS;AAC1E,YAAMW,IAAiC,IAAI;AAAA,QACzC,CAACC,MAAyC;AACxC,qBAAWC,KAASD,GAAS;AAC3B,gBAAIC,EAAM,WAAW5B,EAAa,SAAS;AACzC,cAAI4B,EAAM,iBACRX,EAA2B,EAAK,IAEhCA,EAA2B,EAAI;AAEjC;AAAA,YACF;AACA,YAAIW,EAAM,WAAW3B,EAAY,YAC3B2B,EAAM,iBACRR,EAA4B,EAAK,IAEjCA,EAA4B,EAAI;AAAA,UAGtC;AAAA,QACF;AAAA,QACA;AAAA,UACE,MAAML,EAAgB;AAAA,UACtB,WAAW;AAAA,QAAA;AAAA,MACb;AAGF,aAAAW,EAAS,QAAQ1B,EAAa,OAAO,GACrC0B,EAAS,QAAQzB,EAAY,OAAO,GAE7B,MAAMyB,EAAS,WAAA;AAAA,IACxB;AAAA,EAEF,GAAG,CAAC1B,GAAcC,GAAac,CAAe,CAAC,GAExC;AAAA,IACL,iBAAAA;AAAA,IACA,cAAAf;AAAA,IACA,aAAAC;AAAA,IACA,yBAAAe;AAAA,IACA,0BAAAG;AAAA,IACA,wBAAAE;AAAA,EAAA;AAEJ,GC3EMhE,IAAKC,EAAE,KAAKC,EAAM,GAElBC,IAAgB,kBAiBTqE,IAA0C,CAAC;AAAA,EACtD,CAAC,eAAeC;AAAA,EAChB,CAAC,gBAAgBpE;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAA0B;AAAA,EACA,kBAAAJ,IAAmB;AAAA,EACnB,cAAA6C;AAAA,EACA,eAAAlE,IAAgB;AAAA,EAChB,2BAAAmE;AAAA,EACA,4BAAAC;AAAA,EACA,SAAAnE,IAAUX,GAAgB;AAAA,EAC1B,GAAGY;AACL,MAAoB;AAClB,QAAMmE,IAAyBC,EAAS,QAAQxE,CAAQ,EAAE,OAAOY,EAAgB,GAC3EwB,IAAgBoC,EAAS,IAAID,GAAwB,CAAC1D,MAAU;AACpE,UAAM,EAAE,UAAAI,GAAU,UAAAP,GAAU,OAAA+D,EAAA,IAAU5D,EAAM;AAC5C,WAAO;AAAA,MACL,UAAUI,KAAY;AAAA,MACtB,UAAUP,KAAY;AAAA,MACtB,OAAA+D;AAAA,IAAA;AAAA,EAEJ,CAAC,GACK,EAAE,YAAAzB,EAAA,IAAeH,GAAgCtB,CAAgB,GACjE;AAAA,IACJ,iBAAA6B;AAAA,IACA,cAAAf;AAAA,IACA,aAAAC;AAAA,IACA,yBAAAe;AAAA,IACA,0BAAAG;AAAA,IACA,wBAAAE;AAAA,EAAA,IACEP,GAAA,GAEE9C,IAAkBX,EAAG;AAAA,IACzBO;AAAA,IACAJ;AAAA,IACA;AAAA,MACE,CAAC,GAAGA,CAAa,KAAKM,CAAO,EAAE,GAAGA;AAAA,IAAA;AAAA,EACpC,CACD,GACKuE,IAAwB,CAACzC,MAAiD;AAC7E,IAAAA,EAAE,OAA6B,eAAe;AAAA,MAC7C,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA,CACT;AAAA,EACH,GAEMR,IAAmB,CAACQ,GAAqB0C,MAAsB;AACnE,IAAA1C,EAAE,eAAA,GACFyC,EAAsBzC,CAAC,GACvBmC,EAAaO,CAAG;AAAA,EAClB,GAEMjD,IAAkB,CAACO,MAA8B;AACrD,IAAAyC,EAAsBzC,CAAC;AAAA,EACzB;AAEA,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWpC,GAAU,GAAGD,GAC3B,UAAA;AAAA,IAAA,gBAAAE,EAACR,IAAA,EAAiB,SAAAK,GAAkB,eAAAD,GAClC,UAAA,gBAAAuC,EAAC,OAAA,EAAI,WAAW/C,EAAG,GAAGG,CAAa,iBAAiB,GAClD,UAAA;AAAA,MAAA,gBAAA4C,EAACmC,IAAA,EACC,UAAA;AAAA,QAAA,gBAAAtE,EAACuE,IAAA,EAAoB,KAAKzB,GACxB,UAAA,gBAAA9C;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAY6D;AAAA,YACZ,eAAapE;AAAA,YACb,WAAWL,EAAG;AAAA,cACZ,GAAGG,CAAa;AAAA,cAChB;AAAA,gBACE,CAAC,GAAGA,CAAa,UAAUM,CAAO,EAAE,GAAGA;AAAA,cAAA;AAAA,YACzC,CACD;AAAA,YAED,4BAACyC,GAAA,EAAsB,MAAM,IAAO,KAAI,OACtC,UAAA,gBAAAtC;AAAA,cAAC6B;AAAA,cAAA;AAAA,gBACC,eAAapC;AAAA,gBACb,SAAAI;AAAA,gBACA,cAAAkC;AAAA,gBACA,aAAAC;AAAA,gBACA,OAAAF;AAAA,gBACA,kBAAAb;AAAA,gBACA,kBAAAE;AAAA,gBACA,iBAAAC;AAAA,gBACA,oBAAAC;AAAA,cAAA;AAAA,YAAA,EACF,CACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAArB,EAACwE,IAAA,EAAqB,aAAY,cAChC,UAAA,gBAAAxE,EAACyE,IAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,MAAA,GACF;AAAA,MACC1B,KACC,gBAAA/C;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,cAAYsC;AAAA,UACZ,WAAW3E,EAAG;AAAA,YACZ,GAAGG,CAAa;AAAA,YAChB,GAAGA,CAAa;AAAA,UAAA,CACjB;AAAA,UACD,SAASmC,EAAe;AAAA,UACxB,UAAU;AAAA,UACV,UAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAA0B,EAAuBR,EAAiB,IAAI;AAAA,UAC9C;AAAA,UAEA,UAAA,gBAAA5C,EAAC0E,MAAgB,WAAWtF,EAAG,GAAGG,CAAa,sBAAsB,GAAG,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGrF2D,KACC,gBAAAlD;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,cAAYuC;AAAA,UACZ,WAAW5E,EAAG;AAAA,YACZ,GAAGG,CAAa;AAAA,YAChB,GAAGA,CAAa;AAAA,UAAA,CACjB;AAAA,UACD,SAASmC,EAAe;AAAA,UACxB,UAAU;AAAA,UACV,UAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAA0B,EAAuBR,EAAiB,KAAK;AAAA,UAC/C;AAAA,UAEA,UAAA,gBAAA5C,EAAC2E,MAAiB,WAAWvF,EAAG,GAAGG,CAAa,sBAAsB,GAAG,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACrF,EAAA,CAEJ,EAAA,CACF;AAAA,IACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,mBAAiB,0BAA0BiB,CAAgB;AAAA,QAC3D,KAAKyB;AAAA,QACL,OAAO,EAAE,SAAS,OAAA;AAAA,QAElB,UAAA,gBAAA1C,EAAC,SAAI,aAAU,UACZ,YAAS,IAAIiE,GAAwB,CAAC1D,GAAOS,MAC5C,gBAAAhB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWZ,EAAG;AAAA,cACZ,CAAC,GAAGG,CAAa,UAAU,GAAGyB,MAAUC;AAAA,YAAA,CACzC;AAAA,YACD,QAAQD,MAAUC;AAAA,YAEjB,UAAAV;AAAA,UAAA;AAAA,QAAA,CAEJ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEAqD,EAAQ,UAAU3D;AAElB2D,EAAQ,cAAc;"}
+{"version":3,"file":"stepper-B351hexi.mjs","sources":["../../../components/stepper/src/constants.ts","../../../components/stepper/src/stepper-container.tsx","../../../components/stepper/src/stepper-content.tsx","../../../components/stepper/src/stepper-button.tsx","../../../components/stepper/src/stepper-nav-items.tsx","../../../components/stepper/src/use-content-focus.hook.ts","../../../components/stepper/src/use-scroll-buttons.hook.ts","../../../components/stepper/src/stepper.tsx"],"sourcesContent":["export const STEPPER_VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n} as const;\n\nexport const VISIBILITY_STATES = {\n  SMALL_SCREEN: \"small-screen\",\n  LARGE_SCREEN: \"large-screen\",\n  ALWAYS: \"always\",\n} as const;\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stepper-container.module.scss\";\nimport { type StepperVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type StepperContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  alignWithGrid: boolean;\n  variant: StepperVariant;\n};\n\nconst rootClassName = \"purpur-stepper-container\";\n\nexport const StepperContainer = ({\n  [\"data-testid\"]: dataTestId = \"purpur-stepper-container\",\n  children,\n  className,\n  alignWithGrid,\n  variant,\n  ...props\n}: StepperContainerProps) => {\n  const classes: string = cx(className, rootClassName, {\n    [`${rootClassName}--${variant}`]: variant,\n    [`${rootClassName}--align-with-grid`]: alignWithGrid,\n  });\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      <div\n        className={cx(`${rootClassName}__inner`, {\n          [`${rootClassName}__inner--align-with-grid`]: alignWithGrid,\n        })}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { type Optional, type Step } from \"./types\";\n\nexport type StepperContentProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n} & Optional<Step, \"disabled\" | \"finished\">;\n\nexport const StepperContent = forwardRef<HTMLDivElement, StepperContentProps>(\n  ({ children, ...props }, ref) => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { finished, ...rest } = props;\n    return (\n      <div {...rest} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const isStepperContent = (child?: ReactNode): child is ReactElement<StepperContentProps> =>\n  !!child && isValidElement<StepperContentProps>(child) && !!child.props.label;\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconCheckmark } from \"@purpur/icon/checkmark\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./stepper-button.module.scss\";\nimport {\n  type HandleStepChangeFunction,\n  type HandleStepFocusFunction,\n  type Step,\n  type StepperVariant,\n  type VisibilityStates,\n} from \"./types\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-stepper-button\";\n\nexport type StepNumberProps = {\n  current: boolean;\n  disabled: boolean;\n  stepNumber: number;\n  [\"data-testid\"]?: string;\n};\n\nconst StepNumber = ({\n  [\"data-testid\"]: dataTestId,\n  current,\n  disabled,\n  stepNumber,\n}: StepNumberProps) => {\n  return (\n    <div\n      data-testid={dataTestId}\n      className={cx([\n        `${rootClassName}__step-number`,\n        {\n          [`${rootClassName}__step-number--current`]: current,\n        },\n        {\n          [`${rootClassName}__step-number--disabled`]: disabled,\n        },\n      ])}\n    >\n      {stepNumber}\n    </div>\n  );\n};\n\nexport type StepperButtonProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  variant: StepperVariant;\n  step: Step;\n  currentStepIndex: number;\n  index: number;\n  indexOfLastItem: number;\n  whenToBeVisible: VisibilityStates;\n  handleStepChange: HandleStepChangeFunction;\n  handleStepFocus: HandleStepFocusFunction;\n  completedStepLabel: string;\n};\n\nexport const StepperButton = forwardRef<HTMLButtonElement, StepperButtonProps>(\n  (\n    {\n      className,\n      [\"data-testid\"]: dataTestId,\n      variant,\n      step,\n      indexOfLastItem,\n      index,\n      currentStepIndex,\n      whenToBeVisible,\n      handleStepChange,\n      handleStepFocus,\n      completedStepLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const placement = index === 0 ? \"first\" : index === indexOfLastItem ? \"last\" : \"middle\";\n    const isCurrentStep = index === currentStepIndex;\n    return (\n      <RovingFocusGroup.Item asChild>\n        <Button\n          {...props}\n          ref={ref}\n          className={cx(\n            className,\n            rootClassName,\n            `${rootClassName}--${placement}`,\n            `${rootClassName}--${variant}`,\n            `${rootClassName}--visibility-${whenToBeVisible}`,\n            {\n              [`${rootClassName}--current`]: isCurrentStep,\n            },\n            {\n              [`${rootClassName}--disabled`]: step.disabled,\n            },\n            {\n              [\"arrow-tail\"]: placement !== \"first\",\n            },\n            {\n              [\"arrow-forward\"]: placement !== \"last\",\n            }\n          )}\n          id={`stepper-trigger-button-${index}`}\n          variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n          data-testid={`${dataTestId}-step-trigger-item-${index}`}\n          disabled={step.disabled}\n          aria-current={isCurrentStep && \"step\"}\n          aria-label={\n            step.finished && !isCurrentStep\n              ? [step.label, completedStepLabel].filter(Boolean).join(\", \")\n              : undefined\n          }\n          onClick={(e) => handleStepChange(e, index)}\n          onFocus={handleStepFocus}\n        >\n          <span className={cx(`${rootClassName}__trigger-outline`)}>\n            {step.finished && !isCurrentStep ? (\n              <IconCheckmark\n                className={cx(`${rootClassName}__icon`)}\n                data-testid={`${dataTestId}-step-finished-icon`}\n                size=\"sm\"\n              />\n            ) : (\n              <StepNumber\n                data-testid={`${dataTestId}-step-number`}\n                current={isCurrentStep}\n                disabled={step.disabled}\n                stepNumber={index + 1}\n              />\n            )}\n            <span\n              className={cx(`${rootClassName}__step-label`, {\n                [`sr-only--lg-down`]: !isCurrentStep,\n              })}\n            >\n              {step.label}\n            </span>\n          </span>\n        </Button>\n      </RovingFocusGroup.Item>\n    );\n  }\n);\n","import React, { forwardRef, type RefObject } from \"react\";\nimport { Tooltip } from \"@purpur/tooltip\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport c from \"classnames/bind\";\n\nimport { VISIBILITY_STATES } from \"./constants\";\nimport { StepperButton } from \"./stepper-button\";\nimport styles from \"./stepper-nav-items.module.scss\";\nimport {\n  type HandleStepChangeFunction,\n  type HandleStepFocusFunction,\n  type Step,\n  type StepperVariant,\n} from \"./types\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-stepper-nav-items\";\n\nexport type StepperNavItemsProps = {\n  variant: StepperVariant;\n  [\"data-testid\"]?: string;\n  firstStepRef: RefObject<HTMLLIElement | null>;\n  lastStepRef: RefObject<HTMLLIElement | null>;\n  steps: Step[];\n  currentStepIndex: number;\n  handleStepChange: HandleStepChangeFunction;\n  handleStepFocus: HandleStepFocusFunction;\n  completedStepLabel: string;\n};\n\nexport const StepperNavItems = forwardRef<HTMLOListElement, StepperNavItemsProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      variant,\n      handleStepChange,\n      handleStepFocus,\n      steps,\n      firstStepRef,\n      lastStepRef,\n      currentStepIndex,\n      completedStepLabel,\n    },\n    ref\n  ) => {\n    const stepListItems = steps.map((step: Step, index: number) => {\n      const tooltipTriggerItem = step.disabled ? (\n        <span className={cx(`${rootClassName}__tooltip-trigger-item-container`)}>\n          <StepperButton\n            data-testid={`${dataTestId}-disabled-sm`}\n            variant={variant}\n            step={step}\n            indexOfLastItem={steps.length - 1}\n            index={index}\n            currentStepIndex={currentStepIndex}\n            whenToBeVisible={VISIBILITY_STATES.SMALL_SCREEN}\n            completedStepLabel={completedStepLabel}\n            handleStepChange={handleStepChange}\n            handleStepFocus={handleStepFocus}\n          />\n        </span>\n      ) : null;\n\n      return (\n        <li\n          className={cx(`${rootClassName}__list-item`, {\n            [`${rootClassName}__list-item--current`]: index === currentStepIndex,\n          })}\n          ref={index === 0 ? firstStepRef : index === steps.length - 1 ? lastStepRef : null}\n          key={step.label}\n        >\n          {step.disabled ? (\n            <>\n              <Tooltip\n                contentClassName={cx(`${rootClassName}__tooltip-content`)}\n                triggerElement={tooltipTriggerItem}\n              >\n                {step.label}\n              </Tooltip>\n              <StepperButton\n                data-testid={`${dataTestId}-disabled-lg`}\n                variant={variant}\n                step={step}\n                indexOfLastItem={steps.length - 1}\n                index={index}\n                currentStepIndex={currentStepIndex}\n                whenToBeVisible={VISIBILITY_STATES.LARGE_SCREEN}\n                completedStepLabel={completedStepLabel}\n                handleStepChange={handleStepChange}\n                handleStepFocus={handleStepFocus}\n              />\n            </>\n          ) : (\n            <StepperButton\n              data-testid={dataTestId}\n              variant={variant}\n              step={step}\n              indexOfLastItem={steps.length - 1}\n              index={index}\n              currentStepIndex={currentStepIndex}\n              whenToBeVisible={VISIBILITY_STATES.ALWAYS}\n              completedStepLabel={completedStepLabel}\n              handleStepChange={handleStepChange}\n              handleStepFocus={handleStepFocus}\n            />\n          )}\n        </li>\n      );\n    });\n    return (\n      <RovingFocusGroup.Root loop={false} dir=\"ltr\">\n        <ol ref={ref} className={cx(`${rootClassName}__list`)}>\n          {stepListItems}\n        </ol>\n      </RovingFocusGroup.Root>\n    );\n  }\n);\n","import { type RefObject, useEffect, useRef } from \"react\";\n\ninterface UseContentFocusHook<T extends HTMLElement> {\n  contentRef: RefObject<T | null>;\n}\n\nexport const useContentFocus = <T extends HTMLElement>(\n  currentStepIndex: number\n): UseContentFocusHook<T> => {\n  const firstLoad = useRef<boolean>(true);\n  const contentRef = useRef<T | null>(null);\n\n  useEffect(() => {\n    if (!firstLoad.current && contentRef.current !== null) {\n      contentRef.current.focus();\n    }\n    firstLoad.current = false;\n  }, [currentStepIndex]);\n\n  return {\n    contentRef,\n  };\n};\n","import { type RefObject, useEffect, useRef, useState } from \"react\";\n\nexport const SCROLL_DIRECTION = {\n  LEFT: \"left\",\n  RIGHT: \"right\",\n} as const;\n\nexport type ScrollDirection = (typeof SCROLL_DIRECTION)[keyof typeof SCROLL_DIRECTION];\n\nexport type UseScrollHook<ContainerElement, WatchedElement> = {\n  scrollContainer: RefObject<ContainerElement | null>;\n  firstStepRef: RefObject<WatchedElement | null>;\n  lastStepRef: RefObject<WatchedElement | null>;\n  displayLeftScrollButton: boolean;\n  displayRightScrollButton: boolean;\n  handleHorizontalScroll: (dir: ScrollDirection) => void;\n};\n\nexport const useScrollButtons = <\n  ContainerElement extends HTMLElement,\n  WatchedElement extends HTMLElement\n>(): UseScrollHook<ContainerElement, WatchedElement> => {\n  const scrollContainer = useRef<ContainerElement | null>(null);\n  const firstStepRef = useRef<WatchedElement | null>(null);\n  const lastStepRef = useRef<WatchedElement | null>(null);\n  const [displayLeftScrollButton, setDisplayLeftScrollButton] = useState(false);\n  const [displayRightScrollButton, setDisplayRightScrollButton] = useState(false);\n\n  const handleHorizontalScroll = (dir: ScrollDirection): void => {\n    if (!scrollContainer.current) {\n      return;\n    }\n    const scrollableContainer = scrollContainer.current;\n    const scrollableContainerWidth = scrollableContainer.clientWidth;\n    const currentScrollLeft = scrollableContainer.scrollLeft;\n    if (dir === SCROLL_DIRECTION.LEFT) {\n      scrollableContainer.scroll({\n        behavior: \"smooth\",\n        left: currentScrollLeft - scrollableContainerWidth / 2,\n      });\n    }\n    if (dir === SCROLL_DIRECTION.RIGHT) {\n      scrollableContainer.scroll({\n        behavior: \"smooth\",\n        left: currentScrollLeft + scrollableContainerWidth / 2,\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (firstStepRef.current && lastStepRef.current && scrollContainer.current) {\n      const observer: IntersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          for (const entry of entries) {\n            if (entry.target === firstStepRef.current) {\n              if (entry.isIntersecting) {\n                setDisplayLeftScrollButton(false);\n              } else {\n                setDisplayLeftScrollButton(true);\n              }\n              continue;\n            }\n            if (entry.target === lastStepRef.current) {\n              if (entry.isIntersecting) {\n                setDisplayRightScrollButton(false);\n              } else {\n                setDisplayRightScrollButton(true);\n              }\n            }\n          }\n        },\n        {\n          root: scrollContainer.current,\n          threshold: 0.95,\n        }\n      );\n\n      observer.observe(firstStepRef.current);\n      observer.observe(lastStepRef.current);\n\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [firstStepRef, lastStepRef, scrollContainer]);\n\n  return {\n    scrollContainer,\n    firstStepRef,\n    lastStepRef,\n    displayLeftScrollButton,\n    displayRightScrollButton,\n    handleHorizontalScroll,\n  };\n};\n","import React, { Children, type ReactElement } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconChevronRight } from \"@purpur/icon/chevron-right\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport * as ScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport { STEPPER_VARIANT } from \"./constants\";\nimport styles from \"./stepper.module.scss\";\nimport { StepperContainer } from \"./stepper-container\";\nimport { isStepperContent, StepperContent } from \"./stepper-content\";\nimport { StepperNavItems } from \"./stepper-nav-items\";\nimport { type Step, type StepChangeFunction, type StepperVariant } from \"./types\";\nimport { useContentFocus } from \"./use-content-focus.hook\";\nimport { SCROLL_DIRECTION, useScrollButtons } from \"./use-scroll-buttons.hook\";\n\nconst cx = c.bind(styles);\n\nconst rootClassName = \"purpur-stepper\";\n\nexport type StepperProps = Omit<BaseProps, \"children\"> & {\n  children: Array<ReactElement<typeof StepperContent>> | ReactElement<typeof StepperContent>;\n  completedStepLabel: string;\n  currentStepIndex: number;\n  onStepChange: StepChangeFunction;\n  alignWithGrid?: boolean;\n  leftScrollButtonAriaLabel: string;\n  rightScrollButtonAriaLabel: string;\n  variant: StepperVariant;\n};\n\nexport type StepperComponent<P> = React.FunctionComponent<P> & {\n  Content: typeof StepperContent;\n};\n\nexport const Stepper: StepperComponent<StepperProps> = ({\n  [\"aria-label\"]: ariaLabel,\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  completedStepLabel,\n  currentStepIndex = 0,\n  onStepChange,\n  alignWithGrid = false,\n  leftScrollButtonAriaLabel,\n  rightScrollButtonAriaLabel,\n  variant = STEPPER_VARIANT.PRIMARY,\n  ...props\n}: StepperProps) => {\n  const stepperContentChildren = Children.toArray(children).filter(isStepperContent);\n  const steps: Step[] = Children.map(stepperContentChildren, (child) => {\n    const { disabled, finished, label } = child.props;\n    return {\n      disabled: disabled ?? false,\n      finished: finished ?? false,\n      label,\n    };\n  });\n  const { contentRef } = useContentFocus<HTMLDivElement>(currentStepIndex);\n  const {\n    scrollContainer,\n    firstStepRef,\n    lastStepRef,\n    displayLeftScrollButton,\n    displayRightScrollButton,\n    handleHorizontalScroll,\n  } = useScrollButtons<HTMLDivElement, HTMLLIElement>();\n\n  const classes: string = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}--${variant}`]: variant,\n    },\n  ]);\n  const scrollTriggerIntoView = (e: React.FocusEvent | React.MouseEvent): void => {\n    (e.target as HTMLButtonElement).scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"center\",\n    });\n  };\n\n  const handleStepChange = (e: React.MouseEvent, idx: number): void => {\n    e.preventDefault();\n    scrollTriggerIntoView(e);\n    onStepChange(idx);\n  };\n\n  const handleStepFocus = (e: React.FocusEvent): void => {\n    scrollTriggerIntoView(e);\n  };\n\n  return (\n    <div className={classes} {...props}>\n      <StepperContainer variant={variant} alignWithGrid={alignWithGrid}>\n        <div className={cx(`${rootClassName}__nav-container`)}>\n          <ScrollArea.Root>\n            <ScrollArea.Viewport ref={scrollContainer}>\n              <div\n                aria-label={ariaLabel}\n                data-testid={dataTestId}\n                className={cx([\n                  `${rootClassName}__nav`,\n                  {\n                    [`${rootClassName}__nav--${variant}`]: variant,\n                  },\n                ])}\n              >\n                <RovingFocusGroup.Root loop={false} dir=\"ltr\">\n                  <StepperNavItems\n                    data-testid={dataTestId}\n                    variant={variant}\n                    firstStepRef={firstStepRef}\n                    lastStepRef={lastStepRef}\n                    steps={steps}\n                    currentStepIndex={currentStepIndex}\n                    handleStepChange={handleStepChange}\n                    handleStepFocus={handleStepFocus}\n                    completedStepLabel={completedStepLabel}\n                  />\n                </RovingFocusGroup.Root>\n              </div>\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar orientation=\"horizontal\">\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n          </ScrollArea.Root>\n          {displayLeftScrollButton && (\n            <Button\n              aria-label={leftScrollButtonAriaLabel}\n              className={cx([\n                `${rootClassName}__scroll-button`,\n                `${rootClassName}__scroll-button--left`,\n              ])}\n              variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              tabIndex={-1}\n              iconOnly\n              onClick={() => {\n                handleHorizontalScroll(SCROLL_DIRECTION.LEFT);\n              }}\n            >\n              <IconChevronLeft className={cx(`${rootClassName}__scroll-button-icon`)} size=\"md\" />\n            </Button>\n          )}\n          {displayRightScrollButton && (\n            <Button\n              aria-label={rightScrollButtonAriaLabel}\n              className={cx([\n                `${rootClassName}__scroll-button`,\n                `${rootClassName}__scroll-button--right`,\n              ])}\n              variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              tabIndex={-1}\n              iconOnly\n              onClick={() => {\n                handleHorizontalScroll(SCROLL_DIRECTION.RIGHT);\n              }}\n            >\n              <IconChevronRight className={cx(`${rootClassName}__scroll-button-icon`)} size=\"md\" />\n            </Button>\n          )}\n        </div>\n      </StepperContainer>\n      <div\n        tabIndex={-1}\n        aria-labelledby={`stepper-trigger-button-${currentStepIndex}`}\n        ref={contentRef}\n        style={{ outline: \"none\" }}\n      >\n        <div aria-live=\"polite\">\n          {Children.map(stepperContentChildren, (child, index: number) => (\n            <div\n              className={cx({\n                [`${rootClassName}__hidden`]: index !== currentStepIndex,\n              })}\n              hidden={index !== currentStepIndex}\n            >\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStepper.Content = StepperContent;\n\nStepper.displayName = \"Stepper\";\n"],"names":["STEPPER_VARIANT","VISIBILITY_STATES","cx","c","styles","rootClassName","StepperContainer","dataTestId","children","className","alignWithGrid","variant","props","classes","jsx","StepperContent","forwardRef","ref","finished","rest","isStepperContent","child","isValidElement","StepNumber","current","disabled","stepNumber","StepperButton","step","indexOfLastItem","index","currentStepIndex","whenToBeVisible","handleStepChange","handleStepFocus","completedStepLabel","placement","isCurrentStep","RovingFocusGroup.Item","Button","BUTTON_VARIANT","e","IconCheckmark","StepperNavItems","steps","firstStepRef","lastStepRef","stepListItems","tooltipTriggerItem","jsxs","Fragment","Tooltip","RovingFocusGroup.Root","useContentFocus","firstLoad","useRef","contentRef","useEffect","SCROLL_DIRECTION","useScrollButtons","scrollContainer","displayLeftScrollButton","setDisplayLeftScrollButton","useState","displayRightScrollButton","setDisplayRightScrollButton","handleHorizontalScroll","dir","scrollableContainer","scrollableContainerWidth","currentScrollLeft","observer","entries","entry","Stepper","ariaLabel","onStepChange","leftScrollButtonAriaLabel","rightScrollButtonAriaLabel","stepperContentChildren","Children","label","scrollTriggerIntoView","idx","ScrollArea.Root","ScrollArea.Viewport","ScrollArea.Scrollbar","ScrollArea.Thumb","IconChevronLeft","IconChevronRight"],"mappings":"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"}