@arcadeai/design-system 3.39.3 → 3.40.0

package/dist/components/ui/molecules/prompt-input.js

@@ -1,9 +1,9 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import w, { createContext as _, useState as P, useRef as k, useLayoutEffect as C, useContext as T } from "react";
-import { Textarea as H } from "../atoms/textarea.js";
-import { TooltipProvider as I, Tooltip as R, TooltipTrigger as $, TooltipContent as D } from "../atoms/tooltip.js";
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import P, { createContext as k, useState as C, useRef as T, useLayoutEffect as I, useContext as H } from "react";
+import { Textarea as R } from "../atoms/textarea.js";
+import { TooltipProvider as $, Tooltip as D, TooltipTrigger as j, TooltipContent as K } from "../atoms/tooltip.js";
 import { cn as x } from "../../../lib/utils.js";
-const b = _({
+const v = k({
   isLoading: !1,
   value: "",
   setValue: () => {
@@ -11,87 +11,88 @@ const b = _({
   maxHeight: 240,
   onSubmit: void 0,
   disabled: !1,
-  textareaRef: w.createRef()
+  textareaRef: P.createRef()
 });
-function v() {
-  return T(b);
+function y() {
+  return H(v);
 }
-function E({
-  className: o,
-  isLoading: r = !1,
+function M({
+  className: r,
+  isLoading: o = !1,
   maxHeight: n = 240,
   value: s,
   onValueChange: i,
-  onSubmit: l,
+  onSubmit: u,
   children: e,
-  disabled: c = !1,
+  disabled: p = !1,
   onClick: d,
-  ...u
+  ...c
 }) {
-  const [p, m] = P(s || ""), f = k(null), g = (h) => {
-    m(h), i?.(h);
-  }, t = (h) => {
-    c || f.current?.focus(), d?.(h);
+  const [f, m] = C(s || ""), h = T(null), g = (l) => {
+    m(l), i?.(l);
+  }, t = (l) => {
+    const b = l.target, w = b ? l.currentTarget.contains(b) : !1;
+    !p && w && h.current?.focus(), d?.(l);
   };
-  return /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
-    b.Provider,
+  return /* @__PURE__ */ a($, { children: /* @__PURE__ */ a(
+    v.Provider,
     {
       value: {
-        isLoading: r,
-        value: s ?? p,
+        isLoading: o,
+        value: s ?? f,
         setValue: i ?? g,
         maxHeight: n,
-        onSubmit: l,
-        disabled: c,
-        textareaRef: f
+        onSubmit: u,
+        disabled: p,
+        textareaRef: h
       },
       children: /* @__PURE__ */ a(
         "div",
         {
           className: x(
             "cursor-text rounded-lg border border-input bg-background p-2 shadow-xs transition-[box-shadow,border-color] focus-within:border focus-within:border-muted-foreground focus-within:shadow-[0_0_4px_color-mix(in_oklch,var(--ring)_4%,transparent)] dark:focus-within:shadow-[0_0_4px_color-mix(in_oklch,var(--ring)_8%,transparent)]",
-            o
+            r
           ),
           "data-slot": "prompt-input",
           onClick: t,
-          ...u,
+          ...c,
           children: e
         }
       )
     }
   ) });
 }
-function L({
-  className: o,
-  onKeyDown: r,
+function W({
+  className: r,
+  onKeyDown: o,
   disableAutosize: n = !1,
   ...s
 }) {
-  const { value: i, setValue: l, maxHeight: e, onSubmit: c, disabled: d, textareaRef: u } = v(), p = (t) => {
+  const { value: i, setValue: u, maxHeight: e, onSubmit: p, disabled: d, textareaRef: c } = y(), f = (t) => {
     !t || n || (t.style.height = "auto", typeof e == "number" ? t.style.height = `${Math.min(t.scrollHeight, e)}px` : t.style.height = `min(${t.scrollHeight}px, ${e})`);
   }, m = (t) => {
-    u.current = t, p(t);
+    c.current = t, f(t);
   };
-  C(() => {
-    if (!u.current || n)
+  I(() => {
+    if (!c.current || n)
       return;
-    const t = u.current;
+    const t = c.current;
     t.style.height = "auto", typeof e == "number" ? t.style.height = `${Math.min(t.scrollHeight, e)}px` : t.style.height = `min(${t.scrollHeight}px, ${e})`;
   }, [i, e, n]);
-  const f = (t) => {
-    p(t.target), l(t.target.value);
+  const h = (t) => {
+    f(t.target), u(t.target.value);
   }, g = (t) => {
-    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), d || c?.()), r?.(t);
+    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), d || p?.()), o?.(t);
   };
   return /* @__PURE__ */ a(
-    H,
+    R,
     {
       className: x(
         "min-h-[56px] w-full resize-none border-none bg-transparent text-foreground shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-transparent",
-        o
+        r
       ),
       "data-slot": "prompt-input-textarea",
-      onChange: f,
+      onChange: h,
       onKeyDown: g,
       ref: m,
       rows: 1,
@@ -100,47 +101,47 @@ function L({
     }
   );
 }
-function M({
-  children: o,
-  className: r,
+function q({
+  children: r,
+  className: o,
   ...n
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: x("flex items-center gap-2", r),
+      className: x("flex items-center gap-2", o),
       "data-slot": "prompt-input-actions",
       ...n,
-      children: o
+      children: r
     }
   );
 }
-function q({
-  tooltip: o,
-  children: r,
+function A({
+  tooltip: r,
+  children: o,
   className: n,
   side: s = "top",
   ...i
 }) {
-  const { disabled: l } = v();
-  return /* @__PURE__ */ y(R, { ...i, children: [
+  const { disabled: u } = y();
+  return /* @__PURE__ */ _(D, { ...i, children: [
     /* @__PURE__ */ a(
-      $,
+      j,
       {
-        disabled: l,
+        disabled: u,
         onClick: (e) => e.stopPropagation(),
         onPointerDown: (e) => {
           e.pointerType !== "touch" && e.preventDefault();
         },
-        render: r
+        render: o
       }
     ),
-    /* @__PURE__ */ a(D, { className: n, side: s, children: o })
+    /* @__PURE__ */ a(K, { className: n, side: s, children: r })
   ] });
 }
 export {
-  E as PromptInput,
-  q as PromptInputAction,
-  M as PromptInputActions,
-  L as PromptInputTextarea
+  M as PromptInput,
+  A as PromptInputAction,
+  q as PromptInputActions,
+  W as PromptInputTextarea
 };

package/dist/components/ui/molecules/steps-progress.d.ts

@@ -22,10 +22,12 @@ export type StepsProgressProps = {
      * Respects `prefers-reduced-motion` via token CSS.
      */
     animateStepTransitions?: boolean;
+    /** Render steps in a vertical list instead of a horizontal bar. */
+    orientation?: "horizontal" | "vertical";
 } & React.ComponentProps<"section">;
 export declare function getMobileIndexForSteps(steps: Step[], options?: {
     currentIndex?: number;
     isDismissible?: boolean;
 }): number;
-export declare function StepsProgress({ steps, onDismiss, animateStepTransitions, className, ...props }: StepsProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepsProgress({ steps, onDismiss, animateStepTransitions, orientation, className, ...props }: StepsProgressProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=steps-progress.d.ts.map

package/dist/components/ui/molecules/steps-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps-progress.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/steps-progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAsDpC,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,UAwBF;AAuBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,sBAA8B,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAuMpB"}
+{"version":3,"file":"steps-progress.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/steps-progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mEAAmE;IACnE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAsDpC,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,IAAI,EAAE,EACb,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,UAwBF;AAuBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,sBAA8B,EAC9B,WAA0B,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkPpB"}

package/dist/components/ui/molecules/steps-progress.js

@@ -1,237 +1,278 @@
 "use client";
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { ChevronLeft as B, X as S, ChevronRight as D } from "lucide-react";
-import { useState as C, useLayoutEffect as E, useRef as x, useEffect as M } from "react";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { Check as D, ChevronLeft as E, X as C, ChevronRight as P } from "lucide-react";
+import { useState as L, useLayoutEffect as V, useRef as p, useEffect as M } from "react";
 import { Button as j } from "../atoms/button.js";
-import { DS_SPARKLE_DURATION_MS as P, SparkleBurst as _ } from "../atoms/sparkle-burst.js";
-import { StepIndicator as G } from "../atoms/step-indicator.js";
-import { cn as u } from "../../../lib/utils.js";
-function K({ step: e, stepNumber: t, isAttention: r }) {
-  const o = /* @__PURE__ */ n(
-    G,
+import { DS_SPARKLE_DURATION_MS as _, SparkleBurst as G } from "../atoms/sparkle-burst.js";
+import { stepIndicatorIconVariants as K, stepIndicatorLabelVariants as F, StepIndicator as O } from "../atoms/step-indicator.js";
+import { cn as l } from "../../../lib/utils.js";
+function U({ step: e, stepNumber: n, isAttention: a }) {
+  const s = /* @__PURE__ */ t(
+    O,
     {
       className: "min-w-0",
       label: e.label,
       status: e.status,
-      stepNumber: t
+      stepNumber: n
     }
-  ), c = u(
+  ), u = l(
     "flex min-w-0 flex-1 items-center justify-center",
-    r && "step-attention-target"
+    a && "step-attention-target"
   );
-  return e.onClick ? /* @__PURE__ */ n(
+  return e.onClick ? /* @__PURE__ */ t(
     "button",
     {
-      className: u(c, "cursor-pointer"),
+      className: l(u, "cursor-pointer"),
       onClick: e.onClick,
       type: "button",
-      children: o
+      children: s
     }
-  ) : /* @__PURE__ */ n("span", { className: c, children: o });
+  ) : /* @__PURE__ */ t("span", { className: u, children: s });
 }
 function R(e) {
   return e.length - 1;
 }
-function F(e) {
-  return e.findIndex((t) => t.status === "active");
+function X(e) {
+  return e.findIndex((n) => n.status === "active");
 }
-function L(e, t) {
-  return e.length === 0 ? t ? 0 : -1 : t ? e.length : R(e);
+function z(e, n) {
+  return e.length === 0 ? n ? 0 : -1 : n ? e.length : R(e);
 }
-function p(e, t) {
-  const { currentIndex: r, isDismissible: o = !1 } = t ?? {}, c = F(e);
-  if (c >= 0)
-    return c;
+function g(e, n) {
+  const { currentIndex: a, isDismissible: s = !1 } = n ?? {}, u = X(e);
+  if (u >= 0)
+    return u;
   if (e.length === 0)
-    return o ? 0 : -1;
-  const a = L(e, o);
-  return r !== void 0 && r >= 0 && r <= a ? r : R(e);
+    return s ? 0 : -1;
+  const h = z(e, s);
+  return a !== void 0 && a >= 0 && a <= h ? a : R(e);
 }
-function O(e, t, r) {
-  const o = L(e, r);
-  return t >= 0 && t <= o ? t : p(e, {
-    currentIndex: t,
-    isDismissible: r
+function $(e, n, a) {
+  const s = z(e, a);
+  return n >= 0 && n <= s ? n : g(e, {
+    currentIndex: n,
+    isDismissible: a
   });
 }
-function U(e) {
+function q(e) {
   return `calc(${(e - 1) / e} * (100% - 4.25rem) + 0.75rem)`;
 }
-function W({
+function te({
   steps: e,
-  onDismiss: t,
-  animateStepTransitions: r = !1,
-  className: o,
-  ...c
+  onDismiss: n,
+  animateStepTransitions: a = !1,
+  orientation: s = "horizontal",
+  className: u,
+  ...h
 }) {
-  const a = !!t, [T, h] = C(
-    () => p(e, { isDismissible: a })
+  const m = !!n, [T, b] = L(
+    () => g(e, { isDismissible: m })
   );
-  E(() => {
-    h(
-      (i) => p(e, {
-        currentIndex: i,
-        isDismissible: a
+  V(() => {
+    b(
+      (r) => g(e, {
+        currentIndex: r,
+        isDismissible: m
       })
     );
-  }, [a, e]);
-  const [g, v] = C(void 0), b = x(null), d = x(null), N = x(0);
+  }, [m, e]);
+  const [v, N] = L(void 0), x = p(null), f = p(null), k = p(0);
   M(() => {
-    const i = b.current, m = new Map(e.map((l) => [l.id, l.status]));
-    if (i === null) {
-      b.current = m;
+    const r = x.current, o = new Map(e.map((i) => [i.id, i.status]));
+    if (r === null) {
+      x.current = o;
       return;
     }
-    if (r) {
-      const l = e.find(
-        (y) => y.status === "complete" && i.get(y.id) !== "complete"
+    if (a) {
+      const i = e.find(
+        (S) => S.status === "complete" && r.get(S.id) !== "complete"
       );
-      l && (d.current !== null && window.clearTimeout(d.current), N.current += 1, v({ stepId: l.id, key: N.current }), d.current = window.setTimeout(() => {
-        v(void 0), d.current = null;
-      }, P));
+      i && (f.current !== null && window.clearTimeout(f.current), k.current += 1, N({ stepId: i.id, key: k.current }), f.current = window.setTimeout(() => {
+        N(void 0), f.current = null;
+      }, _));
     }
-    b.current = m;
-  }, [r, e]), M(
+    x.current = o;
+  }, [a, e]), M(
     () => () => {
-      d.current !== null && window.clearTimeout(d.current);
+      f.current !== null && window.clearTimeout(f.current);
     },
     []
   );
-  const s = O(
+  const d = $(
     e,
     T,
-    a
-  ), z = e[s], k = e.length, w = s > 0, I = a ? s < k : s < e.length - 1, A = a && e.at(-1)?.status === "active";
-  return /* @__PURE__ */ f(
+    m
+  ), A = e[d], w = e.length, I = d > 0, y = m ? d < w : d < e.length - 1, B = m && e.at(-1)?.status === "active";
+  return s === "vertical" ? /* @__PURE__ */ t("section", { "aria-label": "Steps progress", className: l(u), ...h, children: /* @__PURE__ */ t("ol", { className: "flex flex-col", children: e.map((r, o) => {
+    const i = o === e.length - 1;
+    return /* @__PURE__ */ c(
+      "li",
+      {
+        className: l("flex items-start gap-3", !i && "pb-5"),
+        children: [
+          /* @__PURE__ */ c("div", { className: "flex shrink-0 flex-col items-center self-stretch", children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: l(
+                  K({ status: r.status })
+                ),
+                children: r.status === "complete" ? /* @__PURE__ */ t(D, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t("span", { className: "text-sm", children: o + 1 })
+              }
+            ),
+            !i && /* @__PURE__ */ t("div", { className: "mt-2 w-px flex-1 bg-border" })
+          ] }),
+          /* @__PURE__ */ c(
+            "span",
+            {
+              "aria-current": r.status === "active" ? "step" : void 0,
+              className: l(
+                F({ status: r.status }),
+                "pt-0.5"
+              ),
+              children: [
+                r.label,
+                /* @__PURE__ */ c("span", { className: "sr-only", children: [
+                  " — ",
+                  r.status
+                ] })
+              ]
+            }
+          )
+        ]
+      },
+      r.id
+    );
+  }) }) }) : /* @__PURE__ */ c(
     "section",
     {
       "aria-label": "Steps progress",
-      className: u(
+      className: l(
         "relative h-14 overflow-hidden border border-border bg-card text-foreground",
-        o
+        u
       ),
-      ...c,
+      ...h,
       children: [
-        A && /* @__PURE__ */ n(
+        B && /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": "true",
             className: "pointer-events-none absolute top-0 right-0 z-10 hidden h-0.5 bg-foreground sm:block",
-            style: { left: U(e.length) }
+            style: { left: q(e.length) }
           }
         ),
-        z?.status === "active" && /* @__PURE__ */ n(
+        A?.status === "active" && /* @__PURE__ */ t(
           "span",
           {
             "aria-hidden": "true",
             className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 bg-foreground sm:hidden"
           }
         ),
-        /* @__PURE__ */ f("div", { className: "relative z-10 flex h-full items-center sm:gap-3 sm:px-3", children: [
-          /* @__PURE__ */ n(
+        /* @__PURE__ */ c("div", { className: "relative z-10 flex h-full items-center sm:gap-3 sm:px-3", children: [
+          /* @__PURE__ */ t(
             "button",
             {
               "aria-label": "Go to previous step",
-              className: u(
+              className: l(
                 "flex h-full shrink-0 items-center px-2 text-muted-foreground sm:hidden",
-                !w && "pointer-events-none invisible"
+                !I && "pointer-events-none invisible"
               ),
-              onClick: () => h(s - 1),
-              tabIndex: w ? 0 : -1,
+              onClick: () => b(d - 1),
+              tabIndex: I ? 0 : -1,
               type: "button",
-              children: /* @__PURE__ */ n(B, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(E, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ f("ol", { className: "flex h-full min-w-0 flex-1 items-center gap-0", children: [
-            e.map((i, m) => {
-              const l = g?.stepId === i.id;
-              return /* @__PURE__ */ f(
+          /* @__PURE__ */ c("ol", { className: "flex h-full min-w-0 flex-1 items-center gap-0", children: [
+            e.map((r, o) => {
+              const i = v?.stepId === r.id;
+              return /* @__PURE__ */ c(
                 "li",
                 {
-                  "aria-current": i.status === "active" ? "step" : void 0,
-                  className: u(
+                  "aria-current": r.status === "active" ? "step" : void 0,
+                  className: l(
                     "relative isolate flex h-full min-w-0 flex-1 items-center justify-center px-2 py-4 sm:px-3",
-                    m !== s && "hidden sm:flex"
+                    o !== d && "hidden sm:flex"
                   ),
-                  "data-attention": l ? "true" : void 0,
-                  "data-status": i.status,
+                  "data-attention": i ? "true" : void 0,
+                  "data-status": r.status,
                   children: [
-                    m > 0 && /* @__PURE__ */ n(
+                    o > 0 && /* @__PURE__ */ t(
                       "span",
                       {
                         "aria-hidden": "true",
                         className: "absolute left-0 hidden h-full w-px bg-border sm:block"
                       }
                     ),
-                    /* @__PURE__ */ n(
-                      K,
+                    /* @__PURE__ */ t(
+                      U,
                       {
-                        isAttention: l,
-                        step: i,
-                        stepNumber: m + 1
+                        isAttention: i,
+                        step: r,
+                        stepNumber: o + 1
                       }
                     ),
-                    l ? /* @__PURE__ */ n(
+                    i ? /* @__PURE__ */ t(
                       "span",
                       {
                         "aria-hidden": !0,
                         className: "pointer-events-none absolute inset-0 z-30 flex items-center justify-center",
-                        children: /* @__PURE__ */ n(_, {}, g.key)
+                        children: /* @__PURE__ */ t(G, {}, v.key)
                       }
                     ) : null
                   ]
                 },
-                i.id
+                r.id
               );
             }),
-            t && /* @__PURE__ */ n(
+            n && /* @__PURE__ */ t(
               "li",
               {
-                className: u(
+                className: l(
                   "relative isolate flex h-full flex-1 items-center justify-center sm:hidden",
-                  s !== k && "hidden"
+                  d !== w && "hidden"
                 ),
-                children: /* @__PURE__ */ f(
+                children: /* @__PURE__ */ c(
                   j,
                   {
                     "aria-label": "Dismiss steps progress",
                     className: "h-8 gap-1.5 border border-border px-3 text-muted-foreground hover:bg-muted hover:text-foreground",
-                    onClick: t,
+                    onClick: n,
                     type: "button",
                     variant: "ghost",
                     children: [
-                      /* @__PURE__ */ n(S, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ n("span", { className: "text-sm", children: "Dismiss" })
+                      /* @__PURE__ */ t(C, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ t("span", { className: "text-sm", children: "Dismiss" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "button",
             {
               "aria-label": "Go to next step",
-              className: u(
+              className: l(
                 "flex h-full shrink-0 items-center px-2 text-muted-foreground sm:hidden",
-                !I && "pointer-events-none invisible"
+                !y && "pointer-events-none invisible"
               ),
-              onClick: () => h(s + 1),
-              tabIndex: I ? 0 : -1,
+              onClick: () => b(d + 1),
+              tabIndex: y ? 0 : -1,
               type: "button",
-              children: /* @__PURE__ */ n(D, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(P, { className: "h-4 w-4" })
             }
           ),
-          t && /* @__PURE__ */ n(
+          n && /* @__PURE__ */ t(
             j,
             {
               "aria-label": "Dismiss steps progress",
               className: "hidden h-8 w-8 shrink-0 border border-border text-muted-foreground hover:bg-muted hover:text-foreground sm:flex",
-              onClick: t,
+              onClick: n,
               size: "icon",
               type: "button",
               variant: "ghost",
-              children: /* @__PURE__ */ n(S, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(C, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -240,6 +281,6 @@ function W({
   );
 }
 export {
-  W as StepsProgress,
-  p as getMobileIndexForSteps
+  te as StepsProgress,
+  g as getMobileIndexForSteps
 };