@cascivo/react 0.3.7 → 0.4.3

package/dist/otp-input/otp-input.js

@@ -30,9 +30,9 @@ function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type:
 		} else t.key === "ArrowLeft" ? (t.preventDefault(), y(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), y(e + 1));
 	}
 	function S(e, t) {
-		t.preventDefault();
 		let n = t.clipboardData.getData("text").replace(/\s/g, "").slice(0, c - e);
 		if (!(f === "numeric" ? /^\d+$/ : /^[a-zA-Z0-9]+$/).test(n)) return;
+		t.preventDefault();
 		let r = [...h.value];
 		for (let t = 0; t < n.length; t++) e + t < c && (r[e + t] = n[t] ?? "");
 		v(r), y(Math.min(e + n.length, c - 1));

package/dist/password-input/password-input.js

@@ -58,7 +58,11 @@ function u({ showStrengthMeter: u = !1, size: d = "md", labels: f, className: p,
 			})]
 		}), u && C && /* @__PURE__ */ o("div", {
 			className: e["strength-meter"],
+			role: "meter",
 			"aria-label": T,
+			"aria-valuenow": C.score,
+			"aria-valuemin": 0,
+			"aria-valuemax": 4,
 			"data-strength": C.label,
 			children: [
 				0,

package/dist/popover/popover.css

@@ -1 +1 @@
-@layer cascivo.component{._content_208tz_6{padding:var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._content_208tz_6{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._content_208tz_6{opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;translate:0}@starting-style{._content_208tz_6{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._content_208tz_6[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}}
+@layer cascivo.component{._trigger_13tp0_2{justify-content:center;align-items:center;min-block-size:1.5rem;min-inline-size:1.5rem;display:inline-flex}._content_13tp0_11{padding:var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._content_13tp0_11{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._content_13tp0_11{opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;translate:0}@starting-style{._content_13tp0_11{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._content_13tp0_11[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}}

package/dist/popover/popover.module.js

@@ -2,8 +2,8 @@
 
 import './popover.css';
 var e = {
-	trigger: "_trigger_208tz_2",
-	content: "_content_208tz_6"
+	trigger: "_trigger_13tp0_2",
+	content: "_content_13tp0_11"
 };
 //#endregion
 export { e as default };

package/dist/radial-progress/radial-progress.js

@@ -2,24 +2,27 @@
 
 import e from "./radial-progress.module.js";
 import { jsx as t } from "react/jsx-runtime";
+import { useId as n } from "react";
 //#region ../components/src/radial-progress/radial-progress.tsx
-function n({ value: n, size: r = "md", variant: i = "primary", children: a, className: o, ...s }) {
-	let c = Math.min(100, Math.max(0, n));
+function r({ value: r, size: i = "md", variant: a = "primary", children: o, className: s, ...c }) {
+	let l = Math.min(100, Math.max(0, r)), u = n();
 	return /* @__PURE__ */ t("div", {
 		role: "progressbar",
-		"aria-valuenow": c,
+		"aria-valuenow": l,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		className: [e.radialProgress, o].filter(Boolean).join(" "),
-		"data-size": r,
-		"data-variant": i,
-		style: { "--cascivo-radial-progress": c },
-		...s,
+		"aria-labelledby": c["aria-label"] ? void 0 : u,
+		className: [e.radialProgress, s].filter(Boolean).join(" "),
+		"data-size": i,
+		"data-variant": a,
+		style: { "--cascivo-radial-progress": l },
+		...c,
 		children: /* @__PURE__ */ t("span", {
+			id: u,
 			className: e.label,
-			children: a ?? `${c}%`
+			children: o ?? `${l}%`
 		})
 	});
 }
 //#endregion
-export { n as RadialProgress };
+export { r as RadialProgress };

package/dist/react/src/index.js

@@ -82,49 +82,50 @@ import { Text as Ze } from "../../text/text.js";
 import { Code as Qe } from "../../code/code.js";
 import { Blockquote as $e } from "../../blockquote/blockquote.js";
 import { List as et, ListItem as tt } from "../../list/list.js";
-import { Prose as nt } from "../../prose/prose.js";
-import { PullToRefresh as rt } from "../../pull-to-refresh/pull-to-refresh.js";
-import { QrCode as it } from "../../qr-code/qr-code.js";
-import { RelativeTime as at } from "../../relative-time/relative-time.js";
-import { Label as ot } from "../../label/label.js";
-import { Field as st } from "../../field/field.js";
-import { Filter as ct } from "../../filter/filter.js";
-import { IconButton as lt } from "../../icon-button/icon-button.js";
-import { ButtonGroup as ut } from "../../button-group/button-group.js";
-import { ToggleGroup as dt } from "../../toggle-group/toggle-group.js";
-import { InlineLoading as ft } from "../../inline-loading/inline-loading.js";
-import { Notification as pt } from "../../notification/notification.js";
-import { ScrollArea as mt } from "../../scroll-area/scroll-area.js";
-import { Collapsible as ht } from "../../collapsible/collapsible.js";
-import { AspectRatio as gt } from "../../aspect-ratio/aspect-ratio.js";
-import { MenuButton as _t } from "../../menu-button/menu-button.js";
-import { Toggletip as vt } from "../../toggletip/toggletip.js";
-import { Menubar as yt } from "../../menubar/menubar.js";
-import { NavigationMenu as bt } from "../../navigation-menu/navigation-menu.js";
-import { TreeView as xt, treeViewMessages as St } from "../../tree-view/tree-view.js";
-import { StructuredList as Ct } from "../../structured-list/structured-list.js";
-import { ContainedList as wt, ContainedListItem as Tt } from "../../contained-list/contained-list.js";
-import { DataList as Et } from "../../data-list/data-list.js";
-import { Timeline as Dt } from "../../timeline/timeline.js";
-import { Item as Ot, ItemActions as kt, ItemContent as At, ItemDescription as jt, ItemMedia as Mt, ItemTitle as Nt } from "../../item/item.js";
-import { Calendar as Pt } from "../../calendar/calendar.js";
-import { DateRangePicker as Ft } from "../../date-range-picker/date-range-picker.js";
-import { ColorPicker as It } from "../../color-picker/color-picker.js";
-import { Carousel as Lt } from "../../carousel/carousel.js";
-import { Resizable as Rt } from "../../resizable/resizable.js";
-import { Dock as zt } from "../../dock/dock.js";
-import { Drawer as Bt } from "../../drawer/drawer.js";
-import { NativeSelect as Vt } from "../../native-select/native-select.js";
-import { CodeSnippet as Ht } from "../../code-snippet/code-snippet.js";
-import { Steps as Ut } from "../../steps/steps.js";
-import { Tile as Wt } from "../../tile/tile.js";
-import { Indicator as Gt } from "../../indicator/indicator.js";
-import { Join as Kt } from "../../join/join.js";
-import { Stack as qt } from "../../stack/stack.js";
-import { AppShell as Jt } from "../../app-shell/app-shell.js";
-import { ChatBubble as Yt } from "../../chat-bubble/chat-bubble.js";
-import { RadialProgress as Xt } from "../../radial-progress/radial-progress.js";
-import { Swap as Zt } from "../../swap/swap.js";
-import { SwipeItem as Qt } from "../../swipe-item/swipe-item.js";
-import { ErrorBoundary as $t, FocusScope as en, Portal as tn, SuspenseBoundary as nn } from "@cascivo/core";
-export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ve as AlertDialog, Jt as AppShell, gt as AspectRatio, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, be as BottomSheet, z as Breadcrumb, t as Button, ut as ButtonGroup, Pt as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Lt as Carousel, Yt as ChatBubble, v as Checkbox, Ve as CheckboxCard, Qe as Code, Ht as CodeSnippet, ht as Collapsible, It as ColorPicker, se as Combobox, ne as CommandMenu, Ce as Comparison, wt as ContainedList, Tt as ContainedListItem, xe as ContextMenu, Se as ContextMenuItem, He as CopyButton, Et as DataList, te as DataTable, ce as DatePicker, Ft as DateRangePicker, zt as Dock, Bt as Drawer, w as Dropdown, Fe as Editable, X as EmptyState, $t as ErrorBoundary, Z as Fab, st as Field, le as FileUploader, ct as Filter, en as FocusScope, ie as Form, H as Header, ze as HeaderPanel, Xe as Heading, we as HoverCard, Te as HoverCardContent, Ee as HoverCardTrigger, lt as IconButton, h as Image, Gt as Indicator, ft as InlineLoading, n as Input, Me as InputGroup, Ne as InputGroupAddon, Ot as Item, kt as ItemActions, At as ItemContent, jt as ItemDescription, Mt as ItemMedia, Nt as ItemTitle, Kt as Join, L as Kbd, ot as Label, R as Link, et as List, tt as ListItem, me as Menu, _t as MenuButton, he as MenuItem, ge as MenuSeparator, _e as MenuTrigger, yt as Menubar, l as Modal, Oe as MultiSelect, Vt as NativeSelect, bt as NavigationMenu, pt as Notification, ee as NumberInput, Ae as OtpInput, Q as OverflowMenu, G as Pagination, De as PasswordInput, de as Popover, fe as PopoverContent, pe as PopoverTrigger, tn as Portal, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, nt as Prose, rt as PullToRefresh, it as QrCode, Xt as RadialProgress, y as Radio, Ie as RadioCard, Le as RadioCardGroup, b as RadioGroup, Pe as RatingGroup, at as RelativeTime, Rt as Resizable, mt as ScrollArea, $ as Search, je as SegmentedControl, _ as Select, u as Separator, ye as Sheet, Re as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, e as Spinner, qt as Stack, Ue as Stat, We as Status, Ut as Steps, Ct as StructuredList, nn as SuspenseBoundary, Zt as Swap, Qt as SwipeItem, Be as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, ke as TagsInput, Ze as Text, g as Textarea, Wt as Tile, ue as TimePicker, Dt as Timeline, T as ToastProvider, B as Toc, x as Toggle, dt as ToggleGroup, vt as Toggletip, C as Tooltip, xt as TreeView, m as User, Ge as VisuallyHidden, ae as createForm, E as dismissAllToasts, re as fuzzyScore, St as treeViewMessages, oe as useForm, U as usePopover, D as useToast, V as useTocFromRegion };
+import { LogViewer as nt } from "../../log-viewer/log-viewer.js";
+import { Prose as rt } from "../../prose/prose.js";
+import { PullToRefresh as it } from "../../pull-to-refresh/pull-to-refresh.js";
+import { QrCode as at } from "../../qr-code/qr-code.js";
+import { RelativeTime as ot } from "../../relative-time/relative-time.js";
+import { Label as st } from "../../label/label.js";
+import { Field as ct } from "../../field/field.js";
+import { Filter as lt } from "../../filter/filter.js";
+import { IconButton as ut } from "../../icon-button/icon-button.js";
+import { ButtonGroup as dt } from "../../button-group/button-group.js";
+import { ToggleGroup as ft } from "../../toggle-group/toggle-group.js";
+import { InlineLoading as pt } from "../../inline-loading/inline-loading.js";
+import { Notification as mt } from "../../notification/notification.js";
+import { ScrollArea as ht } from "../../scroll-area/scroll-area.js";
+import { Collapsible as gt } from "../../collapsible/collapsible.js";
+import { AspectRatio as _t } from "../../aspect-ratio/aspect-ratio.js";
+import { MenuButton as vt } from "../../menu-button/menu-button.js";
+import { Toggletip as yt } from "../../toggletip/toggletip.js";
+import { Menubar as bt } from "../../menubar/menubar.js";
+import { NavigationMenu as xt } from "../../navigation-menu/navigation-menu.js";
+import { TreeView as St, treeViewMessages as Ct } from "../../tree-view/tree-view.js";
+import { StructuredList as wt } from "../../structured-list/structured-list.js";
+import { ContainedList as Tt, ContainedListItem as Et } from "../../contained-list/contained-list.js";
+import { DataList as Dt } from "../../data-list/data-list.js";
+import { Timeline as Ot } from "../../timeline/timeline.js";
+import { Item as kt, ItemActions as At, ItemContent as jt, ItemDescription as Mt, ItemMedia as Nt, ItemTitle as Pt } from "../../item/item.js";
+import { Calendar as Ft } from "../../calendar/calendar.js";
+import { DateRangePicker as It } from "../../date-range-picker/date-range-picker.js";
+import { ColorPicker as Lt } from "../../color-picker/color-picker.js";
+import { Carousel as Rt } from "../../carousel/carousel.js";
+import { Resizable as zt } from "../../resizable/resizable.js";
+import { Dock as Bt } from "../../dock/dock.js";
+import { Drawer as Vt } from "../../drawer/drawer.js";
+import { NativeSelect as Ht } from "../../native-select/native-select.js";
+import { CodeSnippet as Ut } from "../../code-snippet/code-snippet.js";
+import { Steps as Wt } from "../../steps/steps.js";
+import { Tile as Gt } from "../../tile/tile.js";
+import { Indicator as Kt } from "../../indicator/indicator.js";
+import { Join as qt } from "../../join/join.js";
+import { Stack as Jt } from "../../stack/stack.js";
+import { AppShell as Yt } from "../../app-shell/app-shell.js";
+import { ChatBubble as Xt } from "../../chat-bubble/chat-bubble.js";
+import { RadialProgress as Zt } from "../../radial-progress/radial-progress.js";
+import { Swap as Qt } from "../../swap/swap.js";
+import { SwipeItem as $t } from "../../swipe-item/swipe-item.js";
+import { ErrorBoundary as en, FocusScope as tn, Portal as nn, SuspenseBoundary as rn } from "@cascivo/core";
+export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ve as AlertDialog, Yt as AppShell, _t as AspectRatio, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, be as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, Xt as ChatBubble, v as Checkbox, Ve as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, se as Combobox, ne as CommandMenu, Ce as Comparison, Tt as ContainedList, Et as ContainedListItem, xe as ContextMenu, Se as ContextMenuItem, He as CopyButton, Dt as DataList, te as DataTable, ce as DatePicker, It as DateRangePicker, Bt as Dock, Vt as Drawer, w as Dropdown, Fe as Editable, X as EmptyState, en as ErrorBoundary, Z as Fab, ct as Field, le as FileUploader, lt as Filter, tn as FocusScope, ie as Form, H as Header, ze as HeaderPanel, Xe as Heading, we as HoverCard, Te as HoverCardContent, Ee as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Me as InputGroup, Ne as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, me as Menu, vt as MenuButton, he as MenuItem, ge as MenuSeparator, _e as MenuTrigger, bt as Menubar, l as Modal, Oe as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, Ae as OtpInput, Q as OverflowMenu, G as Pagination, De as PasswordInput, de as Popover, fe as PopoverContent, pe as PopoverTrigger, nn as Portal, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Ie as RadioCard, Le as RadioCardGroup, b as RadioGroup, Pe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, je as SegmentedControl, _ as Select, u as Separator, ye as Sheet, Re as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, e as Spinner, Jt as Stack, Ue as Stat, We as Status, Wt as Steps, wt as StructuredList, rn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Be as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, ke as TagsInput, Ze as Text, g as Textarea, Gt as Tile, ue as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, Ge as VisuallyHidden, ae as createForm, E as dismissAllToasts, re as fuzzyScore, Ct as treeViewMessages, oe as useForm, U as usePopover, D as useToast, V as useTocFromRegion };

package/dist/shell-header/shell-header.js

@@ -64,7 +64,7 @@ function f({ item: n }) {
 			style: { positionAnchor: d },
 			className: t.navMenuPanel,
 			onKeyDown: _,
-			children: n.items.map((e) => /* @__PURE__ */ c("a", {
+			children: n.items.map((e, n) => /* @__PURE__ */ c("a", {
 				href: e.href,
 				role: "menuitem",
 				"aria-current": e.active ? "page" : void 0,
@@ -72,7 +72,7 @@ function f({ item: n }) {
 				className: t.navMenuItem,
 				onClick: p,
 				children: e.label
-			}, e.href))
+			}, e.id ?? `${n}-${e.href}`))
 		})]
 	});
 }
@@ -127,13 +127,14 @@ function p({ brand: e, nav: r, actions: i, end: p, onMenuClick: m, menuExpanded:
 				className: t.nav,
 				children: /* @__PURE__ */ c("ul", {
 					className: t.navList,
-					children: r.map((e) => d(e) ? /* @__PURE__ */ c(f, { item: e }, e.label) : /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("a", {
+					children: r.map((e, n) => d(e) ? /* @__PURE__ */ c(f, { item: e }, e.id ?? `${n}-${e.label}`) : /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("a", {
 						href: e.href,
 						"aria-current": e.active ? "page" : void 0,
 						"data-state": e.active ? "active" : void 0,
 						className: t.navLink,
+						...e.onClick ? { onClick: e.onClick } : {},
 						children: e.label
-					}) }, e.href))
+					}) }, e.id ?? `${n}-${e.href}`))
 				})
 			}),
 			/* @__PURE__ */ c("div", { className: t.spacer }),

package/dist/side-nav/side-nav.js

@@ -174,7 +174,7 @@ function v({ items: t, groups: d, collapsed: m, defaultCollapsed: v = !1, onColl
 						children: t.items.map((t, i) => {
 							let a = `${r}-${i}`;
 							if (t.items) {
-								if (L && !C) return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(_, { item: t }) }, t.label);
+								if (L && !C) return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(_, { item: t }) }, t.id ?? a);
 								let e = P.value.includes(t.label), r = `${j}-group-${a}`;
 								return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ u("button", {
 									type: "button",
@@ -230,12 +230,12 @@ function v({ items: t, groups: d, collapsed: m, defaultCollapsed: v = !1, onColl
 											children: e.label
 										}, t))
 									})
-								})] }, t.label);
+								})] }, t.id ?? a);
 							}
 							if (t.render) return /* @__PURE__ */ l("li", {
 								className: n.customItem,
 								children: t.render({ collapsed: L })
-							}, t.label);
+							}, t.id ?? a);
 							let o = /* @__PURE__ */ u(c, { children: [
 								t.icon ? /* @__PURE__ */ l("span", {
 									className: n.icon,
@@ -289,7 +289,7 @@ function v({ items: t, groups: d, collapsed: m, defaultCollapsed: v = !1, onColl
 								content: t.label,
 								placement: "right",
 								children: d
-							}) : d }, t.label);
+							}) : d }, t.id ?? a);
 						})
 					})]
 				}, r))

