iryx-ui 0.12.0 → 0.13.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 +35 -1315
- package/dist/component-names.d.ts +1 -1
- package/dist/component-names.js +1 -1
- package/dist/components/Accordion.js +5 -0
- package/dist/components/Accordion.vue.d.ts +80 -0
- package/dist/components/Accordion.vue_vue_type_script_setup_true_lang.js +87 -0
- package/dist/components/Alert.vue.d.ts +1 -1
- package/dist/components/Alert.vue_vue_type_script_setup_true_lang.js +7 -7
- package/dist/components/App.vue.d.ts +1 -1
- package/dist/components/AppShell.js +5 -0
- package/dist/components/AppShell.vue.d.ts +46 -0
- package/dist/components/AppShell.vue_vue_type_script_setup_true_lang.js +59 -0
- package/dist/components/AspectRatio.js +5 -0
- package/dist/components/AspectRatio.vue.d.ts +26 -0
- package/dist/components/AspectRatio.vue_vue_type_script_setup_true_lang.js +27 -0
- package/dist/components/Avatar.js +5 -0
- package/dist/components/Avatar.vue.d.ts +52 -0
- package/dist/components/Avatar.vue_vue_type_script_setup_true_lang.js +67 -0
- package/dist/components/AvatarGroup.js +5 -0
- package/dist/components/AvatarGroup.vue.d.ts +39 -0
- package/dist/components/AvatarGroup.vue_vue_type_script_setup_true_lang.js +45 -0
- package/dist/components/Badge.vue.d.ts +1 -1
- package/dist/components/Banner.vue.d.ts +2 -2
- package/dist/components/BarChart.vue.d.ts +1 -1
- package/dist/components/BarChart.vue_vue_type_script_setup_true_lang.js +14 -14
- package/dist/components/Button.vue.d.ts +2 -2
- package/dist/components/ButtonGroup.vue.d.ts +1 -1
- package/dist/components/Card.vue.d.ts +1 -1
- package/dist/components/Collapsible.js +5 -0
- package/dist/components/Collapsible.vue.d.ts +58 -0
- package/dist/components/Collapsible.vue_vue_type_script_setup_true_lang.js +67 -0
- package/dist/components/ColorPicker.js +5 -0
- package/dist/components/ColorPicker.vue.d.ts +49 -0
- package/dist/components/ColorPicker.vue_vue_type_script_setup_true_lang.js +172 -0
- package/dist/components/Combobox.vue.d.ts +6 -6
- package/dist/components/CommandPalette.js +5 -0
- package/dist/components/CommandPalette.vue.d.ts +63 -0
- package/dist/components/CommandPalette.vue_vue_type_script_setup_true_lang.js +185 -0
- package/dist/components/Container.js +5 -0
- package/dist/components/Container.vue.d.ts +33 -0
- package/dist/components/Container.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/components/ContextMenu.js +5 -0
- package/dist/components/ContextMenu.vue.d.ts +42 -0
- package/dist/components/ContextMenu.vue_vue_type_script_setup_true_lang.js +49 -0
- package/dist/components/DateRangePicker.vue.d.ts +1 -1
- package/dist/components/Dialog.vue.d.ts +1 -1
- package/dist/components/Drawer.vue.d.ts +2 -2
- package/dist/components/EmptyState.vue.d.ts +1 -1
- package/dist/components/Input.vue.d.ts +1 -1
- package/dist/components/Input.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/components/Kbd.js +5 -0
- package/dist/components/Kbd.vue.d.ts +46 -0
- package/dist/components/Kbd.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/components/LineChart.vue_vue_type_script_setup_true_lang.js +19 -19
- package/dist/components/Menubar.js +5 -0
- package/dist/components/Menubar.vue.d.ts +62 -0
- package/dist/components/Menubar.vue_vue_type_script_setup_true_lang.js +79 -0
- package/dist/components/NavigationMenu.js +5 -0
- package/dist/components/NavigationMenu.vue.d.ts +75 -0
- package/dist/components/NavigationMenu.vue_vue_type_script_setup_true_lang.js +167 -0
- package/dist/components/NumberInput.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/PageHeader.js +5 -0
- package/dist/components/PageHeader.vue.d.ts +52 -0
- package/dist/components/PageHeader.vue_vue_type_script_setup_true_lang.js +59 -0
- package/dist/components/PinInput.js +5 -0
- package/dist/components/PinInput.vue.d.ts +65 -0
- package/dist/components/PinInput.vue_vue_type_script_setup_true_lang.js +76 -0
- package/dist/components/Popover.js +5 -0
- package/dist/components/Popover.vue.d.ts +75 -0
- package/dist/components/Popover.vue_vue_type_script_setup_true_lang.js +99 -0
- package/dist/components/Progress.vue.d.ts +20 -1
- package/dist/components/Progress.vue_vue_type_script_setup_true_lang.js +84 -44
- package/dist/components/RadioGroup.vue_vue_type_script_setup_true_lang.js +4 -1
- package/dist/components/ScrollArea.js +5 -0
- package/dist/components/ScrollArea.vue.d.ts +41 -0
- package/dist/components/ScrollArea.vue_vue_type_script_setup_true_lang.js +68 -0
- package/dist/components/ScrollFade.js +5 -0
- package/dist/components/ScrollFade.vue.d.ts +36 -0
- package/dist/components/ScrollFade.vue_vue_type_script_setup_true_lang.js +59 -0
- package/dist/components/Select.vue.d.ts +2 -2
- package/dist/components/Sidebar.js +5 -0
- package/dist/components/Sidebar.vue.d.ts +72 -0
- package/dist/components/Sidebar.vue_vue_type_script_setup_true_lang.js +183 -0
- package/dist/components/SignaturePad.js +5 -0
- package/dist/components/SignaturePad.vue.d.ts +60 -0
- package/dist/components/SignaturePad.vue_vue_type_script_setup_true_lang.js +158 -0
- package/dist/components/Skeleton.vue.d.ts +1 -1
- package/dist/components/Skeleton.vue_vue_type_script_setup_true_lang.js +8 -8
- package/dist/components/Slider.js +5 -0
- package/dist/components/Slider.vue.d.ts +80 -0
- package/dist/components/Slider.vue_vue_type_script_setup_true_lang.js +115 -0
- package/dist/components/Splitter.js +5 -0
- package/dist/components/Splitter.vue.d.ts +59 -0
- package/dist/components/Splitter.vue_vue_type_script_setup_true_lang.js +69 -0
- package/dist/components/Stat.vue.d.ts +1 -1
- package/dist/components/Switch.vue.d.ts +1 -0
- package/dist/components/Switch.vue_vue_type_script_setup_true_lang.js +7 -3
- package/dist/components/Table.vue.d.ts +7 -1
- package/dist/components/Table.vue_vue_type_script_setup_true_lang.js +73 -58
- package/dist/components/TagsInput.js +5 -0
- package/dist/components/TagsInput.vue.d.ts +71 -0
- package/dist/components/TagsInput.vue_vue_type_script_setup_true_lang.js +119 -0
- package/dist/components/Textarea.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/TimeField.js +5 -0
- package/dist/components/TimeField.vue.d.ts +50 -0
- package/dist/components/TimeField.vue_vue_type_script_setup_true_lang.js +85 -0
- package/dist/components/Timeline.js +5 -0
- package/dist/components/Timeline.vue.d.ts +61 -0
- package/dist/components/Timeline.vue_vue_type_script_setup_true_lang.js +60 -0
- package/dist/components/Toaster.vue.d.ts +1 -1
- package/dist/components/Toggle.js +5 -0
- package/dist/components/Toggle.vue.d.ts +42 -0
- package/dist/components/Toggle.vue_vue_type_script_setup_true_lang.js +52 -0
- package/dist/components/ToggleGroup.js +5 -0
- package/dist/components/ToggleGroup.vue.d.ts +64 -0
- package/dist/components/ToggleGroup.vue_vue_type_script_setup_true_lang.js +78 -0
- package/dist/components/Toolbar.js +5 -0
- package/dist/components/Toolbar.vue.d.ts +52 -0
- package/dist/components/Toolbar.vue_vue_type_script_setup_true_lang.js +94 -0
- package/dist/components/Tree.js +5 -0
- package/dist/components/Tree.vue.d.ts +70 -0
- package/dist/components/Tree.vue_vue_type_script_setup_true_lang.js +112 -0
- package/dist/components/index.d.ts +29 -0
- package/dist/components/index.js +144 -86
- package/dist/composables/appearance.js +5 -1
- package/dist/composables/cartesian.d.ts +11 -0
- package/dist/composables/cartesian.js +18 -19
- package/dist/composables/command-palette.d.ts +42 -0
- package/dist/composables/command-palette.js +32 -0
- package/dist/composables/date.d.ts +18 -2
- package/dist/composables/date.js +23 -12
- package/dist/composables/kbd.d.ts +26 -0
- package/dist/composables/kbd.js +161 -0
- package/dist/composables/navigation-menu.d.ts +29 -0
- package/dist/composables/navigation-menu.js +6 -0
- package/dist/composables/scroll-fade.d.ts +35 -0
- package/dist/composables/scroll-fade.js +36 -0
- package/dist/composables/sidebar.d.ts +35 -0
- package/dist/composables/sidebar.js +23 -0
- package/dist/composables/signature.d.ts +22 -0
- package/dist/composables/signature.js +13 -0
- package/dist/index.d.ts +35 -0
- package/dist/index.js +153 -93
- package/dist/theme/accordion.d.ts +68 -0
- package/dist/theme/accordion.js +24 -0
- package/dist/theme/alert.d.ts +0 -3
- package/dist/theme/app-shell.d.ts +77 -0
- package/dist/theme/app-shell.js +35 -0
- package/dist/theme/avatar.d.ts +253 -0
- package/dist/theme/avatar.js +84 -0
- package/dist/theme/banner.d.ts +0 -9
- package/dist/theme/bar-chart.d.ts +0 -16
- package/dist/theme/breadcrumb.d.ts +3 -3
- package/dist/theme/button-group.d.ts +0 -3
- package/dist/theme/button.d.ts +0 -3
- package/dist/theme/card.js +2 -2
- package/dist/theme/chart-legend.d.ts +3 -11
- package/dist/theme/collapsible.d.ts +44 -0
- package/dist/theme/collapsible.js +17 -0
- package/dist/theme/color-picker.d.ts +98 -0
- package/dist/theme/color-picker.js +19 -0
- package/dist/theme/command-palette.d.ts +122 -0
- package/dist/theme/command-palette.js +22 -0
- package/dist/theme/container.d.ts +101 -0
- package/dist/theme/container.js +26 -0
- package/dist/theme/date-picker.d.ts +12 -0
- package/dist/theme/date-picker.js +1 -1
- package/dist/theme/dropdown-menu.d.ts +0 -9
- package/dist/theme/file-upload.d.ts +0 -3
- package/dist/theme/form.d.ts +12 -12
- package/dist/theme/index.d.ts +25 -0
- package/dist/theme/kbd.d.ts +71 -0
- package/dist/theme/kbd.js +29 -0
- package/dist/theme/line-chart.d.ts +0 -9
- package/dist/theme/menubar.d.ts +29 -0
- package/dist/theme/menubar.js +11 -0
- package/dist/theme/navigation-menu.d.ts +161 -0
- package/dist/theme/navigation-menu.js +43 -0
- package/dist/theme/number-input.d.ts +0 -3
- package/dist/theme/page-header.d.ts +47 -0
- package/dist/theme/page-header.js +17 -0
- package/dist/theme/pagination.d.ts +0 -3
- package/dist/theme/pin-input.d.ts +86 -0
- package/dist/theme/pin-input.js +32 -0
- package/dist/theme/popover.d.ts +119 -0
- package/dist/theme/popover.js +31 -0
- package/dist/theme/presets.d.ts +0 -2
- package/dist/theme/progress.d.ts +93 -0
- package/dist/theme/progress.js +37 -7
- package/dist/theme/radio-group.d.ts +24 -0
- package/dist/theme/radio-group.js +23 -14
- package/dist/theme/scroll-area.d.ts +65 -0
- package/dist/theme/scroll-area.js +57 -0
- package/dist/theme/scroll-fade.d.ts +35 -0
- package/dist/theme/scroll-fade.js +12 -0
- package/dist/theme/sidebar.d.ts +167 -0
- package/dist/theme/sidebar.js +43 -0
- package/dist/theme/signature-pad.d.ts +50 -0
- package/dist/theme/signature-pad.js +17 -0
- package/dist/theme/slider.d.ts +128 -0
- package/dist/theme/slider.js +49 -0
- package/dist/theme/sparkline.d.ts +0 -6
- package/dist/theme/splitter.d.ts +59 -0
- package/dist/theme/splitter.js +25 -0
- package/dist/theme/stat.d.ts +0 -3
- package/dist/theme/stepper.js +2 -2
- package/dist/theme/switch.d.ts +53 -29
- package/dist/theme/switch.js +33 -8
- package/dist/theme/table.d.ts +51 -3
- package/dist/theme/table.js +8 -3
- package/dist/theme/tabs.d.ts +0 -3
- package/dist/theme/tags-input.d.ts +110 -0
- package/dist/theme/tags-input.js +42 -0
- package/dist/theme/time-field.d.ts +68 -0
- package/dist/theme/time-field.js +21 -0
- package/dist/theme/timeline.d.ts +182 -0
- package/dist/theme/timeline.js +83 -0
- package/dist/theme/toggle.d.ts +145 -0
- package/dist/theme/toggle.js +84 -0
- package/dist/theme/toolbar.d.ts +56 -0
- package/dist/theme/toolbar.js +21 -0
- package/dist/theme/tree.d.ts +68 -0
- package/dist/theme/tree.js +28 -0
- package/package.json +2 -2
- package/theme.css +221 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
export { componentNames } from './component-names';
|
|
2
2
|
export type { ComponentName } from './component-names';
|
|
3
3
|
export * from './components';
|
|
4
|
+
export type { AccordionItemData, AccordionProps } from './components/Accordion.vue';
|
|
4
5
|
export type { AlertProps } from './components/Alert.vue';
|
|
5
6
|
export type { AppProps } from './components/App.vue';
|
|
7
|
+
export type { AppShellProps } from './components/AppShell.vue';
|
|
8
|
+
export type { AspectRatioProps } from './components/AspectRatio.vue';
|
|
9
|
+
export type { AvatarProps } from './components/Avatar.vue';
|
|
10
|
+
export type { AvatarGroupItem, AvatarGroupProps } from './components/AvatarGroup.vue';
|
|
6
11
|
export type { BadgeProps } from './components/Badge.vue';
|
|
7
12
|
export type { BannerProps } from './components/Banner.vue';
|
|
8
13
|
export type { BarChartDatum, BarChartProps } from './components/BarChart.vue';
|
|
@@ -12,8 +17,13 @@ export type { ButtonGroupProps } from './components/ButtonGroup.vue';
|
|
|
12
17
|
export type { CardProps } from './components/Card.vue';
|
|
13
18
|
export type { ChartLegendProps } from './components/ChartLegend.vue';
|
|
14
19
|
export type { CheckboxProps } from './components/Checkbox.vue';
|
|
20
|
+
export type { CollapsibleProps } from './components/Collapsible.vue';
|
|
21
|
+
export type { ColorPickerProps } from './components/ColorPicker.vue';
|
|
15
22
|
export type { ComboboxItemGroup, ComboboxItemOption, ComboboxItems, ComboboxProps } from './components/Combobox.vue';
|
|
23
|
+
export type { CommandPaletteProps } from './components/CommandPalette.vue';
|
|
16
24
|
export type { ConfirmDialogProps } from './components/ConfirmDialog.vue';
|
|
25
|
+
export type { ContainerProps } from './components/Container.vue';
|
|
26
|
+
export type { ContextMenuProps } from './components/ContextMenu.vue';
|
|
17
27
|
export type { DatePickerProps } from './components/DatePicker.vue';
|
|
18
28
|
export type { DateRange, DateRangePickerProps } from './components/DateRangePicker.vue';
|
|
19
29
|
export type { DialogProps } from './components/Dialog.vue';
|
|
@@ -24,28 +34,48 @@ export type { FileRejection, FileUploadProps } from './components/FileUpload.vue
|
|
|
24
34
|
export type { FormProps } from './components/Form.vue';
|
|
25
35
|
export type { FormFieldProps } from './components/FormField.vue';
|
|
26
36
|
export type { InputProps } from './components/Input.vue';
|
|
37
|
+
export type { KbdProps } from './components/Kbd.vue';
|
|
27
38
|
export type { LabelProps } from './components/Label.vue';
|
|
28
39
|
export type { LineChartDatum, LineChartProps } from './components/LineChart.vue';
|
|
40
|
+
export type { MenubarMenuOption, MenubarProps } from './components/Menubar.vue';
|
|
41
|
+
export type { NavigationMenuProps } from './components/NavigationMenu.vue';
|
|
29
42
|
export type { NumberInputProps } from './components/NumberInput.vue';
|
|
43
|
+
export type { PageHeaderProps } from './components/PageHeader.vue';
|
|
30
44
|
export type { PaginationProps } from './components/Pagination.vue';
|
|
31
45
|
export type { PasswordInputProps } from './components/PasswordInput.vue';
|
|
46
|
+
export type { PinInputProps } from './components/PinInput.vue';
|
|
47
|
+
export type { PopoverProps } from './components/Popover.vue';
|
|
32
48
|
export type { ProgressProps } from './components/Progress.vue';
|
|
33
49
|
export type { RadioGroupItemOption, RadioGroupProps } from './components/RadioGroup.vue';
|
|
50
|
+
export type { ScrollAreaProps } from './components/ScrollArea.vue';
|
|
51
|
+
export type { ScrollFadeProps } from './components/ScrollFade.vue';
|
|
34
52
|
export type { SelectItemGroup, SelectItemOption, SelectItems, SelectProps } from './components/Select.vue';
|
|
35
53
|
export type { SeparatorProps } from './components/Separator.vue';
|
|
54
|
+
export type { SidebarProps } from './components/Sidebar.vue';
|
|
55
|
+
export type { SignaturePadProps } from './components/SignaturePad.vue';
|
|
36
56
|
export type { SkeletonProps } from './components/Skeleton.vue';
|
|
57
|
+
export type { SliderProps } from './components/Slider.vue';
|
|
37
58
|
export type { SparklineProps } from './components/Sparkline.vue';
|
|
59
|
+
export type { SplitterPanelOption, SplitterProps } from './components/Splitter.vue';
|
|
38
60
|
export type { StatProps } from './components/Stat.vue';
|
|
39
61
|
export type { StepperItemOption, StepperProps } from './components/Stepper.vue';
|
|
40
62
|
export type { SwitchProps } from './components/Switch.vue';
|
|
41
63
|
export type { TableProps } from './components/Table.vue';
|
|
42
64
|
export type { TabsItem, TabsProps } from './components/Tabs.vue';
|
|
65
|
+
export type { TagsInputProps } from './components/TagsInput.vue';
|
|
43
66
|
export type { TextareaProps } from './components/Textarea.vue';
|
|
67
|
+
export type { TimeFieldProps } from './components/TimeField.vue';
|
|
68
|
+
export type { TimelineItem, TimelineProps, TimelineVariant } from './components/Timeline.vue';
|
|
44
69
|
export type { ToasterProps } from './components/Toaster.vue';
|
|
70
|
+
export type { ToggleProps } from './components/Toggle.vue';
|
|
71
|
+
export type { ToggleGroupItemOption, ToggleGroupProps } from './components/ToggleGroup.vue';
|
|
72
|
+
export type { ToolbarButtonOption, ToolbarEntry, ToolbarProps } from './components/Toolbar.vue';
|
|
45
73
|
export type { TooltipProps } from './components/Tooltip.vue';
|
|
74
|
+
export type { TreeItemOption, TreeProps } from './components/Tree.vue';
|
|
46
75
|
export * from './composables/appearance';
|
|
47
76
|
export * from './composables/button-group';
|
|
48
77
|
export * from './composables/cartesian';
|
|
78
|
+
export * from './composables/command-palette';
|
|
49
79
|
export * from './composables/confirm';
|
|
50
80
|
export * from './composables/data-table';
|
|
51
81
|
export * from './composables/date';
|
|
@@ -53,7 +83,12 @@ export * from './composables/decimal';
|
|
|
53
83
|
export * from './composables/dropdown-menu';
|
|
54
84
|
export * from './composables/element-size';
|
|
55
85
|
export * from './composables/form';
|
|
86
|
+
export * from './composables/kbd';
|
|
87
|
+
export * from './composables/navigation-menu';
|
|
56
88
|
export * from './composables/scale';
|
|
89
|
+
export * from './composables/scroll-fade';
|
|
90
|
+
export * from './composables/sidebar';
|
|
91
|
+
export * from './composables/signature';
|
|
57
92
|
export * from './composables/toast';
|
|
58
93
|
export { defaultConfig, iryxUiConfigKey, useIryxUiConfig } from './config';
|
|
59
94
|
export type { IryxUiConfig } from './config';
|
package/dist/index.js
CHANGED
|
@@ -1,95 +1,155 @@
|
|
|
1
1
|
import { componentNames as e } from "./component-names.js";
|
|
2
2
|
import { defaultConfig as t, iryxUiConfigKey as n, useIryxUiConfig as r } from "./config.js";
|
|
3
|
-
import {
|
|
4
|
-
import a from "./components/
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import p from "./components/
|
|
10
|
-
import {
|
|
11
|
-
import h from "./
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import {
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import {
|
|
20
|
-
import
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import V from "./
|
|
24
|
-
import {
|
|
25
|
-
import U from "./components/
|
|
26
|
-
import
|
|
27
|
-
import G from "./
|
|
28
|
-
import
|
|
29
|
-
import q from "./
|
|
30
|
-
import {
|
|
31
|
-
import
|
|
32
|
-
import {
|
|
33
|
-
import
|
|
34
|
-
import {
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import {
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import {
|
|
45
|
-
import
|
|
46
|
-
import
|
|
47
|
-
import {
|
|
48
|
-
import
|
|
49
|
-
import {
|
|
50
|
-
import
|
|
51
|
-
import
|
|
52
|
-
import {
|
|
53
|
-
import
|
|
54
|
-
import
|
|
55
|
-
import
|
|
56
|
-
import {
|
|
57
|
-
import
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import
|
|
61
|
-
import {
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import {
|
|
66
|
-
import
|
|
67
|
-
import
|
|
68
|
-
import
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import
|
|
72
|
-
import
|
|
73
|
-
import {
|
|
74
|
-
import
|
|
75
|
-
import
|
|
76
|
-
import
|
|
77
|
-
import {
|
|
78
|
-
import
|
|
79
|
-
import {
|
|
80
|
-
import
|
|
81
|
-
import {
|
|
82
|
-
import
|
|
83
|
-
import
|
|
84
|
-
import {
|
|
85
|
-
import
|
|
86
|
-
import
|
|
87
|
-
import
|
|
88
|
-
import
|
|
89
|
-
import {
|
|
90
|
-
import
|
|
91
|
-
import
|
|
92
|
-
import
|
|
93
|
-
import
|
|
94
|
-
import
|
|
95
|
-
|
|
3
|
+
import { accordionTheme as i } from "./theme/accordion.js";
|
|
4
|
+
import a from "./components/Accordion.js";
|
|
5
|
+
import { alertTheme as o } from "./theme/alert.js";
|
|
6
|
+
import s from "./components/Alert.js";
|
|
7
|
+
import { initAppearance as c, useAppearance as l } from "./composables/appearance.js";
|
|
8
|
+
import { applyTheme as u, clearTheme as d, themes as f } from "./theme/presets.js";
|
|
9
|
+
import p from "./components/App.js";
|
|
10
|
+
import { useElementSize as m } from "./composables/element-size.js";
|
|
11
|
+
import { appShellTheme as h } from "./theme/app-shell.js";
|
|
12
|
+
import g from "./components/AppShell.js";
|
|
13
|
+
import _ from "./components/AspectRatio.js";
|
|
14
|
+
import { avatarGroupTheme as v, avatarTheme as y } from "./theme/avatar.js";
|
|
15
|
+
import b from "./components/Avatar.js";
|
|
16
|
+
import x from "./components/AvatarGroup.js";
|
|
17
|
+
import { badgeTheme as S } from "./theme/badge.js";
|
|
18
|
+
import C from "./components/Badge.js";
|
|
19
|
+
import { bannerTheme as w } from "./theme/banner.js";
|
|
20
|
+
import T from "./components/Banner.js";
|
|
21
|
+
import { extent as E, finiteValues as D, linearScale as O, niceTicks as k } from "./composables/scale.js";
|
|
22
|
+
import { AXIS_GAP as A, CATEGORY_HEIGHT as j, CHAR_WIDTH as M, SERIES_SLOTS as N, TOP_PAD as P, cartesianLayout as F, clampTooltip as I, seriesColor as L, slotOf as R, tooltipHalfWidth as z, warnOnSlotOverflow as B } from "./composables/cartesian.js";
|
|
23
|
+
import { barChartTheme as V } from "./theme/bar-chart.js";
|
|
24
|
+
import { chartLegendTheme as H } from "./theme/chart-legend.js";
|
|
25
|
+
import U from "./components/ChartLegend.js";
|
|
26
|
+
import W from "./components/BarChart.js";
|
|
27
|
+
import { breadcrumbTheme as G } from "./theme/breadcrumb.js";
|
|
28
|
+
import K from "./components/Breadcrumb.js";
|
|
29
|
+
import { buttonGroupContextKey as q, useButtonGroup as J } from "./composables/button-group.js";
|
|
30
|
+
import { buttonTheme as Y } from "./theme/button.js";
|
|
31
|
+
import X from "./components/Button.js";
|
|
32
|
+
import { buttonGroupTheme as Z } from "./theme/button-group.js";
|
|
33
|
+
import Q from "./components/ButtonGroup.js";
|
|
34
|
+
import { cardTheme as $ } from "./theme/card.js";
|
|
35
|
+
import ee from "./components/Card.js";
|
|
36
|
+
import { checkboxTheme as te } from "./theme/checkbox.js";
|
|
37
|
+
import ne from "./components/Checkbox.js";
|
|
38
|
+
import { collapsibleTheme as re } from "./theme/collapsible.js";
|
|
39
|
+
import ie from "./components/Collapsible.js";
|
|
40
|
+
import { fieldBase as ae, inputTheme as oe, textareaTheme as se } from "./theme/input.js";
|
|
41
|
+
import { colorPickerTheme as ce } from "./theme/color-picker.js";
|
|
42
|
+
import le from "./components/ColorPicker.js";
|
|
43
|
+
import { formContextKey as ue, formFieldContextKey as de, getByPath as fe, isStandardSchema as pe, issuePath as me, useForm as he, useFormField as ge } from "./composables/form.js";
|
|
44
|
+
import { comboboxTheme as _e } from "./theme/combobox.js";
|
|
45
|
+
import ve from "./components/Combobox.js";
|
|
46
|
+
import { isApplePlatform as ye, parseHotkey as be, useApplePlatform as xe } from "./composables/kbd.js";
|
|
47
|
+
import { commandHaystack as Se, isCommandGroup as Ce, matchesHotkey as we, toCommandGroups as Te } from "./composables/command-palette.js";
|
|
48
|
+
import { commandPaletteTheme as Ee } from "./theme/command-palette.js";
|
|
49
|
+
import { kbdTheme as De } from "./theme/kbd.js";
|
|
50
|
+
import Oe from "./components/Kbd.js";
|
|
51
|
+
import ke from "./components/CommandPalette.js";
|
|
52
|
+
import { resolveConfirm as Ae, useConfirm as je, useConfirmState as Me } from "./composables/confirm.js";
|
|
53
|
+
import { dialogTheme as Ne } from "./theme/dialog.js";
|
|
54
|
+
import Pe from "./components/Dialog.js";
|
|
55
|
+
import Fe from "./components/ConfirmDialog.js";
|
|
56
|
+
import { containerTheme as Ie } from "./theme/container.js";
|
|
57
|
+
import Le from "./components/Container.js";
|
|
58
|
+
import { dropdownMenuTheme as Re } from "./theme/dropdown-menu.js";
|
|
59
|
+
import { isSeparator as ze, isSubmenu as Be } from "./composables/dropdown-menu.js";
|
|
60
|
+
import Ve from "./components/ContextMenu.js";
|
|
61
|
+
import { CalendarDate as He, Time as Ue, formatIsoDate as We, isoToday as Ge, toCalendarDate as Ke, toIsoDate as qe, toIsoTime as Je, toTime as Ye } from "./composables/date.js";
|
|
62
|
+
import { datePickerTheme as Xe } from "./theme/date-picker.js";
|
|
63
|
+
import Ze from "./components/DatePicker.js";
|
|
64
|
+
import Qe from "./components/DateRangePicker.js";
|
|
65
|
+
import { drawerTheme as $e } from "./theme/drawer.js";
|
|
66
|
+
import et from "./components/Drawer.js";
|
|
67
|
+
import tt from "./components/DropdownMenu.js";
|
|
68
|
+
import { emptyStateTheme as nt } from "./theme/empty-state.js";
|
|
69
|
+
import rt from "./components/EmptyState.js";
|
|
70
|
+
import { fileUploadTheme as it } from "./theme/file-upload.js";
|
|
71
|
+
import at from "./components/FileUpload.js";
|
|
72
|
+
import ot from "./components/Form.js";
|
|
73
|
+
import { labelTheme as st } from "./theme/label.js";
|
|
74
|
+
import ct from "./components/Label.js";
|
|
75
|
+
import lt from "./components/FormField.js";
|
|
76
|
+
import ut from "./components/Input.js";
|
|
77
|
+
import { lineChartTheme as dt } from "./theme/line-chart.js";
|
|
78
|
+
import ft from "./components/LineChart.js";
|
|
79
|
+
import { menubarTheme as pt } from "./theme/menubar.js";
|
|
80
|
+
import mt from "./components/Menubar.js";
|
|
81
|
+
import { isNavigationGroup as ht } from "./composables/navigation-menu.js";
|
|
82
|
+
import { navigationMenuTheme as gt } from "./theme/navigation-menu.js";
|
|
83
|
+
import _t from "./components/NavigationMenu.js";
|
|
84
|
+
import { addDecimals as vt, clampDecimal as yt, compareDecimals as bt, formatDecimal as xt, formatForLocale as St, isDecimal as Ct, localeSeparators as wt, parseDecimal as Tt, parseFromLocale as Et, roundDecimal as Dt, toEditable as Ot } from "./composables/decimal.js";
|
|
85
|
+
import { numberInputTheme as kt } from "./theme/number-input.js";
|
|
86
|
+
import At from "./components/NumberInput.js";
|
|
87
|
+
import { pageHeaderTheme as jt } from "./theme/page-header.js";
|
|
88
|
+
import Mt from "./components/PageHeader.js";
|
|
89
|
+
import { paginationTheme as Nt } from "./theme/pagination.js";
|
|
90
|
+
import Pt from "./components/Pagination.js";
|
|
91
|
+
import { passwordInputTheme as Ft } from "./theme/password-input.js";
|
|
92
|
+
import It from "./components/PasswordInput.js";
|
|
93
|
+
import { pinInputTheme as Lt } from "./theme/pin-input.js";
|
|
94
|
+
import Rt from "./components/PinInput.js";
|
|
95
|
+
import { popoverTheme as zt } from "./theme/popover.js";
|
|
96
|
+
import Bt from "./components/Popover.js";
|
|
97
|
+
import { progressTheme as Vt } from "./theme/progress.js";
|
|
98
|
+
import Ht from "./components/Progress.js";
|
|
99
|
+
import { radioGroupTheme as Ut } from "./theme/radio-group.js";
|
|
100
|
+
import Wt from "./components/RadioGroup.js";
|
|
101
|
+
import { scrollAreaTheme as Gt } from "./theme/scroll-area.js";
|
|
102
|
+
import Kt from "./components/ScrollArea.js";
|
|
103
|
+
import { scrollFadeMask as qt, useScrollEdges as Jt } from "./composables/scroll-fade.js";
|
|
104
|
+
import { scrollFadeTheme as Yt } from "./theme/scroll-fade.js";
|
|
105
|
+
import Xt from "./components/ScrollFade.js";
|
|
106
|
+
import { selectTheme as Zt } from "./theme/select.js";
|
|
107
|
+
import Qt from "./components/Select.js";
|
|
108
|
+
import { separatorTheme as $t } from "./theme/separator.js";
|
|
109
|
+
import en from "./components/Separator.js";
|
|
110
|
+
import { isSidebarGroup as tn, isSidebarSection as nn, toSidebarSections as rn } from "./composables/sidebar.js";
|
|
111
|
+
import { sidebarTheme as an } from "./theme/sidebar.js";
|
|
112
|
+
import on from "./components/Sidebar.js";
|
|
113
|
+
import { hasInk as sn, strokeWidth as cn } from "./composables/signature.js";
|
|
114
|
+
import { signaturePadTheme as ln } from "./theme/signature-pad.js";
|
|
115
|
+
import un from "./components/SignaturePad.js";
|
|
116
|
+
import { skeletonTheme as dn } from "./theme/skeleton.js";
|
|
117
|
+
import fn from "./components/Skeleton.js";
|
|
118
|
+
import { sliderTheme as pn } from "./theme/slider.js";
|
|
119
|
+
import mn from "./components/Slider.js";
|
|
120
|
+
import { sparklineTheme as hn } from "./theme/sparkline.js";
|
|
121
|
+
import gn from "./components/Sparkline.js";
|
|
122
|
+
import { splitterTheme as _n } from "./theme/splitter.js";
|
|
123
|
+
import vn from "./components/Splitter.js";
|
|
124
|
+
import { statTheme as yn } from "./theme/stat.js";
|
|
125
|
+
import bn from "./components/Stat.js";
|
|
126
|
+
import { stepperTheme as xn } from "./theme/stepper.js";
|
|
127
|
+
import Sn from "./components/Stepper.js";
|
|
128
|
+
import { switchTheme as Cn } from "./theme/switch.js";
|
|
129
|
+
import wn from "./components/Switch.js";
|
|
130
|
+
import { getRowValue as Tn, useDataTable as En } from "./composables/data-table.js";
|
|
131
|
+
import { tableTheme as Dn } from "./theme/table.js";
|
|
132
|
+
import On from "./components/Table.js";
|
|
133
|
+
import { tabsTheme as kn } from "./theme/tabs.js";
|
|
134
|
+
import An from "./components/Tabs.js";
|
|
135
|
+
import { tagsInputTheme as jn } from "./theme/tags-input.js";
|
|
136
|
+
import Mn from "./components/TagsInput.js";
|
|
137
|
+
import Nn from "./components/Textarea.js";
|
|
138
|
+
import { timeFieldTheme as Pn } from "./theme/time-field.js";
|
|
139
|
+
import Fn from "./components/TimeField.js";
|
|
140
|
+
import { timelineTheme as In } from "./theme/timeline.js";
|
|
141
|
+
import Ln from "./components/Timeline.js";
|
|
142
|
+
import { useToast as Rn, useToastState as zn } from "./composables/toast.js";
|
|
143
|
+
import { toastTheme as Bn } from "./theme/toast.js";
|
|
144
|
+
import Vn from "./components/Toaster.js";
|
|
145
|
+
import { toggleGroupTheme as Hn, toggleTheme as Un } from "./theme/toggle.js";
|
|
146
|
+
import Wn from "./components/Toggle.js";
|
|
147
|
+
import Gn from "./components/ToggleGroup.js";
|
|
148
|
+
import { toolbarTheme as Kn } from "./theme/toolbar.js";
|
|
149
|
+
import qn from "./components/Toolbar.js";
|
|
150
|
+
import { tooltipTheme as Jn } from "./theme/tooltip.js";
|
|
151
|
+
import Yn from "./components/Tooltip.js";
|
|
152
|
+
import { treeTheme as Xn } from "./theme/tree.js";
|
|
153
|
+
import Zn from "./components/Tree.js";
|
|
154
|
+
import { IryxUi as Qn, createIryxUi as $n } from "./plugin.js";
|
|
155
|
+
export { A as AXIS_GAP, a as Accordion, s as Alert, p as App, g as AppShell, _ as AspectRatio, b as Avatar, x as AvatarGroup, C as Badge, T as Banner, W as BarChart, K as Breadcrumb, X as Button, Q as ButtonGroup, j as CATEGORY_HEIGHT, M as CHAR_WIDTH, He as CalendarDate, ee as Card, U as ChartLegend, ne as Checkbox, ie as Collapsible, le as ColorPicker, ve as Combobox, ke as CommandPalette, Fe as ConfirmDialog, Le as Container, Ve as ContextMenu, Ze as DatePicker, Qe as DateRangePicker, Pe as Dialog, et as Drawer, tt as DropdownMenu, rt as EmptyState, at as FileUpload, ot as Form, lt as FormField, ut as Input, Qn as IryxUi, Oe as Kbd, ct as Label, ft as LineChart, mt as Menubar, _t as NavigationMenu, At as NumberInput, Mt as PageHeader, Pt as Pagination, It as PasswordInput, Rt as PinInput, Bt as Popover, Ht as Progress, Wt as RadioGroup, N as SERIES_SLOTS, Kt as ScrollArea, Xt as ScrollFade, Qt as Select, en as Separator, on as Sidebar, un as SignaturePad, fn as Skeleton, mn as Slider, gn as Sparkline, vn as Splitter, bn as Stat, Sn as Stepper, wn as Switch, P as TOP_PAD, On as Table, An as Tabs, Mn as TagsInput, Nn as Textarea, Ue as Time, Fn as TimeField, Ln as Timeline, Vn as Toaster, Wn as Toggle, Gn as ToggleGroup, qn as Toolbar, Yn as Tooltip, Zn as Tree, i as accordionTheme, vt as addDecimals, o as alertTheme, h as appShellTheme, u as applyTheme, v as avatarGroupTheme, y as avatarTheme, S as badgeTheme, w as bannerTheme, V as barChartTheme, G as breadcrumbTheme, q as buttonGroupContextKey, Z as buttonGroupTheme, Y as buttonTheme, $ as cardTheme, F as cartesianLayout, H as chartLegendTheme, te as checkboxTheme, yt as clampDecimal, I as clampTooltip, d as clearTheme, re as collapsibleTheme, ce as colorPickerTheme, _e as comboboxTheme, Se as commandHaystack, Ee as commandPaletteTheme, bt as compareDecimals, e as componentNames, Ie as containerTheme, $n as createIryxUi, Xe as datePickerTheme, t as defaultConfig, Ne as dialogTheme, $e as drawerTheme, Re as dropdownMenuTheme, nt as emptyStateTheme, E as extent, ae as fieldBase, it as fileUploadTheme, D as finiteValues, ue as formContextKey, de as formFieldContextKey, xt as formatDecimal, St as formatForLocale, We as formatIsoDate, fe as getByPath, Tn as getRowValue, sn as hasInk, c as initAppearance, oe as inputTheme, n as iryxUiConfigKey, ye as isApplePlatform, Ce as isCommandGroup, Ct as isDecimal, ht as isNavigationGroup, ze as isSeparator, tn as isSidebarGroup, nn as isSidebarSection, pe as isStandardSchema, Be as isSubmenu, Ge as isoToday, me as issuePath, De as kbdTheme, st as labelTheme, dt as lineChartTheme, O as linearScale, wt as localeSeparators, we as matchesHotkey, pt as menubarTheme, gt as navigationMenuTheme, k as niceTicks, kt as numberInputTheme, jt as pageHeaderTheme, Nt as paginationTheme, Tt as parseDecimal, Et as parseFromLocale, be as parseHotkey, Ft as passwordInputTheme, Lt as pinInputTheme, zt as popoverTheme, Vt as progressTheme, Ut as radioGroupTheme, Ae as resolveConfirm, Dt as roundDecimal, Gt as scrollAreaTheme, qt as scrollFadeMask, Yt as scrollFadeTheme, Zt as selectTheme, $t as separatorTheme, L as seriesColor, an as sidebarTheme, ln as signaturePadTheme, dn as skeletonTheme, pn as sliderTheme, R as slotOf, hn as sparklineTheme, _n as splitterTheme, yn as statTheme, xn as stepperTheme, cn as strokeWidth, Cn as switchTheme, Dn as tableTheme, kn as tabsTheme, jn as tagsInputTheme, se as textareaTheme, f as themes, Pn as timeFieldTheme, In as timelineTheme, Ke as toCalendarDate, Te as toCommandGroups, Ot as toEditable, qe as toIsoDate, Je as toIsoTime, rn as toSidebarSections, Ye as toTime, Bn as toastTheme, Hn as toggleGroupTheme, Un as toggleTheme, Kn as toolbarTheme, z as tooltipHalfWidth, Jn as tooltipTheme, Xn as treeTheme, l as useAppearance, xe as useApplePlatform, J as useButtonGroup, je as useConfirm, Me as useConfirmState, En as useDataTable, m as useElementSize, he as useForm, ge as useFormField, r as useIryxUiConfig, Jt as useScrollEdges, Rn as useToast, zn as useToastState, B as warnOnSlotOverflow };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export declare const accordionTheme: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
variant: {
|
|
3
|
+
plain: {};
|
|
4
|
+
outline: {
|
|
5
|
+
root: string;
|
|
6
|
+
item: string;
|
|
7
|
+
content: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
}, {
|
|
11
|
+
root: string;
|
|
12
|
+
item: string;
|
|
13
|
+
header: string;
|
|
14
|
+
trigger: string;
|
|
15
|
+
icon: string;
|
|
16
|
+
/**
|
|
17
|
+
* The animated element carries no spacing of its own — margin is not part
|
|
18
|
+
* of an animated height, so it survives the close as a gap under a panel
|
|
19
|
+
* that is supposedly shut. All padding lives on the inner wrapper.
|
|
20
|
+
*/
|
|
21
|
+
content: string;
|
|
22
|
+
contentInner: string;
|
|
23
|
+
}, undefined, {
|
|
24
|
+
variant: {
|
|
25
|
+
plain: {};
|
|
26
|
+
outline: {
|
|
27
|
+
root: string;
|
|
28
|
+
item: string;
|
|
29
|
+
content: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
}, {
|
|
33
|
+
root: string;
|
|
34
|
+
item: string;
|
|
35
|
+
header: string;
|
|
36
|
+
trigger: string;
|
|
37
|
+
icon: string;
|
|
38
|
+
/**
|
|
39
|
+
* The animated element carries no spacing of its own — margin is not part
|
|
40
|
+
* of an animated height, so it survives the close as a gap under a panel
|
|
41
|
+
* that is supposedly shut. All padding lives on the inner wrapper.
|
|
42
|
+
*/
|
|
43
|
+
content: string;
|
|
44
|
+
contentInner: string;
|
|
45
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
46
|
+
variant: {
|
|
47
|
+
plain: {};
|
|
48
|
+
outline: {
|
|
49
|
+
root: string;
|
|
50
|
+
item: string;
|
|
51
|
+
content: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
}, {
|
|
55
|
+
root: string;
|
|
56
|
+
item: string;
|
|
57
|
+
header: string;
|
|
58
|
+
trigger: string;
|
|
59
|
+
icon: string;
|
|
60
|
+
/**
|
|
61
|
+
* The animated element carries no spacing of its own — margin is not part
|
|
62
|
+
* of an animated height, so it survives the close as a gap under a panel
|
|
63
|
+
* that is supposedly shut. All padding lives on the inner wrapper.
|
|
64
|
+
*/
|
|
65
|
+
content: string;
|
|
66
|
+
contentInner: string;
|
|
67
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
68
|
+
export type AccordionSlots = keyof ReturnType<typeof accordionTheme>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { tv as e } from "tailwind-variants";
|
|
2
|
+
//#region src/theme/accordion.ts
|
|
3
|
+
var t = e({
|
|
4
|
+
slots: {
|
|
5
|
+
root: "w-full",
|
|
6
|
+
item: "border-b border-border last:border-b-0",
|
|
7
|
+
header: "flex",
|
|
8
|
+
trigger: "group/trigger flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium transition-colors outline-none hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50",
|
|
9
|
+
icon: "size-4 shrink-0 text-muted-foreground transition-[rotate] duration-200 ease-out group-data-[state=open]/trigger:rotate-180",
|
|
10
|
+
content: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
|
|
11
|
+
contentInner: "pb-4"
|
|
12
|
+
},
|
|
13
|
+
variants: { variant: {
|
|
14
|
+
plain: {},
|
|
15
|
+
outline: {
|
|
16
|
+
root: "flex flex-col gap-2",
|
|
17
|
+
item: "rounded-xl border border-border px-4 last:border-b",
|
|
18
|
+
content: "pb-0"
|
|
19
|
+
}
|
|
20
|
+
} },
|
|
21
|
+
defaultVariants: { variant: "plain" }
|
|
22
|
+
});
|
|
23
|
+
//#endregion
|
|
24
|
+
export { t as accordionTheme };
|
package/dist/theme/alert.d.ts
CHANGED
|
@@ -25,7 +25,6 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
|
|
|
25
25
|
content: string;
|
|
26
26
|
title: string;
|
|
27
27
|
description: string;
|
|
28
|
-
/** Buttons or links under the body — "Retry", "Undo", "View invoice". */
|
|
29
28
|
actions: string;
|
|
30
29
|
close: string;
|
|
31
30
|
}, undefined, {
|
|
@@ -55,7 +54,6 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
|
|
|
55
54
|
content: string;
|
|
56
55
|
title: string;
|
|
57
56
|
description: string;
|
|
58
|
-
/** Buttons or links under the body — "Retry", "Undo", "View invoice". */
|
|
59
57
|
actions: string;
|
|
60
58
|
close: string;
|
|
61
59
|
}, import("tailwind-variants").TVReturnType<{
|
|
@@ -85,7 +83,6 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
|
|
|
85
83
|
content: string;
|
|
86
84
|
title: string;
|
|
87
85
|
description: string;
|
|
88
|
-
/** Buttons or links under the body — "Retry", "Undo", "View invoice". */
|
|
89
86
|
actions: string;
|
|
90
87
|
close: string;
|
|
91
88
|
}, undefined, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
scroll: {
|
|
3
|
+
main: {
|
|
4
|
+
root: string;
|
|
5
|
+
main: string;
|
|
6
|
+
};
|
|
7
|
+
page: {
|
|
8
|
+
root: string;
|
|
9
|
+
header: string;
|
|
10
|
+
sidebar: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
sidebarPosition: {
|
|
14
|
+
left: {};
|
|
15
|
+
right: {
|
|
16
|
+
body: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
}, {
|
|
20
|
+
root: string;
|
|
21
|
+
header: string;
|
|
22
|
+
body: string;
|
|
23
|
+
sidebar: string;
|
|
24
|
+
main: string;
|
|
25
|
+
footer: string;
|
|
26
|
+
}, undefined, {
|
|
27
|
+
scroll: {
|
|
28
|
+
main: {
|
|
29
|
+
root: string;
|
|
30
|
+
main: string;
|
|
31
|
+
};
|
|
32
|
+
page: {
|
|
33
|
+
root: string;
|
|
34
|
+
header: string;
|
|
35
|
+
sidebar: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
sidebarPosition: {
|
|
39
|
+
left: {};
|
|
40
|
+
right: {
|
|
41
|
+
body: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
}, {
|
|
45
|
+
root: string;
|
|
46
|
+
header: string;
|
|
47
|
+
body: string;
|
|
48
|
+
sidebar: string;
|
|
49
|
+
main: string;
|
|
50
|
+
footer: string;
|
|
51
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
52
|
+
scroll: {
|
|
53
|
+
main: {
|
|
54
|
+
root: string;
|
|
55
|
+
main: string;
|
|
56
|
+
};
|
|
57
|
+
page: {
|
|
58
|
+
root: string;
|
|
59
|
+
header: string;
|
|
60
|
+
sidebar: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
sidebarPosition: {
|
|
64
|
+
left: {};
|
|
65
|
+
right: {
|
|
66
|
+
body: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
}, {
|
|
70
|
+
root: string;
|
|
71
|
+
header: string;
|
|
72
|
+
body: string;
|
|
73
|
+
sidebar: string;
|
|
74
|
+
main: string;
|
|
75
|
+
footer: string;
|
|
76
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
77
|
+
export type AppShellSlots = keyof ReturnType<typeof appShellTheme>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { tv as e } from "tailwind-variants";
|
|
2
|
+
//#region src/theme/app-shell.ts
|
|
3
|
+
var t = e({
|
|
4
|
+
slots: {
|
|
5
|
+
root: "flex w-full flex-col bg-background text-foreground",
|
|
6
|
+
header: "z-30 shrink-0",
|
|
7
|
+
body: "flex min-h-0 w-full flex-1",
|
|
8
|
+
sidebar: "shrink-0",
|
|
9
|
+
main: "flex min-w-0 flex-1 flex-col",
|
|
10
|
+
footer: "shrink-0"
|
|
11
|
+
},
|
|
12
|
+
variants: {
|
|
13
|
+
scroll: {
|
|
14
|
+
main: {
|
|
15
|
+
root: "h-svh overflow-hidden",
|
|
16
|
+
main: "overflow-y-auto"
|
|
17
|
+
},
|
|
18
|
+
page: {
|
|
19
|
+
root: "min-h-svh",
|
|
20
|
+
header: "sticky top-0",
|
|
21
|
+
sidebar: "sticky top-[var(--iryx-shell-header-height,0px)] max-h-[calc(100svh-var(--iryx-shell-header-height,0px))] self-start overflow-y-auto"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
sidebarPosition: {
|
|
25
|
+
left: {},
|
|
26
|
+
right: { body: "flex-row-reverse" }
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
defaultVariants: {
|
|
30
|
+
scroll: "main",
|
|
31
|
+
sidebarPosition: "left"
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
//#endregion
|
|
35
|
+
export { t as appShellTheme };
|