@cascivo/react 0.11.1 → 0.13.0

package/dist/react/src/index.js

@@ -73,66 +73,67 @@ import { CheckboxCard as He } from "../../checkbox-card/checkbox-card.js";
 import { CopyButton as Ue } from "../../copy-button/copy-button.js";
 import { Stat as We } from "../../stat/stat.js";
 import { Status as Ge } from "../../status/status.js";
-import { VisuallyHidden as Ke } from "../../visually-hidden/visually-hidden.js";
-import { SkipNavLink as qe, SkipNavTarget as Je } from "../../skip-nav/skip-nav.js";
-import { Progress as Ye } from "../../progress/progress.js";
-import { ProgressCircle as Xe } from "../../progress-circle/progress-circle.js";
-import { Heading as Ze } from "../../heading/heading.js";
-import { Text as Qe } from "../../text/text.js";
-import { Code as $e } from "../../code/code.js";
-import { Blockquote as et } from "../../blockquote/blockquote.js";
-import { List as tt, ListItem as nt } from "../../list/list.js";
-import { LogViewer as rt } from "../../log-viewer/log-viewer.js";
-import { Prose as it } from "../../prose/prose.js";
-import { PullToRefresh as at } from "../../pull-to-refresh/pull-to-refresh.js";
-import { QrCode as ot } from "../../qr-code/qr-code.js";
-import { RelativeTime as st } from "../../relative-time/relative-time.js";
-import { Label as ct } from "../../label/label.js";
-import { Field as lt } from "../../field/field.js";
-import { Filter as ut } from "../../filter/filter.js";
-import { IconButton as dt } from "../../icon-button/icon-button.js";
-import { ButtonGroup as ft } from "../../button-group/button-group.js";
-import { ToggleGroup as pt } from "../../toggle-group/toggle-group.js";
-import { InlineLoading as mt } from "../../inline-loading/inline-loading.js";
-import { Notification as ht } from "../../notification/notification.js";
-import { ScrollArea as gt } from "../../scroll-area/scroll-area.js";
-import { Collapsible as _t } from "../../collapsible/collapsible.js";
-import { AspectRatio as vt } from "../../aspect-ratio/aspect-ratio.js";
-import { MenuButton as yt } from "../../menu-button/menu-button.js";
-import { Toggletip as bt } from "../../toggletip/toggletip.js";
-import { Menubar as xt } from "../../menubar/menubar.js";
-import { NavigationMenu as St } from "../../navigation-menu/navigation-menu.js";
-import { TreeView as Ct, treeViewMessages as wt } from "../../tree-view/tree-view.js";
-import { StructuredList as Tt } from "../../structured-list/structured-list.js";
-import { ContainedList as Et, ContainedListItem as Dt } from "../../contained-list/contained-list.js";
-import { DataList as Ot } from "../../data-list/data-list.js";
-import { Timeline as kt } from "../../timeline/timeline.js";
-import { Item as At, ItemActions as jt, ItemContent as Mt, ItemDescription as Nt, ItemMedia as Pt, ItemTitle as Ft } from "../../item/item.js";
-import { Calendar as It } from "../../calendar/calendar.js";
-import { DateRangePicker as Lt } from "../../date-range-picker/date-range-picker.js";
-import { ColorPicker as Rt } from "../../color-picker/color-picker.js";
-import { Carousel as zt } from "../../carousel/carousel.js";
-import { Resizable as Bt } from "../../resizable/resizable.js";
-import { Dock as Vt } from "../../dock/dock.js";
-import { Drawer as Ht } from "../../drawer/drawer.js";
-import { NativeSelect as Ut } from "../../native-select/native-select.js";
-import { CodeSnippet as Wt } from "../../code-snippet/code-snippet.js";
-import { Steps as Gt } from "../../steps/steps.js";
-import { Tile as Kt } from "../../tile/tile.js";
-import { Indicator as qt } from "../../indicator/indicator.js";
-import { Join as Jt } from "../../join/join.js";
-import { Stack as Yt } from "../../stack/stack.js";
-import { AppShell as Xt } from "../../app-shell/app-shell.js";
-import { ChatBubble as Zt } from "../../chat-bubble/chat-bubble.js";
-import { RadialProgress as Qt } from "../../radial-progress/radial-progress.js";
-import { Swap as $t } from "../../swap/swap.js";
-import { SwipeItem as en } from "../../swipe-item/swipe-item.js";
-import { Grid as tn, GridItem as nn } from "../../layouts/src/grid/grid.js";
-import { Flex as rn } from "../../layouts/src/flex/flex.js";
-import { Columns as an } from "../../layouts/src/columns/columns.js";
-import { Center as on } from "../../layouts/src/center/center.js";
-import { Spacer as sn } from "../../layouts/src/spacer/spacer.js";
-import { AutoGrid as cn } from "../../layouts/src/auto-grid/auto-grid.js";
+import "../../visually-hidden/visually-hidden.js";
+import { SkipNavLink as Ke, SkipNavTarget as qe } from "../../skip-nav/skip-nav.js";
+import { Progress as Je } from "../../progress/progress.js";
+import { ProgressCircle as Ye } from "../../progress-circle/progress-circle.js";
+import { Heading as Xe } from "../../heading/heading.js";
+import { Text as Ze } from "../../text/text.js";
+import { Code as Qe } from "../../code/code.js";
+import { Blockquote as $e } from "../../blockquote/blockquote.js";
+import { List as et, ListItem as tt } from "../../list/list.js";
+import { LogViewer as nt } from "../../log-viewer/log-viewer.js";
+import { Prose as rt } from "../../prose/prose.js";
+import { PullToRefresh as it } from "../../pull-to-refresh/pull-to-refresh.js";
+import { QrCode as at } from "../../qr-code/qr-code.js";
+import { RelativeTime as ot } from "../../relative-time/relative-time.js";
+import { Label as st } from "../../label/label.js";
+import { Field as ct } from "../../field/field.js";
+import { Filter as lt } from "../../filter/filter.js";
+import { IconButton as ut } from "../../icon-button/icon-button.js";
+import { ButtonGroup as dt } from "../../button-group/button-group.js";
+import { ToggleGroup as ft } from "../../toggle-group/toggle-group.js";
+import { InlineLoading as pt } from "../../inline-loading/inline-loading.js";
+import { Notification as mt } from "../../notification/notification.js";
+import { ScrollArea as ht } from "../../scroll-area/scroll-area.js";
+import { Collapsible as gt } from "../../collapsible/collapsible.js";
+import { AspectRatio as _t } from "../../aspect-ratio/aspect-ratio.js";
+import { MenuButton as vt } from "../../menu-button/menu-button.js";
+import { Toggletip as yt } from "../../toggletip/toggletip.js";
+import { Menubar as bt } from "../../menubar/menubar.js";
+import { NavigationMenu as xt } from "../../navigation-menu/navigation-menu.js";
+import { TreeView as St, treeViewMessages as Ct } from "../../tree-view/tree-view.js";
+import { StructuredList as wt } from "../../structured-list/structured-list.js";
+import { ContainedList as Tt, ContainedListItem as Et } from "../../contained-list/contained-list.js";
+import { DataList as Dt } from "../../data-list/data-list.js";
+import { Timeline as Ot } from "../../timeline/timeline.js";
+import { Item as kt, ItemActions as At, ItemContent as jt, ItemDescription as Mt, ItemMedia as Nt, ItemTitle as Pt } from "../../item/item.js";
+import { Calendar as Ft } from "../../calendar/calendar.js";
+import { DateRangePicker as It } from "../../date-range-picker/date-range-picker.js";
+import { ColorPicker as Lt } from "../../color-picker/color-picker.js";
+import { Carousel as Rt } from "../../carousel/carousel.js";
+import { Resizable as zt } from "../../resizable/resizable.js";
+import { Dock as Bt } from "../../dock/dock.js";
+import { Drawer as Vt } from "../../drawer/drawer.js";
+import { NativeSelect as Ht } from "../../native-select/native-select.js";
+import { CodeSnippet as Ut } from "../../code-snippet/code-snippet.js";
+import { Steps as Wt } from "../../steps/steps.js";
+import { Tile as Gt } from "../../tile/tile.js";
+import { Indicator as Kt } from "../../indicator/indicator.js";
+import { Join as qt } from "../../join/join.js";
+import { Stack as Jt } from "../../stack/stack.js";
+import { AppShell as Yt } from "../../app-shell/app-shell.js";
+import { ChatBubble as Xt } from "../../chat-bubble/chat-bubble.js";
+import { RadialProgress as Zt } from "../../radial-progress/radial-progress.js";
+import { Swap as Qt } from "../../swap/swap.js";
+import { SwipeItem as $t } from "../../swipe-item/swipe-item.js";
+import { Grid as en, GridItem as tn } from "../../layouts/src/grid/grid.js";
+import { Flex as nn } from "../../layouts/src/flex/flex.js";
+import { Columns as rn } from "../../layouts/src/columns/columns.js";
+import { Center as an } from "../../layouts/src/center/center.js";
+import { Spacer as on } from "../../layouts/src/spacer/spacer.js";
+import { AutoGrid as sn } from "../../layouts/src/auto-grid/auto-grid.js";
+import { PageHeader as cn } from "../../layouts/src/page-header/page-header.js";
 import { ThemeProvider as ln, setTheme as un, themePreloadScript as dn, themeSignal as fn, useTheme as pn } from "./theme.js";