package/dist/stat/stat.css

@@ -1 +1 @@
-@layer cascivo.component{._stat_1gtqw_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._label_1gtqw_9{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_1gtqw_15{font-size:var(--cascivo-text-2xl);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);font-variant-numeric:tabular-nums}._delta_1gtqw_23{align-items:center;gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);font-variant-numeric:tabular-nums;display:inline-flex}._delta_1gtqw_23[data-trend=up]{color:var(--cascivo-color-success)}._delta_1gtqw_23[data-trend=down]{color:var(--cascivo-color-destructive)}._delta_1gtqw_23[data-trend=flat]{color:var(--cascivo-color-text-subtle)}._arrow_1gtqw_44{font-size:var(--cascivo-text-xs);line-height:1}._help_1gtqw_49{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}}
+@layer cascivo.component{._stat_119kx_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._label_119kx_9{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_119kx_15{font-size:var(--cascivo-text-2xl);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);font-variant-numeric:tabular-nums}._delta_119kx_23{align-items:center;gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);font-variant-numeric:tabular-nums;display:inline-flex}._delta_119kx_23[data-trend=up]{color:var(--cascivo-color-success-foreground)}._delta_119kx_23[data-trend=down]{color:var(--cascivo-color-destructive-foreground)}._delta_119kx_23[data-trend=flat]{color:var(--cascivo-color-text-subtle)}._arrow_119kx_44{font-size:var(--cascivo-text-xs);line-height:1}._help_119kx_49{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}}

