@cascivo/react 0.3.8 → 0.4.3

package/dist/dock/dock.js

@@ -1,32 +1,34 @@
 "use client";
 
 import e from "./dock.module.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useSignals as t } from "@cascivo/core";
+import { builtin as n, t as r } from "@cascivo/i18n";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../components/src/dock/dock.tsx
-function r({ items: r, activeIndex: i, className: a }) {
-	return /* @__PURE__ */ t("nav", {
-		"aria-label": "Main navigation",
-		className: [e.dock, a].filter(Boolean).join(" "),
-		children: r.map((r, a) => {
-			let o = a === i;
-			return /* @__PURE__ */ n(r.href ? "a" : "button", {
+function o({ items: o, activeIndex: s, className: c, ariaLabel: l }) {
+	return t(), /* @__PURE__ */ i("nav", {
+		"aria-label": l ?? r(n.dock.nav),
+		className: [e.dock, c].filter(Boolean).join(" "),
+		children: o.map((t, n) => {
+			let r = n === s;
+			return /* @__PURE__ */ a(t.href ? "a" : "button", {
 				className: e.item,
-				"data-active": o || void 0,
-				"aria-current": o ? "page" : void 0,
-				...r.href ? { href: r.href } : {},
-				type: r.href ? void 0 : "button",
-				onClick: r.onClick,
-				children: [/* @__PURE__ */ t("span", {
+				"data-active": r || void 0,
+				"aria-current": r ? "page" : void 0,
+				...t.href ? { href: t.href } : {},
+				type: t.href ? void 0 : "button",
+				onClick: t.onClick,
+				children: [/* @__PURE__ */ i("span", {
 					className: e.icon,
 					"aria-hidden": "true",
-					children: r.icon
-				}), /* @__PURE__ */ t("span", {
+					children: t.icon
+				}), /* @__PURE__ */ i("span", {
 					className: e.label,
-					children: r.label
+					children: t.label
 				})]
-			}, a);
+			}, n);
 		})
 	});
 }
 //#endregion
-export { r as Dock };
+export { o as Dock };

package/dist/fab/fab.js

@@ -78,7 +78,7 @@ function f({ children: f, label: p, onClick: m, actions: h, position: g = "botto
 									children: t.icon
 								})]
 							})
-						}, t.label);
+						}, t.id ?? n);
 					})
 				})
 			}), A]

package/dist/file-uploader/file-uploader.css

