@purpur/library 9.0.0 → 9.0.2

package/dist/radio-button-group.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/radio-button-group';
-//# sourceMappingURL=radio-button-group.d.ts.map

package/dist/radio-button-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../src/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,4BAA4B,CAAC"}

package/dist/radio-card-group.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/radio-card-group';
-//# sourceMappingURL=radio-card-group.d.ts.map

package/dist/radio-card-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-card-group.d.ts","sourceRoot":"","sources":["../src/radio-card-group.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,0BAA0B,CAAC"}

package/dist/rich-text.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/rich-text';
-//# sourceMappingURL=rich-text.d.ts.map

package/dist/rich-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../src/rich-text.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,mBAAmB,CAAC"}

package/dist/search-field.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/search-field';
-//# sourceMappingURL=search-field.d.ts.map

package/dist/search-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../src/search-field.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/select.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/select';
-//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,gBAAgB,CAAC"}

package/dist/skeleton.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/skeleton';
-//# sourceMappingURL=skeleton.d.ts.map

package/dist/skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/skeleton.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,kBAAkB,CAAC"}

package/dist/slider.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/slider';
-//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,gBAAgB,CAAC"}

package/dist/spacer.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/spacer';
-//# sourceMappingURL=spacer.d.ts.map

package/dist/spacer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../src/spacer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,gBAAgB,CAAC"}

package/dist/spinner.d.ts

@@ -1,6 +0,0 @@
-/**
- * ⚠️ WARNING ⚠️
- * This file is automatically generated, do not edit it manually
- */
-export * from '@purpur/spinner';
-//# sourceMappingURL=spinner.d.ts.map

package/dist/spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,iBAAiB,CAAC"}

package/dist/stepper-D81jmbEf.mjs