package/dist/stat/stat.module.js

@@ -2,12 +2,12 @@
 
 import './stat.css';
 var e = {
-	stat: "_stat_1gtqw_2",
-	label: "_label_1gtqw_9",
-	value: "_value_1gtqw_15",
-	delta: "_delta_1gtqw_23",
-	arrow: "_arrow_1gtqw_44",
-	help: "_help_1gtqw_49"
+	stat: "_stat_119kx_2",
+	label: "_label_119kx_9",
+	value: "_value_119kx_15",
+	delta: "_delta_119kx_23",
+	arrow: "_arrow_119kx_44",
+	help: "_help_119kx_49"
 };
 //#endregion
 export { e as default };

package/dist/steps/steps.css

@@ -1 +1 @@
-@layer cascivo.component{._steps_1xps1_2{gap:0;margin:0;padding:0;list-style:none;display:flex}._steps_1xps1_2[data-orientation=horizontal]{flex-direction:row;align-items:center}._steps_1xps1_2[data-orientation=vertical]{flex-direction:column}._step_1xps1_2{flex:1;align-items:center;gap:.5rem;display:flex;position:relative}._step_1xps1_2:not(:last-child):after{content:"";background-color:var(--cascivo-border-default);flex:1;block-size:1px}._steps_1xps1_2[data-orientation=vertical] ._step_1xps1_2:not(:last-child):after{flex:none;block-size:calc(100% - 1.5rem);inline-size:1px;position:absolute;inset-block-start:2rem;inset-inline-start:.75rem}._circle_1xps1_42{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-border-default);background-color:var(--cascivo-color-surface);block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);transition:background-color .15s var(--cascivo-ease-out), border-color .15s var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}._step_1xps1_2[data-state=active] ._circle_1xps1_42{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._step_1xps1_2[data-state=complete] ._circle_1xps1_42{background-color:var(--cascivo-color-success);border-color:var(--cascivo-color-success);color:var(--cascivo-color-success-content)}._step_1xps1_2[data-state=error] ._circle_1xps1_42{background-color:var(--cascivo-color-error);border-color:var(--cascivo-color-error);color:var(--cascivo-color-error-content)}._step_1xps1_2[data-state=complete]:not(:last-child):after{background-color:var(--cascivo-color-success)}._label_1xps1_82{color:var(--cascivo-color-text-subtle);font-size:.875rem}._step_1xps1_2[data-state=active] ._label_1xps1_82{color:var(--cascivo-color-text);font-weight:500}._step_1xps1_2[data-state=complete] ._label_1xps1_82{color:var(--cascivo-color-text-subtle)}._step_1xps1_2[data-state=error] ._label_1xps1_82{color:var(--cascivo-color-error)}}
+@layer cascivo.component{._steps_1u41q_2{gap:0;margin:0;padding:0;list-style:none;display:flex}._steps_1u41q_2[data-orientation=horizontal]{flex-direction:row;align-items:center}._steps_1u41q_2[data-orientation=vertical]{flex-direction:column}._step_1u41q_2{flex:1;align-items:center;gap:.5rem;display:flex;position:relative}._step_1u41q_2:not(:last-child):after{content:"";background-color:var(--cascivo-border-default);flex:1;block-size:1px}._steps_1u41q_2[data-orientation=vertical] ._step_1u41q_2:not(:last-child):after{flex:none;block-size:calc(100% - 1.5rem);inline-size:1px;position:absolute;inset-block-start:2rem;inset-inline-start:.75rem}._circle_1u41q_42{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-border-default);background-color:var(--cascivo-color-surface);block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);transition:background-color .15s var(--cascivo-ease-out), border-color .15s var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}._step_1u41q_2[data-state=active] ._circle_1u41q_42{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._step_1u41q_2[data-state=complete] ._circle_1u41q_42{background-color:var(--cascivo-color-success);border-color:var(--cascivo-color-success);color:var(--cascivo-color-success-content)}._step_1u41q_2[data-state=error] ._circle_1u41q_42{background-color:var(--cascivo-color-error);border-color:var(--cascivo-color-error);color:var(--cascivo-color-error-content)}._step_1u41q_2[data-state=complete]:not(:last-child):after{background-color:var(--cascivo-color-success)}._label_1u41q_82{color:var(--cascivo-color-text-subtle);font-size:.875rem}._step_1u41q_2[data-state=active] ._label_1u41q_82{color:var(--cascivo-color-text);font-weight:500}._step_1u41q_2[data-state=complete] ._label_1u41q_82{color:var(--cascivo-color-text-subtle)}._step_1u41q_2[data-state=error] ._label_1u41q_82{color:var(--cascivo-color-destructive-foreground)}}

