iryx-ui 0.25.0 → 0.26.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/dist/components/CommandPalette.vue.d.ts +12 -0
- package/dist/components/CommandPalette.vue_vue_type_script_setup_true_lang.js +122 -85
- package/dist/components/DateRangePicker.vue.d.ts +14 -2
- package/dist/components/DateRangePicker.vue_vue_type_script_setup_true_lang.js +111 -70
- package/dist/components/Tabs.vue.d.ts +7 -6
- package/dist/components/Tabs.vue_vue_type_script_setup_true_lang.js +65 -30
- package/dist/composables/command-palette.d.ts +7 -0
- package/dist/composables/command-palette.js +8 -2
- package/dist/composables/date.d.ts +25 -0
- package/dist/composables/date.js +59 -16
- package/dist/composables/scroll-fade.d.ts +1 -1
- package/dist/index.js +133 -133
- package/dist/theme/date-picker.d.ts +9 -0
- package/dist/theme/date-picker.js +3 -0
- package/dist/theme/tabs.d.ts +18 -3
- package/dist/theme/tabs.js +20 -12
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -43,136 +43,136 @@ import de from "./components/DropdownMenu.js";
|
|
|
43
43
|
import fe from "./components/Breadcrumb.js";
|
|
44
44
|
import { buttonGroupTheme as pe } from "./theme/button-group.js";
|
|
45
45
|
import me from "./components/ButtonGroup.js";
|
|
46
|
-
import { CalendarDate as he, Time as ge,
|
|
47
|
-
import { calendarTheme as
|
|
48
|
-
import
|
|
49
|
-
import { cardTheme as
|
|
50
|
-
import
|
|
51
|
-
import { scrollFadeMask as
|
|
52
|
-
import
|
|
53
|
-
import { formContextKey as
|
|
54
|
-
import { checkboxTheme as
|
|
55
|
-
import
|
|
56
|
-
import { codeTheme as
|
|
57
|
-
import
|
|
58
|
-
import { collapsibleTheme as
|
|
59
|
-
import
|
|
60
|
-
import { fieldBase as
|
|
61
|
-
import { colorPickerTheme as
|
|
62
|
-
import
|
|
63
|
-
import { comboboxTheme as
|
|
64
|
-
import
|
|
65
|
-
import { isApplePlatform as
|
|
66
|
-
import { commandHaystack as
|
|
67
|
-
import { commandPaletteTheme as
|
|
68
|
-
import { kbdTheme as
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import { resolveConfirm as
|
|
72
|
-
import { dialogTheme as
|
|
73
|
-
import
|
|
74
|
-
import
|
|
75
|
-
import { confirmPopoverTheme as
|
|
76
|
-
import { popoverTheme as
|
|
77
|
-
import
|
|
78
|
-
import
|
|
79
|
-
import { containerTheme as
|
|
80
|
-
import
|
|
81
|
-
import
|
|
82
|
-
import { dateFieldTheme as
|
|
83
|
-
import
|
|
84
|
-
import { datePickerTheme as
|
|
85
|
-
import
|
|
86
|
-
import
|
|
87
|
-
import { descriptionListTheme as
|
|
88
|
-
import
|
|
89
|
-
import { donutChartTheme as
|
|
90
|
-
import
|
|
91
|
-
import { editableTheme as
|
|
92
|
-
import
|
|
93
|
-
import { emptyStateTheme as
|
|
94
|
-
import
|
|
95
|
-
import { fileUploadTheme as
|
|
96
|
-
import { progressTheme as
|
|
97
|
-
import
|
|
98
|
-
import
|
|
99
|
-
import
|
|
100
|
-
import { labelTheme as
|
|
101
|
-
import
|
|
102
|
-
import
|
|
103
|
-
import { hoverCardTheme as
|
|
104
|
-
import
|
|
105
|
-
import
|
|
106
|
-
import { lineChartTheme as
|
|
107
|
-
import
|
|
108
|
-
import { menubarTheme as
|
|
109
|
-
import
|
|
110
|
-
import { isNavigationGroup as
|
|
111
|
-
import { navigationMenuTheme as
|
|
112
|
-
import
|
|
113
|
-
import { addDecimals as
|
|
114
|
-
import { numberInputTheme as
|
|
115
|
-
import
|
|
116
|
-
import { pageHeaderTheme as
|
|
117
|
-
import
|
|
118
|
-
import { paginationTheme as
|
|
119
|
-
import
|
|
120
|
-
import { passwordInputTheme as
|
|
121
|
-
import
|
|
122
|
-
import { pinInputTheme as
|
|
123
|
-
import
|
|
124
|
-
import { radioGroupTheme as
|
|
125
|
-
import
|
|
126
|
-
import
|
|
127
|
-
import { scrollAreaTheme as
|
|
128
|
-
import
|
|
129
|
-
import { scrollFadeTheme as
|
|
130
|
-
import
|
|
131
|
-
import { selectTheme as
|
|
132
|
-
import
|
|
133
|
-
import { separatorTheme as
|
|
134
|
-
import
|
|
135
|
-
import { isSidebarGroup as
|
|
136
|
-
import { sidebarTheme as
|
|
137
|
-
import
|
|
138
|
-
import { hasInk as
|
|
139
|
-
import { signaturePadTheme as
|
|
140
|
-
import
|
|
141
|
-
import { skeletonTheme as
|
|
142
|
-
import
|
|
143
|
-
import { sliderTheme as
|
|
144
|
-
import
|
|
145
|
-
import { sparklineTheme as
|
|
146
|
-
import
|
|
147
|
-
import { splitterTheme as
|
|
148
|
-
import
|
|
149
|
-
import { statTheme as
|
|
150
|
-
import
|
|
151
|
-
import { stepperTheme as
|
|
152
|
-
import
|
|
153
|
-
import { switchTheme as
|
|
154
|
-
import
|
|
155
|
-
import { getRowValue as
|
|
156
|
-
import { tableTheme as
|
|
157
|
-
import
|
|
158
|
-
import { tabsTheme as
|
|
159
|
-
import
|
|
160
|
-
import { tagsInputTheme as
|
|
161
|
-
import
|
|
162
|
-
import
|
|
163
|
-
import { timeFieldTheme as
|
|
164
|
-
import
|
|
165
|
-
import { timelineTheme as
|
|
166
|
-
import
|
|
167
|
-
import { useToast as
|
|
168
|
-
import { toastTheme as
|
|
169
|
-
import
|
|
170
|
-
import { toggleGroupTheme as
|
|
171
|
-
import
|
|
172
|
-
import
|
|
173
|
-
import { toolbarTheme as
|
|
174
|
-
import
|
|
175
|
-
import { treeTheme as
|
|
176
|
-
import
|
|
177
|
-
import { IryxUi as
|
|
178
|
-
export { H as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, N as AvatarGroup, F as Badge, L as Banner, oe as BarChart, fe as Breadcrumb, E as Button, me as ButtonGroup, U as CATEGORY_HEIGHT, W as CHAR_WIDTH,
|
|
46
|
+
import { CalendarDate as he, Time as ge, commonDateRangePresets as _e, formatIsoDate as ve, isoToday as ye, toCalendarDate as be, toIsoDate as xe, toIsoTime as Se, toTime as Ce } from "./composables/date.js";
|
|
47
|
+
import { calendarTheme as we } from "./theme/calendar.js";
|
|
48
|
+
import Te from "./components/Calendar.js";
|
|
49
|
+
import { cardTheme as Ee } from "./theme/card.js";
|
|
50
|
+
import De from "./components/Card.js";
|
|
51
|
+
import { scrollFadeMask as Oe, useScrollEdges as ke } from "./composables/scroll-fade.js";
|
|
52
|
+
import Ae from "./components/Carousel.js";
|
|
53
|
+
import { formContextKey as je, formFieldContextKey as Me, getByPath as Ne, isStandardSchema as Pe, issuePath as Fe, useForm as Ie, useFormField as Le } from "./composables/form.js";
|
|
54
|
+
import { checkboxTheme as Re } from "./theme/checkbox.js";
|
|
55
|
+
import ze from "./components/Checkbox.js";
|
|
56
|
+
import { codeTheme as Be } from "./theme/code.js";
|
|
57
|
+
import Ve from "./components/Code.js";
|
|
58
|
+
import { collapsibleTheme as He } from "./theme/collapsible.js";
|
|
59
|
+
import Ue from "./components/Collapsible.js";
|
|
60
|
+
import { fieldBase as We, inputTheme as Ge, textareaCountTheme as Ke, textareaTheme as qe } from "./theme/input.js";
|
|
61
|
+
import { colorPickerTheme as Je } from "./theme/color-picker.js";
|
|
62
|
+
import Ye from "./components/ColorPicker.js";
|
|
63
|
+
import { comboboxTheme as Xe } from "./theme/combobox.js";
|
|
64
|
+
import Ze from "./components/Combobox.js";
|
|
65
|
+
import { isApplePlatform as Qe, parseHotkey as $e, useApplePlatform as et } from "./composables/kbd.js";
|
|
66
|
+
import { commandHaystack as tt, commandId as nt, isCommandGroup as rt, matchesHotkey as it, pushRecent as at, toCommandGroups as ot } from "./composables/command-palette.js";
|
|
67
|
+
import { commandPaletteTheme as st } from "./theme/command-palette.js";
|
|
68
|
+
import { kbdTheme as ct } from "./theme/kbd.js";
|
|
69
|
+
import lt from "./components/Kbd.js";
|
|
70
|
+
import ut from "./components/CommandPalette.js";
|
|
71
|
+
import { resolveConfirm as dt, useConfirm as ft, useConfirmState as pt } from "./composables/confirm.js";
|
|
72
|
+
import { dialogTheme as mt } from "./theme/dialog.js";
|
|
73
|
+
import ht from "./components/Dialog.js";
|
|
74
|
+
import gt from "./components/ConfirmDialog.js";
|
|
75
|
+
import { confirmPopoverTheme as _t } from "./theme/confirm-popover.js";
|
|
76
|
+
import { popoverTheme as vt } from "./theme/popover.js";
|
|
77
|
+
import yt from "./components/Popover.js";
|
|
78
|
+
import bt from "./components/ConfirmPopover.js";
|
|
79
|
+
import { containerTheme as xt } from "./theme/container.js";
|
|
80
|
+
import St from "./components/Container.js";
|
|
81
|
+
import Ct from "./components/ContextMenu.js";
|
|
82
|
+
import { dateFieldTheme as wt } from "./theme/date-field.js";
|
|
83
|
+
import Tt from "./components/DateField.js";
|
|
84
|
+
import { datePickerTheme as Et } from "./theme/date-picker.js";
|
|
85
|
+
import Dt from "./components/DatePicker.js";
|
|
86
|
+
import Ot from "./components/DateRangePicker.js";
|
|
87
|
+
import { descriptionListTheme as kt } from "./theme/description-list.js";
|
|
88
|
+
import At from "./components/DescriptionList.js";
|
|
89
|
+
import { donutChartTheme as jt } from "./theme/donut-chart.js";
|
|
90
|
+
import Mt from "./components/DonutChart.js";
|
|
91
|
+
import { editableTheme as Nt } from "./theme/editable.js";
|
|
92
|
+
import Pt from "./components/Editable.js";
|
|
93
|
+
import { emptyStateTheme as Ft } from "./theme/empty-state.js";
|
|
94
|
+
import It from "./components/EmptyState.js";
|
|
95
|
+
import { fileUploadTheme as Lt } from "./theme/file-upload.js";
|
|
96
|
+
import { progressTheme as Rt } from "./theme/progress.js";
|
|
97
|
+
import zt from "./components/Progress.js";
|
|
98
|
+
import Bt from "./components/FileUpload.js";
|
|
99
|
+
import Vt from "./components/Form.js";
|
|
100
|
+
import { labelTheme as Ht } from "./theme/label.js";
|
|
101
|
+
import Ut from "./components/Label.js";
|
|
102
|
+
import Wt from "./components/FormField.js";
|
|
103
|
+
import { hoverCardTheme as Gt } from "./theme/hover-card.js";
|
|
104
|
+
import Kt from "./components/HoverCard.js";
|
|
105
|
+
import qt from "./components/Input.js";
|
|
106
|
+
import { lineChartTheme as Jt } from "./theme/line-chart.js";
|
|
107
|
+
import Yt from "./components/LineChart.js";
|
|
108
|
+
import { menubarTheme as Xt } from "./theme/menubar.js";
|
|
109
|
+
import Zt from "./components/Menubar.js";
|
|
110
|
+
import { isNavigationGroup as Qt } from "./composables/navigation-menu.js";
|
|
111
|
+
import { navigationMenuTheme as $t } from "./theme/navigation-menu.js";
|
|
112
|
+
import en from "./components/NavigationMenu.js";
|
|
113
|
+
import { addDecimals as tn, clampDecimal as nn, compareDecimals as rn, formatDecimal as an, formatForLocale as on, isDecimal as sn, localeSeparators as cn, parseDecimal as ln, parseFromLocale as un, roundDecimal as dn, toEditable as fn } from "./composables/decimal.js";
|
|
114
|
+
import { numberInputTheme as pn } from "./theme/number-input.js";
|
|
115
|
+
import mn from "./components/NumberInput.js";
|
|
116
|
+
import { pageHeaderTheme as hn } from "./theme/page-header.js";
|
|
117
|
+
import gn from "./components/PageHeader.js";
|
|
118
|
+
import { paginationTheme as _n } from "./theme/pagination.js";
|
|
119
|
+
import vn from "./components/Pagination.js";
|
|
120
|
+
import { passwordInputTheme as yn } from "./theme/password-input.js";
|
|
121
|
+
import bn from "./components/PasswordInput.js";
|
|
122
|
+
import { pinInputTheme as xn } from "./theme/pin-input.js";
|
|
123
|
+
import Sn from "./components/PinInput.js";
|
|
124
|
+
import { radioGroupTheme as Cn } from "./theme/radio-group.js";
|
|
125
|
+
import wn from "./components/RadioGroup.js";
|
|
126
|
+
import Tn from "./components/Rating.js";
|
|
127
|
+
import { scrollAreaTheme as En } from "./theme/scroll-area.js";
|
|
128
|
+
import Dn from "./components/ScrollArea.js";
|
|
129
|
+
import { scrollFadeTheme as On } from "./theme/scroll-fade.js";
|
|
130
|
+
import kn from "./components/ScrollFade.js";
|
|
131
|
+
import { selectTheme as An } from "./theme/select.js";
|
|
132
|
+
import jn from "./components/Select.js";
|
|
133
|
+
import { separatorTheme as Mn } from "./theme/separator.js";
|
|
134
|
+
import Nn from "./components/Separator.js";
|
|
135
|
+
import { isSidebarGroup as Pn, isSidebarSection as Fn, toSidebarSections as In } from "./composables/sidebar.js";
|
|
136
|
+
import { sidebarTheme as Ln } from "./theme/sidebar.js";
|
|
137
|
+
import Rn from "./components/Sidebar.js";
|
|
138
|
+
import { hasInk as zn, strokeWidth as Bn } from "./composables/signature.js";
|
|
139
|
+
import { signaturePadTheme as Vn } from "./theme/signature-pad.js";
|
|
140
|
+
import Hn from "./components/SignaturePad.js";
|
|
141
|
+
import { skeletonTheme as Un } from "./theme/skeleton.js";
|
|
142
|
+
import Wn from "./components/Skeleton.js";
|
|
143
|
+
import { sliderTheme as Gn } from "./theme/slider.js";
|
|
144
|
+
import Kn from "./components/Slider.js";
|
|
145
|
+
import { sparklineTheme as qn } from "./theme/sparkline.js";
|
|
146
|
+
import Jn from "./components/Sparkline.js";
|
|
147
|
+
import { splitterTheme as Yn } from "./theme/splitter.js";
|
|
148
|
+
import Xn from "./components/Splitter.js";
|
|
149
|
+
import { statTheme as Zn } from "./theme/stat.js";
|
|
150
|
+
import Qn from "./components/Stat.js";
|
|
151
|
+
import { stepperTheme as $n } from "./theme/stepper.js";
|
|
152
|
+
import er from "./components/Stepper.js";
|
|
153
|
+
import { switchTheme as tr } from "./theme/switch.js";
|
|
154
|
+
import nr from "./components/Switch.js";
|
|
155
|
+
import { getRowValue as rr, useDataTable as ir } from "./composables/data-table.js";
|
|
156
|
+
import { tableTheme as ar } from "./theme/table.js";
|
|
157
|
+
import or from "./components/Table.js";
|
|
158
|
+
import { tabsTheme as sr } from "./theme/tabs.js";
|
|
159
|
+
import cr from "./components/Tabs.js";
|
|
160
|
+
import { tagsInputTheme as lr } from "./theme/tags-input.js";
|
|
161
|
+
import ur from "./components/TagsInput.js";
|
|
162
|
+
import dr from "./components/Textarea.js";
|
|
163
|
+
import { timeFieldTheme as fr } from "./theme/time-field.js";
|
|
164
|
+
import pr from "./components/TimeField.js";
|
|
165
|
+
import { timelineTheme as mr } from "./theme/timeline.js";
|
|
166
|
+
import hr from "./components/Timeline.js";
|
|
167
|
+
import { useToast as gr, useToastState as _r } from "./composables/toast.js";
|
|
168
|
+
import { toastTheme as vr } from "./theme/toast.js";
|
|
169
|
+
import yr from "./components/Toaster.js";
|
|
170
|
+
import { toggleGroupTheme as br, toggleTheme as xr } from "./theme/toggle.js";
|
|
171
|
+
import Sr from "./components/Toggle.js";
|
|
172
|
+
import Cr from "./components/ToggleGroup.js";
|
|
173
|
+
import { toolbarTheme as wr } from "./theme/toolbar.js";
|
|
174
|
+
import Tr from "./components/Toolbar.js";
|
|
175
|
+
import { treeTheme as Er } from "./theme/tree.js";
|
|
176
|
+
import Dr from "./components/Tree.js";
|
|
177
|
+
import { IryxUi as Or, createIryxUi as kr } from "./plugin.js";
|
|
178
|
+
export { H as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, N as AvatarGroup, F as Badge, L as Banner, oe as BarChart, fe as Breadcrumb, E as Button, me as ButtonGroup, U as CATEGORY_HEIGHT, W as CHAR_WIDTH, Te as Calendar, he as CalendarDate, De as Card, Ae as Carousel, ae as ChartLegend, ze as Checkbox, Ve as Code, Ue as Collapsible, Ye as ColorPicker, Ze as Combobox, ut as CommandPalette, gt as ConfirmDialog, bt as ConfirmPopover, St as Container, Ct as ContextMenu, Tt as DateField, Dt as DatePicker, Ot as DateRangePicker, At as DescriptionList, ht as Dialog, Mt as DonutChart, y as Drawer, de as DropdownMenu, Pt as Editable, It as EmptyState, Bt as FileUpload, Vt as Form, Wt as FormField, Kt as HoverCard, o as Icon, qt as Input, Or as IryxUi, lt as Kbd, Ut as Label, Yt as LineChart, Zt as Menubar, en as NavigationMenu, mn as NumberInput, gn as PageHeader, vn as Pagination, bn as PasswordInput, Sn as PinInput, yt as Popover, zt as Progress, $ as REVEAL_DURATION, wn as RadioGroup, Tn as Rating, G as SERIES_SLOTS, Dn as ScrollArea, kn as ScrollFade, jn as Select, Nn as Separator, Rn as Sidebar, Hn as SignaturePad, Wn as Skeleton, Kn as Slider, Jn as Sparkline, Xn as Splitter, Qn as Stat, er as Stepper, nr as Switch, K as TOP_PAD, or as Table, cr as Tabs, ur as TagsInput, dr as Textarea, ge as Time, pr as TimeField, hr as Timeline, yr as Toaster, Sr as Toggle, Cr as ToggleGroup, Tr as Toolbar, M as Tooltip, Dr as Tree, i as accordionTheme, tn as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as authProvidersTheme, O as avatarGroupTheme, k as avatarTheme, P as badgeTheme, I as bannerTheme, re as barChartTheme, se as breadcrumbTheme, C as buttonGroupContextKey, pe as buttonGroupTheme, T as buttonTheme, we as calendarTheme, Ee as cardTheme, q as cartesianLayout, ie as chartLegendTheme, Re as checkboxTheme, nn as clampDecimal, J as clampTooltip, p as clearTheme, Be as codeTheme, He as collapsibleTheme, Je as colorPickerTheme, Xe as comboboxTheme, tt as commandHaystack, nt as commandId, st as commandPaletteTheme, _e as commonDateRangePresets, rn as compareDecimals, e as componentNames, _t as confirmPopoverTheme, xt as containerTheme, kr as createIryxUi, wt as dateFieldTheme, Et as datePickerTheme, t as defaultConfig, kt as descriptionListTheme, mt as dialogTheme, jt as donutChartTheme, v as drawerTheme, ce as dropdownMenuTheme, Nt as editableTheme, Ft as emptyStateTheme, R as extent, We as fieldBase, Lt as fileUploadTheme, z as finiteValues, je as formContextKey, Me as formFieldContextKey, an as formatDecimal, on as formatForLocale, ve as formatIsoDate, Ne as getByPath, rr as getRowValue, zn as hasInk, Gt as hoverCardTheme, u as initAppearance, Ge as inputTheme, n as iryxUiConfigKey, Qe as isApplePlatform, rt as isCommandGroup, sn as isDecimal, a as isIconArray, Qt as isNavigationGroup, le as isSeparator, Pn as isSidebarGroup, Fn as isSidebarSection, Pe as isStandardSchema, ue as isSubmenu, ye as isoToday, Fe as issuePath, ct as kbdTheme, Ht as labelTheme, Jt as lineChartTheme, B as linearScale, cn as localeSeparators, it as matchesHotkey, Xt as menubarTheme, $t as navigationMenuTheme, V as niceTicks, pn as numberInputTheme, hn as pageHeaderTheme, _n as paginationTheme, ln as parseDecimal, un as parseFromLocale, $e as parseHotkey, yn as passwordInputTheme, xn as pinInputTheme, vt as popoverTheme, Rt as progressTheme, at as pushRecent, Cn as radioGroupTheme, dt as resolveConfirm, dn as roundDecimal, En as scrollAreaTheme, Oe as scrollFadeMask, On as scrollFadeTheme, An as selectTheme, Mn as separatorTheme, Y as seriesColor, Ln as sidebarTheme, Vn as signaturePadTheme, Un as skeletonTheme, Gn as sliderTheme, X as slotOf, qn as sparklineTheme, Yn as splitterTheme, Zn as statTheme, $n as stepperTheme, Bn as strokeWidth, tr as switchTheme, ar as tableTheme, sr as tabsTheme, lr as tagsInputTheme, Ke as textareaCountTheme, qe as textareaTheme, m as themes, fr as timeFieldTheme, mr as timelineTheme, be as toCalendarDate, ot as toCommandGroups, fn as toEditable, xe as toIsoDate, Se as toIsoTime, In as toSidebarSections, Ce as toTime, vr as toastTheme, br as toggleGroupTheme, xr as toggleTheme, wr as toolbarTheme, Z as tooltipHalfWidth, j as tooltipTheme, Er as treeTheme, d as useAppearance, et as useApplePlatform, w as useButtonGroup, ee as useChartAnimation, te as useChartProgress, ne as useChartReveal, ft as useConfirm, pt as useConfirmState, ir as useDataTable, g as useElementSize, Ie as useForm, Le as useFormField, r as useIryxUiConfig, ke as useScrollEdges, gr as useToast, _r as useToastState, Q as warnOnSlotOverflow };
|
|
@@ -19,6 +19,9 @@ export declare const datePickerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
19
19
|
trigger: string;
|
|
20
20
|
placeholder: string;
|
|
21
21
|
content: string;
|
|
22
|
+
panel: string;
|
|
23
|
+
presets: string;
|
|
24
|
+
preset: string;
|
|
22
25
|
footer: string;
|
|
23
26
|
action: string;
|
|
24
27
|
}, undefined, {
|
|
@@ -42,6 +45,9 @@ export declare const datePickerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
42
45
|
trigger: string;
|
|
43
46
|
placeholder: string;
|
|
44
47
|
content: string;
|
|
48
|
+
panel: string;
|
|
49
|
+
presets: string;
|
|
50
|
+
preset: string;
|
|
45
51
|
footer: string;
|
|
46
52
|
action: string;
|
|
47
53
|
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
@@ -65,6 +71,9 @@ export declare const datePickerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
65
71
|
trigger: string;
|
|
66
72
|
placeholder: string;
|
|
67
73
|
content: string;
|
|
74
|
+
panel: string;
|
|
75
|
+
presets: string;
|
|
76
|
+
preset: string;
|
|
68
77
|
footer: string;
|
|
69
78
|
action: string;
|
|
70
79
|
}>>;
|
|
@@ -6,6 +6,9 @@ var n = t({
|
|
|
6
6
|
trigger: `flex items-center justify-between gap-2 ${e} cursor-pointer [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:opacity-60`,
|
|
7
7
|
placeholder: "text-muted-foreground",
|
|
8
8
|
content: "z-50 rounded-xl border border-border bg-background p-3 text-foreground shadow-md",
|
|
9
|
+
panel: "flex flex-col gap-3 sm:flex-row",
|
|
10
|
+
presets: "-mx-3 -mt-3 flex w-0 min-w-[calc(100%+--spacing(6))] gap-1 overflow-x-auto border-b border-border p-3 sm:mx-0 sm:-my-3 sm:ml-0 sm:w-auto sm:min-w-0 sm:flex-col sm:overflow-visible sm:border-r sm:border-b-0 sm:py-3 sm:pr-3 sm:pl-0",
|
|
11
|
+
preset: "shrink-0 rounded-lg px-2 py-1 text-left text-sm whitespace-nowrap text-muted-foreground transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-accent aria-pressed:text-accent-foreground",
|
|
9
12
|
footer: "flex items-center justify-between gap-2 pt-3",
|
|
10
13
|
action: "rounded-lg px-2 py-1 text-sm text-muted-foreground transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50"
|
|
11
14
|
},
|
package/dist/theme/tabs.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
export declare const tabsTheme: import("tailwind-variants").TVReturnType<{
|
|
2
2
|
variant: {
|
|
3
3
|
solid: {
|
|
4
|
-
|
|
4
|
+
frame: string;
|
|
5
5
|
indicator: string;
|
|
6
6
|
trigger: string;
|
|
7
7
|
};
|
|
8
8
|
line: {
|
|
9
|
+
frame: string;
|
|
9
10
|
list: string;
|
|
10
11
|
indicator: string;
|
|
11
12
|
trigger: string;
|
|
@@ -13,16 +14,20 @@ export declare const tabsTheme: import("tailwind-variants").TVReturnType<{
|
|
|
13
14
|
};
|
|
14
15
|
orientation: {
|
|
15
16
|
horizontal: {
|
|
17
|
+
list: string;
|
|
16
18
|
indicator: string;
|
|
17
19
|
};
|
|
18
20
|
vertical: {
|
|
19
21
|
root: string;
|
|
22
|
+
frame: string;
|
|
20
23
|
list: string;
|
|
21
24
|
indicator: string;
|
|
25
|
+
trigger: string;
|
|
22
26
|
};
|
|
23
27
|
};
|
|
24
28
|
}, {
|
|
25
29
|
root: string;
|
|
30
|
+
frame: string;
|
|
26
31
|
list: string;
|
|
27
32
|
indicator: string;
|
|
28
33
|
trigger: string;
|
|
@@ -30,11 +35,12 @@ export declare const tabsTheme: import("tailwind-variants").TVReturnType<{
|
|
|
30
35
|
}, undefined, {
|
|
31
36
|
variant: {
|
|
32
37
|
solid: {
|
|
33
|
-
|
|
38
|
+
frame: string;
|
|
34
39
|
indicator: string;
|
|
35
40
|
trigger: string;
|
|
36
41
|
};
|
|
37
42
|
line: {
|
|
43
|
+
frame: string;
|
|
38
44
|
list: string;
|
|
39
45
|
indicator: string;
|
|
40
46
|
trigger: string;
|
|
@@ -42,16 +48,20 @@ export declare const tabsTheme: import("tailwind-variants").TVReturnType<{
|
|
|
42
48
|
};
|
|
43
49
|
orientation: {
|
|
44
50
|
horizontal: {
|
|
51
|
+
list: string;
|
|
45
52
|
indicator: string;
|
|
46
53
|
};
|
|
47
54
|
vertical: {
|
|
48
55
|
root: string;
|
|
56
|
+
frame: string;
|
|
49
57
|
list: string;
|
|
50
58
|
indicator: string;
|
|
59
|
+
trigger: string;
|
|
51
60
|
};
|
|
52
61
|
};
|
|
53
62
|
}, {
|
|
54
63
|
root: string;
|
|
64
|
+
frame: string;
|
|
55
65
|
list: string;
|
|
56
66
|
indicator: string;
|
|
57
67
|
trigger: string;
|
|
@@ -59,11 +69,12 @@ export declare const tabsTheme: import("tailwind-variants").TVReturnType<{
|
|
|
59
69
|
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
60
70
|
variant: {
|
|
61
71
|
solid: {
|
|
62
|
-
|
|
72
|
+
frame: string;
|
|
63
73
|
indicator: string;
|
|
64
74
|
trigger: string;
|
|
65
75
|
};
|
|
66
76
|
line: {
|
|
77
|
+
frame: string;
|
|
67
78
|
list: string;
|
|
68
79
|
indicator: string;
|
|
69
80
|
trigger: string;
|
|
@@ -71,16 +82,20 @@ export declare const tabsTheme: import("tailwind-variants").TVReturnType<{
|
|
|
71
82
|
};
|
|
72
83
|
orientation: {
|
|
73
84
|
horizontal: {
|
|
85
|
+
list: string;
|
|
74
86
|
indicator: string;
|
|
75
87
|
};
|
|
76
88
|
vertical: {
|
|
77
89
|
root: string;
|
|
90
|
+
frame: string;
|
|
78
91
|
list: string;
|
|
79
92
|
indicator: string;
|
|
93
|
+
trigger: string;
|
|
80
94
|
};
|
|
81
95
|
};
|
|
82
96
|
}, {
|
|
83
97
|
root: string;
|
|
98
|
+
frame: string;
|
|
84
99
|
list: string;
|
|
85
100
|
indicator: string;
|
|
86
101
|
trigger: string;
|
package/dist/theme/tabs.js
CHANGED
|
@@ -3,44 +3,52 @@ import { tv as e } from "tailwind-variants";
|
|
|
3
3
|
var t = e({
|
|
4
4
|
slots: {
|
|
5
5
|
root: "flex flex-col gap-4",
|
|
6
|
-
|
|
6
|
+
frame: "flex min-w-0 shrink-0",
|
|
7
|
+
list: "relative flex min-w-0 flex-1 items-center gap-1",
|
|
7
8
|
indicator: "absolute left-0 transition-[translate,width,height] duration-200 ease-out",
|
|
8
|
-
trigger: "relative z-10 inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
|
|
9
|
+
trigger: "relative z-10 inline-flex shrink-0 items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-inset disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
|
|
9
10
|
content: "outline-none"
|
|
10
11
|
},
|
|
11
12
|
variants: {
|
|
12
13
|
variant: {
|
|
13
14
|
solid: {
|
|
14
|
-
|
|
15
|
-
indicator: "top-
|
|
15
|
+
frame: "rounded-xl bg-muted p-1",
|
|
16
|
+
indicator: "top-0 h-full rounded-lg bg-background shadow-sm",
|
|
16
17
|
trigger: "rounded-lg px-3 py-1.5 text-muted-foreground data-[state=active]:text-foreground"
|
|
17
18
|
},
|
|
18
19
|
line: {
|
|
19
|
-
|
|
20
|
+
frame: "border-b border-border",
|
|
21
|
+
list: "gap-4",
|
|
20
22
|
indicator: "bottom-0 h-0.5 rounded-none bg-primary",
|
|
21
23
|
trigger: "rounded-none px-1 py-2 text-muted-foreground data-[state=active]:text-foreground"
|
|
22
24
|
}
|
|
23
25
|
},
|
|
24
26
|
orientation: {
|
|
25
|
-
horizontal: {
|
|
27
|
+
horizontal: {
|
|
28
|
+
list: "[scrollbar-width:none] overflow-x-auto scroll-smooth [&::-webkit-scrollbar]:hidden",
|
|
29
|
+
indicator: "w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)"
|
|
30
|
+
},
|
|
26
31
|
vertical: {
|
|
27
32
|
root: "flex-row",
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
frame: "min-h-0 flex-col",
|
|
34
|
+
list: "[scrollbar-width:none] flex-col items-stretch overflow-y-auto scroll-smooth [&::-webkit-scrollbar]:hidden",
|
|
35
|
+
indicator: "h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)",
|
|
36
|
+
trigger: "justify-start"
|
|
30
37
|
}
|
|
31
38
|
}
|
|
32
39
|
},
|
|
33
40
|
compoundVariants: [{
|
|
34
41
|
variant: "solid",
|
|
35
42
|
orientation: "vertical",
|
|
36
|
-
class: { indicator: "top-0 left-
|
|
43
|
+
class: { indicator: "top-0 left-0 w-full" }
|
|
37
44
|
}, {
|
|
38
45
|
variant: "line",
|
|
39
46
|
orientation: "vertical",
|
|
40
47
|
class: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
48
|
+
frame: "border-r border-b-0",
|
|
49
|
+
list: "gap-0.5",
|
|
50
|
+
indicator: "right-0 bottom-auto left-auto h-(--reka-tabs-indicator-size) w-0.5",
|
|
51
|
+
trigger: "px-3"
|
|
44
52
|
}
|
|
45
53
|
}],
|
|
46
54
|
defaultVariants: {
|