@cascivo/react 0.17.1 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -3
- package/dist/action-sheet/action-sheet.js +1 -1
- package/dist/breadcrumb/breadcrumb.js +7 -7
- package/dist/checkbox/checkbox.js +11 -10
- package/dist/color-picker/color-picker.js +81 -77
- package/dist/combobox/combobox.js +81 -76
- package/dist/command-menu/command-menu.js +104 -104
- package/dist/comparison/comparison.js +18 -18
- package/dist/data-table/data-table.css +1 -1
- package/dist/data-table/data-table.js +148 -121
- package/dist/data-table/data-table.module.js +29 -29
- package/dist/date-picker/date-picker.js +98 -93
- package/dist/date-range-picker/date-range-picker.js +1 -1
- package/dist/dock/dock.js +2 -2
- package/dist/dropdown/dropdown.js +43 -40
- package/dist/editable/editable.js +29 -20
- package/dist/fab/fab.js +37 -37
- package/dist/field/field.js +24 -17
- package/dist/file-uploader/file-uploader.js +24 -23
- package/dist/filter/filter.js +11 -11
- package/dist/index.d.ts +1302 -85
- package/dist/input/input.js +14 -13
- package/dist/navigation-menu/navigation-menu.js +9 -9
- package/dist/node/action-sheet/action-sheet.js +1 -1
- package/dist/node/breadcrumb/breadcrumb.js +7 -7
- package/dist/node/checkbox/checkbox.js +11 -10
- package/dist/node/color-picker/color-picker.js +81 -77
- package/dist/node/combobox/combobox.js +81 -76
- package/dist/node/command-menu/command-menu.js +104 -104
- package/dist/node/comparison/comparison.js +18 -18
- package/dist/node/data-table/data-table.js +148 -121
- package/dist/node/data-table/data-table.module.js +29 -29
- package/dist/node/date-picker/date-picker.js +98 -93
- package/dist/node/date-range-picker/date-range-picker.js +1 -1
- package/dist/node/dock/dock.js +2 -2
- package/dist/node/dropdown/dropdown.js +43 -40
- package/dist/node/editable/editable.js +29 -20
- package/dist/node/fab/fab.js +37 -37
- package/dist/node/field/field.js +24 -17
- package/dist/node/file-uploader/file-uploader.js +24 -23
- package/dist/node/filter/filter.js +11 -11
- package/dist/node/input/input.js +14 -13
- package/dist/node/navigation-menu/navigation-menu.js +9 -9
- package/dist/node/number-input/number-input.js +28 -27
- package/dist/node/overflow-menu/overflow-menu.js +7 -7
- package/dist/node/progress/progress.js +3 -3
- package/dist/node/progress-circle/progress-circle.js +8 -8
- package/dist/node/progress-indicator/progress-indicator.js +1 -1
- package/dist/node/qr-code/qr-code.js +11 -11
- package/dist/node/radial-progress/radial-progress.js +9 -9
- package/dist/node/radio/radio.js +10 -9
- package/dist/node/react/src/index.js +93 -93
- package/dist/node/resizable/resizable.js +24 -24
- package/dist/node/search/search.js +35 -31
- package/dist/node/select/select.js +15 -14
- package/dist/node/side-nav/side-nav.js +35 -35
- package/dist/node/side-nav/side-nav.module.js +27 -27
- package/dist/node/slider/slider.js +13 -12
- package/dist/node/spinner/spinner.js +4 -4
- package/dist/node/steps/steps.js +10 -10
- package/dist/node/structured-list/structured-list.js +14 -14
- package/dist/node/swap/swap.js +5 -5
- package/dist/node/switcher/switcher.js +5 -5
- package/dist/node/tags-input/tags-input.js +20 -16
- package/dist/node/textarea/textarea.js +14 -13
- package/dist/node/time-picker/time-picker.js +21 -20
- package/dist/node/toggle/toggle.js +8 -7
- package/dist/node/tree-view/tree-view.js +43 -43
- package/dist/node/virtual-list/virtual-list.js +10 -10
- package/dist/node/wheel-picker/wheel-picker.js +36 -36
- package/dist/number-input/number-input.js +28 -27
- package/dist/overflow-menu/overflow-menu.js +7 -7
- package/dist/progress/progress.js +3 -3
- package/dist/progress-circle/progress-circle.js +8 -8
- package/dist/progress-indicator/progress-indicator.js +1 -1
- package/dist/qr-code/qr-code.js +11 -11
- package/dist/radial-progress/radial-progress.js +9 -9
- package/dist/radio/radio.js +10 -9
- package/dist/react/src/index.js +93 -93
- package/dist/resizable/resizable.js +24 -24
- package/dist/search/search.js +35 -31
- package/dist/select/select.js +15 -14
- package/dist/side-nav/side-nav.css +1 -1
- package/dist/side-nav/side-nav.js +35 -35
- package/dist/side-nav/side-nav.module.js +27 -27
- package/dist/slider/slider.js +13 -12
- package/dist/spinner/spinner.js +4 -4
- package/dist/steps/steps.js +10 -10
- package/dist/structured-list/structured-list.js +14 -14
- package/dist/styles.css +2 -2
- package/dist/swap/swap.js +5 -5
- package/dist/switcher/switcher.js +5 -5
- package/dist/tags-input/tags-input.js +20 -16
- package/dist/textarea/textarea.js +14 -13
- package/dist/time-picker/time-picker.js +21 -20
- package/dist/toggle/toggle.js +8 -7
- package/dist/tree-view/tree-view.js +43 -43
- package/dist/virtual-list/virtual-list.js +10 -10
- package/dist/wheel-picker/wheel-picker.js +36 -36
- package/package.json +4 -4
- package/readme.body.md +4 -3
package/dist/radio/radio.js
CHANGED
|
@@ -3,20 +3,21 @@ import { cn as t } from "@cascivo/core/pure";
|
|
|
3
3
|
import { Children as n, cloneElement as r, forwardRef as i, isValidElement as a } from "react";
|
|
4
4
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
5
5
|
//#region ../components/src/radio/radio.tsx
|
|
6
|
-
var c = i(function({ label: n,
|
|
7
|
-
let
|
|
6
|
+
var c = i(function({ label: n, ariaLabel: r, className: i, id: a, disabled: c, value: l, ...u }, d) {
|
|
7
|
+
let f = a ?? (n ? `cascade-radio-${l}` : void 0);
|
|
8
8
|
return /* @__PURE__ */ s("label", {
|
|
9
|
-
className: t(e.wrapper,
|
|
10
|
-
"data-disabled":
|
|
9
|
+
className: t(e.wrapper, i),
|
|
10
|
+
"data-disabled": c || void 0,
|
|
11
11
|
children: [
|
|
12
12
|
/* @__PURE__ */ o("input", {
|
|
13
|
-
id:
|
|
13
|
+
id: f,
|
|
14
14
|
type: "radio",
|
|
15
|
-
value:
|
|
15
|
+
value: l,
|
|
16
16
|
className: e.input,
|
|
17
|
-
disabled:
|
|
18
|
-
ref:
|
|
19
|
-
...
|
|
17
|
+
disabled: c,
|
|
18
|
+
ref: d,
|
|
19
|
+
...u,
|
|
20
|
+
"aria-label": u["aria-label"] ?? r
|
|
20
21
|
}),
|
|
21
22
|
/* @__PURE__ */ o("span", {
|
|
22
23
|
className: e.control,
|
package/dist/react/src/index.js
CHANGED
|
@@ -1,96 +1,96 @@
|
|
|
1
|
-
import { Spinner as
|
|
2
|
-
import { Button as
|
|
3
|
-
import { Input as
|
|
4
|
-
import { Card as
|
|
5
|
-
import { Badge as
|
|
6
|
-
import { Modal as
|
|
7
|
-
import { Separator as
|
|
8
|
-
import { Alert as
|
|
9
|
-
import { Avatar as
|
|
10
|
-
import { AvatarGroup as
|
|
11
|
-
import { User as
|
|
12
|
-
import { Image as
|
|
13
|
-
import { Textarea as
|
|
14
|
-
import { Select as
|
|
15
|
-
import { Checkbox as
|
|
16
|
-
import { Radio as
|
|
17
|
-
import { Toggle as
|
|
18
|
-
import { Slider as
|
|
19
|
-
import { Tooltip as
|
|
20
|
-
import { Dropdown as
|
|
21
|
-
import { ToastProvider as
|
|
22
|
-
import { Tabs as
|
|
23
|
-
import { Accordion as
|
|
24
|
-
import { ActionSheet as
|
|
25
|
-
import { Kbd as
|
|
26
|
-
import { Link as
|
|
27
|
-
import { Breadcrumb as
|
|
28
|
-
import { Toc as
|
|
29
|
-
import { useTocFromRegion as
|
|
30
|
-
import { Header as
|
|
31
|
-
import { usePopover as
|
|
32
|
-
import { SideNav as
|
|
33
|
-
import { Pagination as
|
|
34
|
-
import { ProgressIndicator as
|
|
35
|
-
import { Tag as
|
|
36
|
-
import { Skeleton as
|
|
37
|
-
import { ProgressBar as
|
|
38
|
-
import { EmptyState as
|
|
39
|
-
import { Fab as
|
|
40
|
-
import { OverflowMenu as
|
|
41
|
-
import { Search as
|
|
42
|
-
import { NumberInput as
|
|
43
|
-
import { DataTable as
|
|
44
|
-
import { CommandMenu as
|
|
45
|
-
import { Form as
|
|
46
|
-
import { Combobox as
|
|
47
|
-
import { DatePicker as
|
|
48
|
-
import { FileUploader as
|
|
49
|
-
import { TimePicker as
|
|
50
|
-
import { Popover as
|
|
51
|
-
import { Menu as
|
|
52
|
-
import { AlertDialog as
|
|
53
|
-
import { Sheet as
|
|
54
|
-
import { BottomSheet as
|
|
55
|
-
import { ContextMenu as
|
|
56
|
-
import { Comparison as
|
|
57
|
-
import { HoverCard as
|
|
58
|
-
import { PasswordInput as
|
|
59
|
-
import { MultiSelect as
|
|
60
|
-
import { TagsInput as
|
|
61
|
-
import { OtpInput as
|
|
62
|
-
import { SegmentedControl as
|
|
63
|
-
import { InputGroup as
|
|
64
|
-
import { RatingGroup as
|
|
65
|
-
import { Editable as
|
|
66
|
-
import { RadioCard as
|
|
67
|
-
import { ShellHeader as
|
|
68
|
-
import { HeaderPanel as
|
|
69
|
-
import { Switcher as
|
|
70
|
-
import { CheckboxCard as
|
|
71
|
-
import { CopyButton as
|
|
72
|
-
import { Stat as
|
|
73
|
-
import { Status as
|
|
1
|
+
import { Spinner as ee } from "../../spinner/spinner.js";
|
|
2
|
+
import { Button as te } from "../../button/button.js";
|
|
3
|
+
import { Input as e } from "../../input/input.js";
|
|
4
|
+
import { Card as t, CardContent as n, CardFooter as r, CardHeader as i, CardTitle as a } from "../../card/card.js";
|
|
5
|
+
import { Badge as o } from "../../badge/badge.js";
|
|
6
|
+
import { Modal as s } from "../../modal/modal.js";
|
|
7
|
+
import { Separator as c } from "../../separator/separator.js";
|
|
8
|
+
import { Alert as l } from "../../alert/alert.js";
|
|
9
|
+
import { Avatar as u } from "../../avatar/avatar.js";
|
|
10
|
+
import { AvatarGroup as d } from "../../avatar-group/avatar-group.js";
|
|
11
|
+
import { User as f } from "../../user/user.js";
|
|
12
|
+
import { Image as p } from "../../image/image.js";
|
|
13
|
+
import { Textarea as m } from "../../textarea/textarea.js";
|
|
14
|
+
import { Select as h } from "../../select/select.js";
|
|
15
|
+
import { Checkbox as g } from "../../checkbox/checkbox.js";
|
|
16
|
+
import { Radio as _, RadioGroup as v } from "../../radio/radio.js";
|
|
17
|
+
import { Toggle as y } from "../../toggle/toggle.js";
|
|
18
|
+
import { Slider as b } from "../../slider/slider.js";
|
|
19
|
+
import { Tooltip as x } from "../../tooltip/tooltip.js";
|
|
20
|
+
import { Dropdown as S } from "../../dropdown/dropdown.js";
|
|
21
|
+
import { ToastProvider as C, dismissAllToasts as w, useToast as T } from "../../toast/toast.js";
|
|
22
|
+
import { Tabs as E, TabsContent as D, TabsList as O, TabsTrigger as k } from "../../tabs/tabs.js";
|
|
23
|
+
import { Accordion as A, AccordionContent as j, AccordionItem as M, AccordionTrigger as N } from "../../accordion/accordion.js";
|
|
24
|
+
import { ActionSheet as P } from "../../action-sheet/action-sheet.js";
|
|
25
|
+
import { Kbd as F } from "../../kbd/kbd.js";
|
|
26
|
+
import { Link as I } from "../../link/link.js";
|
|
27
|
+
import { Breadcrumb as L } from "../../breadcrumb/breadcrumb.js";
|
|
28
|
+
import { Toc as R } from "../../toc/toc.js";
|
|
29
|
+
import { useTocFromRegion as z } from "../../toc/use-toc-from-region.js";
|
|
30
|
+
import { Header as B } from "../../header/header.js";
|
|
31
|
+
import { usePopover as V } from "../../popover/use-popover.js";
|
|
32
|
+
import { SideNav as H } from "../../side-nav/side-nav.js";
|
|
33
|
+
import { Pagination as U } from "../../pagination/pagination.js";
|
|
34
|
+
import { ProgressIndicator as W } from "../../progress-indicator/progress-indicator.js";
|
|
35
|
+
import { Tag as G } from "../../tag/tag.js";
|
|
36
|
+
import { Skeleton as K } from "../../skeleton/skeleton.js";
|
|
37
|
+
import { ProgressBar as q } from "../../progress-bar/progress-bar.js";
|
|
38
|
+
import { EmptyState as J } from "../../empty-state/empty-state.js";
|
|
39
|
+
import { Fab as Y } from "../../fab/fab.js";
|
|
40
|
+
import { OverflowMenu as X } from "../../overflow-menu/overflow-menu.js";
|
|
41
|
+
import { Search as Z } from "../../search/search.js";
|
|
42
|
+
import { NumberInput as Q } from "../../number-input/number-input.js";
|
|
43
|
+
import { DataTable as ne } from "../../data-table/data-table.js";
|
|
44
|
+
import { CommandMenu as re, fuzzyMatch as ie, fuzzyScore as ae } from "../../command-menu/command-menu.js";
|
|
45
|
+
import { Form as oe, createForm as se, useForm as ce } from "../../form/form.js";
|
|
46
|
+
import { Combobox as le } from "../../combobox/combobox.js";
|
|
47
|
+
import { DatePicker as ue } from "../../date-picker/date-picker.js";
|
|
48
|
+
import { FileUploader as de } from "../../file-uploader/file-uploader.js";
|
|
49
|
+
import { TimePicker as fe } from "../../time-picker/time-picker.js";
|
|
50
|
+
import { Popover as pe, PopoverContent as me, PopoverTrigger as he } from "../../popover/popover.js";
|
|
51
|
+
import { Menu as ge, MenuItem as _e, MenuSeparator as ve, MenuTrigger as ye } from "../../menu/menu.js";
|
|
52
|
+
import { AlertDialog as be } from "../../alert-dialog/alert-dialog.js";
|
|
53
|
+
import { Sheet as xe } from "../../sheet/sheet.js";
|
|
54
|
+
import { BottomSheet as Se } from "../../bottom-sheet/bottom-sheet.js";
|
|
55
|
+
import { ContextMenu as Ce, ContextMenuItem as we } from "../../context-menu/context-menu.js";
|
|
56
|
+
import { Comparison as Te } from "../../comparison/comparison.js";
|
|
57
|
+
import { HoverCard as Ee, HoverCardContent as De, HoverCardTrigger as Oe } from "../../hover-card/hover-card.js";
|
|
58
|
+
import { PasswordInput as ke } from "../../password-input/password-input.js";
|
|
59
|
+
import { MultiSelect as Ae } from "../../multi-select/multi-select.js";
|
|
60
|
+
import { TagsInput as je } from "../../tags-input/tags-input.js";
|
|
61
|
+
import { OtpInput as Me } from "../../otp-input/otp-input.js";
|
|
62
|
+
import { SegmentedControl as Ne } from "../../segmented-control/segmented-control.js";
|
|
63
|
+
import { InputGroup as Pe, InputGroupAddon as Fe } from "../../input-group/input-group.js";
|
|
64
|
+
import { RatingGroup as Ie } from "../../rating-group/rating-group.js";
|
|
65
|
+
import { Editable as Le } from "../../editable/editable.js";
|
|
66
|
+
import { RadioCard as Re, RadioCardGroup as ze } from "../../radio-card/radio-card.js";
|
|
67
|
+
import { ShellHeader as Be } from "../../shell-header/shell-header.js";
|
|
68
|
+
import { HeaderPanel as Ve } from "../../header-panel/header-panel.js";
|
|
69
|
+
import { Switcher as He } from "../../switcher/switcher.js";
|
|
70
|
+
import { CheckboxCard as Ue } from "../../checkbox-card/checkbox-card.js";
|
|
71
|
+
import { CopyButton as We } from "../../copy-button/copy-button.js";
|
|
72
|
+
import { Stat as Ge } from "../../stat/stat.js";
|
|
73
|
+
import { Status as Ke } from "../../status/status.js";
|
|
74
74
|
import "../../visually-hidden/visually-hidden.js";
|
|
75
|
-
import { SkipNavLink as
|
|
76
|
-
import { Progress as
|
|
77
|
-
import { ProgressCircle as
|
|
78
|
-
import { Heading as
|
|
79
|
-
import { Text as
|
|
80
|
-
import { Code as
|
|
81
|
-
import { Blockquote as
|
|
82
|
-
import { List as
|
|
83
|
-
import { LogViewer as
|
|
84
|
-
import { Prose as
|
|
85
|
-
import { PullToRefresh as
|
|
86
|
-
import { QrCode as
|
|
87
|
-
import { RelativeTime as
|
|
88
|
-
import { Label as
|
|
89
|
-
import { Field as
|
|
90
|
-
import { Filter as
|
|
91
|
-
import { IconButton as
|
|
92
|
-
import { ButtonGroup as
|
|
93
|
-
import { ToggleGroup as
|
|
75
|
+
import { SkipNavLink as qe, SkipNavTarget as Je } from "../../skip-nav/skip-nav.js";
|
|
76
|
+
import { Progress as Ye } from "../../progress/progress.js";
|
|
77
|
+
import { ProgressCircle as Xe } from "../../progress-circle/progress-circle.js";
|
|
78
|
+
import { Heading as Ze } from "../../heading/heading.js";
|
|
79
|
+
import { Text as Qe } from "../../text/text.js";
|
|
80
|
+
import { Code as $e } from "../../code/code.js";
|
|
81
|
+
import { Blockquote as et } from "../../blockquote/blockquote.js";
|
|
82
|
+
import { List as tt, ListItem as nt } from "../../list/list.js";
|
|
83
|
+
import { LogViewer as rt } from "../../log-viewer/log-viewer.js";
|
|
84
|
+
import { Prose as it } from "../../prose/prose.js";
|
|
85
|
+
import { PullToRefresh as at } from "../../pull-to-refresh/pull-to-refresh.js";
|
|
86
|
+
import { QrCode as ot } from "../../qr-code/qr-code.js";
|
|
87
|
+
import { RelativeTime as st } from "../../relative-time/relative-time.js";
|
|
88
|
+
import { Label as ct } from "../../label/label.js";
|
|
89
|
+
import { Field as lt } from "../../field/field.js";
|
|
90
|
+
import { Filter as ut } from "../../filter/filter.js";
|
|
91
|
+
import { IconButton as dt } from "../../icon-button/icon-button.js";
|
|
92
|
+
import { ButtonGroup as ft } from "../../button-group/button-group.js";
|
|
93
|
+
import { ToggleGroup as $ } from "../../toggle-group/toggle-group.js";
|
|
94
94
|
import { InlineLoading as pt } from "../../inline-loading/inline-loading.js";
|
|
95
95
|
import { Notification as mt } from "../../notification/notification.js";
|
|
96
96
|
import { ScrollArea as ht } from "../../scroll-area/scroll-area.js";
|
|
@@ -138,4 +138,4 @@ import { Spacer as dn } from "../../layouts/src/spacer/spacer.js";
|
|
|
138
138
|
import { AutoGrid as fn } from "../../layouts/src/auto-grid/auto-grid.js";
|
|
139
139
|
import { PageHeader as pn } from "../../layouts/src/page-header/page-header.js";
|
|
140
140
|
import { DismissableLayer as mn, ErrorBoundary as hn, FocusScope as gn, Portal as _n, Presence as vn, Slot as yn, SuspenseBoundary as bn, ThemeProvider as xn, VisuallyHidden as Sn, applyTheme as Cn, batch as wn, cn as Tn, composeRefs as En, computePosition as Dn, computed as On, createMachine as kn, createScope as An, createStreamBuffer as jn, effect as Mn, getLinkComponent as Nn, mergeProps as Pn, setLinkComponent as Fn, setTheme as In, signal as Ln, themePreloadScript as Rn, themeSignal as zn, useAnchorPosition as Bn, useClipboard as Vn, useComputed as Hn, useControllableSignal as Un, useDisclosure as Wn, useEffectPropSignal as Gn, useId as Kn, useMachine as qn, useMediaQuery as Jn, useRovingFocus as Yn, useScope as Xn, useScrollLock as Zn, useSignal as Qn, useSignalEffect as $n, useSignals as er, useStreamBuffer as tr, useTheme as nr, useTypeahead as rr } from "@cascivo/core";
|
|
141
|
-
export {
|
|
141
|
+
export { A as Accordion, j as AccordionContent, M as AccordionItem, N as AccordionTrigger, P as ActionSheet, l as Alert, be as AlertDialog, en as AppShell, _t as AspectRatio, fn as AutoGrid, u as Avatar, d as AvatarGroup, o as Badge, et as Blockquote, Se as BottomSheet, L as Breadcrumb, te as Button, ft as ButtonGroup, Ft as Calendar, t as Card, n as CardContent, r as CardFooter, i as CardHeader, a as CardTitle, Rt as Carousel, un as Center, tn as ChatBubble, g as Checkbox, Ue as CheckboxCard, $e as Code, Jt as CodeSnippet, gt as Collapsible, Lt as ColorPicker, ln as Columns, le as Combobox, re as CommandMenu, Te as Comparison, Tt as ContainedList, Et as ContainedListItem, Ce as ContextMenu, we as ContextMenuItem, We as CopyButton, Dt as DataList, ne as DataTable, ue as DatePicker, It as DateRangePicker, mn as DismissableLayer, Bt as Dock, Kt as Drawer, S as Dropdown, Le as Editable, J as EmptyState, hn as ErrorBoundary, Y as Fab, lt as Field, de as FileUploader, ut as Filter, cn as Flex, gn as FocusScope, oe as Form, on as Grid, sn as GridItem, B as Header, Ve as HeaderPanel, Ze as Heading, Ee as HoverCard, De as HoverCardContent, Oe as HoverCardTrigger, dt as IconButton, p as Image, Zt as Indicator, Ht as InfiniteScroll, pt as InlineLoading, e as Input, Pe as InputGroup, Fe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, Qt as Join, F as Kbd, ct as Label, Vt as LargeTitleHeader, I as Link, tt as List, nt as ListItem, rt as LogViewer, ge as Menu, vt as MenuButton, _e as MenuItem, ve as MenuSeparator, ye as MenuTrigger, bt as Menubar, s as Modal, Ae as MultiSelect, qt as NativeSelect, xt as NavigationMenu, mt as Notification, Q as NumberInput, Me as OtpInput, X as OverflowMenu, pn as PageHeader, U as Pagination, ke as PasswordInput, pe as Popover, me as PopoverContent, he as PopoverTrigger, _n as Portal, vn as Presence, Ye as Progress, q as ProgressBar, Xe as ProgressCircle, W as ProgressIndicator, it as Prose, at as PullToRefresh, ot as QrCode, nn as RadialProgress, _ as Radio, Re as RadioCard, ze as RadioCardGroup, v as RadioGroup, Ie as RatingGroup, st as RelativeTime, Ut as ReorderList, zt as Resizable, ht as ScrollArea, Z as Search, Ne as SegmentedControl, h as Select, c as Separator, xe as Sheet, Be as ShellHeader, H as SideNav, K as Skeleton, qe as SkipNavLink, Je as SkipNavTarget, b as Slider, yn as Slot, dn as Spacer, ee as Spinner, $t as Stack, Ge as Stat, Ke as Status, Yt as Steps, wt as StructuredList, bn as SuspenseBoundary, rn as Swap, an as SwipeItem, y as Switch, He as Switcher, E as Tabs, D as TabsContent, O as TabsList, k as TabsTrigger, G as Tag, je as TagsInput, Qe as Text, m as Textarea, xn as ThemeProvider, Xt as Tile, fe as TimePicker, Ot as Timeline, C as ToastProvider, R as Toc, y as Toggle, $ as ToggleGroup, yt as Toggletip, x as Tooltip, St as TreeView, f as User, Wt as VirtualList, Sn as VisuallyHidden, Gt as WheelPicker, Cn as applyTheme, wn as batch, Tn as cn, En as composeRefs, Dn as computePosition, On as computed, se as createForm, kn as createMachine, An as createScope, jn as createStreamBuffer, w as dismissAllToasts, Mn as effect, ie as fuzzyMatch, ae as fuzzyScore, Nn as getLinkComponent, Pn as mergeProps, Fn as setLinkComponent, In as setTheme, Ln as signal, Rn as themePreloadScript, zn as themeSignal, Ct as treeViewMessages, Bn as useAnchorPosition, Vn as useClipboard, Hn as useComputed, Un as useControllableSignal, Wn as useDisclosure, Gn as useEffectPropSignal, ce as useForm, Kn as useId, qn as useMachine, Jn as useMediaQuery, V as usePopover, Yn as useRovingFocus, Xn as useScope, Zn as useScrollLock, Qn as useSignal, $n as useSignalEffect, er as useSignals, tr as useStreamBuffer, nr as useTheme, T as useToast, z as useTocFromRegion, rr as useTypeahead };
|
|
@@ -9,60 +9,60 @@ import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
|
9
9
|
function f(e, t, n) {
|
|
10
10
|
return Math.min(n, Math.max(t, e));
|
|
11
11
|
}
|
|
12
|
-
function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, ratio: g, minRatio: _ = .1, maxRatio: v = .9, onRatioChange: y, className: b, label: x }) {
|
|
12
|
+
function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, ratio: g, minRatio: _ = .1, maxRatio: v = .9, onRatioChange: y, className: b, label: x, ariaLabel: S }) {
|
|
13
13
|
s();
|
|
14
|
-
let [
|
|
14
|
+
let [C, w] = t.toArray(p), [T, E] = i({
|
|
15
15
|
value: g,
|
|
16
16
|
defaultValue: h,
|
|
17
17
|
onChange: y
|
|
18
|
-
}),
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
let n =
|
|
22
|
-
if (!n) return
|
|
18
|
+
}), D = n(null), O = a(!1), k = (e) => {
|
|
19
|
+
E(f(e, _, v));
|
|
20
|
+
}, A = (e, t) => {
|
|
21
|
+
let n = D.current;
|
|
22
|
+
if (!n) return T.value;
|
|
23
23
|
let r = n.getBoundingClientRect();
|
|
24
24
|
return m === "horizontal" ? (e - r.left) / r.width : (t - r.top) / r.height;
|
|
25
25
|
};
|
|
26
26
|
o(() => {
|
|
27
|
-
if (!
|
|
28
|
-
let e = (e) =>
|
|
29
|
-
|
|
27
|
+
if (!O.value) return;
|
|
28
|
+
let e = (e) => k(A(e.clientX, e.clientY)), t = () => {
|
|
29
|
+
O.value = !1;
|
|
30
30
|
};
|
|
31
31
|
return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
|
|
32
32
|
window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
|
|
33
33
|
};
|
|
34
34
|
});
|
|
35
|
-
let
|
|
35
|
+
let j = (e) => {
|
|
36
36
|
let t = e.shiftKey ? .1 : .02, n = m === "horizontal" ? "ArrowLeft" : "ArrowUp", r = m === "horizontal" ? "ArrowRight" : "ArrowDown";
|
|
37
|
-
if (e.key === n)
|
|
38
|
-
else if (e.key === r)
|
|
39
|
-
else if (e.key === "Home")
|
|
40
|
-
else if (e.key === "End")
|
|
37
|
+
if (e.key === n) k(T.value - t);
|
|
38
|
+
else if (e.key === r) k(T.value + t);
|
|
39
|
+
else if (e.key === "Home") k(_);
|
|
40
|
+
else if (e.key === "End") k(v);
|
|
41
41
|
else return;
|
|
42
42
|
e.preventDefault();
|
|
43
|
-
},
|
|
43
|
+
}, M = S ?? x ?? l(c.resizable.handle), N = Math.round(T.value * 100);
|
|
44
44
|
return /* @__PURE__ */ d("div", {
|
|
45
|
-
ref:
|
|
45
|
+
ref: D,
|
|
46
46
|
className: r(e.resizable, b),
|
|
47
47
|
"data-orientation": m,
|
|
48
|
-
style: { "--cascivo-resizable-ratio":
|
|
48
|
+
style: { "--cascivo-resizable-ratio": T.value },
|
|
49
49
|
children: [
|
|
50
50
|
/* @__PURE__ */ u("div", {
|
|
51
51
|
className: e.pane,
|
|
52
|
-
children:
|
|
52
|
+
children: C
|
|
53
53
|
}),
|
|
54
54
|
/* @__PURE__ */ u("div", {
|
|
55
55
|
className: e.handle,
|
|
56
56
|
role: "separator",
|
|
57
57
|
"aria-orientation": m,
|
|
58
|
-
"aria-label":
|
|
59
|
-
"aria-valuenow":
|
|
58
|
+
"aria-label": M,
|
|
59
|
+
"aria-valuenow": N,
|
|
60
60
|
"aria-valuemin": Math.round(_ * 100),
|
|
61
61
|
"aria-valuemax": Math.round(v * 100),
|
|
62
62
|
tabIndex: 0,
|
|
63
|
-
onKeyDown:
|
|
63
|
+
onKeyDown: j,
|
|
64
64
|
onPointerDown: (e) => {
|
|
65
|
-
e.preventDefault(),
|
|
65
|
+
e.preventDefault(), O.value = !0;
|
|
66
66
|
},
|
|
67
67
|
children: /* @__PURE__ */ u("span", {
|
|
68
68
|
className: e.grip,
|
|
@@ -71,7 +71,7 @@ function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, r
|
|
|
71
71
|
}),
|
|
72
72
|
/* @__PURE__ */ u("div", {
|
|
73
73
|
className: e.pane,
|
|
74
|
-
children:
|
|
74
|
+
children: w
|
|
75
75
|
})
|
|
76
76
|
]
|
|
77
77
|
});
|
package/dist/search/search.js
CHANGED
|
@@ -28,58 +28,62 @@ function f() {
|
|
|
28
28
|
})]
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
function p({ value: p, defaultValue: m = "", onValueChange: h,
|
|
31
|
+
function p({ value: p, defaultValue: m = "", onValueChange: h, onSearch: g, debounceMs: _ = 300, placeholder: v, size: y = "md", label: b, ariaLabel: x, disabled: S = !1, clearLabel: C, id: w, "aria-labelledby": T, "aria-describedby": E, "aria-invalid": D, className: O }) {
|
|
32
32
|
s();
|
|
33
|
-
let
|
|
33
|
+
let k = v ?? l(c.search.placeholder), A = b ?? (T === void 0 ? l(c.search.label) : void 0), j = C ?? l(c.search.clear), M = t(null), N = a("cascade-search"), P = w ?? N, F = p !== void 0, [I] = i({
|
|
34
34
|
value: p,
|
|
35
35
|
defaultValue: m
|
|
36
|
-
}),
|
|
37
|
-
|
|
38
|
-
let
|
|
39
|
-
|
|
36
|
+
}), L = t(g);
|
|
37
|
+
L.current = g;
|
|
38
|
+
let R = t(null), z = () => {
|
|
39
|
+
R.current !== null && (clearTimeout(R.current), R.current = null);
|
|
40
40
|
};
|
|
41
|
-
o(() =>
|
|
42
|
-
let
|
|
41
|
+
o(() => z);
|
|
42
|
+
let B = (e) => {
|
|
43
43
|
let t = e.target.value;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
},
|
|
47
|
-
},
|
|
48
|
-
e.key === "Enter" && (
|
|
49
|
-
},
|
|
50
|
-
|
|
51
|
-
},
|
|
44
|
+
F || (I.value = t), h?.(t), z(), R.current = setTimeout(() => {
|
|
45
|
+
R.current = null, L.current?.(t);
|
|
46
|
+
}, _);
|
|
47
|
+
}, V = (e) => {
|
|
48
|
+
e.key === "Enter" && (z(), g?.(I.value));
|
|
49
|
+
}, H = () => {
|
|
50
|
+
z(), F || (I.value = ""), h?.(""), g?.(""), r(M.current);
|
|
51
|
+
}, U = I.value !== "";
|
|
52
52
|
return /* @__PURE__ */ d("div", {
|
|
53
|
-
className: n(e.root,
|
|
54
|
-
"data-size":
|
|
55
|
-
"data-state":
|
|
53
|
+
className: n(e.root, O),
|
|
54
|
+
"data-size": y,
|
|
55
|
+
"data-state": U ? "filled" : "empty",
|
|
56
56
|
children: [
|
|
57
|
-
/* @__PURE__ */ u("label", {
|
|
57
|
+
A !== void 0 && /* @__PURE__ */ u("label", {
|
|
58
58
|
className: e.label,
|
|
59
|
-
htmlFor:
|
|
60
|
-
children:
|
|
59
|
+
htmlFor: P,
|
|
60
|
+
children: A
|
|
61
61
|
}),
|
|
62
62
|
/* @__PURE__ */ u("span", {
|
|
63
63
|
className: e.icon,
|
|
64
64
|
children: /* @__PURE__ */ u(f, {})
|
|
65
65
|
}),
|
|
66
66
|
/* @__PURE__ */ u("input", {
|
|
67
|
-
ref:
|
|
68
|
-
id:
|
|
67
|
+
ref: M,
|
|
68
|
+
id: P,
|
|
69
69
|
type: "search",
|
|
70
|
+
"aria-labelledby": T,
|
|
71
|
+
"aria-label": x,
|
|
72
|
+
"aria-describedby": E,
|
|
73
|
+
"aria-invalid": D,
|
|
70
74
|
className: e.input,
|
|
71
|
-
value:
|
|
72
|
-
placeholder:
|
|
75
|
+
value: I.value,
|
|
76
|
+
placeholder: k,
|
|
73
77
|
disabled: S,
|
|
74
|
-
onChange:
|
|
75
|
-
onKeyDown:
|
|
78
|
+
onChange: B,
|
|
79
|
+
onKeyDown: V
|
|
76
80
|
}),
|
|
77
|
-
|
|
81
|
+
U && /* @__PURE__ */ u("button", {
|
|
78
82
|
type: "button",
|
|
79
83
|
className: e.clear,
|
|
80
|
-
"aria-label":
|
|
84
|
+
"aria-label": j,
|
|
81
85
|
disabled: S,
|
|
82
|
-
onClick:
|
|
86
|
+
onClick: H,
|
|
83
87
|
children: /* @__PURE__ */ u("span", {
|
|
84
88
|
"aria-hidden": "true",
|
|
85
89
|
children: "✕"
|
package/dist/select/select.js
CHANGED
|
@@ -11,36 +11,37 @@ var s = r({
|
|
|
11
11
|
idle: { on: { FOCUS: "focused" } },
|
|
12
12
|
focused: { on: { BLUR: "idle" } }
|
|
13
13
|
}
|
|
14
|
-
}), c = t(function({ label: t, hint: r, error: c, placeholder: l, options: u, size: d = "md", className: f, id: p, defaultValue: m, value: h, onFocus: g, onBlur: _,
|
|
15
|
-
let [
|
|
14
|
+
}), c = t(function({ label: t, hint: r, error: c, placeholder: l, options: u, size: d = "md", className: f, id: p, defaultValue: m, value: h, onFocus: g, onBlur: _, ariaLabel: v, ...y }, b) {
|
|
15
|
+
let [x, S] = i(s), C = p ?? (t ? `cascade-select-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), w = h !== void 0, T = l !== void 0;
|
|
16
16
|
return /* @__PURE__ */ o("div", {
|
|
17
17
|
className: n(e.wrapper, f),
|
|
18
|
-
"data-state": c ? "error" :
|
|
18
|
+
"data-state": c ? "error" : x.value,
|
|
19
19
|
"data-size": d,
|
|
20
20
|
children: [
|
|
21
21
|
t && /* @__PURE__ */ a("label", {
|
|
22
22
|
className: e.label,
|
|
23
|
-
htmlFor:
|
|
23
|
+
htmlFor: C,
|
|
24
24
|
children: t
|
|
25
25
|
}),
|
|
26
26
|
/* @__PURE__ */ o("div", {
|
|
27
27
|
className: e.field,
|
|
28
28
|
children: [/* @__PURE__ */ o("select", {
|
|
29
|
-
id:
|
|
29
|
+
id: C,
|
|
30
30
|
className: e.select,
|
|
31
31
|
"aria-invalid": c ? !0 : void 0,
|
|
32
|
-
"aria-describedby": c ? `${
|
|
32
|
+
"aria-describedby": c ? `${C}-error` : r ? `${C}-hint` : void 0,
|
|
33
33
|
value: h,
|
|
34
|
-
defaultValue: !
|
|
34
|
+
defaultValue: !w && T ? m ?? "" : m,
|
|
35
35
|
onFocus: (e) => {
|
|
36
|
-
|
|
36
|
+
S("FOCUS"), g?.(e);
|
|
37
37
|
},
|
|
38
38
|
onBlur: (e) => {
|
|
39
|
-
|
|
39
|
+
S("BLUR"), _?.(e);
|
|
40
40
|
},
|
|
41
|
-
ref:
|
|
42
|
-
...
|
|
43
|
-
|
|
41
|
+
ref: b,
|
|
42
|
+
...y,
|
|
43
|
+
"aria-label": y["aria-label"] ?? v,
|
|
44
|
+
children: [T && /* @__PURE__ */ a("option", {
|
|
44
45
|
value: "",
|
|
45
46
|
disabled: !0,
|
|
46
47
|
children: l
|
|
@@ -55,13 +56,13 @@ var s = r({
|
|
|
55
56
|
})]
|
|
56
57
|
}),
|
|
57
58
|
c && /* @__PURE__ */ a("span", {
|
|
58
|
-
id: `${
|
|
59
|
+
id: `${C}-error`,
|
|
59
60
|
className: e.error,
|
|
60
61
|
role: "alert",
|
|
61
62
|
children: c
|
|
62
63
|
}),
|
|
63
64
|
!c && r && /* @__PURE__ */ a("span", {
|
|
64
|
-
id: `${
|
|
65
|
+
id: `${C}-hint`,
|
|
65
66
|
className: e.hint,
|
|
66
67
|
children: r
|
|
67
68
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._sideNav_uayvm_2{box-sizing:border-box;inline-size:var(--cascivo-sidenav-inline-size,16rem);block-size:100%;max-block-size:100%;padding:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);background-color:var(--cascivo-sidenav-bg,var(--cascivo-color-surface));border-inline-end:1px solid var(--cascivo-color-border);transition:inline-size var(--cascivo-motion-emphasis);flex-direction:column;display:flex;overflow:hidden auto}._sideNav_uayvm_2[data-state=collapsed]{inline-size:var(--cascivo-sidenav-rail-inline-size,4rem)}._sideNav_uayvm_2[data-state=collapsed] ._label_uayvm_24[data-rail-hidden],._sideNav_uayvm_2[data-state=collapsed] ._trailing_uayvm_25[data-rail-hidden],._sideNav_uayvm_2[data-state=collapsed] ._groupIndicator_uayvm_29{display:none}._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]{position:relative}._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within{inline-size:var(--cascivo-sidenav-inline-size,16rem);z-index:10;box-shadow:var(--cascivo-shadow-md);position:absolute;inset-block:0}:is(._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._label_uayvm_24[data-rail-hidden],:is(._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._trailing_uayvm_25[data-rail-hidden]{display:initial}:is(._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._link_uayvm_50,:is(._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._groupTrigger_uayvm_51{padding-inline:var(--cascivo-space-3);justify-content:flex-start}:is(._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._groupIndicator_uayvm_29{display:initial}:is(._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_uayvm_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._fallbackIcon_uayvm_60{display:none}._list_uayvm_67,._sublistInner_uayvm_68,._groupItems_uayvm_69{gap:var(--cascivo-space-1);padding:0;padding-inline:var(--cascivo-space-2);flex-direction:column;margin:0;list-style:none;display:flex}._group_uayvm_29{display:contents}._group_uayvm_29+._group_uayvm_29>._groupLabel_uayvm_84,._group_uayvm_29+._group_uayvm_29>._groupItems_uayvm_69:first-child{border-block-start:1px solid var(--cascivo-color-border);margin-block-start:var(--cascivo-space-4);padding-block-start:var(--cascivo-space-3)}._groupLabel_uayvm_84{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2) var(--cascivo-space-1);font-size:var(--cascivo-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--cascivo-color-foreground-muted);margin:0;font-weight:600}._link_uayvm_50,._groupTrigger_uayvm_51{align-items:center;gap:var(--cascivo-space-2);inline-size:100%;padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2);font-family:inherit;font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-tight);text-align:start;white-space:nowrap;color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-item);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;text-decoration:none;display:flex;position:relative}:is(._link_uayvm_50,._groupTrigger_uayvm_51):hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}:is(._link_uayvm_50,._groupTrigger_uayvm_51):focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_uayvm_50[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium);background-color:var(--cascivo-color-accent-subtle)}._link_uayvm_50[data-state=active]:before{content:"";inset-block:var(--cascivo-radius-item);background:var(--cascivo-color-accent);border-radius:var(--cascivo-radius-full);inline-size:2px;position:absolute;inset-inline-start:0}._link_uayvm_50[data-tone=danger]{color:var(--cascivo-color-destructive)}._link_uayvm_50[data-tone=warning]{color:var(--cascivo-color-warning)}._link_uayvm_50[data-tone=success]{color:var(--cascivo-color-success)}._link_uayvm_50:disabled,._link_uayvm_50[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._trailing_uayvm_25{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);flex-shrink:0;align-items:center;margin-inline-start:auto;display:inline-flex}._checkMark_uayvm_185{color:var(--cascivo-color-accent);flex-shrink:0;margin-inline-start:auto}._icon_uayvm_191{inline-size:var(--cascivo-space-4);block-size:var(--cascivo-space-4);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._fallbackIcon_uayvm_60{background:var(--cascivo-color-bg-subtle);block-size:1.25rem;inline-size:1.25rem;font-size:.6875rem;font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._label_uayvm_24{text-overflow:ellipsis;overflow:hidden}._groupIndicator_uayvm_29{transition:rotate var(--cascivo-motion-emphasis);flex-shrink:0;margin-inline-start:auto}._groupTrigger_uayvm_51[data-state=open] ._groupIndicator_uayvm_29{rotate:180deg}._sublist_uayvm_68{visibility:hidden;transition:grid-template-rows var(--cascivo-motion-exit), visibility var(--cascivo-motion-exit);grid-template-rows:0fr;display:grid}._sublist_uayvm_68[data-state=open]{visibility:visible;transition:grid-template-rows var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);grid-template-rows:1fr}._sublistInner_uayvm_68{min-block-size:0;overflow:hidden}._sublink_uayvm_251{padding-inline-start:calc(var(--cascivo-space-3) + var(--cascivo-space-4) + var(--cascivo-space-2))}._sublink_uayvm_251[data-selected]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}._subSeparator_uayvm_263{block-size:1px;margin-block:var(--cascivo-space-1);margin-inline:var(--cascivo-space-3);background:var(--cascivo-color-border)}._subGroupLabel_uayvm_270{padding-inline-start:calc(var(--cascivo-space-3) + var(--cascivo-space-4) + var(--cascivo-space-2));padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--cascivo-color-text-subtle)}._header_uayvm_282,._footer_uayvm_289{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._customItem_uayvm_297{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2)}._collapseToggle_uayvm_302{padding-block:var(--cascivo-space-2);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;margin-block-start:auto;display:flex}._collapseToggle_uayvm_302:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._collapseToggle_uayvm_302:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._collapseIcon_uayvm_328{transition:rotate var(--cascivo-motion-emphasis)}._sideNav_uayvm_2[data-state=collapsed] ._collapseIcon_uayvm_328{rotate:180deg}._railFlyout_uayvm_337{min-inline-size:11rem;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);margin:0;position:absolute;inset-block-start:anchor(start);inset-inline-start:anchor(end)}._railFlyout_uayvm_337:popover-open{flex-direction:column;gap:2px;display:flex}@starting-style{._railFlyout_uayvm_337:popover-open{opacity:0;translate:-4px}}._railFlyout_uayvm_337{transition:opacity var(--cascivo-duration-150) var(--cascivo-ease-out), translate var(--cascivo-duration-150) var(--cascivo-ease-out), display var(--cascivo-duration-150) var(--cascivo-ease-out) allow-discrete, overlay var(--cascivo-duration-150) var(--cascivo-ease-out) allow-discrete}._railFlyoutCaption_uayvm_369{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text-subtle);text-transform:uppercase;letter-spacing:.05em}._flyoutItem_uayvm_379{border-inline-start:none;padding-inline-start:var(--cascivo-space-3)}._flyoutSeparator_uayvm_384{block-size:1px;margin-block:var(--cascivo-space-1);margin-inline:var(--cascivo-space-2);background:var(--cascivo-color-border)}}
|