@cascivo/react 0.3.8 → 0.5.0

package/dist/date-picker/date-picker.module.js

@@ -2,25 +2,25 @@
 
 import './date-picker.css';
 var e = {
-	wrapper: "_wrapper_1gnc3_2",
-	label: "_label_1gnc3_27",
-	field: "_field_1gnc3_34",
-	trigger: "_trigger_1gnc3_40",
-	value: "_value_1gnc3_78",
-	placeholder: "_placeholder_1gnc3_84",
-	icon: "_icon_1gnc3_87",
-	clear: "_clear_1gnc3_92",
-	calendar: "_calendar_1gnc3_112",
-	header: "_header_1gnc3_144",
-	monthLabel: "_monthLabel_1gnc3_151",
-	navButton: "_navButton_1gnc3_157",
-	grid: "_grid_1gnc3_179",
-	weekday: "_weekday_1gnc3_184",
-	cell: "_cell_1gnc3_193",
-	empty: "_empty_1gnc3_197",
-	day: "_day_1gnc3_201",
-	error: "_error_1gnc3_236",
-	hint: "_hint_1gnc3_240"
+	wrapper: "_wrapper_6chzy_2",
+	label: "_label_6chzy_27",
+	field: "_field_6chzy_34",
+	trigger: "_trigger_6chzy_40",
+	value: "_value_6chzy_78",
+	placeholder: "_placeholder_6chzy_84",
+	icon: "_icon_6chzy_87",
+	clear: "_clear_6chzy_92",
+	calendar: "_calendar_6chzy_117",
+	header: "_header_6chzy_149",
+	monthLabel: "_monthLabel_6chzy_156",
+	navButton: "_navButton_6chzy_162",
+	grid: "_grid_6chzy_184",
+	weekday: "_weekday_6chzy_189",
+	cell: "_cell_6chzy_198",
+	empty: "_empty_6chzy_202",
+	day: "_day_6chzy_206",
+	error: "_error_6chzy_241",
+	hint: "_hint_6chzy_245"
 };
 //#endregion
 export { e as default };

package/dist/date-range-picker/date-range-picker.js

@@ -114,6 +114,7 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 			role: "combobox",
 			"aria-expanded": N.value,
 			"aria-haspopup": "dialog",