-import { ErrorBoundary as mn, FocusScope as hn, Portal as gn, SuspenseBoundary as _n, getLinkComponent as vn, setLinkComponent as yn } from "@cascivo/core";
-export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Xt as AppShell, vt as AspectRatio, cn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, et as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, ft as ButtonGroup, It as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, zt as Carousel, on as Center, Zt as ChatBubble, v as Checkbox, He as CheckboxCard, $e as Code, Wt as CodeSnippet, _t as Collapsible, Rt as ColorPicker, an as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Et as ContainedList, Dt as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Ot as DataList, te as DataTable, le as DatePicker, Lt as DateRangePicker, Vt as Dock, Ht as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, mn as ErrorBoundary, Z as Fab, lt as Field, ue as FileUploader, ut as Filter, rn as Flex, hn as FocusScope, ae as Form, tn as Grid, nn as GridItem, H as Header, Be as HeaderPanel, Ze as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, dt as IconButton, h as Image, qt as Indicator, mt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, At as Item, jt as ItemActions, Mt as ItemContent, Nt as ItemDescription, Pt as ItemMedia, Ft as ItemTitle, Jt as Join, L as Kbd, ct as Label, R as Link, tt as List, nt as ListItem, rt as LogViewer, he as Menu, yt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, xt as Menubar, l as Modal, ke as MultiSelect, Ut as NativeSelect, St as NavigationMenu, ht as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, gn as Portal, Ye as Progress, Y as ProgressBar, Xe as ProgressCircle, K as ProgressIndicator, it as Prose, at as PullToRefresh, ot as QrCode, Qt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, st as RelativeTime, Bt as Resizable, gt as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, qe as SkipNavLink, Je as SkipNavTarget, S as Slider, sn as Spacer, e as Spinner, Yt as Stack, We as Stat, Ge as Status, Gt as Steps, Tt as StructuredList, _n as SuspenseBoundary, $t as Swap, en as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Qe as Text, g as Textarea, ln as ThemeProvider, Kt as Tile, de as TimePicker, kt as Timeline, T as ToastProvider, B as Toc, x as Toggle, pt as ToggleGroup, bt as Toggletip, C as Tooltip, Ct as TreeView, m as User, Ke as VisuallyHidden, oe as createForm, E as dismissAllToasts, re as fuzzyMatch, ie as fuzzyScore, vn as getLinkComponent, yn as setLinkComponent, un as setTheme, dn as themePreloadScript, fn as themeSignal, wt as treeViewMessages, se as useForm, U as usePopover, pn as useTheme, D as useToast, V as useTocFromRegion };
+import { DismissableLayer as mn, ErrorBoundary as hn, FocusScope as gn, Portal as _n, Presence as vn, Slot as yn, SuspenseBoundary as bn, VisuallyHidden as xn, batch as Sn, cn as Cn, composeRefs as wn, computePosition as Tn, computed as En, createMachine as Dn, createScope as On, createStreamBuffer as kn, effect as An, getLinkComponent as jn, mergeProps as Mn, setLinkComponent as Nn, signal as Pn, useAnchorPosition as Fn, useClipboard as In, useComputed as Ln, useControllableSignal as Rn, useDisclosure as zn, useEffectPropSignal as Bn, useId as Vn, useMachine as Hn, useMediaQuery as Un, useRovingFocus as Wn, useScope as Gn, useScrollLock as Kn, useSignal as qn, useSignalEffect as Jn, useSignals as Yn, useStreamBuffer as Xn, useTypeahead as Zn } from "@cascivo/core";
+export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Yt as AppShell, _t as AspectRatio, sn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, an as Center, Xt as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, rn as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, mn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, hn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, gn as FocusScope, ae as Form, en as Grid, tn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, cn as PageHeader, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, _n as Portal, vn as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, yn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, bn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, ln as ThemeProvider, Gt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, xn as VisuallyHidden, Sn as batch, Cn as cn, wn as composeRefs, Tn as computePosition, En as computed, oe as createForm, Dn as createMachine, On as createScope, kn as createStreamBuffer, E as dismissAllToasts, An as effect, re as fuzzyMatch, ie as fuzzyScore, jn as getLinkComponent, Mn as mergeProps, Nn as setLinkComponent, un as setTheme, Pn as signal, dn as themePreloadScript, fn as themeSignal, Ct as treeViewMessages, Fn as useAnchorPosition, In as useClipboard, Ln as useComputed, Rn as useControllableSignal, zn as useDisclosure, Bn as useEffectPropSignal, se as useForm, Vn as useId, Hn as useMachine, Un as useMediaQuery, U as usePopover, Wn as useRovingFocus, Gn as useScope, Kn as useScrollLock, qn as useSignal, Jn as useSignalEffect, Yn as useSignals, Xn as useStreamBuffer, pn as useTheme, D as useToast, V as useTocFromRegion, Zn as useTypeahead };

