@arcadeai/design-system 3.45.1 → 3.45.3

package/dist/components/ui/index.js

@@ -1,8 +1,8 @@
 import { i as e, n as t, r as n, t as r } from "../../accordion-D8fNg7cc.js";
 import { Alert as i, AlertAction as a, AlertDescription as o, AlertTitle as s } from "./atoms/alert.js";
-import { i as c, n as l, r as u, t as d } from "../../tooltip-BgYvlcwv.js";
-import { n as f, r as p, t as m } from "../../hover-card-Bavb-slQ.js";
-import { a as h, c as g, d as _, f as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "../../alert-dialog-C_Vt5qVj.js";
+import { i as c, n as l, r as u, t as d } from "../../tooltip-CvZSk0iE.js";
+import { n as f, r as p, t as m } from "../../hover-card-CO4afheH.js";
+import { a as h, c as g, d as _, f as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "../../alert-dialog-1T197KWl.js";
 import { n as D, t as O } from "../../button-B7gJ_sBM.js";
 import { t as k } from "../../arcade-gradient-I0PSYlkO.js";
 import { ArcadeGrid as A } from "./atoms/arcade-grid.js";
@@ -11,22 +11,22 @@ import { AvatarNotificationBadge as L, avatarBadgeVariants as R } from "./atoms/
 import { Badge as z, badgeVariants as B } from "./atoms/badge.js";
 import { BrandChip as V } from "./atoms/brand-chip.js";
 import { Breadcrumb as H, BreadcrumbEllipsis as U, BreadcrumbItem as W, BreadcrumbLink as G, BreadcrumbList as K, BreadcrumbPage as q, BreadcrumbSeparator as J } from "./atoms/breadcrumb.js";
-import { a as Y, i as X, n as Z, o as Q, r as $, t as ee } from "../../popover-BnkWhaIi.js";
-import { a as te, c as ne, i as re, l as ie, n as ae, o as oe, r as se, s as ce, t as le, u as ue } from "../../select-CYFtC5dg.js";
+import { a as Y, i as X, n as Z, o as Q, r as $, t as ee } from "../../popover-BGixi_lH.js";
+import { a as te, c as ne, i as re, l as ie, n as ae, o as oe, r as se, s as ce, t as le, u as ue } from "../../select-C-K7y0TX.js";
 import { MobileTooltip as de, MobileTooltipContent as fe, MobileTooltipProvider as pe, MobileTooltipTrigger as me } from "./atoms/mobile-tooltip.js";
 import { ByocBadge as he } from "./atoms/byoc-badge.js";
-import { n as ge, t as _e } from "../../calendar-D6NEdfPP.js";
+import { n as ge, t as _e } from "../../calendar-BSBAthxy.js";
 import { Card as ve, CardAction as ye, CardContent as be, CardDescription as xe, CardFooter as Se, CardHeader as Ce, CardTitle as we } from "./atoms/card.js";
 import { ChartContainer as Te, ChartLegend as Ee, ChartLegendContent as De, ChartStyle as Oe, ChartTooltip as ke, ChartTooltipContent as Ae } from "./atoms/chart.js";
 import { ChatContainerContent as je, ChatContainerRoot as Me, ChatContainerScrollAnchor as Ne } from "./atoms/chat-container.js";
 import { t as Pe } from "../../checkbox-DR7-WAYo.js";
-import { t as Fe } from "../../markdown-Skk5B2-K.js";
+import { t as Fe } from "../../markdown-C7WrG0wr.js";
 import { CodeBlock as Ie, CodeBlockCode as Le, CodeBlockGroup as Re } from "./atoms/code-block.js";
 import { n as ze, r as Be, t as Ve } from "../../collapsible-DzN5KXxo.js";
 import { a as He, c as Ue, i as We, l as Ge, n as Ke, o as qe, r as Je, s as Ye, t as Xe } from "../../command-CYE4mtPg.js";
 import { Dialog as Ze, DialogClose as Qe, DialogContent as $e, DialogDescription as et, DialogFooter as tt, DialogHeader as nt, DialogOverlay as rt, DialogPortal as it, DialogTitle as at, DialogTrigger as ot } from "./atoms/dialog.js";
 import { CopyButton as st } from "./atoms/copy-button.js";
-import { a as ct, c as lt, d as ut, f as dt, h as ft, i as pt, l as mt, m as ht, n as gt, o as _t, p as vt, r as yt, s as bt, t as xt, u as St } from "../../dropdown-menu-CwVAL83J.js";
+import { a as ct, c as lt, d as ut, f as dt, h as ft, i as pt, l as mt, m as ht, n as gt, o as _t, p as vt, r as yt, s as bt, t as xt, u as St } from "../../dropdown-menu-D982ge7V.js";
 import { Adp as Ct } from "./atoms/icons/adp.js";
 import { Aha as wt } from "./atoms/icons/aha.js";
 import { Airtable as Tt } from "./atoms/icons/airtable.js";
@@ -201,7 +201,7 @@ import { Separator as Ki } from "./atoms/separator.js";
 import { Sheet as qi, SheetClose as Ji, SheetContent as Yi, SheetDescription as Xi, SheetFooter as Zi, SheetHeader as Qi, SheetTitle as $i, SheetTrigger as ea } from "./atoms/sheet.js";
 import { Skeleton as ta } from "./atoms/skeleton.js";
 import { Sidebar as na, SidebarContent as ra, SidebarFooter as ia, SidebarGroup as aa, SidebarGroupAction as oa, SidebarGroupContent as sa, SidebarGroupLabel as ca, SidebarHeader as la, SidebarInput as ua, SidebarInset as da, SidebarMenu as fa, SidebarMenuAction as pa, SidebarMenuBadge as ma, SidebarMenuButton as ha, SidebarMenuItem as ga, SidebarMenuSkeleton as _a, SidebarMenuSub as va, SidebarMenuSubButton as ya, SidebarMenuSubItem as ba, SidebarProvider as xa, SidebarRail as Sa, SidebarSeparator as Ca, SidebarTrigger as wa, useSidebar as Ta } from "./atoms/sidebar.js";
-import { t as Ea } from "../../slider-DbzYORRs.js";
+import { t as Ea } from "../../slider-DaizWHo6.js";
 import { DS_SPARKLE_DURATION_MS as Da, SparkleBurst as Oa } from "./atoms/sparkle-burst.js";
 import { StepIndicator as ka, stepIndicatorIconVariants as Aa, stepIndicatorLabelVariants as ja } from "./atoms/step-indicator.js";
 import { t as Ma } from "../../switch-B3dLgsX7.js";
@@ -221,7 +221,7 @@ import { EmptyState as fo } from "./molecules/empty-state.js";
 import { ErrorState as po } from "./molecules/error-state.js";
 import { FlowDiagram as mo } from "./molecules/flow-diagram.js";
 import { PromptInput as ho, PromptInputAction as go, PromptInputActions as _o, PromptInputTextarea as vo } from "./molecules/prompt-input.js";
-import { r as yo, t as bo } from "../../ui-DouvHx5k.js";
+import { r as yo, t as bo } from "../../ui-CPih1UEb.js";
 import { StepsProgress as xo } from "./molecules/steps-progress.js";
 import { SuggestionCard as So, SuggestionCardSkeleton as Co } from "./molecules/suggestion-card.js";
 import { TagsInput as wo, TagsInputValue as To } from "./molecules/tags-input.js";

package/dist/components/ui/molecules/chat-history-item.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-BphajtTJ.js";
-import { i as t, n, t as r } from "../../../tooltip-BgYvlcwv.js";
+import { i as t, n, t as r } from "../../../tooltip-CvZSk0iE.js";
 import { Loader as i } from "../atoms/loader.js";
 import { SidebarMenuAction as a, SidebarMenuButton as o, SidebarMenuItem as s } from "../atoms/sidebar.js";
 import { ConfirmPopover as c } from "./confirm-popover.js";

package/dist/components/ui/molecules/command-bar.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-BphajtTJ.js";
-import { t } from "../../../web-BMVVZSj5.js";
+import { t } from "../../../web-3DnwVIkW.js";
 import { SHIKI_THEMES as n } from "../../../lib/shiki-themes.js";
 import { CopyButton as r } from "../atoms/copy-button.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/components/ui/molecules/confirm-popover.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../button-B7gJ_sBM.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "../../../popover-BnkWhaIi.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "../../../popover-BGixi_lH.js";
 import { useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/confirm-popover.tsx

package/dist/components/ui/molecules/date-time-picker.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../../button-B7gJ_sBM.js";
-import { n as t, o as n, t as r } from "../../../popover-BnkWhaIi.js";
-import { r as i, t as a } from "../../../calendar-D6NEdfPP.js";
+import { n as t, o as n, t as r } from "../../../popover-BGixi_lH.js";
+import { r as i, t as a } from "../../../calendar-BSBAthxy.js";
 import { t as o } from "../../../input-DD1GTmLm.js";
 import { Label as s } from "../atoms/label.js";
 import { useState as c } from "react";

package/dist/components/ui/molecules/index.js

@@ -9,7 +9,7 @@ import { EmptyState as h } from "./empty-state.js";
 import { ErrorState as g } from "./error-state.js";
 import { FlowDiagram as _ } from "./flow-diagram.js";
 import { PromptInput as v, PromptInputAction as y, PromptInputActions as b, PromptInputTextarea as x } from "./prompt-input.js";
-import { r as S, t as C } from "../../../ui-DouvHx5k.js";
+import { r as S, t as C } from "../../../ui-CPih1UEb.js";
 import { StepsProgress as w } from "./steps-progress.js";
 import { SuggestionCard as T, SuggestionCardSkeleton as E } from "./suggestion-card.js";
 import { TagsInput as D, TagsInputValue as O } from "./tags-input.js";

package/dist/components/ui/molecules/message.js

@@ -1,7 +1,7 @@
 import { t as e } from "../../../utils-BphajtTJ.js";
-import { i as t, n, r, t as i } from "../../../tooltip-BgYvlcwv.js";
+import { i as t, n, r, t as i } from "../../../tooltip-CvZSk0iE.js";
 import { o as a, r as o, t as s } from "../../../avatar-DWqr9gAD.js";
-import { t as c } from "../../../markdown-Skk5B2-K.js";
+import { t as c } from "../../../markdown-C7WrG0wr.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region lib/components/ui/molecules/message.tsx
 function d({ children: t, className: n, ...r }) {

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

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-BphajtTJ.js";
-import { i as t, n, r, t as i } from "../../../tooltip-BgYvlcwv.js";
+import { i as t, n, r, t as i } from "../../../tooltip-CvZSk0iE.js";
 import { Textarea as a } from "../atoms/textarea.js";
 import o, { createContext as s, useContext as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/components/ui/molecules/requirement-badges.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n } from "../../../ui-DouvHx5k.js";
+import { i as e, n as t, r as n } from "../../../ui-CPih1UEb.js";
 export { t as OAuthBadge, n as RequirementBadges, e as SecretsBadge };

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;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,qBAkPpB"}
+{"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;AAMD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,sBAA8B,EAC9B,WAA0B,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAqMpB"}

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

@@ -4,11 +4,11 @@ import { t as e } from "../../../utils-BphajtTJ.js";
 import { t } from "../../../button-B7gJ_sBM.js";
 import { SparkleBurst as n } from "../atoms/sparkle-burst.js";
 import { StepIndicator as r, stepIndicatorIconVariants as i, stepIndicatorLabelVariants as a } from "../atoms/step-indicator.js";
-import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Check as f, ChevronLeft as p, ChevronRight as m, X as h } from "lucide-react";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Check as f, X as p } from "lucide-react";
 //#region lib/components/ui/molecules/steps-progress.tsx
-function g({ step: t, stepNumber: n, isAttention: i }) {
+function m({ step: t, stepNumber: n, isAttention: i }) {
 	let a = /* @__PURE__ */ u(r, {
 		className: "min-w-0",
 		label: t.label,
@@ -25,65 +25,51 @@ function g({ step: t, stepNumber: n, isAttention: i }) {
 		children: a
 	});
 }
-function _(e) {
+function h(e) {
 	return e.length - 1;
 }
-function v(e) {
+function g(e) {
 	return e.findIndex((e) => e.status === "active");
 }
-function y(e, t) {
-	return e.length === 0 ? t ? 0 : -1 : t ? e.length : _(e);
+function _(e, t) {
+	return e.length === 0 ? t ? 0 : -1 : t ? e.length : h(e);
 }
-function b(e, t) {
-	let { currentIndex: n, isDismissible: r = !1 } = t ?? {}, i = v(e);
+function v(e, t) {
+	let { currentIndex: n, isDismissible: r = !1 } = t ?? {}, i = g(e);
 	if (i >= 0) return i;
 	if (e.length === 0) return r ? 0 : -1;
-	let a = y(e, r);
-	return n !== void 0 && n >= 0 && n <= a ? n : _(e);
+	let a = _(e, r);
+	return n !== void 0 && n >= 0 && n <= a ? n : h(e);
 }
-function x(e, t, n) {
-	let r = y(e, n);
-	return t >= 0 && t <= r ? t : b(e, {
-		currentIndex: t,
-		isDismissible: n
-	});
-}
-function S(e) {
+function y(e) {
 	return `calc(${(e - 1) / e} * (100% - 4.25rem) + 0.75rem)`;
 }
-function C({ steps: r, onDismiss: _, animateStepTransitions: v = !1, orientation: y = "horizontal", className: C, ...w }) {
-	let T = !!_, [E, D] = l(() => b(r, { isDismissible: T }));
-	s(() => {
-		D((e) => b(r, {
-			currentIndex: e,
-			isDismissible: T
-		}));
-	}, [T, r]);
-	let [O, k] = l(void 0), A = c(null), j = c(null), M = c(0);
+function b({ steps: r, onDismiss: h, animateStepTransitions: g = !1, orientation: _ = "horizontal", className: b, ...x }) {
+	let S = !!h, [C, w] = c(void 0), T = s(null), E = s(null), D = s(0);
 	o(() => {
-		let e = A.current, t = new Map(r.map((e) => [e.id, e.status]));
+		let e = T.current, t = new Map(r.map((e) => [e.id, e.status]));
 		if (e === null) {
-			A.current = t;
+			T.current = t;
 			return;
 		}
-		if (v) {
+		if (g) {
 			let t = r.find((t) => t.status === "complete" && e.get(t.id) !== "complete");
-			t && (j.current !== null && window.clearTimeout(j.current), M.current += 1, k({
+			t && (E.current !== null && window.clearTimeout(E.current), D.current += 1, w({
 				stepId: t.id,
-				key: M.current
-			}), j.current = window.setTimeout(() => {
-				k(void 0), j.current = null;
+				key: D.current
+			}), E.current = window.setTimeout(() => {
+				w(void 0), E.current = null;
 			}, 800));
 		}
-		A.current = t;
-	}, [v, r]), o(() => () => {
-		j.current !== null && window.clearTimeout(j.current);
+		T.current = t;
+	}, [g, r]), o(() => () => {
+		E.current !== null && window.clearTimeout(E.current);
 	}, []);
-	let N = x(r, E, T), P = r[N], F = r.length, I = N > 0, L = T ? N < F : N < r.length - 1, R = T && r.at(-1)?.status === "active";
-	return y === "vertical" ? /* @__PURE__ */ u("section", {
+	let O = v(r), k = r[O], A = S && r.at(-1)?.status === "active";
+	return _ === "vertical" ? /* @__PURE__ */ u("section", {
 		"aria-label": "Steps progress",
-		className: e(C),
-		...w,
+		className: e(b),
+		...x,
 		children: /* @__PURE__ */ u("ol", {
 			className: "flex flex-col",
 			children: r.map((t, n) => {
@@ -112,36 +98,28 @@ function C({ steps: r, onDismiss: _, animateStepTransitions: v = !1, orientation
 		})
 	}) : /* @__PURE__ */ d("section", {
 		"aria-label": "Steps progress",
-		className: e("relative h-14 overflow-hidden border border-border bg-card text-foreground", C),
-		...w,
+		className: e("relative h-14 overflow-hidden border border-border bg-card text-foreground", b),
+		...x,
 		children: [
-			R && /* @__PURE__ */ u("span", {
+			A && /* @__PURE__ */ u("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: S(r.length) }
+				style: { left: y(r.length) }
 			}),
-			P?.status === "active" && /* @__PURE__ */ u("span", {
+			k?.status === "active" && /* @__PURE__ */ u("span", {
 				"aria-hidden": "true",
 				className: "pointer-events-none absolute inset-x-0 top-0 z-20 h-0.5 bg-foreground sm:hidden"
 			}),
 			/* @__PURE__ */ d("div", {
 				className: "relative z-10 flex h-full items-center sm:gap-3 sm:px-3",
 				children: [
-					/* @__PURE__ */ u("button", {
-						"aria-label": "Go to previous step",
-						className: e("flex h-full shrink-0 items-center px-2 text-muted-foreground sm:hidden", !I && "pointer-events-none invisible"),
-						onClick: () => D(N - 1),
-						tabIndex: I ? 0 : -1,
-						type: "button",
-						children: /* @__PURE__ */ u(p, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ d("ol", {
+					/* @__PURE__ */ u("ol", {
 						className: "flex h-full min-w-0 flex-1 items-center gap-0",
-						children: [r.map((t, r) => {
-							let i = O?.stepId === t.id;
+						children: r.map((t, r) => {
+							let i = C?.stepId === t.id;
 							return /* @__PURE__ */ d("li", {
 								"aria-current": t.status === "active" ? "step" : void 0,
-								className: e("relative isolate flex h-full min-w-0 flex-1 items-center justify-center px-2 py-4 sm:px-3", r !== N && "hidden sm:flex"),
+								className: e("relative isolate flex h-full min-w-0 flex-1 items-center justify-center px-2 py-4 sm:px-3", r !== O && "hidden sm:flex"),
 								"data-attention": i ? "true" : void 0,
 								"data-status": t.status,
 								children: [
@@ -149,7 +127,7 @@ function C({ steps: r, onDismiss: _, animateStepTransitions: v = !1, orientation
 										"aria-hidden": "true",
 										className: "absolute left-0 hidden h-full w-px bg-border sm:block"
 									}),
-									/* @__PURE__ */ u(g, {
+									/* @__PURE__ */ u(m, {
 										isAttention: i,
 										step: t,
 										stepNumber: r + 1
@@ -157,46 +135,44 @@ function C({ steps: r, onDismiss: _, animateStepTransitions: v = !1, orientation
 									i ? /* @__PURE__ */ u("span", {
 										"aria-hidden": !0,
 										className: "pointer-events-none absolute inset-0 z-30 flex items-center justify-center",
-										children: /* @__PURE__ */ u(n, {}, O.key)
+										children: /* @__PURE__ */ u(n, {}, C.key)
 									}) : null
 								]
 							}, t.id);
-						}), _ && /* @__PURE__ */ u("li", {
-							className: e("relative isolate flex h-full flex-1 items-center justify-center sm:hidden", N !== F && "hidden"),
-							children: /* @__PURE__ */ d(t, {
-								"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: _,
-								type: "button",
-								variant: "ghost",
-								children: [/* @__PURE__ */ u(h, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", {
-									className: "text-sm",
-									children: "Dismiss"
-								})]
-							})
-						})]
+						})
 					}),
-					/* @__PURE__ */ u("button", {
-						"aria-label": "Go to next step",
-						className: e("flex h-full shrink-0 items-center px-2 text-muted-foreground sm:hidden", !L && "pointer-events-none invisible"),
-						onClick: () => D(N + 1),
-						tabIndex: L ? 0 : -1,
-						type: "button",
-						children: /* @__PURE__ */ u(m, { className: "h-4 w-4" })
+					r.length > 0 && k && /* @__PURE__ */ d("span", {
+						"aria-hidden": "true",
+						className: "shrink-0 px-3 font-mono text-muted-foreground text-xs tabular-nums sm:hidden",
+						children: [
+							O + 1,
+							" / ",
+							r.length
+						]
 					}),
-					_ && /* @__PURE__ */ u(t, {
+					h && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d(t, {
+						"aria-label": "Dismiss",
+						className: "h-8 shrink-0 gap-1.5 border border-border px-3 text-muted-foreground hover:bg-muted hover:text-foreground sm:hidden",
+						onClick: h,
+						type: "button",
+						variant: "ghost",
+						children: [/* @__PURE__ */ u(p, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", {
+							className: "text-sm",
+							children: "Dismiss"
+						})]
+					}), /* @__PURE__ */ u(t, {
 						"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: _,
+						onClick: h,
 						size: "icon",
 						type: "button",
 						variant: "ghost",
-						children: /* @__PURE__ */ u(h, { className: "h-4 w-4" })
-					})
+						children: /* @__PURE__ */ u(p, { className: "h-4 w-4" })
+					})] })
 				]
 			})
 		]
 	});
 }
 //#endregion
-export { C as StepsProgress, b as getMobileIndexForSteps };
+export { b as StepsProgress, v as getMobileIndexForSteps };

package/dist/components/ui/molecules/toolkit-card.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../../ui-DouvHx5k.js";
+import { t as e } from "../../../ui-CPih1UEb.js";
 export { e as ToolkitCard };

package/dist/components/ui/molecules/user-nav.js

@@ -1,7 +1,7 @@
 import { t as e } from "../../../utils-BphajtTJ.js";
 import { t } from "../../../button-B7gJ_sBM.js";
 import { o as n, r, t as i } from "../../../avatar-DWqr9gAD.js";
-import { h as a, o, r as s, t as c, u as l } from "../../../dropdown-menu-CwVAL83J.js";
+import { h as a, o, r as s, t as c, u as l } from "../../../dropdown-menu-D982ge7V.js";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ChevronsUpDownIcon as p } from "lucide-react";
 //#region lib/components/ui/molecules/user-nav.tsx