@cascivo/react 0.3.7 → 0.4.3

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[];
 }
@@ -1984,6 +2023,64 @@ declare function ListItem({
   children,
   ...props
 }: ListItemProps): import("react").JSX.Element;
+type LogLevel = 'info' | 'warn' | 'error' | 'debug';
+interface LogLine {
+  /** Stable identity for the line (e.g. a sequence number). */
+  id: string | number;
+  /** The line text. May contain ANSI SGR escapes when `ansi` is set. */
+  text: string;
+  /** Semantic level driving the row color when `ansi` is off. */
+  level?: LogLevel;
+}
+interface LogViewerLabels {
+  searchPlaceholder?: string;
+  follow?: string;
+  paused?: string;
+  copy?: string;
+  copied?: string;
+  empty?: string;
+  matchCount?: (count: number) => string;
+  lineCount?: (count: number) => string;
+}
+interface LogViewerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+  /** The log lines — a signal (for live streams) or a plain array. */
+  lines: {
+    readonly value: readonly LogLine[];
+  } | readonly LogLine[];
+  /** Pixel height of one row. Default 20. */
+  rowHeight?: number;
+  /** Extra rows rendered above/below the viewport. Default 8. */
+  overscan?: number;
+  /** Controlled pin-to-bottom. Omit for uncontrolled (defaults to following). */
+  follow?: boolean;
+  onFollowChange?: (follow: boolean) => void;
+  /** Parse ANSI SGR color escapes. Default false (use `level` instead). */
+  ansi?: boolean;
+  /** Seed the search/highlight box. */
+  search?: string;
+  /** Max block size of the scroll region (CSS length). Default '24rem'. */
+  maxHeight?: string;
+  labels?: LogViewerLabels;
+}
+/**
+ * A virtualized monospace console for high-frequency log/stream output. Only the
+ * visible rows mount (windowed DOM), so a 100k-line buffer stays responsive.
+ * Auto-follows the tail and releases when the user scrolls up. Pairs with
+ * `createStreamBuffer` from `@cascivo/core`. No `useState`/`useEffect`.
+ */
+declare function LogViewer({
+  lines,
+  rowHeight,
+  overscan,
+  follow,
+  onFollowChange,
+  ansi,
+  search,
+  maxHeight,
+  labels,
+  className,
+  ...props
+}: LogViewerProps): import("react").JSX.Element;
 type ProseProps = HTMLAttributes<HTMLDivElement>;
 declare function Prose({
   className,
@@ -2596,6 +2693,7 @@ interface DateRangePreset {
   range: DateRange;
 }
 interface DateRangePickerLabels {
+  label?: string;
   placeholder?: string;
   start?: string;
   end?: string;
@@ -2719,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. */
@@ -2856,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. */
@@ -3031,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;
@@ -3060,4 +3166,4 @@ declare function SwipeItem({
   trailingActions,
   className
 }: SwipeItemProps): import("react").JSX.Element;
-export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, ActionSheet, ActionSheetAction, ActionSheetProps, Alert, AlertDialog, AlertDialogLabels, AlertDialogProps, AlertProps, AppShell, AppShellProps, AspectRatio, AspectRatioProps, Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, BottomSheet, BottomSheetProps, Breadcrumb, BreadcrumbItem, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselLabels, CarouselProps, ChatBubble, ChatBubbleProps, ChatBubbleSide, Checkbox, CheckboxCard, CheckboxCardProps, CheckboxProps, Code, type CodeLang, CodeProps, CodeSnippet, CodeSnippetProps, Collapsible, CollapsibleProps, ColorPicker, ColorPickerLabels, ColorPickerProps, Column, Combobox, ComboboxLabels, ComboboxOption, ComboboxProps, CommandGroup, CommandItem, CommandMenu, CommandMenuProps, CommandPage, Comparison, ComparisonProps, ContainedList, ContainedListItem, ContainedListItemProps, ContainedListProps, ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CopyButton, CopyButtonProps, DataList, DataListItem, DataListProps, DataTable, DataTableLabels, DataTableProps, DatePicker, DatePickerLabels, DatePickerProps, DateRange, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePreset, Dock, DockItem, DockProps, Drawer, DrawerProps, Dropdown, DropdownItem, DropdownProps, Editable, EditableProps, EmptyState, EmptyStateProps, ErrorBoundary, Fab, FabAction, FabProps, Field, FieldProps, FileUploader, FileUploaderLabels, FileUploaderProps, Filter, FilterOption, FilterProps, FilterVariant, FocusScope, Form, FormConfig, FormProps, FormStore, Header, HeaderLabels, HeaderLink, HeaderPanel, HeaderPanelLabels, HeaderPanelProps, HeaderProps, Heading, HeadingLevel, HeadingProps, HeadingSize, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, IconButton, IconButtonProps, Image, ImageProps, Indicator, IndicatorPlacement, IndicatorProps, InlineLoading, InlineLoadingProps, InlineLoadingStatus, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputProps, Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemMedia, ItemMediaProps, ItemProps, ItemTitle, ItemTitleProps, Join, JoinOrientation, JoinProps, Kbd, KbdProps, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuButton, MenuButtonItem, MenuButtonProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator, MenuTrigger, MenuTriggerProps, Menubar, MenubarItem, MenubarMenu, MenubarProps, Modal, ModalProps, MultiSelect, MultiSelectLabels, MultiSelectOption, MultiSelectProps, NativeSelect, NativeSelectOption, NativeSelectProps, NavigationMenu, NavigationMenuItem, NavigationMenuProps, Notification, NotificationProps, NotificationVariant, NumberInput, NumberInputProps, OtpInput, OtpInputProps, OverflowMenu, OverflowMenuItem, OverflowMenuProps, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, Progress, ProgressBar, ProgressBarProps, ProgressCircle, ProgressCircleProps, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStep, ProgressVariant, Prose, ProseProps, PullToRefresh, PullToRefreshProps, QrCode, QrCodeProps, RadialProgress, RadialProgressProps, RadialProgressSize, RadialProgressVariant, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, RatingGroup, RatingGroupLabels, RatingGroupProps, RelativeTime, RelativeTimeProps, Resizable, ResizableProps, ScrollArea, ScrollAreaProps, Search, SearchProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, ShellHeader, ShellHeaderAction, ShellHeaderBrand, ShellHeaderLabels, ShellHeaderNavItem, ShellHeaderNavLink, ShellHeaderNavMenu, ShellHeaderNavMenuItem, ShellHeaderProps, SideNav, SideNavGroup, SideNavItem, SideNavLinkSubItem, SideNavProps, SideNavSubItem, SideNavTone, Skeleton, SkeletonProps, SkipNavLink, SkipNavLinkProps, SkipNavTarget, SkipNavTargetProps, Slider, SliderProps, SortDirection, SortState, Spinner, SpinnerProps, Stack, StackProps, type StandardSchemaV1, Stat, StatProps, Status, StatusProps, Step, StepState, Steps, StepsProps, StructuredList, StructuredListItem, StructuredListProps, SuspenseBoundary, Swap, SwapMode, SwapProps, SwipeAction, SwipeItem, SwipeItemProps, Switcher, SwitcherEntry, SwitcherLink, SwitcherProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsProps, TabsTrigger, TabsTriggerProps, Tag$1 as Tag, TagProps, TagsInput, TagsInputProps, Text, TextProps, Textarea, TextareaProps, Tile, TileProps, TimePicker, TimePickerProps, Timeline, TimelineItem, TimelineProps, ToastOptions, ToastProvider, ToastVariant, Toc, TocItem, TocProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupProps, ToggleProps, Toggletip, ToggletipPlacement, ToggletipProps, Tooltip, TooltipProps, TreeNode, TreeView, TreeViewProps, UploaderFile, type UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, createForm, dismissAllToasts, fuzzyScore, treeViewMessages, useForm, usePopover, useToast, useTocFromRegion };
+export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, ActionSheet, ActionSheetAction, ActionSheetProps, Alert, AlertDialog, AlertDialogLabels, AlertDialogProps, AlertProps, AppShell, AppShellProps, AspectRatio, AspectRatioProps, Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, BottomSheet, BottomSheetProps, Breadcrumb, BreadcrumbItem, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselLabels, CarouselProps, ChatBubble, ChatBubbleProps, ChatBubbleSide, Checkbox, CheckboxCard, CheckboxCardProps, CheckboxProps, Code, type CodeLang, CodeProps, CodeSnippet, CodeSnippetProps, Collapsible, CollapsibleProps, ColorPicker, ColorPickerLabels, ColorPickerProps, Column, Combobox, ComboboxLabels, ComboboxOption, ComboboxProps, CommandGroup, CommandItem, CommandMenu, CommandMenuProps, CommandPage, Comparison, ComparisonProps, ContainedList, ContainedListItem, ContainedListItemProps, ContainedListProps, ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CopyButton, CopyButtonProps, DataList, DataListItem, DataListProps, DataTable, DataTableLabels, DataTableProps, DatePicker, DatePickerLabels, DatePickerProps, DateRange, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePreset, Dock, DockItem, DockProps, Drawer, DrawerProps, Dropdown, DropdownItem, DropdownProps, Editable, EditableProps, EmptyState, EmptyStateProps, ErrorBoundary, Fab, FabAction, FabProps, Field, FieldProps, FileUploader, FileUploaderLabels, FileUploaderProps, Filter, FilterOption, FilterProps, FilterVariant, FocusScope, Form, FormConfig, FormProps, FormStore, Header, HeaderLabels, HeaderLink, HeaderPanel, HeaderPanelLabels, HeaderPanelProps, HeaderProps, Heading, HeadingLevel, HeadingProps, HeadingSize, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, IconButton, IconButtonProps, Image, ImageProps, Indicator, IndicatorPlacement, IndicatorProps, InlineLoading, InlineLoadingProps, InlineLoadingStatus, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputProps, Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemMedia, ItemMediaProps, ItemProps, ItemTitle, ItemTitleProps, Join, JoinOrientation, JoinProps, Kbd, KbdProps, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, LogLevel, LogLine, LogViewer, LogViewerLabels, LogViewerProps, Menu, MenuButton, MenuButtonItem, MenuButtonProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator, MenuTrigger, MenuTriggerProps, Menubar, MenubarItem, MenubarMenu, MenubarProps, Modal, ModalProps, MultiSelect, MultiSelectLabels, MultiSelectOption, MultiSelectProps, NativeSelect, NativeSelectOption, NativeSelectProps, NavigationMenu, NavigationMenuItem, NavigationMenuProps, Notification, NotificationProps, NotificationVariant, NumberInput, NumberInputProps, OtpInput, OtpInputProps, OverflowMenu, OverflowMenuItem, OverflowMenuProps, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, Progress, ProgressBar, ProgressBarProps, ProgressCircle, ProgressCircleProps, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStep, ProgressVariant, Prose, ProseProps, PullToRefresh, PullToRefreshProps, QrCode, QrCodeProps, RadialProgress, RadialProgressProps, RadialProgressSize, RadialProgressVariant, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, RatingGroup, RatingGroupLabels, RatingGroupProps, RelativeTime, RelativeTimeProps, Resizable, ResizableProps, ScrollArea, ScrollAreaProps, Search, SearchProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, ShellHeader, ShellHeaderAction, ShellHeaderBrand, ShellHeaderLabels, ShellHeaderNavItem, ShellHeaderNavLink, ShellHeaderNavMenu, ShellHeaderNavMenuItem, ShellHeaderProps, SideNav, SideNavGroup, SideNavItem, SideNavLinkSubItem, SideNavProps, SideNavSubItem, SideNavTone, Skeleton, SkeletonProps, SkipNavLink, SkipNavLinkProps, SkipNavTarget, SkipNavTargetProps, Slider, SliderProps, SortDirection, SortState, Spinner, SpinnerProps, Stack, StackProps, type StandardSchemaV1, Stat, StatProps, Status, StatusProps, Step, StepState, Steps, StepsProps, StructuredList, StructuredListItem, StructuredListProps, SuspenseBoundary, Swap, SwapMode, SwapProps, SwipeAction, SwipeItem, SwipeItemProps, Switcher, SwitcherEntry, SwitcherLink, SwitcherProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsProps, TabsTrigger, TabsTriggerProps, Tag$1 as Tag, TagProps, TagsInput, TagsInputProps, Text, TextProps, Textarea, TextareaProps, Tile, TileProps, TimePicker, TimePickerProps, Timeline, TimelineItem, TimelineProps, ToastOptions, ToastProvider, ToastVariant, Toc, TocItem, TocProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupProps, ToggleProps, Toggletip, ToggletipPlacement, ToggletipProps, Tooltip, TooltipProps, TreeNode, TreeView, TreeViewProps, UploaderFile, type UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, createForm, dismissAllToasts, fuzzyScore, treeViewMessages, useForm, usePopover, useToast, useTocFromRegion };

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

@@ -0,0 +1 @@
+@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.js

@@ -0,0 +1,184 @@
+"use client";
+
+import e from "./log-viewer.module.js";
+import { VisuallyHidden as t, cn as n, useClipboard as r, useComputed as i, useControllableSignal as a, useResizeObserver as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
+import { builtin as u, t as d } from "@cascivo/i18n";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Fragment as m } from "react";
+//#region ../components/src/log-viewer/log-viewer.tsx
+var h = {
+	30: "black",
+	31: "red",
+	32: "green",
+	33: "yellow",
+	34: "blue",
+	35: "magenta",
+	36: "cyan",
+	37: "white",
+	90: "bright-black",
+	91: "red",
+	92: "green",
+	93: "yellow",
+	94: "blue",
+	95: "magenta",
+	96: "cyan",
+	97: "white"
+};
+function g(e) {
+	if (!e.includes("\x1B[")) return [{ text: e }];
+	try {
+		let t = [], n = /\[([0-9;]*)m/g, r = 0, i, a = !1, o;
+		for (; (o = n.exec(e)) !== null;) {
+			o.index > r && t.push({
+				text: e.slice(r, o.index),
+				color: i,
+				bold: a
+			});
+			for (let e of o[1].split(";")) {
+				let t = Number(e || "0");
+				t === 0 ? (i = void 0, a = !1) : t === 1 ? a = !0 : t === 22 ? a = !1 : h[t] && (i = h[t]);
+			}
+			r = n.lastIndex;
+		}
+		return r < e.length && t.push({
+			text: e.slice(r),
+			color: i,
+			bold: a
+		}), t.length > 0 ? t : [{ text: e }];
+	} catch {
+		return [{ text: e }];
+	}
+}
+function _(e, t, n) {
+	if (!t) return e;
+	let r = e.toLowerCase(), i = t.toLowerCase(), a = [], o = 0, s = r.indexOf(i, o), c = 0;
+	for (; s !== -1;) s > o && a.push(e.slice(o, s)), a.push(/* @__PURE__ */ f("mark", { children: e.slice(s, s + i.length) }, `${n}-${c++}`)), o = s + i.length, s = r.indexOf(i, o);
+	return o < e.length && a.push(e.slice(o)), a;
+}
+function v(t, n, r) {
+	return (n ? g(t.text) : [{ text: t.text }]).map((n, i) => /* @__PURE__ */ f("span", {
+		"data-ansi": n.color,
+		style: n.bold ? { fontWeight: 700 } : void 0,
+		className: n.color ? e.ansi : void 0,
+		children: _(n.text, r, `${String(t.id)}-${i}`)
+	}, i));
+}
+function y({ lines: h, rowHeight: g = 20, overscan: _ = 8, follow: y, onFollowChange: b, ansi: x = !1, search: S, maxHeight: C = "24rem", labels: w, className: T, ...E }) {
+	l();
+	let D = {
+		searchPlaceholder: w?.searchPlaceholder ?? d(u.logViewer.search),
+		follow: w?.follow ?? d(u.logViewer.follow),
+		paused: w?.paused ?? d(u.logViewer.paused),
+		copy: w?.copy ?? d(u.logViewer.copy),
+		copied: w?.copied ?? d(u.logViewer.copied),
+		empty: w?.empty ?? d(u.logViewer.empty),
+		label: d(u.logViewer.label)
+	}, O = s(Array.isArray(h) ? h : []);
+	Array.isArray(h) && (O.value = h);
+	let k = Array.isArray(h) ? O : h, { ref: A, size: j } = o(), M = s(0), [N, P] = a({
+		value: y,
+		defaultValue: !0,
+		onChange: b
+	}), F = s(S ?? ""), { copied: I, copy: L } = r(), R = i(() => {
+		let e = k.value, t = e.length, n = j.value?.height ?? 320, r = Math.max(0, t * g - n), i = N.value ? r : M.value, a = Math.floor(i / g), o = Math.ceil(n / g) + _ * 2, s = Math.max(0, a - _), c = Math.min(t, s + o);
+		return {
+			total: t,
+			start: s,
+			end: c,
+			rows: e.slice(s, c)
+		};
+	}), z = i(() => {
+		let e = F.value.trim().toLowerCase();
+		if (!e) return 0;
+		let t = 0;
+		for (let n of k.value) n.text.toLowerCase().includes(e) && t++;
+		return t;
+	});
+	c(() => {
+		if (k.value, !N.value) return;
+		let e = A.current;
+		e && (e.scrollTop = e.scrollHeight);
+	});
+	let B = (e) => {
+		let t = e.currentTarget;
+		M.value = t.scrollTop, P(t.scrollHeight - t.clientHeight - t.scrollTop <= g);
+	}, V = R.value, H = F.value.trim();
+	return /* @__PURE__ */ p("div", {
+		className: n(e.root, T),
+		...E,
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: e.toolbar,
+				children: [
+					/* @__PURE__ */ f("input", {
+						type: "search",
+						className: e.search,
+						placeholder: D.searchPlaceholder,
+						"aria-label": D.searchPlaceholder,
+						value: F.value,
+						onInput: (e) => {
+							F.value = e.currentTarget.value;
+						}
+					}),
+					H ? /* @__PURE__ */ f("span", {
+						className: e.count,
+						"aria-live": "polite",
+						children: d(u.logViewer.matches, { count: z.value })
+					}) : null,
+					/* @__PURE__ */ f("span", { className: e.spacer }),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: e.toggle,
+						"aria-pressed": N.value,
+						onClick: () => {
+							let e = !N.value;
+							if (P(e), e) {
+								let e = A.current;
+								e && (e.scrollTop = e.scrollHeight);
+							}
+						},
+						children: N.value ? D.follow : D.paused
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: e.copy,
+						onClick: () => void L(k.value.map((e) => e.text).join("\n")),
+						children: I.value ? D.copied : D.copy
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				ref: A,
+				className: e.scroll,
+				role: "log",
+				"aria-live": "polite",
+				"aria-label": D.label,
+				tabIndex: 0,
+				style: { maxBlockSize: C },
+				onScroll: B,
+				children: V.total === 0 ? /* @__PURE__ */ f("div", {
+					className: e.empty,
+					children: D.empty
+				}) : /* @__PURE__ */ f("div", {
+					className: e.sizer,
+					style: { blockSize: V.total * g },
+					children: V.rows.map((t, n) => /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f("div", {
+						className: e.line,
+						"data-level": t.level,
+						style: {
+							insetBlockStart: (V.start + n) * g,
+							blockSize: g
+						},
+						children: v(t, x, H)
+					}) }, t.id))
+				})
+			}),
+			/* @__PURE__ */ f(t, {
+				"aria-live": "polite",
+				children: d(u.logViewer.lines, { count: V.total })
+			})
+		]
+	});
+}
+//#endregion
+export { y as LogViewer };

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

@@ -0,0 +1,19 @@
+"use client";
+
+import './log-viewer.css';
+var e = {
+	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"],