@purpur/library 9.7.2 → 9.7.3

package/dist/{stepper-BDsSa6yr.mjs → stepper-e0qicwqd.mjs}

@@ -1,13 +1,13 @@
-import { jsx as r, jsxs as N, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as z, isValidElement as x, useRef as S, useEffect as F, useState as O, Children as j } from "react";
+import { jsx as r, jsxs as w, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as P, isValidElement as x, useRef as z, useEffect as H, useState as Y, Children as T } from "react";
 import { b as B, a as V } 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 H } from "./index-IpWiejWQ.mjs";
-import { R as sr, V as pr, S as nr, T as or } from "./index-B8Mazo6u.mjs";
-import { c as L } from "./bind-CU-R61T-.mjs";
-import { b as ir } from "./tooltip-RA-03bKs.mjs";
-import { a as lr } from "./checkmark.es-DdgIZN2R.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 E } from "./bind-CU-R61T-.mjs";
+import { b as lr } from "./tooltip-RA-03bKs.mjs";
+import { a as ir } from "./checkmark.es-DdgIZN2R.mjs";
 const ur = {
   PRIMARY: "primary"
 }, I = {
@@ -28,62 +28,62 @@ const ur = {
   "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(_r), R = "purpur-stepper-container", cr = ({
+}, F = E.bind(_r), v = "purpur-stepper-container", cr = ({
   ["data-testid"]: t = "purpur-stepper-container",
   children: e,
   className: s,
-  alignWithGrid: p,
-  variant: i,
-  ...n
+  alignWithGrid: n,
+  variant: l,
+  ...p
 }) => {
-  const b = Y(s, R, {
-    [`${R}--${i}`]: i,
-    [`${R}--align-with-grid`]: p
+  const b = F(s, v, {
+    [`${v}--${l}`]: l,
+    [`${v}--align-with-grid`]: n
   });
-  return /* @__PURE__ */ r("div", { className: b, "data-testid": t, ...n, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: b, "data-testid": t, ...p, children: /* @__PURE__ */ r(
     "div",
     {
-      className: Y(`${R}__inner`, {
-        [`${R}__inner--align-with-grid`]: p
+      className: F(`${v}__inner`, {
+        [`${v}__inner--align-with-grid`]: n
       }),
       children: e
     }
   ) });
-}, dr = z(
+}, dr = P(
   ({ children: t, ...e }, s) => {
-    const { finished: p, ...i } = e;
-    return /* @__PURE__ */ r("div", { ...i, ref: s, children: t });
+    const { finished: n, ...l } = e;
+    return /* @__PURE__ */ r("div", { ...l, ref: s, children: t });
   }
 ), br = (t) => !!t && x(t) && !!t.props.label, mr = {
-  "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 = L.bind(mr), c = "purpur-stepper-button", hr = ({
+  "purpur-stepper-button": "_purpur-stepper-button_1dtrz_1",
+  "purpur-stepper-button__trigger-outline": "_purpur-stepper-button__trigger-outline_1dtrz_21",
+  "purpur-stepper-button--first": "_purpur-stepper-button--first_1dtrz_33",
+  "purpur-stepper-button--current": "_purpur-stepper-button--current_1dtrz_33",
+  "purpur-stepper-button--middle": "_purpur-stepper-button--middle_1dtrz_38",
+  "purpur-stepper-button--last": "_purpur-stepper-button--last_1dtrz_48",
+  "purpur-stepper-button--visibility-small-screen": "_purpur-stepper-button--visibility-small-screen_1dtrz_58",
+  "purpur-stepper-button--visibility-large-screen": "_purpur-stepper-button--visibility-large-screen_1dtrz_66",
+  "purpur-stepper-button__icon": "_purpur-stepper-button__icon_1dtrz_90",
+  "purpur-stepper-button__step-number": "_purpur-stepper-button__step-number_1dtrz_100",
+  "purpur-stepper-button__step-number--current": "_purpur-stepper-button__step-number--current_1dtrz_111",
+  "purpur-stepper-button__step-number--disabled": "_purpur-stepper-button__step-number--disabled_1dtrz_115",
+  "purpur-stepper-button__step-label": "_purpur-stepper-button__step-label_1dtrz_120",
+  "arrow-forward": "_arrow-forward_1dtrz_124",
+  "purpur-stepper-button--primary": "_purpur-stepper-button--primary_1dtrz_136",
+  "purpur-stepper-button--disabled": "_purpur-stepper-button--disabled_1dtrz_139",
+  "purpur-stepper-button--secondary": "_purpur-stepper-button--secondary_1dtrz_145",
+  "arrow-tail": "_arrow-tail_1dtrz_155",
+  "sr-only--lg-down": "_sr-only--lg-down_1dtrz_174"
+}, N = E.bind(mr), c = "purpur-stepper-button", fr = ({
   ["data-testid"]: t,
   current: e,
   disabled: s,
-  stepNumber: p
+  stepNumber: n
 }) => /* @__PURE__ */ r(
   "div",
   {
     "data-testid": t,
-    className: y([
+    className: N([
       `${c}__step-number`,
       {
         [`${c}__step-number--current`]: e
@@ -92,40 +92,40 @@ const ur = {
         [`${c}__step-number--disabled`]: s
       }
     ]),
-    children: p
+    children: n
   }
-), A = z(
+), A = P(
   ({
     className: t,
     ["data-testid"]: e,
     variant: s,
-    step: p,
-    indexOfLastItem: i,
-    index: n,
+    step: n,
+    indexOfLastItem: l,
+    index: p,
     currentStepIndex: b,
     whenToBeVisible: m,
-    handleStepChange: l,
+    handleStepChange: i,
     handleStepFocus: a,
     completedStepLabel: o,
     ...u
   }, d) => {
-    const $ = n === 0 ? "first" : n === i ? "last" : "middle", f = n === b;
+    const $ = p === 0 ? "first" : p === l ? "last" : "middle", h = p === b;
     return /* @__PURE__ */ r(er, { asChild: !0, children: /* @__PURE__ */ r(
       B,
       {
         ...u,
         ref: d,
-        className: y(
+        className: N(
           t,
           c,
           `${c}--${$}`,
           `${c}--${s}`,
           `${c}--visibility-${m}`,
           {
-            [`${c}--current`]: f
+            [`${c}--current`]: h
           },
           {
-            [`${c}--disabled`]: p.disabled
+            [`${c}--disabled`]: n.disabled
           },
           {
             "arrow-tail": $ !== "first"
@@ -134,90 +134,90 @@ const ur = {
             "arrow-forward": $ !== "last"
           }
         ),
-        id: `stepper-trigger-button-${n}`,
+        id: `stepper-trigger-button-${p}`,
         variant: V.TERTIARY_PURPLE,
-        "data-testid": `${e}-step-trigger-item-${n}`,
-        disabled: p.disabled,
-        "aria-current": f && "step",
-        "aria-label": p.finished && !f ? [p.label, o].filter(Boolean).join(", ") : void 0,
-        onClick: (T) => l(T, n),
+        "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: (L) => i(L, p),
         onFocus: a,
-        children: /* @__PURE__ */ N("span", { className: y(`${c}__trigger-outline`), children: [
-          p.finished && !f ? /* @__PURE__ */ r(
-            lr,
+        children: /* @__PURE__ */ w("span", { className: N(`${c}__trigger-outline`), children: [
+          n.finished && !h ? /* @__PURE__ */ r(
+            ir,
             {
-              className: y(`${c}__icon`),
+              className: N(`${c}__icon`),
               "data-testid": `${e}-step-finished-icon`,
               size: "sm"
             }
           ) : /* @__PURE__ */ r(
-            hr,
+            fr,
             {
               "data-testid": `${e}-step-number`,
-              current: f,
-              disabled: p.disabled,
-              stepNumber: n + 1
+              current: h,
+              disabled: n.disabled,
+              stepNumber: p + 1
             }
           ),
           /* @__PURE__ */ r(
             "span",
             {
-              className: y(`${c}__step-label`, {
-                "sr-only--lg-down": !f
+              className: N(`${c}__step-label`, {
+                "sr-only--lg-down": !h
               }),
-              children: p.label
+              children: n.label
             }
           )
         ] })
       }
     ) });
   }
-), fr = {
+), 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(fr), v = "purpur-stepper-nav-items", gr = z(
+}, S = E.bind(hr), y = "purpur-stepper-nav-items", gr = P(
   ({
     ["data-testid"]: t,
     variant: e,
     handleStepChange: s,
-    handleStepFocus: p,
-    steps: i,
-    firstStepRef: n,
+    handleStepFocus: n,
+    steps: l,
+    firstStepRef: p,
     lastStepRef: b,
     currentStepIndex: m,
-    completedStepLabel: l
+    completedStepLabel: i
   }, a) => {
-    const o = i.map((u, d) => {
-      const $ = /* @__PURE__ */ r("span", { className: C(`${v}__tooltip-trigger-item-container`), children: /* @__PURE__ */ r(
+    const o = l.map((u, d) => {
+      const $ = /* @__PURE__ */ r("span", { className: S(`${y}__tooltip-trigger-item-container`), children: /* @__PURE__ */ r(
         A,
         {
           "data-testid": `${t}-disabled-sm`,
           variant: e,
           step: u,
-          indexOfLastItem: i.length - 1,
+          indexOfLastItem: l.length - 1,
           index: d,
           currentStepIndex: m,
           whenToBeVisible: I.SMALL_SCREEN,
-          completedStepLabel: l,
+          completedStepLabel: i,
           handleStepChange: s,
-          handleStepFocus: p
+          handleStepFocus: n
         }
       ) });
       return /* @__PURE__ */ r(
         "li",
         {
-          className: C(`${v}__list-item`, {
-            [`${v}__list-item--current`]: d === m
+          className: S(`${y}__list-item`, {
+            [`${y}__list-item--current`]: d === m
           }),
-          ref: d === 0 ? n : d === i.length - 1 ? b : null,
-          children: u.disabled ? /* @__PURE__ */ N(Z, { children: [
+          ref: d === 0 ? p : d === l.length - 1 ? b : null,
+          children: u.disabled ? /* @__PURE__ */ w(Z, { children: [
             /* @__PURE__ */ r(
-              ir,
+              lr,
               {
-                contentClassName: C(`${v}__tooltip-content`),
+                contentClassName: S(`${y}__tooltip-content`),
                 triggerElement: $,
                 children: u.label
               }
@@ -228,13 +228,13 @@ const ur = {
                 "data-testid": `${t}-disabled-lg`,
                 variant: e,
                 step: u,
-                indexOfLastItem: i.length - 1,
+                indexOfLastItem: l.length - 1,
                 index: d,
                 currentStepIndex: m,
                 whenToBeVisible: I.LARGE_SCREEN,
-                completedStepLabel: l,
+                completedStepLabel: i,
                 handleStepChange: s,
-                handleStepFocus: p
+                handleStepFocus: n
               }
             )
           ] }) : /* @__PURE__ */ r(
@@ -243,51 +243,51 @@ const ur = {
               "data-testid": t,
               variant: e,
               step: u,
-              indexOfLastItem: i.length - 1,
+              indexOfLastItem: l.length - 1,
               index: d,
               currentStepIndex: m,
               whenToBeVisible: I.ALWAYS,
-              completedStepLabel: l,
+              completedStepLabel: i,
               handleStepChange: s,
-              handleStepFocus: p
+              handleStepFocus: n
             }
           )
         },
         u.label
       );
     });
-    return /* @__PURE__ */ r(H, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r("ol", { ref: a, className: C(`${v}__list`), children: o }) });
+    return /* @__PURE__ */ r(D, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r("ol", { ref: a, className: S(`${y}__list`), children: o }) });
   }
 ), $r = (t) => {
-  const e = S(!0), s = S(null);
-  return F(() => {
+  const e = z(!0), s = z(null);
+  return H(() => {
     !e.current && s.current !== null && s.current.focus(), e.current = !1;
   }, [t]), {
     contentRef: s
   };
-}, E = {
+}, C = {
   LEFT: "left",
   RIGHT: "right"
-}, wr = () => {
-  const t = S(null), e = S(null), s = S(null), [p, i] = O(!1), [n, b] = O(!1), m = (l) => {
+}, Rr = () => {
+  const t = z(null), e = z(null), s = z(null), [n, l] = Y(!1), [p, b] = Y(!1), m = (i) => {
     if (!t.current)
       return;
     const a = t.current, o = a.clientWidth, u = a.scrollLeft;
-    l === E.LEFT && a.scroll({
+    i === C.LEFT && a.scroll({
       behavior: "smooth",
       left: u - o / 2
-    }), l === E.RIGHT && a.scroll({
+    }), i === C.RIGHT && a.scroll({
       behavior: "smooth",
       left: u + o / 2
     });
   };
-  return F(() => {
+  return H(() => {
     if (e.current && s.current && t.current) {
-      const l = new IntersectionObserver(
+      const i = new IntersectionObserver(
         (a) => {
           for (const o of a) {
             if (o.target === e.current) {
-              o.isIntersecting ? i(!1) : i(!0);
+              o.isIntersecting ? l(!1) : l(!0);
               continue;
             }
             o.target === s.current && (o.isIntersecting ? b(!1) : b(!0));
@@ -298,65 +298,65 @@ const ur = {
           threshold: 0.95
         }
       );
-      return l.observe(e.current), l.observe(s.current), () => l.disconnect();
+      return i.observe(e.current), i.observe(s.current), () => i.disconnect();
     }
   }, [e, s, t]), {
     scrollContainer: t,
     firstStepRef: e,
     lastStepRef: s,
-    displayLeftScrollButton: p,
-    displayRightScrollButton: n,
+    displayLeftScrollButton: n,
+    displayRightScrollButton: p,
     handleHorizontalScroll: m
   };
-}, g = L.bind(ar), _ = "purpur-stepper", D = ({
+}, g = E.bind(ar), _ = "purpur-stepper", G = ({
   ["aria-label"]: t,
   ["data-testid"]: e,
   children: s,
-  className: p,
-  completedStepLabel: i,
-  currentStepIndex: n = 0,
+  className: n,
+  completedStepLabel: l,
+  currentStepIndex: p = 0,
   onStepChange: b,
   alignWithGrid: m = !1,
-  leftScrollButtonAriaLabel: l,
+  leftScrollButtonAriaLabel: i,
   rightScrollButtonAriaLabel: a,
   variant: o = ur.PRIMARY,
   ...u
 }) => {
-  const d = j.toArray(s).filter(br), $ = j.map(d, (h) => {
-    const { disabled: w, finished: Q, label: X } = h.props;
+  const d = T.toArray(s).filter(br), $ = T.map(d, (f) => {
+    const { disabled: R, finished: Q, label: X } = f.props;
     return {
-      disabled: w ?? !1,
+      disabled: R ?? !1,
       finished: Q ?? !1,
       label: X
     };
-  }), { contentRef: f } = $r(n), {
-    scrollContainer: T,
-    firstStepRef: G,
-    lastStepRef: M,
-    displayLeftScrollButton: U,
+  }), { contentRef: h } = $r(p), {
+    scrollContainer: L,
+    firstStepRef: M,
+    lastStepRef: U,
+    displayLeftScrollButton: j,
     displayRightScrollButton: W,
-    handleHorizontalScroll: P
-  } = wr(), q = g([
-    p,
+    handleHorizontalScroll: k
+  } = Rr(), q = g([
+    n,
     _,
     {
       [`${_}--${o}`]: o
     }
-  ]), k = (h) => {
-    h.target.scrollIntoView({
+  ]), O = (f) => {
+    f.target.scrollIntoView({
       behavior: "smooth",
       block: "nearest",
       inline: "center"
     });
-  }, J = (h, w) => {
-    h.preventDefault(), k(h), b(w);
-  }, K = (h) => {
-    k(h);
+  }, J = (f, R) => {
+    f.preventDefault(), O(f), b(R);
+  }, K = (f) => {
+    O(f);
   };
-  return /* @__PURE__ */ N("div", { className: q, ...u, children: [
-    /* @__PURE__ */ r(cr, { variant: o, alignWithGrid: m, children: /* @__PURE__ */ N("div", { className: g(`${_}__nav-container`), children: [
-      /* @__PURE__ */ N(sr, { children: [
-        /* @__PURE__ */ r(pr, { ref: T, children: /* @__PURE__ */ r(
+  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: L, children: /* @__PURE__ */ r(
           "div",
           {
             "aria-label": t,
@@ -367,28 +367,28 @@ const ur = {
                 [`${_}__nav--${o}`]: o
               }
             ]),
-            children: /* @__PURE__ */ r(H, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ r(D, { loop: !1, dir: "ltr", children: /* @__PURE__ */ r(
               gr,
               {
                 "data-testid": e,
                 variant: o,
-                firstStepRef: G,
-                lastStepRef: M,
+                firstStepRef: M,
+                lastStepRef: U,
                 steps: $,
-                currentStepIndex: n,
+                currentStepIndex: p,
                 handleStepChange: J,
                 handleStepFocus: K,
-                completedStepLabel: i
+                completedStepLabel: l
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ r(nr, { orientation: "horizontal", children: /* @__PURE__ */ r(or, {}) })
+        /* @__PURE__ */ r(pr, { orientation: "horizontal", children: /* @__PURE__ */ r(or, {}) })
       ] }),
-      U && /* @__PURE__ */ r(
+      j && /* @__PURE__ */ r(
         B,
         {
-          "aria-label": l,
+          "aria-label": i,
           className: g([
             `${_}__scroll-button`,
             `${_}__scroll-button--left`
@@ -397,7 +397,7 @@ const ur = {
           tabIndex: -1,
           iconOnly: !0,
           onClick: () => {
-            P(E.LEFT);
+            k(C.LEFT);
           },
           children: /* @__PURE__ */ r(rr, { className: g(`${_}__scroll-button-icon`), size: "md" })
         }
@@ -414,7 +414,7 @@ const ur = {
           tabIndex: -1,
           iconOnly: !0,
           onClick: () => {
-            P(E.RIGHT);
+            k(C.RIGHT);
           },
           children: /* @__PURE__ */ r(tr, { className: g(`${_}__scroll-button-icon`), size: "md" })
         }
@@ -424,26 +424,26 @@ const ur = {
       "div",
       {
         tabIndex: -1,
-        "aria-labelledby": `stepper-trigger-button-${n}`,
-        ref: f,
+        "aria-labelledby": `stepper-trigger-button-${p}`,
+        ref: h,
         style: { outline: "none" },
-        children: /* @__PURE__ */ r("div", { "aria-live": "polite", children: j.map(d, (h, w) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { "aria-live": "polite", children: T.map(d, (f, R) => /* @__PURE__ */ r(
           "div",
           {
             className: g({
-              [`${_}__hidden`]: w !== n
+              [`${_}__hidden`]: R !== p
             }),
-            hidden: w !== n,
-            children: h
+            hidden: R !== p,
+            children: f
           }
         )) })
       }
     )
   ] });
 };
-D.Content = dr;
-D.displayName = "Stepper";
+G.Content = dr;
+G.displayName = "Stepper";
 export {
-  D as S
+  G as S
 };
-//# sourceMappingURL=stepper-BDsSa6yr.mjs.map
+//# sourceMappingURL=stepper-e0qicwqd.mjs.map