+			"aria-label": T?.label ?? l(c.dateRangePicker.label),
 			className: t.trigger,
 			onClick: N.value ? V : B,
 			children: [/* @__PURE__ */ u("span", {

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.js

@@ -2,80 +2,105 @@
 
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./menu.module.js";
-import { useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { createContext as o } from "react";
+import { useSignalEffect as n, useSignals as r, useTypeahead as i } from "@cascivo/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createContext as s } from "react";
 //#region ../components/src/menu/menu.tsx
-var s = o(null);
-function c({ ctx: e, children: a }) {
+var c = s(null);
+function l({ ctx: e, children: o }) {
 	r();
-	let { popoverRef: o, anchorName: s, isOpen: c } = e;
+	let { popoverRef: s, anchorName: c, isOpen: l } = e, u = () => {
+		let e = s.current;
+		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
+	}, d = (e) => {
+		let t = u();
+		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
+	}, f = i({ onMatch: (e) => {
+		u().find((t) => (t.textContent ?? "").trim().toLowerCase().startsWith(e))?.focus();
+	} });
 	return n(() => {
-		if (!c.value) return;
-		let e = o.current;
+		if (!l.value) return;
+		let e = s.current;
 		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
-	}), /* @__PURE__ */ i("div", {
-		ref: o,
+	}), /* @__PURE__ */ a("div", {
+		ref: s,
 		popover: "auto",
 		role: "menu",
-		"data-state": c.value ? "open" : "closed",
-		style: { positionAnchor: s },
+		"data-state": l.value ? "open" : "closed",
+		style: { positionAnchor: c },
 		className: t.panel,
-		children: a
+		onKeyDown: (e) => {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), d((e, t) => t < 0 ? 0 : (t + 1) % e.length);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), d((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
+					break;
+				case "Home":
+					e.preventDefault(), d(() => 0);
+					break;
+				case "End":
+					e.preventDefault(), d((e) => e.length - 1);
+					break;
+				default: f.onKeyDown(e);
+			}
+		},
+		children: o
 	});
 }
-function l({ children: e }) {
-	return /* @__PURE__ */ i(s.Consumer, { children: (t) => {
+function u({ children: e }) {
+	return /* @__PURE__ */ a(c.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuPanel must be inside <Menu>");
-		return /* @__PURE__ */ i(c, {
+		return /* @__PURE__ */ a(l, {
 			ctx: t,
 			children: e
 		});
 	} });
 }
-function u({ children: t }) {
-	let n = e(), [r, ...o] = Array.isArray(t) ? t : [t];
-	return /* @__PURE__ */ a(s.Provider, {
+function d({ children: t }) {
+	let n = e(), [r, ...i] = Array.isArray(t) ? t : [t];
+	return /* @__PURE__ */ o(c.Provider, {
 		value: n,
-		children: [r, /* @__PURE__ */ i(l, { children: o })]
+		children: [r, /* @__PURE__ */ a(u, { children: i })]
 	});
 }
-function d({ ctx: e, children: n, "aria-label": a }) {
+function f({ ctx: e, children: n, "aria-label": i }) {
 	r();
 	let { triggerRef: o, toggle: s, anchorName: c, isOpen: l } = e;
-	return /* @__PURE__ */ i("button", {
+	return /* @__PURE__ */ a("button", {
 		ref: o,
 		type: "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": l.value,
-		"aria-label": a,
+		"aria-label": i,
 		style: { anchorName: c },
 		onClick: s,
 		className: t.trigger,
 		children: n
 	});
 }
-function f({ children: e, "aria-label": t }) {
-	return /* @__PURE__ */ i(s.Consumer, { children: (n) => {
+function p({ children: e, "aria-label": t }) {
+	return /* @__PURE__ */ a(c.Consumer, { children: (n) => {
 		if (!n) throw Error("MenuTrigger must be inside <Menu>");
-		return /* @__PURE__ */ i(d, {
+		return /* @__PURE__ */ a(f, {
 			ctx: n,
 			...t !== void 0 && { "aria-label": t },
 			children: e
 		});
 	} });
 }
-function p({ children: e, onSelect: n, disabled: r }) {
-	return /* @__PURE__ */ i(s.Consumer, { children: (a) => {
-		if (!a) throw Error("MenuItem must be inside <Menu>");
-		let { close: o } = a;
+function m({ children: e, onSelect: n, disabled: r }) {
+	return /* @__PURE__ */ a(c.Consumer, { children: (i) => {
+		if (!i) throw Error("MenuItem must be inside <Menu>");
+		let { close: o } = i;
 		function s() {
 			r || (n(), o());
 		}
 		function c(e) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s()), e.key === "ArrowDown" && (e.preventDefault(), e.currentTarget.nextElementSibling?.focus()), e.key === "ArrowUp" && (e.preventDefault(), e.currentTarget.previousElementSibling?.focus());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s());
 		}
-		return /* @__PURE__ */ i("div", {
+		return /* @__PURE__ */ a("div", {
 			role: "menuitem",
 			tabIndex: r ? -1 : 0,
 			"aria-disabled": r,
@@ -86,11 +111,11 @@ function p({ children: e, onSelect: n, disabled: r }) {
 		});
 	} });
 }
-function m() {
-	return /* @__PURE__ */ i("div", {
+function h() {
+	return /* @__PURE__ */ a("div", {
 		role: "separator",
 		className: t.separator
 	});
 }
 //#endregion
-export { u as Menu, p as MenuItem, m as MenuSeparator, f as MenuTrigger };
+export { d as Menu, m as MenuItem, h as MenuSeparator, p as MenuTrigger };

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