@purpur/library 9.10.0 → 10.0.0

package/dist/quantity-selector-Cp-e5xKJ.mjs

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

package/dist/quantity-selector-Cp-e5xKJ.mjs.map

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

package/dist/stepper-20s8dnPA.mjs

@@ -1,449 +0,0 @@
-import { jsx as r, jsxs as w, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as P, isValidElement as x, useRef as S, useEffect as H, useState as Y, Children as I } from "react";
-import { b as V, a as z } from "./button-4-yWOgtD.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 D } from "./index-IpWiejWQ.mjs";
-import { R as sr, V as nr, S as pr, T as or } from "./index-B8Mazo6u.mjs";
-import { c as L } from "./bind-CU-R61T-.mjs";
-import { b as ir } from "./tooltip-DngYHn5W.mjs";
-import { a as lr } from "./checkmark.es-DdgIZN2R.mjs";
-const ur = {
-  PRIMARY: "primary"
-}, A = {
-  SMALL_SCREEN: "small-screen",
-  LARGE_SCREEN: "large-screen",
-  ALWAYS: "always"
-}, ar = {
-  "purpur-stepper__nav-container": "_purpur-stepper__nav-container_1rouo_1",
-  "purpur-stepper__nav": "_purpur-stepper__nav_1rouo_1",
-  "purpur-stepper": "_purpur-stepper_1rouo_1",
-  "purpur-stepper__scroll-button": "_purpur-stepper__scroll-button_1rouo_7",
-  "purpur-stepper__scroll-button--left": "_purpur-stepper__scroll-button--left_1rouo_18",
-  "purpur-stepper__scroll-button--right": "_purpur-stepper__scroll-button--right_1rouo_21",
-  "purpur-stepper__scroll-button-icon": "_purpur-stepper__scroll-button-icon_1rouo_24",
-  "purpur-stepper__hidden": "_purpur-stepper__hidden_1rouo_27"
-}, _r = {
-  "purpur-stepper-container": "_purpur-stepper-container_162zw_1",
-  "purpur-stepper-container__inner--align-with-grid": "_purpur-stepper-container__inner--align-with-grid_162zw_5",
-  "purpur-stepper-container--primary": "_purpur-stepper-container--primary_162zw_18",
-  "purpur-stepper-container--secondary": "_purpur-stepper-container--secondary_162zw_21"
-}, F = L.bind(_r), v = "purpur-stepper-container", cr = ({
-  ["data-testid"]: t = "purpur-stepper-container",
-  children: e,
-  className: s,
-  alignWithGrid: n,
-  variant: i,
-  ...p
-}) => {
-  const b = F(s, v, {
-    [`${v}--${i}`]: i,
-    [`${v}--align-with-grid`]: n
-  });
-  return /* @__PURE__ */ r("div", { className: b, "data-testid": t, ...p, children: /* @__PURE__ */ r(
-    "div",
-    {
-      className: F(`${v}__inner`, {
-        [`${v}__inner--align-with-grid`]: n
-      }),
-      children: e
-    }
-  ) });
-}, dr = P(
-  ({ children: t, ...e }, s) => {
-    const { finished: n, ...i } = e;
-    return /* @__PURE__ */ r("div", { ...i, ref: s, children: t });
-  }
-), br = (t) => !!t && x(t) && !!t.props.label, mr = {
-  "purpur-stepper-button": "_purpur-stepper-button_162is_1",
-  "purpur-stepper-button__trigger-outline": "_purpur-stepper-button__trigger-outline_162is_21",
-  "purpur-stepper-button--first": "_purpur-stepper-button--first_162is_33",
-  "purpur-stepper-button--current": "_purpur-stepper-button--current_162is_33",
-  "purpur-stepper-button--middle": "_purpur-stepper-button--middle_162is_38",
-  "purpur-stepper-button--last": "_purpur-stepper-button--last_162is_48",
-  "purpur-stepper-button--visibility-small-screen": "_purpur-stepper-button--visibility-small-screen_162is_58",
-  "purpur-stepper-button--visibility-large-screen": "_purpur-stepper-button--visibility-large-screen_162is_66",
-  "purpur-stepper-button__icon": "_purpur-stepper-button__icon_162is_90",
-  "purpur-stepper-button__step-number": "_purpur-stepper-button__step-number_162is_100",
-  "purpur-stepper-button__step-number--current": "_purpur-stepper-button__step-number--current_162is_111",
-  "purpur-stepper-button__step-number--disabled": "_purpur-stepper-button__step-number--disabled_162is_115",
-  "purpur-stepper-button__step-label": "_purpur-stepper-button__step-label_162is_120",
-  "arrow-forward": "_arrow-forward_162is_124",
-  "purpur-stepper-button--primary": "_purpur-stepper-button--primary_162is_136",
-  "purpur-stepper-button--disabled": "_purpur-stepper-button--disabled_162is_139",
-  "purpur-stepper-button--secondary": "_purpur-stepper-button--secondary_162is_145",
-  "arrow-tail": "_arrow-tail_162is_155",
-  "sr-only--lg-down": "_sr-only--lg-down_162is_174"
-}, N = L.bind(mr), c = "purpur-stepper-button", fr = ({
-  ["data-testid"]: t,
-  current: e,
-  disabled: s,
-  stepNumber: n
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    "data-testid": t,
-    className: N([
-      `${c}__step-number`,
-      {
-        [`${c}__step-number--current`]: e
-      },
-      {
-        [`${c}__step-number--disabled`]: s
-      }
-    ]),
-    children: n
-  }
-), B = P(
-  ({
-    className: t,
-    ["data-testid"]: e,
-    variant: s,
-    step: n,
-    indexOfLastItem: i,
-    index: p,
-    currentStepIndex: b,
-    whenToBeVisible: m,
-    handleStepChange: l,
-    handleStepFocus: a,
-    completedStepLabel: o,
-    ...u
-  }, d) => {
-    const $ = p === 0 ? "first" : p === i ? "last" : "middle", h = p === b;
-    return /* @__PURE__ */ r(er, { asChild: !0, children: /* @__PURE__ */ r(
-      V,
-      {
-        ...u,
-        ref: d,
-        className: N(
-          t,
-          c,
-          `${c}--${$}`,
-          `${c}--${s}`,
-          `${c}--visibility-${m}`,
-          {
-            [`${c}--current`]: h
-          },
-          {
-            [`${c}--disabled`]: n.disabled
-          },
-          {
-            "arrow-tail": $ !== "first"
-          },
-          {
-            "arrow-forward": $ !== "last"
-          }
-        ),
-        id: `stepper-trigger-button-${p}`,
-        variant: z.TERTIARY_PURPLE,
-        "data-testid": `${e}-step-trigger-item-${p}`,
-        disabled: n.disabled,
-        "aria-current": h && "step",
-        "aria-label": n.finished && !h ? [n.label, o].filter(Boolean).join(", ") : void 0,
-        onClick: (T) => l(T, p),
-        onFocus: a,
-        children: /* @__PURE__ */ w("span", { className: N(`${c}__trigger-outline`), children: [
-          n.finished && !h ? /* @__PURE__ */ r(
-            lr,
-            {
-              className: N(`${c}__icon`),
-              "data-testid": `${e}-step-finished-icon`,
-              size: "sm"
-            }
-          ) : /* @__PURE__ */ r(
-            fr,
-            {
-              "data-testid": `${e}-step-number`,
-              current: h,
-              disabled: n.disabled,
-              stepNumber: p + 1
-            }
-          ),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: N(`${c}__step-label`, {
-                "sr-only--lg-down": !h
-              }),
-              children: n.label
-            }
-          )
-        ] })
-      }
-    ) });
-  }
-), hr = {
-  "purpur-stepper-nav-items__list": "_purpur-stepper-nav-items__list_lgkh0_1",
-  "purpur-stepper-nav-items__list-item": "_purpur-stepper-nav-items__list-item_lgkh0_7",
-  "purpur-stepper-nav-items__list-item--current": "_purpur-stepper-nav-items__list-item--current_lgkh0_25",
-  "purpur-stepper-nav-items__tooltip-content": "_purpur-stepper-nav-items__tooltip-content_lgkh0_31",
-  "purpur-stepper-nav-items__tooltip-trigger-item-container": "_purpur-stepper-nav-items__tooltip-trigger-item-container_lgkh0_34"
-}, C = L.bind(hr), y = "purpur-stepper-nav-items", gr = P(
-  ({
-    ["data-testid"]: t,
-    variant: e,
-    handleStepChange: s,
-    handleStepFocus: n,
-    steps: i,
-    firstStepRef: p,
-    lastStepRef: b,
-    currentStepIndex: m,
-    completedStepLabel: l
-  }, a) => {
-    const o = i.map((u, d) => {
-      const $ = /* @__PURE__ */ r("span", { className: C(`${y}__tooltip-trigger-item-container`), children: /* @__PURE__ */ r(
-        B,
-        {
-          "data-testid": `${t}-disabled-sm`,
-          variant: e,
-          step: u,
-          indexOfLastItem: i.length - 1,
-          index: d,
-          currentStepIndex: m,
-          whenToBeVisible: A.SMALL_SCREEN,
-          completedStepLabel: l,
-          handleStepChange: s,
-          handleStepFocus: n
-        }
-      ) });
-      return /* @__PURE__ */ r(
-        "li",
-        {
-          className: C(`${y}__list-item`, {
-            [`${y}__list-item--current`]: d === m
-          }),
-          ref: d === 0 ? p : d === i.length - 1 ? b : null,
-          children: u.disabled ? /* @__PURE__ */ w(Z, { children: [
-            /* @__PURE__ */ r(
-              ir,
-              {
-                contentClassName: C(`${y}__tooltip-content`),
-                triggerElement: $,
-                children: u.label
-              }
-            ),
-            /* @__PURE__ */ r(
-              B,
-              {
-                "data-testid": `${t}-disabled-lg`,
-                variant: e,
-                step: u,
-                indexOfLastItem: i.length - 1,
-                index: d,
-                currentStepIndex: m,
-                whenToBeVisible: A.LARGE_SCREEN,
-                completedStepLabel: l,
-                handleStepChange: s,
-                handleStepFocus: n
-              }
-            )
-          ] }) : /* @__PURE__ */ r(
-            B,
-            {
-              "data-testid": t,
-              variant: e,
-              step: u,
-              indexOfLastItem: i.length - 1,
-              index: d,
-              currentStepIndex: m,
-              whenToBeVisible: A.ALWAYS,
-              completedStepLabel: l,
-              handleStepChange: s,
-              handleStepFocus: n
-            }
-          )
-        },
-        u.label
-      );
-    });
-    return /* @__PURE__ */ r(D, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r("ol", { ref: a, className: C(`${y}__list`), children: o }) });
-  }
-), $r = (t) => {
-  const e = S(!0), s = S(null);
-  return H(() => {
-    !e.current && s.current !== null && s.current.focus(), e.current = !1;
-  }, [t]), {
-    contentRef: s
-  };
-}, E = {
-  LEFT: "left",
-  RIGHT: "right"
-}, Rr = () => {
-  const t = S(null), e = S(null), s = S(null), [n, i] = Y(!1), [p, b] = Y(!1), m = (l) => {
-    if (!t.current)
-      return;
-    const a = t.current, o = a.clientWidth, u = a.scrollLeft;
-    l === E.LEFT && a.scroll({
-      behavior: "smooth",
-      left: u - o / 2
-    }), l === E.RIGHT && a.scroll({
-      behavior: "smooth",
-      left: u + o / 2
-    });
-  };
-  return H(() => {
-    if (e.current && s.current && t.current) {
-      const l = new IntersectionObserver(
-        (a) => {
-          for (const o of a) {
-            if (o.target === e.current) {
-              o.isIntersecting ? i(!1) : i(!0);
-              continue;
-            }
-            o.target === s.current && (o.isIntersecting ? b(!1) : b(!0));
-          }
-        },
-        {
-          root: t.current,
-          threshold: 0.95
-        }
-      );
-      return l.observe(e.current), l.observe(s.current), () => l.disconnect();
-    }
-  }, [e, s, t]), {
-    scrollContainer: t,
-    firstStepRef: e,
-    lastStepRef: s,
-    displayLeftScrollButton: n,
-    displayRightScrollButton: p,
-    handleHorizontalScroll: m
-  };
-}, g = L.bind(ar), _ = "purpur-stepper", G = ({
-  ["aria-label"]: t,
-  ["data-testid"]: e,
-  children: s,
-  className: n,
-  completedStepLabel: i,
-  currentStepIndex: p = 0,
-  onStepChange: b,
-  alignWithGrid: m = !1,
-  leftScrollButtonAriaLabel: l,
-  rightScrollButtonAriaLabel: a,
-  variant: o = ur.PRIMARY,
-  ...u
-}) => {
-  const d = I.toArray(s).filter(br), $ = I.map(d, (f) => {
-    const { disabled: R, finished: Q, label: X } = f.props;
-    return {
-      disabled: R ?? !1,
-      finished: Q ?? !1,
-      label: X
-    };
-  }), { contentRef: h } = $r(p), {
-    scrollContainer: T,
-    firstStepRef: M,
-    lastStepRef: U,
-    displayLeftScrollButton: j,
-    displayRightScrollButton: W,
-    handleHorizontalScroll: k
-  } = Rr(), q = g([
-    n,
-    _,
-    {
-      [`${_}--${o}`]: o
-    }
-  ]), O = (f) => {
-    f.target.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest",
-      inline: "center"
-    });
-  }, J = (f, R) => {
-    f.preventDefault(), O(f), b(R);
-  }, K = (f) => {
-    O(f);
-  };
-  return /* @__PURE__ */ w("div", { className: q, ...u, children: [
-    /* @__PURE__ */ r(cr, { variant: o, alignWithGrid: m, children: /* @__PURE__ */ w("div", { className: g(`${_}__nav-container`), children: [
-      /* @__PURE__ */ w(sr, { children: [
-        /* @__PURE__ */ r(nr, { ref: T, children: /* @__PURE__ */ r(
-          "div",
-          {
-            "aria-label": t,
-            "data-testid": e,
-            className: g([
-              `${_}__nav`,
-              {
-                [`${_}__nav--${o}`]: o
-              }
-            ]),
-            children: /* @__PURE__ */ r(D, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r(
-              gr,
-              {
-                "data-testid": e,
-                variant: o,
-                firstStepRef: M,
-                lastStepRef: U,
-                steps: $,
-                currentStepIndex: p,
-                handleStepChange: J,
-                handleStepFocus: K,
-                completedStepLabel: i
-              }
-            ) })
-          }
-        ) }),
-        /* @__PURE__ */ r(pr, { orientation: "horizontal", children: /* @__PURE__ */ r(or, {}) })
-      ] }),
-      j && /* @__PURE__ */ r(
-        V,
-        {
-          "aria-label": l,
-          className: g([
-            `${_}__scroll-button`,
-            `${_}__scroll-button--left`
-          ]),
-          variant: z.TERTIARY_PURPLE,
-          tabIndex: -1,
-          iconOnly: !0,
-          onClick: () => {
-            k(E.LEFT);
-          },
-          children: /* @__PURE__ */ r(rr, { className: g(`${_}__scroll-button-icon`), size: "md" })
-        }
-      ),
-      W && /* @__PURE__ */ r(
-        V,
-        {
-          "aria-label": a,
-          className: g([
-            `${_}__scroll-button`,
-            `${_}__scroll-button--right`
-          ]),
-          variant: z.TERTIARY_PURPLE,
-          tabIndex: -1,
-          iconOnly: !0,
-          onClick: () => {
-            k(E.RIGHT);
-          },
-          children: /* @__PURE__ */ r(tr, { className: g(`${_}__scroll-button-icon`), size: "md" })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        tabIndex: -1,
-        "aria-labelledby": `stepper-trigger-button-${p}`,
-        ref: h,
-        style: { outline: "none" },
-        children: /* @__PURE__ */ r("div", { "aria-live": "polite", children: I.map(d, (f, R) => /* @__PURE__ */ r(
-          "div",
-          {
-            className: g({
-              [`${_}__hidden`]: R !== p
-            }),
-            hidden: R !== p,
-            children: f
-          }
-        )) })
-      }
-    )
-  ] });
-};
-G.Content = dr;
-G.displayName = "Stepper";
-export {
-  G as S
-};
-//# sourceMappingURL=stepper-20s8dnPA.mjs.map