@@ -1 +1 @@
-@layer cascivo.component{._uploader_1tk3e_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;display:flex}._label_1tk3e_9{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_1tk3e_15{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_1tk3e_24{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_1tk3e_24:hover:not(:disabled),._zone_1tk3e_24[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_1tk3e_24:disabled{opacity:.5;cursor:not-allowed}._hint_1tk3e_57{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_1tk3e_62{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_1tk3e_71{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_1tk3e_71[data-state=error]{border-color:var(--cascivo-color-danger)}._status_1tk3e_88{grid-area:status;align-items:center;display:flex}._glyph-complete_1tk3e_94{color:var(--cascivo-color-success)}._glyph-error_1tk3e_98{color:var(--cascivo-color-danger)}._name_1tk3e_102{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_1tk3e_109{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_1tk3e_115{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_1tk3e_115:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_1tk3e_135{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}
+@layer cascivo.component{._uploader_bw6tn_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;display:flex}._label_bw6tn_9{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_bw6tn_15{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_bw6tn_24{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_bw6tn_24:hover:not(:disabled),._zone_bw6tn_24[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_bw6tn_24:disabled{opacity:.5;cursor:not-allowed}._hint_bw6tn_57{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_bw6tn_62{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_bw6tn_71{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_bw6tn_71[data-state=error]{border-color:var(--cascivo-color-danger)}._status_bw6tn_88{grid-area:status;align-items:center;display:flex}._glyph-complete_bw6tn_94{color:var(--cascivo-color-success-foreground)}._glyph-error_bw6tn_98{color:var(--cascivo-color-danger)}._name_bw6tn_102{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_bw6tn_109{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_bw6tn_115{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_bw6tn_115:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_bw6tn_135{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}

package/dist/file-uploader/file-uploader.module.js

@@ -2,20 +2,20 @@
 
 import './file-uploader.css';
 var e = {
-	uploader: "_uploader_1tk3e_2",
-	label: "_label_1tk3e_9",
-	input: "_input_1tk3e_15",
-	zone: "_zone_1tk3e_24",
-	hint: "_hint_1tk3e_57",
-	list: "_list_1tk3e_62",
-	file: "_file_1tk3e_71",
-	status: "_status_1tk3e_88",
-	"glyph-complete": "_glyph-complete_1tk3e_94",
-	"glyph-error": "_glyph-error_1tk3e_98",
-	name: "_name_1tk3e_102",
-	size: "_size_1tk3e_109",
-	remove: "_remove_1tk3e_115",
-	"error-message": "_error-message_1tk3e_135"
+	uploader: "_uploader_bw6tn_2",
+	label: "_label_bw6tn_9",
+	input: "_input_bw6tn_15",
+	zone: "_zone_bw6tn_24",
+	hint: "_hint_bw6tn_57",
+	list: "_list_bw6tn_62",
+	file: "_file_bw6tn_71",
+	status: "_status_bw6tn_88",
+	"glyph-complete": "_glyph-complete_bw6tn_94",
+	"glyph-error": "_glyph-error_bw6tn_98",
+	name: "_name_bw6tn_102",
+	size: "_size_bw6tn_109",
+	remove: "_remove_bw6tn_115",
+	"error-message": "_error-message_bw6tn_135"
 };
 //#endregion
 export { e as default };

package/dist/header/header.js

@@ -23,13 +23,13 @@ function s({ brand: s, links: c, actions: l, sticky: u = !1, labels: d, classNam
 				className: e.nav,
 				children: /* @__PURE__ */ a("ul", {
 					className: e.list,
-					children: c.map((t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("a", {
+					children: c.map((t, n) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("a", {
 						href: t.href,
 						"aria-current": t.active ? "page" : void 0,
 						"data-state": t.active ? "active" : void 0,
 						className: e.link,
 						children: t.label
-					}) }, t.href))
+					}) }, t.id ?? `${n}-${t.href}`))
 				})
 			}),
 			/* @__PURE__ */ a("div", { className: e.spacer }),

package/dist/index.d.ts

@@ -332,6 +332,12 @@ interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
   checked?: boolean;
   defaultChecked?: boolean;
   onChange?: (checked: boolean) => void;
+  /**
+   * Renders a **visible** text label beside the switch that also becomes its
+   * accessible name. When a visible heading already labels the control, omit
+   * `label` (it would duplicate that text) and pass `aria-label` instead —
+   * `aria-label` is forwarded to the underlying button.
+   */
   label?: string;
   size?: 'sm' | 'md';
 }
@@ -406,6 +412,18 @@ declare function ToastProvider({
 }: {
   children: ReactNode;
 }): import("react").JSX.Element;
+/**
+ * Returns `{ toast }` — an object, not a callable. Destructure it and call
+ * `toast(...)`:
+ *
+ * ```tsx
+ * const { toast } = useToast()
+ * toast({ title: 'Saved' })
+ * ```
+ *
+ * (`useToast()(...)` is a type error — the hook returns the namespace object so
+ * more helpers can be added without changing its shape.)
+ */
 declare function useToast(): {
   toast: typeof enqueue;
 };
@@ -590,6 +608,8 @@ interface UseTocFromRegionOptions {
  */
 declare function useTocFromRegion(ref: RefObject<HTMLElement | null>, options?: UseTocFromRegionOptions): Signal<TocItem[]>;
 interface HeaderLink {
+  /** Stable React key. Provide when `href`/`label` may repeat (e.g. placeholder `#` links). */
+  id?: string;
   label: string;
   href: string;
   active?: boolean;
@@ -616,6 +636,8 @@ declare function Header({
 type SideNavTone = 'default' | 'danger' | 'warning' | 'success';
 /** A selectable/navigable sub-item (link when `href` is set, action when `onSelect` is set). */
 interface SideNavLinkSubItem {
+  /** Stable React key. Provide when `label`/`href` may repeat (e.g. placeholder `#` links). */
+  id?: string;
   label: string;
   href?: string;
   icon?: ReactNode;
@@ -633,6 +655,8 @@ type SideNavSubItem = SideNavLinkSubItem | {
   label: string;
 };
 interface SideNavItem {
+  /** Stable React key. Provide when `label`/`href` may repeat (e.g. placeholder `#` links). */
+  id?: string;
   label: string;
   href?: string;
   icon?: ReactNode;
@@ -798,6 +822,8 @@ declare function EmptyState({
   ...props
 }: EmptyStateProps): import("react").JSX.Element;
 interface FabAction {
+  /** Stable React key. Provide when `label` may repeat across actions. */
+  id?: string;
   /** Accessible name and visible label for the speed-dial item. */
   label: string;
   icon: ReactNode;
@@ -953,6 +979,8 @@ interface DataTableLabels {
   selectRow?: string;
   itemsSelected?: (n: number) => string;
   expandRow?: string;
+  previousPage?: string;
+  nextPage?: string;
 }
 interface DataTableProps<Row> {
   columns: Column<Row>[];
@@ -973,6 +1001,7 @@ interface DataTableProps<Row> {
     onChange?: (ids: string[]) => void;
   };
   batchActions?: {
+    id?: string;
     label: string;
     onClick: (selectedIds: string[]) => void;
   }[];
@@ -1138,6 +1167,7 @@ interface ComboboxLabels {
   placeholder?: string;
   empty?: string;
   clear?: string;
+  search?: string;
 }
 interface ComboboxProps {
   options: ComboboxOption[];
@@ -1526,6 +1556,7 @@ interface MultiSelectOption {
   disabled?: boolean;
 }
 interface MultiSelectLabels {
+  label?: string;
   placeholder?: string;
   selected?: (count: number) => string;
   search?: string;
@@ -1708,16 +1739,24 @@ interface ShellHeaderBrand {
   href?: string;
 }
 interface ShellHeaderNavLink {
+  /** Stable React key. Provide when `href`/`label` may repeat (e.g. placeholder `#` links). */
+  id?: string;
   label: string;
   href: string;
   active?: boolean;
+  /** Intercept navigation (e.g. a SPA section switch). Forwarded to the `<a>`. */
+  onClick?: ((e: MouseEvent<HTMLAnchorElement>) => void) | undefined;
 }
 interface ShellHeaderNavMenuItem {
+  /** Stable React key. Provide when `href`/`label` may repeat (e.g. placeholder `#` links). */
+  id?: string;
   label: string;
   href: string;
   active?: boolean;
 }
 interface ShellHeaderNavMenu {
+  /** Stable React key. Provide when `label` may repeat across menus. */
+  id?: string;
   label: string;
   items: ShellHeaderNavMenuItem[];
 }
@@ -2654,6 +2693,7 @@ interface DateRangePreset {
   range: DateRange;
 }
 interface DateRangePickerLabels {
+  label?: string;
   placeholder?: string;
   start?: string;
   end?: string;
@@ -2777,11 +2817,14 @@ interface DockProps {
   items: DockItem[];
   activeIndex?: number;
   className?: string;
+  /** Accessible label for the nav landmark */
+  ariaLabel?: string;
 }
 declare function Dock({
   items,
   activeIndex,
-  className
+  className,
+  ariaLabel
 }: DockProps): import("react").JSX.Element;
 interface DrawerProps {
   /** Controlled open state. */
@@ -2914,12 +2957,15 @@ interface StepsProps {
   activeStep?: number;
   orientation?: 'horizontal' | 'vertical';
   className?: string;
+  /** Accessible label for the steps list */
+  ariaLabel?: string;
 }
 declare function Steps({
   steps,
   activeStep: controlledActiveStep,
   orientation,
-  className
+  className,
+  ariaLabel
 }: StepsProps): import("react").JSX.Element;
 interface TileProps {
   /** Identifies this tile within a group. */
@@ -3089,6 +3135,8 @@ declare function Swap({
   ...aria
 }: SwapProps): import("react").JSX.Element;
 interface SwipeAction {
+  /** Stable React key. Provide when `label` may repeat across actions. */
+  id?: string;
   /** Accessible name and visible label. */
   label: string;
   icon?: ReactNode;

package/dist/log-viewer/log-viewer.css

@@ -1 +1 @@
-@layer cascivo.component{._root_1sc67_2{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:clip}._toolbar_1sc67_11{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);border-block-end:1px solid var(--cascivo-color-border);display:flex}._search_1sc67_20{min-inline-size:0;font:inherit;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);flex:0 16rem}._count_1sc67_33{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._spacer_1sc67_38{flex:auto}._toggle_1sc67_42,._copy_1sc67_43{font:inherit;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-button);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);cursor:pointer}:is(._toggle_1sc67_42,._copy_1sc67_43):hover{background-color:var(--cascivo-color-surface)}:is(._toggle_1sc67_42,._copy_1sc67_43):focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:2px}._toggle_1sc67_42[aria-pressed=true]{color:var(--cascivo-color-accent-content,var(--cascivo-color-text-on-accent));background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}@media (pointer:coarse){._toggle_1sc67_42,._copy_1sc67_43,._search_1sc67_20{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._scroll_1sc67_81{font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);line-height:1.45;position:relative;overflow:auto}._scroll_1sc67_81:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:-2px}._sizer_1sc67_96{inline-size:100%;position:relative}._line_1sc67_101{padding-inline:var(--cascivo-space-3);white-space:pre;align-items:center;display:flex;position:absolute;inset-inline:0}._line_1sc67_101[data-level=warn]{color:var(--cascivo-color-warning)}._line_1sc67_101[data-level=error]{color:var(--cascivo-color-error)}._line_1sc67_101[data-level=debug]{color:var(--cascivo-color-text-subtle)}._line_1sc67_101 mark{color:inherit;background-color:var(--cascivo-color-warning-subtle);border-radius:var(--cascivo-radius-indicator)}._ansi_1sc67_128[data-ansi=red]{color:var(--cascivo-color-error)}._ansi_1sc67_128[data-ansi=green]{color:var(--cascivo-color-success)}._ansi_1sc67_128[data-ansi=yellow]{color:var(--cascivo-color-warning)}._ansi_1sc67_128[data-ansi=blue],._ansi_1sc67_128[data-ansi=cyan]{color:var(--cascivo-color-info)}._ansi_1sc67_128[data-ansi=magenta]{color:var(--cascivo-color-accent)}._ansi_1sc67_128[data-ansi=black],._ansi_1sc67_128[data-ansi=bright-black]{color:var(--cascivo-color-text-muted)}._empty_1sc67_149{padding-block:var(--cascivo-space-6);padding-inline:var(--cascivo-space-3);text-align:center;color:var(--cascivo-color-text-muted)}}
+@layer cascivo.component{._root_1mutf_2{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:clip}._toolbar_1mutf_11{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);border-block-end:1px solid var(--cascivo-color-border);display:flex}._search_1mutf_20{min-inline-size:0;font:inherit;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);flex:0 16rem}._count_1mutf_33{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._spacer_1mutf_38{flex:auto}._toggle_1mutf_42,._copy_1mutf_43{font:inherit;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface-raised);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-button);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);cursor:pointer}:is(._toggle_1mutf_42,._copy_1mutf_43):hover{background-color:var(--cascivo-color-surface)}:is(._toggle_1mutf_42,._copy_1mutf_43):focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:2px}._toggle_1mutf_42[aria-pressed=true]{color:var(--cascivo-color-accent-content,var(--cascivo-color-text-on-accent));background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}@media (pointer:coarse){._toggle_1mutf_42,._copy_1mutf_43,._search_1mutf_20{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._scroll_1mutf_81{font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);line-height:1.45;position:relative;overflow:auto}._scroll_1mutf_81:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:-2px}._sizer_1mutf_96{inline-size:100%;position:relative}._line_1mutf_101{padding-inline:var(--cascivo-space-3);white-space:pre;align-items:center;display:flex;position:absolute;inset-inline:0}._line_1mutf_101[data-level=warn]{color:var(--cascivo-color-warning-foreground)}._line_1mutf_101[data-level=error]{color:var(--cascivo-color-destructive-foreground)}._line_1mutf_101[data-level=debug]{color:var(--cascivo-color-text-subtle)}._line_1mutf_101 mark{color:inherit;background-color:var(--cascivo-color-warning-subtle);border-radius:var(--cascivo-radius-indicator)}._ansi_1mutf_128[data-ansi=red]{color:var(--cascivo-color-error)}._ansi_1mutf_128[data-ansi=green]{color:var(--cascivo-color-success)}._ansi_1mutf_128[data-ansi=yellow]{color:var(--cascivo-color-warning)}._ansi_1mutf_128[data-ansi=blue],._ansi_1mutf_128[data-ansi=cyan]{color:var(--cascivo-color-info)}._ansi_1mutf_128[data-ansi=magenta]{color:var(--cascivo-color-accent)}._ansi_1mutf_128[data-ansi=black],._ansi_1mutf_128[data-ansi=bright-black]{color:var(--cascivo-color-text-muted)}._empty_1mutf_149{padding-block:var(--cascivo-space-6);padding-inline:var(--cascivo-space-3);text-align:center;color:var(--cascivo-color-text-muted)}}

package/dist/log-viewer/log-viewer.module.js

@@ -2,18 +2,18 @@
 
 import './log-viewer.css';
 var e = {
-	root: "_root_1sc67_2",
-	toolbar: "_toolbar_1sc67_11",
-	search: "_search_1sc67_20",
-	count: "_count_1sc67_33",
-	spacer: "_spacer_1sc67_38",
-	toggle: "_toggle_1sc67_42",
-	copy: "_copy_1sc67_43",
-	scroll: "_scroll_1sc67_81",
-	sizer: "_sizer_1sc67_96",
-	line: "_line_1sc67_101",
-	ansi: "_ansi_1sc67_128",
-	empty: "_empty_1sc67_149"
+	root: "_root_1mutf_2",
+	toolbar: "_toolbar_1mutf_11",
+	search: "_search_1mutf_20",
+	count: "_count_1mutf_33",
+	spacer: "_spacer_1mutf_38",
+	toggle: "_toggle_1mutf_42",
+	copy: "_copy_1mutf_43",
+	scroll: "_scroll_1mutf_81",
+	sizer: "_sizer_1mutf_96",
+	line: "_line_1mutf_101",
+	ansi: "_ansi_1mutf_128",
+	empty: "_empty_1mutf_149"
 };
 //#endregion
 export { e as default };

package/dist/menu/menu.css

@@ -1 +1 @@
-@layer cascivo.component{._trigger_1eutv_2{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._trigger_1eutv_2:hover{background:var(--cascivo-color-active-bg)}._trigger_1eutv_2:focus-visible{outline:var(--cascivo-focus-ring);outline-offset:2px}._panel_1eutv_23{padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:10rem;box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._panel_1eutv_23{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._panel_1eutv_23{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{._panel_1eutv_23{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._panel_1eutv_23[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}._item_1eutv_67{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}._item_1eutv_67:hover,._item_1eutv_67:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_1eutv_67[aria-disabled=true]{opacity:.5;cursor:not-allowed}._separator_1eutv_90{height:1px;margin-block:var(--cascivo-space-1);background:var(--cascivo-color-border)}}
+@layer cascivo.component{._trigger_11vpw_2{min-block-size:1.5rem;min-inline-size:1.5rem;padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._trigger_11vpw_2:hover{background:var(--cascivo-color-active-bg)}._trigger_11vpw_2:focus-visible{outline:var(--cascivo-focus-ring);outline-offset:2px}._panel_11vpw_25{padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:10rem;box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._panel_11vpw_25{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._panel_11vpw_25{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{._panel_11vpw_25{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._panel_11vpw_25[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}._item_11vpw_69{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}._item_11vpw_69:hover,._item_11vpw_69:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_11vpw_69[aria-disabled=true]{opacity:.5;cursor:not-allowed}._separator_11vpw_92{height:1px;margin-block:var(--cascivo-space-1);background:var(--cascivo-color-border)}}

package/dist/menu/menu.module.js

@@ -2,10 +2,10 @@
 
 import './menu.css';
 var e = {
-	trigger: "_trigger_1eutv_2",
-	panel: "_panel_1eutv_23",
-	item: "_item_1eutv_67",
-	separator: "_separator_1eutv_90"
+	trigger: "_trigger_11vpw_2",
+	panel: "_panel_11vpw_25",
+	item: "_item_11vpw_69",
+	separator: "_separator_11vpw_92"
 };
 //#endregion
 export { e as default };

package/dist/multi-select/multi-select.js

@@ -55,8 +55,6 @@ function f({ options: f, value: p, onValueChange: m, placeholder: h, disabled: g
 		}), /* @__PURE__ */ u("div", {
 			ref: b.popoverRef,
 			popover: "auto",
-			role: "listbox",
-			"aria-multiselectable": "true",
 			className: t.panel,
 			style: { positionAnchor: b.anchorName },
 			tabIndex: -1,
@@ -74,6 +72,9 @@ function f({ options: f, value: p, onValueChange: m, placeholder: h, disabled: g
 				})
 			}), /* @__PURE__ */ l("div", {
 				ref: C,
+				role: "listbox",
+				"aria-multiselectable": "true",
+				"aria-label": _?.label ?? c(s.multiSelect.label),
 				className: t.options,
 				children: T.value.length === 0 ? /* @__PURE__ */ l("div", {
 					className: t["no-results"],

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/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 };