@cascivo/react 0.12.0 → 0.13.0

package/dist/password-input/password-input.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_r2rcd_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_r2rcd_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_r2rcd_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_r2rcd_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._input-row_r2rcd_26{align-items:center;display:flex;position:relative}._input_r2rcd_26{width:100%;height:var(--_height,2.5rem);padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_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-end:calc(var(--_px,var(--cascivo-space-4)) + 2.5rem)}._input_r2rcd_26::placeholder{color:var(--cascivo-color-text-muted)}._input_r2rcd_26:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_r2rcd_26:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_r2rcd_26:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._reveal-btn_r2rcd_68{border-radius:var(--cascivo-radius-control);width:2rem;height:2rem;color:var(--cascivo-color-text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:var(--cascivo-space-2)}._reveal-btn_r2rcd_68:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._reveal-btn_r2rcd_68:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:1px}._reveal-icon_r2rcd_94{background-color:currentColor;width:1.25rem;height:1.25rem;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._wrapper_r2rcd_2[data-revealed] ._reveal-icon_r2rcd_94{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}._strength-meter_r2rcd_114{gap:var(--cascivo-space-1);display:flex}._strength-meter_r2rcd_114[data-strength=weak]{--_seg-color:var(--cascivo-color-destructive)}._strength-meter_r2rcd_114[data-strength=fair]{--_seg-color:var(--cascivo-color-warning)}._strength-meter_r2rcd_114[data-strength=good],._strength-meter_r2rcd_114[data-strength=strong]{--_seg-color:var(--cascivo-color-success)}._strength-segment_r2rcd_135{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border);height:.25rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);flex:1}._strength-segment_r2rcd_135[data-filled]{background-color:var(--_seg-color,var(--cascivo-color-accent))}}
+@layer cascivo.component{._wrapper_19052_2{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._wrapper_19052_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_19052_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_19052_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._input-row_19052_30{align-items:center;display:flex;position:relative}._input_19052_30{width:100%;height:var(--_height,2.5rem);padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_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-end:calc(var(--_px,var(--cascivo-space-4)) + 2.5rem)}._input_19052_30::placeholder{color:var(--cascivo-color-text-muted)}._input_19052_30:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_19052_30:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_19052_30:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._reveal-btn_19052_72{border-radius:var(--cascivo-radius-control);width:2rem;height:2rem;color:var(--cascivo-color-text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:var(--cascivo-space-2)}._reveal-btn_19052_72:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._reveal-btn_19052_72:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:1px}._reveal-icon_19052_98{background-color:currentColor;width:1.25rem;height:1.25rem;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._wrapper_19052_2[data-revealed] ._reveal-icon_19052_98{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}._strength-meter_19052_118{gap:var(--cascivo-space-1);display:flex}._strength-meter_19052_118[data-strength=weak]{--_seg-color:var(--cascivo-color-destructive)}._strength-meter_19052_118[data-strength=fair]{--_seg-color:var(--cascivo-color-warning)}._strength-meter_19052_118[data-strength=good],._strength-meter_19052_118[data-strength=strong]{--_seg-color:var(--cascivo-color-success)}._strength-segment_19052_139{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border);height:.25rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);flex:1}._strength-segment_19052_139[data-filled]{background-color:var(--_seg-color,var(--cascivo-color-accent))}}

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

@@ -2,13 +2,13 @@
 
 import './password-input.css';
 var e = {
-	wrapper: "_wrapper_r2rcd_2",
-	"input-row": "_input-row_r2rcd_26",
-	input: "_input_r2rcd_26",
-	"reveal-btn": "_reveal-btn_r2rcd_68",
-	"reveal-icon": "_reveal-icon_r2rcd_94",
-	"strength-meter": "_strength-meter_r2rcd_114",
-	"strength-segment": "_strength-segment_r2rcd_135"
+	wrapper: "_wrapper_19052_2",
+	"input-row": "_input-row_19052_30",
+	input: "_input_19052_30",
+	"reveal-btn": "_reveal-btn_19052_72",
+	"reveal-icon": "_reveal-icon_19052_98",
+	"strength-meter": "_strength-meter_19052_118",
+	"strength-segment": "_strength-segment_19052_139"
 };
 //#endregion
 export { e as default };

package/dist/progress/progress.js

@@ -3,14 +3,15 @@
 import e from "./progress.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/progress/progress.tsx
-function n({ value: n, variant: r = "primary", size: i = "md", className: a, ...o }) {
+function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, ...s }) {
 	return /* @__PURE__ */ t("progress", {
+		"aria-label": s["aria-label"] ?? o,
 		className: [e.progress, a].filter(Boolean).join(" "),
 		"data-variant": r,
 		"data-size": i,
 		value: n,
 		max: n === void 0 ? void 0 : 100,
-		...o
+		...s
 	});
 }
 //#endregion

package/dist/react/src/index.js

@@ -133,6 +133,7 @@ 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 { ThemeProvider as cn, setTheme as ln, themePreloadScript as un, themeSignal as dn, useTheme as fn } from "./theme.js";
-import { DismissableLayer as pn, ErrorBoundary as mn, FocusScope as hn, Portal as gn, Presence as _n, Slot as vn, SuspenseBoundary as yn, VisuallyHidden as bn, batch as xn, cn as Sn, composeRefs as Cn, computePosition as wn, computed as Tn, createMachine as En, createScope as Dn, createStreamBuffer as On, effect as kn, getLinkComponent as An, mergeProps as jn, setLinkComponent as Mn, signal as Nn, useAnchorPosition as Pn, useClipboard as Fn, useComputed as In, useControllableSignal as Ln, useDisclosure as Rn, useEffectPropSignal as zn, useId as Bn, useMachine as Vn, useMediaQuery as Hn, useRovingFocus as Un, useScope as Wn, useScrollLock as Gn, useSignal as Kn, useSignalEffect as qn, useSignals as Jn, useStreamBuffer as Yn, useTypeahead as Xn } 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, pn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, mn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, hn 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, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, gn as Portal, _n 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, vn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, yn 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, cn 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, bn as VisuallyHidden, xn as batch, Sn as cn, Cn as composeRefs, wn as computePosition, Tn as computed, oe as createForm, En as createMachine, Dn as createScope, On as createStreamBuffer, E as dismissAllToasts, kn as effect, re as fuzzyMatch, ie as fuzzyScore, An as getLinkComponent, jn as mergeProps, Mn as setLinkComponent, ln as setTheme, Nn as signal, un as themePreloadScript, dn as themeSignal, Ct as treeViewMessages, Pn as useAnchorPosition, Fn as useClipboard, In as useComputed, Ln as useControllableSignal, Rn as useDisclosure, zn as useEffectPropSignal, se as useForm, Bn as useId, Vn as useMachine, Hn as useMediaQuery, U as usePopover, Un as useRovingFocus, Wn as useScope, Gn as useScrollLock, Kn as useSignal, qn as useSignalEffect, Jn as useSignals, Yn as useStreamBuffer, fn as useTheme, D as useToast, V as useTocFromRegion, Xn as useTypeahead };
+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 { 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.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/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", {