package/dist/search/search.css

@@ -1 +1 @@
-@layer cascivo.component{._root_1m8s8_2{inline-size:var(--cascivo-search-width,100%);align-items:center;display:inline-flex;position:relative}._root_1m8s8_2[data-size=sm]{--_search-height:2rem;--_search-font:var(--cascivo-text-sm);--_search-px:var(--cascivo-space-3)}._root_1m8s8_2[data-size=md]{--_search-height:2.5rem;--_search-font:var(--cascivo-text-sm);--_search-px:var(--cascivo-space-4)}._root_1m8s8_2[data-size=lg]{--_search-height:3rem;--_search-font:var(--cascivo-text-base);--_search-px:var(--cascivo-space-4)}._label_1m8s8_31{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._icon_1m8s8_44{color:var(--cascivo-color-text-muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute;inset-inline-start:var(--_search-px,var(--cascivo-space-4))}._input_1m8s8_53{inline-size:100%;block-size:var(--_search-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_search-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:calc(var(--_search-px,var(--cascivo-space-4)) + 1rem + var(--cascivo-space-2));padding-inline-end:calc(var(--_search-px,var(--cascivo-space-4)) + 1.5rem)}._input_1m8s8_53::-webkit-search-cancel-button{appearance:none;display:none}._input_1m8s8_53::-webkit-search-decoration{appearance:none;display:none}._input_1m8s8_53::placeholder{color:var(--cascivo-color-text-muted)}._input_1m8s8_53:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_1m8s8_53:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_1m8s8_53:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._clear_1m8s8_99{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-2)}._clear_1m8s8_99:hover:not(:disabled){color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._clear_1m8s8_99:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._clear_1m8s8_99:disabled{cursor:not-allowed}}
+@layer cascivo.component{._root_1ppci_2{min-inline-size:0;inline-size:var(--cascivo-search-width,100%);align-items:center;display:inline-flex;position:relative}._root_1ppci_2[data-size=sm]{--_search-height:2rem;--_search-font:var(--cascivo-text-sm);--_search-px:var(--cascivo-space-3)}._root_1ppci_2[data-size=md]{--_search-height:2.5rem;--_search-font:var(--cascivo-text-sm);--_search-px:var(--cascivo-space-4)}._root_1ppci_2[data-size=lg]{--_search-height:3rem;--_search-font:var(--cascivo-text-base);--_search-px:var(--cascivo-space-4)}._label_1ppci_35{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._icon_1ppci_48{color:var(--cascivo-color-text-muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute;inset-inline-start:var(--_search-px,var(--cascivo-space-4))}._input_1ppci_57{inline-size:100%;block-size:var(--_search-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_search-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:calc(var(--_search-px,var(--cascivo-space-4)) + 1rem + var(--cascivo-space-2));padding-inline-end:calc(var(--_search-px,var(--cascivo-space-4)) + 1.5rem)}._input_1ppci_57::-webkit-search-cancel-button{appearance:none;display:none}._input_1ppci_57::-webkit-search-decoration{appearance:none;display:none}._input_1ppci_57::placeholder{color:var(--cascivo-color-text-muted)}._input_1ppci_57:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_1ppci_57:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_1ppci_57:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._clear_1ppci_103{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-2)}._clear_1ppci_103:hover:not(:disabled){color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._clear_1ppci_103:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._clear_1ppci_103:disabled{cursor:not-allowed}}

package/dist/search/search.js

@@ -1,14 +1,13 @@
 "use client";
 
 import e from "./search.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useRef as l } from "react";
+import { cn as t, useId as n, useSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useRef as u } from "react";
 //#region ../components/src/search/search.tsx
-var u = 0;
 function d() {
-	return /* @__PURE__ */ c("svg", {
+	return /* @__PURE__ */ l("svg", {
 		viewBox: "0 0 16 16",
 		width: "16",
 		height: "16",
@@ -17,11 +16,11 @@ function d() {
 		strokeWidth: "1.5",
 		strokeLinecap: "round",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ s("circle", {
+		children: [/* @__PURE__ */ c("circle", {
 			cx: "7",
 			cy: "7",
 			r: "4.5"
-		}), /* @__PURE__ */ s("line", {
+		}), /* @__PURE__ */ c("line", {
 			x1: "10.5",
 			y1: "10.5",
 			x2: "14",
@@ -30,17 +29,15 @@ function d() {
 	});
 }
 function f({ value: f, defaultValue: p = "", onValueChange: m, onChange: h, onSearch: g, debounceMs: _ = 300, placeholder: v, size: y = "md", label: b, disabled: x = !1, clearLabel: S, id: C, className: w }) {
-	i();
-	let T = v ?? o(a.search.placeholder), E = b ?? o(a.search.label), D = S ?? o(a.search.clear), O = l(null), k = l("");
-	k.current === "" && (u += 1, k.current = `cascade-search-${u}`);
-	let A = C ?? k.current, j = f !== void 0, M = n(j ? f : p);
+	a();
+	let T = v ?? s(o.search.placeholder), E = b ?? s(o.search.label), D = S ?? s(o.search.clear), O = u(null), k = n("cascade-search"), A = C ?? k, j = f !== void 0, M = r(j ? f : p);
 	j && (M.value = f);
-	let N = l(g);
+	let N = u(g);
 	N.current = g;
-	let P = l(null), F = () => {
+	let P = u(null), F = () => {
 		P.current !== null && (clearTimeout(P.current), P.current = null);
 	};
-	r(() => F);
+	i(() => F);
 	let I = (e) => {
 		let t = e.target.value;
 		j || (M.value = t), (m ?? h)?.(t), F(), P.current = setTimeout(() => {
@@ -51,21 +48,21 @@ function f({ value: f, defaultValue: p = "", onValueChange: m, onChange: h, onSe
 	}, R = () => {
 		F(), j || (M.value = ""), (m ?? h)?.(""), g?.(""), O.current?.focus();
 	}, z = M.value !== "";
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: t(e.root, w),
 		"data-size": y,
 		"data-state": z ? "filled" : "empty",
 		children: [
-			/* @__PURE__ */ s("label", {
+			/* @__PURE__ */ c("label", {
 				className: e.label,
 				htmlFor: A,
 				children: E
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				className: e.icon,
-				children: /* @__PURE__ */ s(d, {})
+				children: /* @__PURE__ */ c(d, {})
 			}),
-			/* @__PURE__ */ s("input", {
+			/* @__PURE__ */ c("input", {
 				ref: O,
 				id: A,
 				type: "search",
@@ -76,13 +73,13 @@ function f({ value: f, defaultValue: p = "", onValueChange: m, onChange: h, onSe
 				onChange: I,
 				onKeyDown: L
 			}),
-			z && /* @__PURE__ */ s("button", {
+			z && /* @__PURE__ */ c("button", {
 				type: "button",
 				className: e.clear,
 				"aria-label": D,
 				disabled: x,
 				onClick: R,
-				children: /* @__PURE__ */ s("span", {
+				children: /* @__PURE__ */ c("span", {
 					"aria-hidden": "true",
 					children: "✕"
 				})

package/dist/search/search.module.js

@@ -2,11 +2,11 @@
 
 import './search.css';
 var e = {
-	root: "_root_1m8s8_2",
-	label: "_label_1m8s8_31",
-	icon: "_icon_1m8s8_44",
-	input: "_input_1m8s8_53",
-	clear: "_clear_1m8s8_99"
+	root: "_root_1ppci_2",
+	label: "_label_1ppci_35",
+	icon: "_icon_1ppci_48",
+	input: "_input_1ppci_57",
+	clear: "_clear_1ppci_103"
 };
 //#endregion
 export { e as default };

package/dist/sheet/sheet.js

@@ -1,15 +1,13 @@
 "use client";
 
 import e from "./sheet.module.js";
-import { useSignal as t, useSignalEffect as n } from "@cascivo/core";
+import { useEffectPropSignal as t, useSignalEffect as n } from "@cascivo/core";
 import { builtin as r, t as i } from "@cascivo/i18n";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useId as s, useRef as c } from "react";
 //#region ../components/src/sheet/sheet.tsx
 function l({ open: l, onClose: u, title: d, children: f, side: p = "end" }) {
-	let m = c(null), h = s(), g = t(l);
-	g.value = l;
-	let _ = c(u);
+	let m = c(null), h = s(), g = t(l), _ = c(u);
 	return _.current = u, n(() => {
 		let e = m.current;
 		if (e) if (g.value) try {

package/dist/stat/stat.css

@@ -1 +1 @@
-@layer cascivo.component{._stat_r3v5x_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._label_r3v5x_9{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_r3v5x_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_r3v5x_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_r3v5x_23[data-trend=up]{color:var(--cascivo-color-success-foreground)}._delta_r3v5x_23[data-trend=down]{color:var(--cascivo-color-destructive-foreground)}._delta_r3v5x_23[data-trend=flat]{color:var(--cascivo-color-text-subtle)}._arrow_r3v5x_44{font-size:var(--cascivo-text-xs);line-height:1}._help_r3v5x_49{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._visual_r3v5x_55{margin-block-start:var(--cascivo-space-1)}}
+@layer cascivo.component{._stat_ge5ag_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;min-inline-size:0;display:flex}._stat_ge5ag_2[data-card]{padding:var(--cascivo-space-4);border-radius:var(--cascivo-radius-surface);border:1px solid var(--cascivo-color-border);background:var(--cascivo-color-surface)}._label_ge5ag_20{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_ge5ag_26{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_ge5ag_34{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_ge5ag_34[data-trend=up]{color:var(--cascivo-color-success-foreground)}._delta_ge5ag_34[data-trend=down]{color:var(--cascivo-color-destructive-foreground)}._delta_ge5ag_34[data-trend=flat]{color:var(--cascivo-color-text-subtle)}._arrow_ge5ag_55{font-size:var(--cascivo-text-xs);line-height:1}._help_ge5ag_60{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._visual_ge5ag_66{margin-block-start:var(--cascivo-space-1)}}

package/dist/stat/stat.js

@@ -4,10 +4,11 @@ import e from "./stat.module.js";
 import { cn as t } from "@cascivo/core";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/stat/stat.tsx
-function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, visual: l, className: u, ...d }) {
+function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, card: l = !1, visual: u, className: d, ...f }) {
 	return /* @__PURE__ */ r("div", {
-		className: t(e.stat, u),
-		...d,
+		"data-card": l || void 0,
+		className: t(e.stat, d),
+		...f,
 		children: [
 			/* @__PURE__ */ n("span", {
 				className: e.label,
@@ -30,9 +31,9 @@ function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, visua
 				className: e.help,
 				children: c
 			}),
-			l && /* @__PURE__ */ n("span", {
+			u && /* @__PURE__ */ n("span", {
 				className: e.visual,
-				children: l
+				children: u
 			})
 		]
 	});

package/dist/stat/stat.module.js

@@ -2,13 +2,13 @@
 
 import './stat.css';
 var e = {
-	stat: "_stat_r3v5x_2",
-	label: "_label_r3v5x_9",
-	value: "_value_r3v5x_15",
-	delta: "_delta_r3v5x_23",
-	arrow: "_arrow_r3v5x_44",
-	help: "_help_r3v5x_49",
-	visual: "_visual_r3v5x_55"
+	stat: "_stat_ge5ag_2",
+	label: "_label_ge5ag_20",
+	value: "_value_ge5ag_26",
+	delta: "_delta_ge5ag_34",
+	arrow: "_arrow_ge5ag_55",
+	help: "_help_ge5ag_60",
+	visual: "_visual_ge5ag_66"
 };
 //#endregion
 export { e as default };

package/dist/status/status.js

@@ -1,20 +1,27 @@
 "use client";
 
 import e from "./status.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cn as t, normalizeTone as n } from "@cascivo/core";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/status/status.tsx
-function i({ status: i = "neutral", pulse: a = !1, className: o, children: s, ...c }) {
-	return /* @__PURE__ */ r("span", {
-		"data-status": i,
-		"data-pulse": a ? "" : void 0,
-		className: t(e.status, o),
-		...c,
-		children: [/* @__PURE__ */ n("span", {
+var a = {
+	neutral: "neutral",
+	info: "info",
+	success: "success",
+	warning: "warning",
+	danger: "error"
+};
+function o({ status: o = "neutral", pulse: s = !1, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ i("span", {
+		"data-status": a[n(o)] ?? o,
+		"data-pulse": s ? "" : void 0,
+		className: t(e.status, c),
+		...u,
+		children: [/* @__PURE__ */ r("span", {
 			"aria-hidden": "true",
 			className: e.dot
-		}), s]
+		}), l]
 	});
 }
 //#endregion
-export { i as Status };
+export { o as Status };

package/dist/steps/steps.js

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

package/dist/structured-list/structured-list.js

@@ -6,10 +6,10 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useId as s } from "react";
 //#region ../components/src/structured-list/structured-list.tsx
 function c(n) {
-	let { items: r, headers: i, selectable: s = !1, className: c, "aria-label": u } = n;
+	let { items: r, headers: i, selectable: s = !1, className: c, ariaLabel: u, "aria-label": d } = n;
 	return s ? /* @__PURE__ */ a(l, { ...n }) : /* @__PURE__ */ o("div", {
 		role: "table",
-		"aria-label": u,
+		"aria-label": d ?? u,
 		className: t(e.list, c),
 		children: [i && /* @__PURE__ */ a("div", {
 			role: "row",
@@ -34,21 +34,22 @@ function c(n) {
 		})]
 	});
 }
-function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, "aria-label": m }) {
+function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h }) {
+	let g = h ?? m;
 	i();
-	let h = s(), [g, _] = n({
+	let _ = s(), [v, y] = n({
 		value: u,
 		defaultValue: d ?? c.find((e) => e.selected)?.id ?? "",
 		onChange: f
-	}), v = r({
+	}), b = r({
 		orientation: "vertical",
 		loop: !1
-	}), y = (e) => {
-		_(e);
+	}), x = (e) => {
+		y(e);
 	};
 	return /* @__PURE__ */ o("div", {
 		role: "radiogroup",
-		"aria-label": m,
+		"aria-label": g,
 		className: t(e.list, e.selectable, p),
 		children: [l && /* @__PURE__ */ o("div", {
 			className: e.headerRow,
@@ -62,18 +63,18 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 		}), /* @__PURE__ */ a("div", {
 			className: e.body,
 			children: c.map((t, n) => {
-				let r = g.value === t.id, { ref: i, ...s } = v.getItemProps(n);
+				let r = v.value === t.id, { ref: i, ...s } = b.getItemProps(n);
 				return /* @__PURE__ */ o("div", {
 					role: "radio",
 					"aria-checked": r,
-					"aria-labelledby": `${h}-${t.id}-label`,
+					"aria-labelledby": `${_}-${t.id}-label`,
 					"data-selected": r || void 0,
 					className: e.row,
 					ref: i,
 					...s,
-					onClick: () => y(t.id),
+					onClick: () => x(t.id),
 					onKeyDown: (e) => {
-						s.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y(t.id));
+						s.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x(t.id));
 					},
 					children: [
 						/* @__PURE__ */ a("div", {
@@ -83,7 +84,7 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 						}),
 						/* @__PURE__ */ a("div", {
 							className: e.cell,
-							id: `${h}-${t.id}-label`,
+							id: `${_}-${t.id}-label`,
 							children: t.cells[0]
 						}),
 						t.cells.slice(1).map((t, n) => /* @__PURE__ */ a("div", {