@@ -1,452 +0,0 @@
-import { jsx as r, jsxs as R, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as z, isValidElement as x, useRef as S, useEffect as H, useState as O, Children as j } from "react";
-import { c as B, B as V } from "./button-DBX_tvfJ.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 F } 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-Cqfj0lSz.mjs";
-import { a as lr } from "./checkmark.es-DdgIZN2R.mjs";
-import { V as ur } from "./visually-hidden-BYFkJEp1.mjs";
-const ar = {
-  PRIMARY: "primary"
-}, I = {
-  SMALL_SCREEN: "small-screen",
-  LARGE_SCREEN: "large-screen",
-  ALWAYS: "always"
-}, _r = {
-  "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"
-}, cr = {
-  "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"
-}, Y = L.bind(cr), v = "purpur-stepper-container", dr = ({
-  ["data-testid"]: t = "purpur-stepper-container",
-  children: e,
-  className: s,
-  alignWithGrid: p,
-  variant: i,
-  ...n
-}) => {
-  const b = Y(s, v, {
-    [`${v}--${i}`]: i,
-    [`${v}--align-with-grid`]: p
-  });
-  return /* @__PURE__ */ r("div", { className: b, "data-testid": t, ...n, children: /* @__PURE__ */ r(
-    "div",
-    {
-      className: Y(`${v}__inner`, {
-        [`${v}__inner--align-with-grid`]: p
-      }),
-      children: e
-    }
-  ) });
-}, br = z(
-  ({ children: t, ...e }, s) => {
-    const { finished: p, ...i } = e;
-    return /* @__PURE__ */ r("div", { ...i, ref: s, children: t });
-  }
-), mr = (t) => !!t && x(t) && !!t.props.label, hr = {
-  "purpur-stepper-button": "_purpur-stepper-button_wjiph_1",
-  "purpur-stepper-button__trigger-outline": "_purpur-stepper-button__trigger-outline_wjiph_21",
-  "purpur-stepper-button--first": "_purpur-stepper-button--first_wjiph_33",
-  "purpur-stepper-button--current": "_purpur-stepper-button--current_wjiph_33",
-  "purpur-stepper-button--middle": "_purpur-stepper-button--middle_wjiph_38",
-  "purpur-stepper-button--last": "_purpur-stepper-button--last_wjiph_48",
-  "purpur-stepper-button--visibility-small-screen": "_purpur-stepper-button--visibility-small-screen_wjiph_58",
-  "purpur-stepper-button--visibility-large-screen": "_purpur-stepper-button--visibility-large-screen_wjiph_66",
-  "purpur-stepper-button__icon": "_purpur-stepper-button__icon_wjiph_90",
-  "purpur-stepper-button__step-number": "_purpur-stepper-button__step-number_wjiph_97",
-  "purpur-stepper-button__step-number--current": "_purpur-stepper-button__step-number--current_wjiph_108",
-  "purpur-stepper-button__step-number--disabled": "_purpur-stepper-button__step-number--disabled_wjiph_112",
-  "purpur-stepper-button__step-label": "_purpur-stepper-button__step-label_wjiph_117",
-  "arrow-forward": "_arrow-forward_wjiph_121",
-  "purpur-stepper-button--primary": "_purpur-stepper-button--primary_wjiph_133",
-  "purpur-stepper-button--disabled": "_purpur-stepper-button--disabled_wjiph_136",
-  "purpur-stepper-button--secondary": "_purpur-stepper-button--secondary_wjiph_142",
-  "arrow-tail": "_arrow-tail_wjiph_152",
-  "sr-only--lg-down": "_sr-only--lg-down_wjiph_171"
-}, N = L.bind(hr), c = "purpur-stepper-button", fr = ({
-  ["data-testid"]: t,
-  current: e,
-  disabled: s,
-  stepNumber: p
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    "data-testid": t,
-    className: N([
-      `${c}__step-number`,
-      {
-        [`${c}__step-number--current`]: e
-      },
-      {
-        [`${c}__step-number--disabled`]: s
-      }
-    ]),
-    children: p
-  }
-), A = z(
-  ({
-    className: t,
-    ["data-testid"]: e,
-    variant: s,
-    step: p,
-    indexOfLastItem: i,
-    index: n,
-    currentStepIndex: b,
-    whenToBeVisible: m,
-    handleStepChange: l,
-    handleStepFocus: a,
-    completedStepLabel: o,
-    ...u
-  }, d) => {
-    const g = n === 0 ? "first" : n === i ? "last" : "middle", $ = n === b;
-    return /* @__PURE__ */ r(er, { asChild: !0, children: /* @__PURE__ */ r(
-      B,
-      {
-        ...u,
-        ref: d,
-        className: N(
-          t,
-          c,
-          `${c}--${g}`,
-          `${c}--${s}`,
-          `${c}--visibility-${m}`,
-          {
-            [`${c}--current`]: $
-          },
-          {
-            [`${c}--disabled`]: p.disabled
-          },
-          {
-            "arrow-tail": g !== "first"
-          },
-          {
-            "arrow-forward": g !== "last"
-          }
-        ),
-        id: `stepper-trigger-button-${n}`,
-        variant: V.TERTIARY_PURPLE,
-        "data-testid": `${e}-step-trigger-item-${n}`,
-        disabled: p.disabled,
-        "aria-current": $ && "step",
-        onClick: (T) => l(T, n),
-        onFocus: a,
-        children: /* @__PURE__ */ R("span", { className: N(`${c}__trigger-outline`), children: [
-          p.finished && !$ ? /* @__PURE__ */ r(
-            lr,
-            {
-              className: N(`${c}__icon`),
-              "data-testid": `${e}-step-finished-icon`,
-              size: "sm"
-            }
-          ) : /* @__PURE__ */ r(
-            fr,
-            {
-              "data-testid": `${e}-step-number`,
-              current: $,
-              disabled: p.disabled,
-              stepNumber: n + 1
-            }
-          ),
-          /* @__PURE__ */ R(
-            "span",
-            {
-              className: N(`${c}__step-label`, {
-                "sr-only--lg-down": !$
-              }),
-              children: [
-                p.finished && /* @__PURE__ */ r(ur, { children: `${n + 1} ${o}` }),
-                p.label
-              ]
-            }
-          )
-        ] })
-      }
-    ) });
-  }
-), gr = {
-  "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(gr), y = "purpur-stepper-nav-items", $r = z(
-  ({
-    ["data-testid"]: t,
-    variant: e,
-    handleStepChange: s,
-    handleStepFocus: p,
-    steps: i,
-    firstStepRef: n,
-    lastStepRef: b,
-    currentStepIndex: m,
-    completedStepLabel: l
-  }, a) => {
-    const o = i.map((u, d) => {
-      const g = u.disabled ? /* @__PURE__ */ r("span", { className: C(`${y}__tooltip-trigger-item-container`), children: /* @__PURE__ */ r(
-        A,
-        {
-          "data-testid": `${t}-disabled-sm`,
-          variant: e,
-          step: u,
-          indexOfLastItem: i.length - 1,
-          index: d,
-          currentStepIndex: m,
-          whenToBeVisible: I.SMALL_SCREEN,
-          completedStepLabel: l,
-          handleStepChange: s,
-          handleStepFocus: p
-        }
-      ) }) : null;
-      return /* @__PURE__ */ r(
-        "li",
-        {
-          className: C(`${y}__list-item`, {
-            [`${y}__list-item--current`]: d === m
-          }),
-          ref: d === 0 ? n : d === i.length - 1 ? b : null,
-          children: u.disabled ? /* @__PURE__ */ R(Z, { children: [
-            /* @__PURE__ */ r(
-              ir,
-              {
-                contentClassName: C(`${y}__tooltip-content`),
-                triggerElement: g,
-                children: u.label
-              }
-            ),
-            /* @__PURE__ */ r(
-              A,
-              {
-                "data-testid": `${t}-disabled-lg`,
-                variant: e,
-                step: u,
-                indexOfLastItem: i.length - 1,
-                index: d,
-                currentStepIndex: m,
-                whenToBeVisible: I.LARGE_SCREEN,
-                completedStepLabel: l,
-                handleStepChange: s,
-                handleStepFocus: p
-              }
-            )
-          ] }) : /* @__PURE__ */ r(
-            A,
-            {
-              "data-testid": t,
-              variant: e,
-              step: u,
-              indexOfLastItem: i.length - 1,
-              index: d,
-              currentStepIndex: m,
-              whenToBeVisible: I.ALWAYS,
-              completedStepLabel: l,
-              handleStepChange: s,
-              handleStepFocus: p
-            }
-          )
-        },
-        u.label
-      );
-    });
-    return /* @__PURE__ */ r(F, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r("ol", { ref: a, className: C(`${y}__list`), children: o }) });
-  }
-), wr = (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), [p, i] = O(!1), [n, b] = O(!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: p,
-    displayRightScrollButton: n,
-    handleHorizontalScroll: m
-  };
-}, f = L.bind(_r), _ = "purpur-stepper", D = ({
-  ["aria-label"]: t,
-  ["data-testid"]: e,
-  children: s,
-  className: p,
-  completedStepLabel: i,
-  currentStepIndex: n = 0,
-  onStepChange: b,
-  alignWithGrid: m = !1,
-  leftScrollButtonAriaLabel: l,
-  rightScrollButtonAriaLabel: a,
-  variant: o = ar.PRIMARY,
-  ...u
-}) => {
-  const d = j.toArray(s).filter(mr), g = j.map(d, (h) => {
-    const { disabled: w, finished: Q, label: X } = h.props;
-    return {
-      disabled: w ?? !1,
-      finished: Q ?? !1,
-      label: X
-    };
-  }), { contentRef: $ } = wr(n), {
-    scrollContainer: T,
-    firstStepRef: G,
-    lastStepRef: M,
-    displayLeftScrollButton: U,
-    displayRightScrollButton: W,
-    handleHorizontalScroll: P
-  } = Rr(), q = f([
-    p,
-    _,
-    {
-      [`${_}--${o}`]: o
-    }
-  ]), k = (h) => {
-    h.target.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest",
-      inline: "center"
-    });
-  }, J = (h, w) => {
-    h.preventDefault(), k(h), b(w);
-  }, K = (h) => {
-    k(h);
-  };
-  return /* @__PURE__ */ R("div", { className: q, ...u, children: [
-    /* @__PURE__ */ r(dr, { variant: o, alignWithGrid: m, children: /* @__PURE__ */ R("div", { className: f(`${_}__nav-container`), children: [
-      /* @__PURE__ */ R(sr, { children: [
-        /* @__PURE__ */ r(pr, { ref: T, children: /* @__PURE__ */ r(
-          "div",
-          {
-            "aria-label": t,
-            "data-testid": e,
-            className: f([
-              `${_}__nav`,
-              {
-                [`${_}__nav--${o}`]: o
-              }
-            ]),
-            children: /* @__PURE__ */ r(F, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r(
-              $r,
-              {
-                "data-testid": e,
-                variant: o,
-                firstStepRef: G,
-                lastStepRef: M,
-                steps: g,
-                currentStepIndex: n,
-                handleStepChange: J,
-                handleStepFocus: K,
-                completedStepLabel: i
-              }
-            ) })
-          }
-        ) }),
-        /* @__PURE__ */ r(nr, { orientation: "horizontal", children: /* @__PURE__ */ r(or, {}) })
-      ] }),
-      U && /* @__PURE__ */ r(
-        B,
-        {
-          "aria-label": l,
-          className: f([
-            `${_}__scroll-button`,
-            `${_}__scroll-button--left`
-          ]),
-          variant: V.TERTIARY_PURPLE,
-          tabIndex: -1,
-          iconOnly: !0,
-          onClick: () => {
-            P(E.LEFT);
-          },
-          children: /* @__PURE__ */ r(rr, { className: f(`${_}__scroll-button-icon`), size: "md" })
-        }
-      ),
-      W && /* @__PURE__ */ r(
-        B,
-        {
-          "aria-label": a,
-          className: f([
-            `${_}__scroll-button`,
-            `${_}__scroll-button--right`
-          ]),
-          variant: V.TERTIARY_PURPLE,
-          tabIndex: -1,
-          iconOnly: !0,
-          onClick: () => {
-            P(E.RIGHT);
-          },
-          children: /* @__PURE__ */ r(tr, { className: f(`${_}__scroll-button-icon`), size: "md" })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        tabIndex: -1,
-        "aria-labelledby": `stepper-trigger-button-${n}`,
-        ref: $,
-        style: { outline: "none" },
-        children: /* @__PURE__ */ r("div", { "aria-live": "polite", children: j.map(d, (h, w) => /* @__PURE__ */ r(
-          "div",
-          {
-            className: f({
-              [`${_}__hidden`]: w !== n
-            }),
-            hidden: w !== n,
-            children: h
-          }
-        )) })
-      }
-    )
-  ] });
-};
-D.Content = br;
-D.displayName = "Stepper";
-export {
-  D as S
-};
-//# sourceMappingURL=stepper-D81jmbEf.mjs.map

package/dist/stepper-D81jmbEf.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-D81jmbEf.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 { VisuallyHidden } from \"@purpur/visually-hidden\";\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          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.finished && (\n                <VisuallyHidden>{`${index + 1} ${completedStepLabel}`}</VisuallyHidden>\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","jsxs","VisuallyHidden","StepperNavItems","steps","firstStepRef","lastStepRef","stepListItems","tooltipTriggerItem","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;;;;;;;;;;;;;;;;;;;;GCLnEnB,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,SAAS,CAACI,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,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWzC,EAAG,GAAGG,CAAa,gBAAgB;AAAA,gBAC3C,oBAAqB,CAACgC;AAAA,cAAA,CACxB;AAAA,cAEA,UAAA;AAAA,gBAAAT,EAAK,8BACHgB,IAAA,EAAgB,UAAA,GAAGd,IAAQ,CAAC,IAAIK,CAAkB,GAAA,CAAG;AAAA,gBAEvDP,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,EAAA,CACF;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;;;;;;GClIM1B,IAAKC,EAAE,KAAKC,EAAM,GAElBC,IAAgB,4BAcTwC,KAAkB7B;AAAA,EAC7B,CACE;AAAA,IACE,CAAC,gBAAgBT;AAAA,IACjB,SAAAI;AAAA,IACA,kBAAAsB;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAY;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAjB;AAAA,IACA,oBAAAI;AAAA,EAAA,GAEFlB,MACG;AACH,UAAMgC,IAAgBH,EAAM,IAAI,CAAClB,GAAYE,MAAkB;AAC7D,YAAMoB,IAAqBtB,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,iBAAiBkB,EAAM,SAAS;AAAA,UAChC,OAAAhB;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,IAAIiB,IAAejB,MAAUgB,EAAM,SAAS,IAAIE,IAAc;AAAA,UAG5E,UAAApB,EAAK,WACJ,gBAAAe,EAAAQ,GAAA,EACE,UAAA;AAAA,YAAA,gBAAArC;AAAA,cAACsC;AAAA,cAAA;AAAA,gBACC,kBAAkBlD,EAAG,GAAGG,CAAa,mBAAmB;AAAA,gBACxD,gBAAgB6C;AAAA,gBAEf,UAAAtB,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,iBAAiBkB,EAAM,SAAS;AAAA,gBAChC,OAAAhB;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,iBAAiBkB,EAAM,SAAS;AAAA,cAChC,OAAAhB;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,6BACGyB,GAAA,EAAsB,MAAM,IAAO,KAAI,OACtC,UAAA,gBAAAvC,EAAC,MAAA,EAAG,KAAAG,GAAU,WAAWf,EAAG,GAAGG,CAAa,QAAQ,GACjD,aACH,GACF;AAAA,EAEJ;AACF,GChHaiD,KAAkB,CAC7BvB,MAC2B;AAC3B,QAAMwB,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,CAACxB,CAAgB,CAAC,GAEd;AAAA,IACL,YAAA0B;AAAA,EAAA;AAEJ,GCpBaE,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AACT,GAaaC,KAAmB,MAGwB;AACtD,QAAMC,IAAkBL,EAAgC,IAAI,GACtDT,IAAeS,EAA8B,IAAI,GACjDR,IAAcQ,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,QAAIX,EAAa,WAAWC,EAAY,WAAWa,EAAgB,SAAS;AAC1E,YAAMW,IAAiC,IAAI;AAAA,QACzC,CAACC,MAAyC;AACxC,qBAAWC,KAASD,GAAS;AAC3B,gBAAIC,EAAM,WAAW3B,EAAa,SAAS;AACzC,cAAI2B,EAAM,iBACRX,EAA2B,EAAK,IAEhCA,EAA2B,EAAI;AAEjC;AAAA,YACF;AACA,YAAIW,EAAM,WAAW1B,EAAY,YAC3B0B,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,QAAQzB,EAAa,OAAO,GACrCyB,EAAS,QAAQxB,EAAY,OAAO,GAE7B,MAAMwB,EAAS,WAAA;AAAA,IACxB;AAAA,EAEF,GAAG,CAACzB,GAAcC,GAAaa,CAAe,CAAC,GAExC;AAAA,IACL,iBAAAA;AAAA,IACA,cAAAd;AAAA,IACA,aAAAC;AAAA,IACA,yBAAAc;AAAA,IACA,0BAAAG;AAAA,IACA,wBAAAE;AAAA,EAAA;AAEJ,GC3EMjE,IAAKC,EAAE,KAAKC,EAAM,GAElBC,IAAgB,kBAiBTsE,IAA0C,CAAC;AAAA,EACtD,CAAC,eAAeC;AAAA,EAChB,CAAC,gBAAgBrE;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAA0B;AAAA,EACA,kBAAAJ,IAAmB;AAAA,EACnB,cAAA8C;AAAA,EACA,eAAAnE,IAAgB;AAAA,EAChB,2BAAAoE;AAAA,EACA,4BAAAC;AAAA,EACA,SAAApE,IAAUX,GAAgB;AAAA,EAC1B,GAAGY;AACL,MAAoB;AAClB,QAAMoE,IAAyBC,EAAS,QAAQzE,CAAQ,EAAE,OAAOY,EAAgB,GAC3E0B,IAAgBmC,EAAS,IAAID,GAAwB,CAAC3D,MAAU;AACpE,UAAM,EAAE,UAAAI,GAAU,UAAAP,GAAU,OAAAgE,EAAA,IAAU7D,EAAM;AAC5C,WAAO;AAAA,MACL,UAAUI,KAAY;AAAA,MACtB,UAAUP,KAAY;AAAA,MACtB,OAAAgE;AAAA,IAAA;AAAA,EAEJ,CAAC,GACK,EAAE,YAAAzB,EAAA,IAAeH,GAAgCvB,CAAgB,GACjE;AAAA,IACJ,iBAAA8B;AAAA,IACA,cAAAd;AAAA,IACA,aAAAC;AAAA,IACA,yBAAAc;AAAA,IACA,0BAAAG;AAAA,IACA,wBAAAE;AAAA,EAAA,IACEP,GAAA,GAEE/C,IAAkBX,EAAG;AAAA,IACzBO;AAAA,IACAJ;AAAA,IACA;AAAA,MACE,CAAC,GAAGA,CAAa,KAAKM,CAAO,EAAE,GAAGA;AAAA,IAAA;AAAA,EACpC,CACD,GACKwE,IAAwB,CAAC1C,MAAiD;AAC7E,IAAAA,EAAE,OAA6B,eAAe;AAAA,MAC7C,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA,CACT;AAAA,EACH,GAEMR,IAAmB,CAACQ,GAAqB2C,MAAsB;AACnE,IAAA3C,EAAE,eAAA,GACF0C,EAAsB1C,CAAC,GACvBoC,EAAaO,CAAG;AAAA,EAClB,GAEMlD,IAAkB,CAACO,MAA8B;AACrD,IAAA0C,EAAsB1C,CAAC;AAAA,EACzB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAW9B,GAAU,GAAGD,GAC3B,UAAA;AAAA,IAAA,gBAAAE,EAACR,IAAA,EAAiB,SAAAK,GAAkB,eAAAD,GAClC,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAWzC,EAAG,GAAGG,CAAa,iBAAiB,GAClD,UAAA;AAAA,MAAA,gBAAAsC,EAAC0C,IAAA,EACC,UAAA;AAAA,QAAA,gBAAAvE,EAACwE,IAAA,EAAoB,KAAKzB,GACxB,UAAA,gBAAA/C;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAY8D;AAAA,YACZ,eAAarE;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,4BAAC0C,GAAA,EAAsB,MAAM,IAAO,KAAI,OACtC,UAAA,gBAAAvC;AAAA,cAAC+B;AAAA,cAAA;AAAA,gBACC,eAAatC;AAAA,gBACb,SAAAI;AAAA,gBACA,cAAAoC;AAAA,gBACA,aAAAC;AAAA,gBACA,OAAAF;AAAA,gBACA,kBAAAf;AAAA,gBACA,kBAAAE;AAAA,gBACA,iBAAAC;AAAA,gBACA,oBAAAC;AAAA,cAAA;AAAA,YAAA,EACF,CACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAArB,EAACyE,IAAA,EAAqB,aAAY,cAChC,UAAA,gBAAAzE,EAAC0E,IAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,MAAA,GACF;AAAA,MACC1B,KACC,gBAAAhD;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,YAAA2B,EAAuBR,EAAiB,IAAI;AAAA,UAC9C;AAAA,UAEA,UAAA,gBAAA7C,EAAC2E,MAAgB,WAAWvF,EAAG,GAAGG,CAAa,sBAAsB,GAAG,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGrF4D,KACC,gBAAAnD;AAAA,QAACyB;AAAA,QAAA;AAAA,UACC,cAAYwC;AAAA,UACZ,WAAW7E,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,YAAA2B,EAAuBR,EAAiB,KAAK;AAAA,UAC/C;AAAA,UAEA,UAAA,gBAAA7C,EAAC4E,MAAiB,WAAWxF,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,KAAK0B;AAAA,QACL,OAAO,EAAE,SAAS,OAAA;AAAA,QAElB,UAAA,gBAAA3C,EAAC,SAAI,aAAU,UACZ,YAAS,IAAIkE,GAAwB,CAAC3D,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;AAEAsD,EAAQ,UAAU5D;AAElB4D,EAAQ,cAAc;"}

package/dist/stepper-DA0c9Utm.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),$=require("./button-ChYUPi2k.js"),M=require("./chevron-left.es-B0vPg5XM.js"),W=require("./chevron-right.es-Bv376M3o.js"),I=require("./index-BVmlsxuF.js"),x=require("./index-CoR7YA3H.js"),T=require("./bind-DeUYJ6m9.js"),J=require("./tooltip-870Nmk-v.js"),K=require("./checkmark.es-lYntWFA3.js"),Q=require("./visually-hidden-C2CKovZx.js"),X={PRIMARY:"primary"},L={SMALL_SCREEN:"small-screen",LARGE_SCREEN:"large-screen",ALWAYS:"always"},Z={"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"},ee={"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"},q=T.c.bind(ee),v="purpur-stepper-container",te=({["data-testid"]:t="purpur-stepper-container",children:r,className:s,alignWithGrid:n,variant:o,...p})=>{const h=q(s,v,{[`${v}--${o}`]:o,[`${v}--align-with-grid`]:n});return e.jsx("div",{className:h,"data-testid":t,...p,children:e.jsx("div",{className:q(`${v}__inner`,{[`${v}__inner--align-with-grid`]:n}),children:r})})},re=l.forwardRef(({children:t,...r},s)=>{const{finished:n,...o}=r;return e.jsx("div",{...o,ref:s,children:t})}),se=t=>!!t&&l.isValidElement(t)&&!!t.props.label,ne={"purpur-stepper-button":"_purpur-stepper-button_wjiph_1","purpur-stepper-button__trigger-outline":"_purpur-stepper-button__trigger-outline_wjiph_21","purpur-stepper-button--first":"_purpur-stepper-button--first_wjiph_33","purpur-stepper-button--current":"_purpur-stepper-button--current_wjiph_33","purpur-stepper-button--middle":"_purpur-stepper-button--middle_wjiph_38","purpur-stepper-button--last":"_purpur-stepper-button--last_wjiph_48","purpur-stepper-button--visibility-small-screen":"_purpur-stepper-button--visibility-small-screen_wjiph_58","purpur-stepper-button--visibility-large-screen":"_purpur-stepper-button--visibility-large-screen_wjiph_66","purpur-stepper-button__icon":"_purpur-stepper-button__icon_wjiph_90","purpur-stepper-button__step-number":"_purpur-stepper-button__step-number_wjiph_97","purpur-stepper-button__step-number--current":"_purpur-stepper-button__step-number--current_wjiph_108","purpur-stepper-button__step-number--disabled":"_purpur-stepper-button__step-number--disabled_wjiph_112","purpur-stepper-button__step-label":"_purpur-stepper-button__step-label_wjiph_117","arrow-forward":"_arrow-forward_wjiph_121","purpur-stepper-button--primary":"_purpur-stepper-button--primary_wjiph_133","purpur-stepper-button--disabled":"_purpur-stepper-button--disabled_wjiph_136","purpur-stepper-button--secondary":"_purpur-stepper-button--secondary_wjiph_142","arrow-tail":"_arrow-tail_wjiph_152","sr-only--lg-down":"_sr-only--lg-down_wjiph_171"},y=T.c.bind(ne),d="purpur-stepper-button",pe=({["data-testid"]:t,current:r,disabled:s,stepNumber:n})=>e.jsx("div",{"data-testid":t,className:y([`${d}__step-number`,{[`${d}__step-number--current`]:r},{[`${d}__step-number--disabled`]:s}]),children:n}),A=l.forwardRef(({className:t,["data-testid"]:r,variant:s,step:n,indexOfLastItem:o,index:p,currentStepIndex:h,whenToBeVisible:m,handleStepChange:u,handleStepFocus:a,completedStepLabel:i,..._},b)=>{const j=p===0?"first":p===o?"last":"middle",R=p===h;return e.jsx(I.Item,{asChild:!0,children:e.jsx($.Button,{..._,ref:b,className:y(t,d,`${d}--${j}`,`${d}--${s}`,`${d}--visibility-${m}`,{[`${d}--current`]:R},{[`${d}--disabled`]:n.disabled},{"arrow-tail":j!=="first"},{"arrow-forward":j!=="last"}),id:`stepper-trigger-button-${p}`,variant:$.BUTTON_VARIANT.TERTIARY_PURPLE,"data-testid":`${r}-step-trigger-item-${p}`,disabled:n.disabled,"aria-current":R&&"step",onClick:E=>u(E,p),onFocus:a,children:e.jsxs("span",{className:y(`${d}__trigger-outline`),children:[n.finished&&!R?e.jsx(K.a,{className:y(`${d}__icon`),"data-testid":`${r}-step-finished-icon`,size:"sm"}):e.jsx(pe,{"data-testid":`${r}-step-number`,current:R,disabled:n.disabled,stepNumber:p+1}),e.jsxs("span",{className:y(`${d}__step-label`,{"sr-only--lg-down":!R}),children:[n.finished&&e.jsx(Q.VisuallyHidden,{children:`${p+1} ${i}`}),n.label]})]})})})}),ie={"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=T.c.bind(ie),N="purpur-stepper-nav-items",oe=l.forwardRef(({["data-testid"]:t,variant:r,handleStepChange:s,handleStepFocus:n,steps:o,firstStepRef:p,lastStepRef:h,currentStepIndex:m,completedStepLabel:u},a)=>{const i=o.map((_,b)=>{const j=_.disabled?e.jsx("span",{className:C(`${N}__tooltip-trigger-item-container`),children:e.jsx(A,{"data-testid":`${t}-disabled-sm`,variant:r,step:_,indexOfLastItem:o.length-1,index:b,currentStepIndex:m,whenToBeVisible:L.SMALL_SCREEN,completedStepLabel:u,handleStepChange:s,handleStepFocus:n})}):null;return e.jsx("li",{className:C(`${N}__list-item`,{[`${N}__list-item--current`]:b===m}),ref:b===0?p:b===o.length-1?h:null,children:_.disabled?e.jsxs(e.Fragment,{children:[e.jsx(J.Tooltip,{contentClassName:C(`${N}__tooltip-content`),triggerElement:j,children:_.label}),e.jsx(A,{"data-testid":`${t}-disabled-lg`,variant:r,step:_,indexOfLastItem:o.length-1,index:b,currentStepIndex:m,whenToBeVisible:L.LARGE_SCREEN,completedStepLabel:u,handleStepChange:s,handleStepFocus:n})]}):e.jsx(A,{"data-testid":t,variant:r,step:_,indexOfLastItem:o.length-1,index:b,currentStepIndex:m,whenToBeVisible:L.ALWAYS,completedStepLabel:u,handleStepChange:s,handleStepFocus:n})},_.label)});return e.jsx(I.Root,{loop:!1,dir:"ltr",children:e.jsx("ol",{ref:a,className:C(`${N}__list`),children:i})})}),le=t=>{const r=l.useRef(!0),s=l.useRef(null);return l.useEffect(()=>{!r.current&&s.current!==null&&s.current.focus(),r.current=!1},[t]),{contentRef:s}},S={LEFT:"left",RIGHT:"right"},ue=()=>{const t=l.useRef(null),r=l.useRef(null),s=l.useRef(null),[n,o]=l.useState(!1),[p,h]=l.useState(!1),m=u=>{if(!t.current)return;const a=t.current,i=a.clientWidth,_=a.scrollLeft;u===S.LEFT&&a.scroll({behavior:"smooth",left:_-i/2}),u===S.RIGHT&&a.scroll({behavior:"smooth",left:_+i/2})};return l.useEffect(()=>{if(r.current&&s.current&&t.current){const u=new IntersectionObserver(a=>{for(const i of a){if(i.target===r.current){i.isIntersecting?o(!1):o(!0);continue}i.target===s.current&&(i.isIntersecting?h(!1):h(!0))}},{root:t.current,threshold:.95});return u.observe(r.current),u.observe(s.current),()=>u.disconnect()}},[r,s,t]),{scrollContainer:t,firstStepRef:r,lastStepRef:s,displayLeftScrollButton:n,displayRightScrollButton:p,handleHorizontalScroll:m}},g=T.c.bind(Z),c="purpur-stepper",B=({["aria-label"]:t,["data-testid"]:r,children:s,className:n,completedStepLabel:o,currentStepIndex:p=0,onStepChange:h,alignWithGrid:m=!1,leftScrollButtonAriaLabel:u,rightScrollButtonAriaLabel:a,variant:i=X.PRIMARY,..._})=>{const b=l.Children.toArray(s).filter(se),j=l.Children.map(b,f=>{const{disabled:w,finished:D,label:G}=f.props;return{disabled:w??!1,finished:D??!1,label:G}}),{contentRef:R}=le(p),{scrollContainer:E,firstStepRef:O,lastStepRef:z,displayLeftScrollButton:P,displayRightScrollButton:Y,handleHorizontalScroll:V}=ue(),H=g([n,c,{[`${c}--${i}`]:i}]),k=f=>{f.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},U=(f,w)=>{f.preventDefault(),k(f),h(w)},F=f=>{k(f)};return e.jsxs("div",{className:H,..._,children:[e.jsx(te,{variant:i,alignWithGrid:m,children:e.jsxs("div",{className:g(`${c}__nav-container`),children:[e.jsxs(x.Root,{children:[e.jsx(x.Viewport,{ref:E,children:e.jsx("div",{"aria-label":t,"data-testid":r,className:g([`${c}__nav`,{[`${c}__nav--${i}`]:i}]),children:e.jsx(I.Root,{loop:!1,dir:"ltr",children:e.jsx(oe,{"data-testid":r,variant:i,firstStepRef:O,lastStepRef:z,steps:j,currentStepIndex:p,handleStepChange:U,handleStepFocus:F,completedStepLabel:o})})})}),e.jsx(x.Scrollbar,{orientation:"horizontal",children:e.jsx(x.Thumb,{})})]}),P&&e.jsx($.Button,{"aria-label":u,className:g([`${c}__scroll-button`,`${c}__scroll-button--left`]),variant:$.BUTTON_VARIANT.TERTIARY_PURPLE,tabIndex:-1,iconOnly:!0,onClick:()=>{V(S.LEFT)},children:e.jsx(M.l,{className:g(`${c}__scroll-button-icon`),size:"md"})}),Y&&e.jsx($.Button,{"aria-label":a,className:g([`${c}__scroll-button`,`${c}__scroll-button--right`]),variant:$.BUTTON_VARIANT.TERTIARY_PURPLE,tabIndex:-1,iconOnly:!0,onClick:()=>{V(S.RIGHT)},children:e.jsx(W.n,{className:g(`${c}__scroll-button-icon`),size:"md"})})]})}),e.jsx("div",{tabIndex:-1,"aria-labelledby":`stepper-trigger-button-${p}`,ref:R,style:{outline:"none"},children:e.jsx("div",{"aria-live":"polite",children:l.Children.map(b,(f,w)=>e.jsx("div",{className:g({[`${c}__hidden`]:w!==p}),hidden:w!==p,children:f}))})})]})};B.Content=re;B.displayName="Stepper";exports.Stepper=B;
-//# sourceMappingURL=stepper-DA0c9Utm.js.map