package/dist/steps/steps.js

@@ -2,25 +2,28 @@
 
 import e from "./steps.module.js";
 import { useSignal as t, useSignals as n } from "@cascivo/core";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/steps/steps.tsx
-function a({ steps: a, activeStep: o, orientation: s = "horizontal", className: c }) {
+function s({ steps: s, activeStep: c, orientation: l = "horizontal", className: u, ariaLabel: d }) {
 	n();
-	let l = t(o ?? 0);
-	return l.value = o ?? l.value, /* @__PURE__ */ r("ol", {
-		className: [e.steps, c].filter(Boolean).join(" "),
-		"data-orientation": s,
-		"aria-label": "Steps",
-		children: a.map((t, n) => {
-			let a = t.state ?? (n < l.value ? "complete" : n === l.value ? "active" : "pending");
-			return /* @__PURE__ */ i("li", {
+	let f = t(c ?? 0);
+	f.value = c ?? f.value;
+	let p = d ?? i(r.steps.label);
+	return /* @__PURE__ */ a("ol", {
+		className: [e.steps, u].filter(Boolean).join(" "),
+		"data-orientation": l,
+		"aria-label": p,
+		children: s.map((t, n) => {
+			let r = t.state ?? (n < f.value ? "complete" : n === f.value ? "active" : "pending");
+			return /* @__PURE__ */ o("li", {
 				className: e.step,
-				"data-state": a,
-				"aria-current": a === "active" ? "step" : void 0,
-				children: [/* @__PURE__ */ r("div", {
+				"data-state": r,
+				"aria-current": r === "active" ? "step" : void 0,
+				children: [/* @__PURE__ */ a("div", {
 					className: e.circle,
-					children: a === "complete" ? "✓" : a === "error" ? "✕" : n + 1
-				}), /* @__PURE__ */ r("span", {
+					children: r === "complete" ? "✓" : r === "error" ? "✕" : n + 1
+				}), /* @__PURE__ */ a("span", {
 					className: e.label,
 					children: t.label
 				})]
@@ -29,4 +32,4 @@ function a({ steps: a, activeStep: o, orientation: s = "horizontal", className:
 	});
 }
 //#endregion
-export { a as Steps };
+export { s as Steps };

package/dist/steps/steps.module.js

@@ -2,10 +2,10 @@
 
 import './steps.css';
 var e = {
-	steps: "_steps_1xps1_2",
-	step: "_step_1xps1_2",
-	circle: "_circle_1xps1_42",
-	label: "_label_1xps1_82"
+	steps: "_steps_1u41q_2",
+	step: "_step_1u41q_2",
+	circle: "_circle_1u41q_42",
+	label: "_label_1u41q_82"
 };
 //#endregion
 export { e as default };