iryx-ui 0.24.0 → 0.25.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.
Files changed (37) hide show
  1. package/dist/components/AvatarGroup.vue.d.ts +8 -2
  2. package/dist/components/AvatarGroup.vue_vue_type_script_setup_true_lang.js +57 -23
  3. package/dist/components/Breadcrumb.vue.d.ts +10 -2
  4. package/dist/components/Breadcrumb.vue_vue_type_script_setup_true_lang.js +66 -34
  5. package/dist/components/ConfirmPopover.vue.d.ts +1 -1
  6. package/dist/components/FileUpload.vue.d.ts +23 -1
  7. package/dist/components/FileUpload.vue_vue_type_script_setup_true_lang.js +139 -96
  8. package/dist/components/Input.vue.d.ts +14 -0
  9. package/dist/components/Input.vue_vue_type_script_setup_true_lang.js +86 -69
  10. package/dist/components/SignaturePad.vue.d.ts +1 -1
  11. package/dist/components/Textarea.vue.d.ts +14 -0
  12. package/dist/components/Textarea.vue_vue_type_script_setup_true_lang.js +90 -42
  13. package/dist/components/Toaster.vue_vue_type_script_setup_true_lang.js +42 -41
  14. package/dist/components/index.js +144 -144
  15. package/dist/composables/character-count.d.ts +6 -0
  16. package/dist/composables/character-count.js +18 -0
  17. package/dist/composables/toast.d.ts +16 -1
  18. package/dist/composables/toast.js +23 -2
  19. package/dist/index.d.ts +1 -1
  20. package/dist/index.js +154 -154
  21. package/dist/theme/avatar.d.ts +21 -0
  22. package/dist/theme/avatar.js +28 -21
  23. package/dist/theme/bar-chart.d.ts +3 -3
  24. package/dist/theme/calendar.js +1 -1
  25. package/dist/theme/code.js +1 -1
  26. package/dist/theme/donut-chart.d.ts +3 -3
  27. package/dist/theme/file-upload.d.ts +24 -0
  28. package/dist/theme/file-upload.js +6 -2
  29. package/dist/theme/input.d.ts +46 -0
  30. package/dist/theme/input.js +10 -2
  31. package/dist/theme/kbd.js +1 -1
  32. package/dist/theme/line-chart.d.ts +3 -3
  33. package/dist/theme/rating.js +1 -1
  34. package/dist/theme/table.js +1 -1
  35. package/dist/theme/toast.d.ts +9 -0
  36. package/dist/theme/toast.js +2 -1
  37. package/package.json +1 -1
package/dist/composables/toast.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type ToastVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
1
+ export type ToastVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'loading';
2
2
  export interface ToastOptions {
3
3
  title?: string;
4
4
  description?: string;
@@ -11,6 +11,12 @@ export interface ToastOptions {
11
11
  onClick: () => void;
12
12
  };
13
13
  }
14
+ type Message<T> = ToastOptions | string | ((value: T) => ToastOptions | string);
15
+ export interface ToastPromiseMessages<T> {
16
+ loading: ToastOptions | string;
17
+ success: Message<T>;
18
+ error: Message<unknown>;
19
+ }
14
20
  export interface ToastRecord extends ToastOptions {
15
21
  id: number;
16
22
  }
@@ -23,6 +29,14 @@ export interface ToastApi {
23
29
  warning: (options: ToastOptions | string) => number;
24
30
  danger: (options: ToastOptions | string) => number;
25
31
  info: (options: ToastOptions | string) => number;
32
+ /** Replace an open toast's content in place. Does nothing once it has closed. */
33
+ update: (id: number, options: ToastOptions | string) => void;
34
+ /**
35
+ * One toast for a piece of async work: a spinner while the promise is
36
+ * pending, then the success or error message. Returns the toast's id; await
37
+ * your own promise for its result.
38
+ */
39
+ promise: <T>(promise: Promise<T>, messages: ToastPromiseMessages<T>) => number;
26
40
  /** Dismiss one toast by id. */
27
41
  dismiss: (id: number) => void;
28
42
  /** Dismiss every open toast. */
@@ -40,3 +54,4 @@ export interface ToastApi {
40
54
  * ```
41
55
  */
42
56
  export declare function useToast(): ToastApi;
57
+ export {};
package/dist/composables/toast.js CHANGED
@@ -21,7 +21,26 @@ function a() {
21
21
  variant: t
22
22
  });
23
23
  }
24
- function a(e) {
24
+ function a(e, n) {
25
+ t.value = t.value.map((t) => t.id === e ? {
26
+ ...i(n),
27
+ id: e
28
+ } : t);
29
+ }
30
+ function o(t, n) {
31
+ let r = e({
32
+ duration: 0,
33
+ ...i(n.loading),
34
+ variant: "loading"
35
+ }), o = (e, t, n) => {
36
+ a(r, {
37
+ variant: n,
38
+ ...i(typeof e == "function" ? e(t) : e)
39
+ });
40
+ };
41
+ return t.then((e) => o(n.success, e, "success"), (e) => o(n.error, e, "danger")), r;
42
+ }
43
+ function s(e) {
25
44
  t.value = t.value.filter((t) => t.id !== e);
26
45
  }
27
46
  return {
@@ -30,7 +49,9 @@ function a() {
30
49
  warning: r("warning"),
31
50
  danger: r("danger"),
32
51
  info: r("info"),
33
- dismiss: a,
52
+ update: a,
53
+ promise: o,
54
+ dismiss: s,
34
55
  clear: () => t.value = []
35
56
  };
36
57
  }
package/dist/index.d.ts CHANGED
@@ -40,7 +40,7 @@ export type { DrawerProps, DrawerSide, DrawerSnapPoint } from './components/Draw
40
40
  export type { DropdownMenuProps } from './components/DropdownMenu.vue';
41
41
  export type { EditableProps } from './components/Editable.vue';
42
42
  export type { EmptyStateProps } from './components/EmptyState.vue';
43
- export type { FileRejection, FileUploadProps } from './components/FileUpload.vue';
43
+ export type { FileRejection, FileUploadProps, FileUploadStatus } from './components/FileUpload.vue';
44
44
  export type { FormProps } from './components/Form.vue';
45
45
  export type { FormFieldProps } from './components/FormField.vue';
46
46
  export type { HoverCardProps } from './components/HoverCard.vue';
package/dist/index.js CHANGED
@@ -22,157 +22,157 @@ import E from "./components/Button.js";
22
22
  import D from "./components/AuthProviders.js";
23
23
  import { avatarGroupTheme as O, avatarTheme as k } from "./theme/avatar.js";
24
24
  import A from "./components/Avatar.js";
25
- import j from "./components/AvatarGroup.js";
26
- import { badgeTheme as M } from "./theme/badge.js";
27
- import N from "./components/Badge.js";
28
- import { bannerTheme as P } from "./theme/banner.js";
29
- import F from "./components/Banner.js";
30
- import { extent as I, finiteValues as L, linearScale as R, niceTicks as z } from "./composables/scale.js";
31
- import { AXIS_GAP as B, CATEGORY_HEIGHT as V, CHAR_WIDTH as H, SERIES_SLOTS as U, TOP_PAD as W, cartesianLayout as G, clampTooltip as K, seriesColor as q, slotOf as J, tooltipHalfWidth as Y, warnOnSlotOverflow as X } from "./composables/cartesian.js";
32
- import { REVEAL_DURATION as Z, useChartAnimation as Q, useChartProgress as $, useChartReveal as ee } from "./composables/chart-reveal.js";
33
- import { barChartTheme as te } from "./theme/bar-chart.js";
34
- import { chartLegendTheme as ne } from "./theme/chart-legend.js";
35
- import re from "./components/ChartLegend.js";
36
- import ie from "./components/BarChart.js";
37
- import { breadcrumbTheme as ae } from "./theme/breadcrumb.js";
38
- import oe from "./components/Breadcrumb.js";
39
- import { buttonGroupTheme as se } from "./theme/button-group.js";
40
- import ce from "./components/ButtonGroup.js";
41
- import { CalendarDate as le, Time as ue, formatIsoDate as de, isoToday as fe, toCalendarDate as pe, toIsoDate as me, toIsoTime as he, toTime as ge } from "./composables/date.js";
42
- import { calendarTheme as _e } from "./theme/calendar.js";
43
- import ve from "./components/Calendar.js";
44
- import { cardTheme as ye } from "./theme/card.js";
45
- import be from "./components/Card.js";
46
- import { scrollFadeMask as xe, useScrollEdges as Se } from "./composables/scroll-fade.js";
47
- import Ce from "./components/Carousel.js";
48
- import { formContextKey as we, formFieldContextKey as Te, getByPath as Ee, isStandardSchema as De, issuePath as Oe, useForm as ke, useFormField as Ae } from "./composables/form.js";
49
- import { checkboxTheme as je } from "./theme/checkbox.js";
50
- import Me from "./components/Checkbox.js";
51
- import { codeTheme as Ne } from "./theme/code.js";
52
- import Pe from "./components/Code.js";
53
- import { collapsibleTheme as Fe } from "./theme/collapsible.js";
54
- import Ie from "./components/Collapsible.js";
55
- import { fieldBase as Le, inputTheme as Re, textareaTheme as ze } from "./theme/input.js";
56
- import { colorPickerTheme as Be } from "./theme/color-picker.js";
57
- import Ve from "./components/ColorPicker.js";
58
- import { comboboxTheme as He } from "./theme/combobox.js";
59
- import Ue from "./components/Combobox.js";
60
- import { isApplePlatform as We, parseHotkey as Ge, useApplePlatform as Ke } from "./composables/kbd.js";
61
- import { commandHaystack as qe, isCommandGroup as Je, matchesHotkey as Ye, toCommandGroups as Xe } from "./composables/command-palette.js";
62
- import { commandPaletteTheme as Ze } from "./theme/command-palette.js";
63
- import { kbdTheme as Qe } from "./theme/kbd.js";
64
- import $e from "./components/Kbd.js";
65
- import et from "./components/CommandPalette.js";
66
- import { resolveConfirm as tt, useConfirm as nt, useConfirmState as rt } from "./composables/confirm.js";
67
- import { dialogTheme as it } from "./theme/dialog.js";
68
- import at from "./components/Dialog.js";
69
- import ot from "./components/ConfirmDialog.js";
70
- import { confirmPopoverTheme as st } from "./theme/confirm-popover.js";
71
- import { popoverTheme as ct } from "./theme/popover.js";
72
- import lt from "./components/Popover.js";
73
- import ut from "./components/ConfirmPopover.js";
74
- import { containerTheme as dt } from "./theme/container.js";
75
- import ft from "./components/Container.js";
76
- import { dropdownMenuTheme as pt } from "./theme/dropdown-menu.js";
77
- import { isSeparator as mt, isSubmenu as ht } from "./composables/dropdown-menu.js";
78
- import gt from "./components/ContextMenu.js";
79
- import { dateFieldTheme as _t } from "./theme/date-field.js";
80
- import vt from "./components/DateField.js";
81
- import { datePickerTheme as yt } from "./theme/date-picker.js";
82
- import bt from "./components/DatePicker.js";
83
- import xt from "./components/DateRangePicker.js";
84
- import { descriptionListTheme as St } from "./theme/description-list.js";
85
- import Ct from "./components/DescriptionList.js";
86
- import { donutChartTheme as wt } from "./theme/donut-chart.js";
87
- import Tt from "./components/DonutChart.js";
88
- import Et from "./components/DropdownMenu.js";
89
- import { editableTheme as Dt } from "./theme/editable.js";
90
- import Ot from "./components/Editable.js";
91
- import { emptyStateTheme as kt } from "./theme/empty-state.js";
92
- import At from "./components/EmptyState.js";
93
- import { fileUploadTheme as jt } from "./theme/file-upload.js";
94
- import Mt from "./components/FileUpload.js";
95
- import Nt from "./components/Form.js";
96
- import { labelTheme as Pt } from "./theme/label.js";
97
- import Ft from "./components/Label.js";
98
- import It from "./components/FormField.js";
99
- import { hoverCardTheme as Lt } from "./theme/hover-card.js";
100
- import Rt from "./components/HoverCard.js";
101
- import zt from "./components/Input.js";
102
- import { lineChartTheme as Bt } from "./theme/line-chart.js";
103
- import Vt from "./components/LineChart.js";
104
- import { menubarTheme as Ht } from "./theme/menubar.js";
105
- import Ut from "./components/Menubar.js";
106
- import { isNavigationGroup as Wt } from "./composables/navigation-menu.js";
107
- import { navigationMenuTheme as Gt } from "./theme/navigation-menu.js";
108
- import Kt from "./components/NavigationMenu.js";
109
- import { addDecimals as qt, clampDecimal as Jt, compareDecimals as Yt, formatDecimal as Xt, formatForLocale as Zt, isDecimal as Qt, localeSeparators as $t, parseDecimal as en, parseFromLocale as tn, roundDecimal as nn, toEditable as rn } from "./composables/decimal.js";
110
- import { numberInputTheme as an } from "./theme/number-input.js";
111
- import on from "./components/NumberInput.js";
112
- import { pageHeaderTheme as sn } from "./theme/page-header.js";
113
- import cn from "./components/PageHeader.js";
114
- import { paginationTheme as ln } from "./theme/pagination.js";
115
- import un from "./components/Pagination.js";
116
- import { passwordInputTheme as dn } from "./theme/password-input.js";
117
- import fn from "./components/PasswordInput.js";
118
- import { pinInputTheme as pn } from "./theme/pin-input.js";
119
- import mn from "./components/PinInput.js";
120
- import { progressTheme as hn } from "./theme/progress.js";
121
- import gn from "./components/Progress.js";
122
- import { radioGroupTheme as _n } from "./theme/radio-group.js";
123
- import vn from "./components/RadioGroup.js";
124
- import yn from "./components/Rating.js";
125
- import { scrollAreaTheme as bn } from "./theme/scroll-area.js";
126
- import xn from "./components/ScrollArea.js";
127
- import { scrollFadeTheme as Sn } from "./theme/scroll-fade.js";
128
- import Cn from "./components/ScrollFade.js";
129
- import { selectTheme as wn } from "./theme/select.js";
130
- import Tn from "./components/Select.js";
131
- import { separatorTheme as En } from "./theme/separator.js";
132
- import Dn from "./components/Separator.js";
133
- import { isSidebarGroup as On, isSidebarSection as kn, toSidebarSections as An } from "./composables/sidebar.js";
134
- import { sidebarTheme as jn } from "./theme/sidebar.js";
135
- import Mn from "./components/Sidebar.js";
136
- import { hasInk as Nn, strokeWidth as Pn } from "./composables/signature.js";
137
- import { signaturePadTheme as Fn } from "./theme/signature-pad.js";
138
- import In from "./components/SignaturePad.js";
139
- import { skeletonTheme as Ln } from "./theme/skeleton.js";
140
- import Rn from "./components/Skeleton.js";
141
- import { sliderTheme as zn } from "./theme/slider.js";
142
- import Bn from "./components/Slider.js";
143
- import { sparklineTheme as Vn } from "./theme/sparkline.js";
144
- import Hn from "./components/Sparkline.js";
145
- import { splitterTheme as Un } from "./theme/splitter.js";
146
- import Wn from "./components/Splitter.js";
147
- import { statTheme as Gn } from "./theme/stat.js";
148
- import Kn from "./components/Stat.js";
149
- import { stepperTheme as qn } from "./theme/stepper.js";
150
- import Jn from "./components/Stepper.js";
151
- import { switchTheme as Yn } from "./theme/switch.js";
152
- import Xn from "./components/Switch.js";
153
- import { getRowValue as Zn, useDataTable as Qn } from "./composables/data-table.js";
154
- import { tableTheme as $n } from "./theme/table.js";
155
- import er from "./components/Table.js";
156
- import { tabsTheme as tr } from "./theme/tabs.js";
157
- import nr from "./components/Tabs.js";
158
- import { tagsInputTheme as rr } from "./theme/tags-input.js";
159
- import ir from "./components/TagsInput.js";
160
- import ar from "./components/Textarea.js";
161
- import { timeFieldTheme as or } from "./theme/time-field.js";
162
- import sr from "./components/TimeField.js";
163
- import { timelineTheme as cr } from "./theme/timeline.js";
164
- import lr from "./components/Timeline.js";
165
- import { useToast as ur, useToastState as dr } from "./composables/toast.js";
166
- import { toastTheme as fr } from "./theme/toast.js";
167
- import pr from "./components/Toaster.js";
168
- import { toggleGroupTheme as mr, toggleTheme as hr } from "./theme/toggle.js";
169
- import gr from "./components/Toggle.js";
170
- import _r from "./components/ToggleGroup.js";
171
- import { toolbarTheme as vr } from "./theme/toolbar.js";
172
- import yr from "./components/Toolbar.js";
173
- import { tooltipTheme as br } from "./theme/tooltip.js";
174
- import xr from "./components/Tooltip.js";
175
- import { treeTheme as Sr } from "./theme/tree.js";
176
- import Cr from "./components/Tree.js";
177
- import { IryxUi as wr, createIryxUi as Tr } from "./plugin.js";
178
- export { B as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, j as AvatarGroup, N as Badge, F as Banner, ie as BarChart, oe as Breadcrumb, E as Button, ce as ButtonGroup, V as CATEGORY_HEIGHT, H as CHAR_WIDTH, ve as Calendar, le as CalendarDate, be as Card, Ce as Carousel, re as ChartLegend, Me as Checkbox, Pe as Code, Ie as Collapsible, Ve as ColorPicker, Ue as Combobox, et as CommandPalette, ot as ConfirmDialog, ut as ConfirmPopover, ft as Container, gt as ContextMenu, vt as DateField, bt as DatePicker, xt as DateRangePicker, Ct as DescriptionList, at as Dialog, Tt as DonutChart, y as Drawer, Et as DropdownMenu, Ot as Editable, At as EmptyState, Mt as FileUpload, Nt as Form, It as FormField, Rt as HoverCard, o as Icon, zt as Input, wr as IryxUi, $e as Kbd, Ft as Label, Vt as LineChart, Ut as Menubar, Kt as NavigationMenu, on as NumberInput, cn as PageHeader, un as Pagination, fn as PasswordInput, mn as PinInput, lt as Popover, gn as Progress, Z as REVEAL_DURATION, vn as RadioGroup, yn as Rating, U as SERIES_SLOTS, xn as ScrollArea, Cn as ScrollFade, Tn as Select, Dn as Separator, Mn as Sidebar, In as SignaturePad, Rn as Skeleton, Bn as Slider, Hn as Sparkline, Wn as Splitter, Kn as Stat, Jn as Stepper, Xn as Switch, W as TOP_PAD, er as Table, nr as Tabs, ir as TagsInput, ar as Textarea, ue as Time, sr as TimeField, lr as Timeline, pr as Toaster, gr as Toggle, _r as ToggleGroup, yr as Toolbar, xr as Tooltip, Cr as Tree, i as accordionTheme, qt as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as authProvidersTheme, O as avatarGroupTheme, k as avatarTheme, M as badgeTheme, P as bannerTheme, te as barChartTheme, ae as breadcrumbTheme, C as buttonGroupContextKey, se as buttonGroupTheme, T as buttonTheme, _e as calendarTheme, ye as cardTheme, G as cartesianLayout, ne as chartLegendTheme, je as checkboxTheme, Jt as clampDecimal, K as clampTooltip, p as clearTheme, Ne as codeTheme, Fe as collapsibleTheme, Be as colorPickerTheme, He as comboboxTheme, qe as commandHaystack, Ze as commandPaletteTheme, Yt as compareDecimals, e as componentNames, st as confirmPopoverTheme, dt as containerTheme, Tr as createIryxUi, _t as dateFieldTheme, yt as datePickerTheme, t as defaultConfig, St as descriptionListTheme, it as dialogTheme, wt as donutChartTheme, v as drawerTheme, pt as dropdownMenuTheme, Dt as editableTheme, kt as emptyStateTheme, I as extent, Le as fieldBase, jt as fileUploadTheme, L as finiteValues, we as formContextKey, Te as formFieldContextKey, Xt as formatDecimal, Zt as formatForLocale, de as formatIsoDate, Ee as getByPath, Zn as getRowValue, Nn as hasInk, Lt as hoverCardTheme, u as initAppearance, Re as inputTheme, n as iryxUiConfigKey, We as isApplePlatform, Je as isCommandGroup, Qt as isDecimal, a as isIconArray, Wt as isNavigationGroup, mt as isSeparator, On as isSidebarGroup, kn as isSidebarSection, De as isStandardSchema, ht as isSubmenu, fe as isoToday, Oe as issuePath, Qe as kbdTheme, Pt as labelTheme, Bt as lineChartTheme, R as linearScale, $t as localeSeparators, Ye as matchesHotkey, Ht as menubarTheme, Gt as navigationMenuTheme, z as niceTicks, an as numberInputTheme, sn as pageHeaderTheme, ln as paginationTheme, en as parseDecimal, tn as parseFromLocale, Ge as parseHotkey, dn as passwordInputTheme, pn as pinInputTheme, ct as popoverTheme, hn as progressTheme, _n as radioGroupTheme, tt as resolveConfirm, nn as roundDecimal, bn as scrollAreaTheme, xe as scrollFadeMask, Sn as scrollFadeTheme, wn as selectTheme, En as separatorTheme, q as seriesColor, jn as sidebarTheme, Fn as signaturePadTheme, Ln as skeletonTheme, zn as sliderTheme, J as slotOf, Vn as sparklineTheme, Un as splitterTheme, Gn as statTheme, qn as stepperTheme, Pn as strokeWidth, Yn as switchTheme, $n as tableTheme, tr as tabsTheme, rr as tagsInputTheme, ze as textareaTheme, m as themes, or as timeFieldTheme, cr as timelineTheme, pe as toCalendarDate, Xe as toCommandGroups, rn as toEditable, me as toIsoDate, he as toIsoTime, An as toSidebarSections, ge as toTime, fr as toastTheme, mr as toggleGroupTheme, hr as toggleTheme, vr as toolbarTheme, Y as tooltipHalfWidth, br as tooltipTheme, Sr as treeTheme, d as useAppearance, Ke as useApplePlatform, w as useButtonGroup, Q as useChartAnimation, $ as useChartProgress, ee as useChartReveal, nt as useConfirm, rt as useConfirmState, Qn as useDataTable, g as useElementSize, ke as useForm, Ae as useFormField, r as useIryxUiConfig, Se as useScrollEdges, ur as useToast, dr as useToastState, X as warnOnSlotOverflow };
25
+ import { tooltipTheme as j } from "./theme/tooltip.js";
26
+ import M from "./components/Tooltip.js";
27
+ import N from "./components/AvatarGroup.js";
28
+ import { badgeTheme as P } from "./theme/badge.js";
29
+ import F from "./components/Badge.js";
30
+ import { bannerTheme as I } from "./theme/banner.js";
31
+ import L from "./components/Banner.js";
32
+ import { extent as R, finiteValues as z, linearScale as B, niceTicks as V } from "./composables/scale.js";
33
+ import { AXIS_GAP as H, CATEGORY_HEIGHT as U, CHAR_WIDTH as W, SERIES_SLOTS as G, TOP_PAD as K, cartesianLayout as q, clampTooltip as J, seriesColor as Y, slotOf as X, tooltipHalfWidth as Z, warnOnSlotOverflow as Q } from "./composables/cartesian.js";
34
+ import { REVEAL_DURATION as $, useChartAnimation as ee, useChartProgress as te, useChartReveal as ne } from "./composables/chart-reveal.js";
35
+ import { barChartTheme as re } from "./theme/bar-chart.js";
36
+ import { chartLegendTheme as ie } from "./theme/chart-legend.js";
37
+ import ae from "./components/ChartLegend.js";
38
+ import oe from "./components/BarChart.js";
39
+ import { breadcrumbTheme as se } from "./theme/breadcrumb.js";
40
+ import { dropdownMenuTheme as ce } from "./theme/dropdown-menu.js";
41
+ import { isSeparator as le, isSubmenu as ue } from "./composables/dropdown-menu.js";
42
+ import de from "./components/DropdownMenu.js";
43
+ import fe from "./components/Breadcrumb.js";
44
+ import { buttonGroupTheme as pe } from "./theme/button-group.js";
45
+ import me from "./components/ButtonGroup.js";
46
+ import { CalendarDate as he, Time as ge, formatIsoDate as _e, isoToday as ve, toCalendarDate as ye, toIsoDate as be, toIsoTime as xe, toTime as Se } from "./composables/date.js";
47
+ import { calendarTheme as Ce } from "./theme/calendar.js";
48
+ import we from "./components/Calendar.js";
49
+ import { cardTheme as Te } from "./theme/card.js";
50
+ import Ee from "./components/Card.js";
51
+ import { scrollFadeMask as De, useScrollEdges as Oe } from "./composables/scroll-fade.js";
52
+ import ke from "./components/Carousel.js";
53
+ import { formContextKey as Ae, formFieldContextKey as je, getByPath as Me, isStandardSchema as Ne, issuePath as Pe, useForm as Fe, useFormField as Ie } from "./composables/form.js";
54
+ import { checkboxTheme as Le } from "./theme/checkbox.js";
55
+ import Re from "./components/Checkbox.js";
56
+ import { codeTheme as ze } from "./theme/code.js";
57
+ import Be from "./components/Code.js";
58
+ import { collapsibleTheme as Ve } from "./theme/collapsible.js";
59
+ import He from "./components/Collapsible.js";
60
+ import { fieldBase as Ue, inputTheme as We, textareaCountTheme as Ge, textareaTheme as Ke } from "./theme/input.js";
61
+ import { colorPickerTheme as qe } from "./theme/color-picker.js";
62
+ import Je from "./components/ColorPicker.js";
63
+ import { comboboxTheme as Ye } from "./theme/combobox.js";
64
+ import Xe from "./components/Combobox.js";
65
+ import { isApplePlatform as Ze, parseHotkey as Qe, useApplePlatform as $e } from "./composables/kbd.js";
66
+ import { commandHaystack as et, isCommandGroup as tt, matchesHotkey as nt, toCommandGroups as rt } from "./composables/command-palette.js";
67
+ import { commandPaletteTheme as it } from "./theme/command-palette.js";
68
+ import { kbdTheme as at } from "./theme/kbd.js";
69
+ import ot from "./components/Kbd.js";
70
+ import st from "./components/CommandPalette.js";
71
+ import { resolveConfirm as ct, useConfirm as lt, useConfirmState as ut } from "./composables/confirm.js";
72
+ import { dialogTheme as dt } from "./theme/dialog.js";
73
+ import ft from "./components/Dialog.js";
74
+ import pt from "./components/ConfirmDialog.js";
75
+ import { confirmPopoverTheme as mt } from "./theme/confirm-popover.js";
76
+ import { popoverTheme as ht } from "./theme/popover.js";
77
+ import gt from "./components/Popover.js";
78
+ import _t from "./components/ConfirmPopover.js";
79
+ import { containerTheme as vt } from "./theme/container.js";
80
+ import yt from "./components/Container.js";
81
+ import bt from "./components/ContextMenu.js";
82
+ import { dateFieldTheme as xt } from "./theme/date-field.js";
83
+ import St from "./components/DateField.js";
84
+ import { datePickerTheme as Ct } from "./theme/date-picker.js";
85
+ import wt from "./components/DatePicker.js";
86
+ import Tt from "./components/DateRangePicker.js";
87
+ import { descriptionListTheme as Et } from "./theme/description-list.js";
88
+ import Dt from "./components/DescriptionList.js";
89
+ import { donutChartTheme as Ot } from "./theme/donut-chart.js";
90
+ import kt from "./components/DonutChart.js";
91
+ import { editableTheme as At } from "./theme/editable.js";
92
+ import jt from "./components/Editable.js";
93
+ import { emptyStateTheme as Mt } from "./theme/empty-state.js";
94
+ import Nt from "./components/EmptyState.js";
95
+ import { fileUploadTheme as Pt } from "./theme/file-upload.js";
96
+ import { progressTheme as Ft } from "./theme/progress.js";
97
+ import It from "./components/Progress.js";
98
+ import Lt from "./components/FileUpload.js";
99
+ import Rt from "./components/Form.js";
100
+ import { labelTheme as zt } from "./theme/label.js";
101
+ import Bt from "./components/Label.js";
102
+ import Vt from "./components/FormField.js";
103
+ import { hoverCardTheme as Ht } from "./theme/hover-card.js";
104
+ import Ut from "./components/HoverCard.js";
105
+ import Wt from "./components/Input.js";
106
+ import { lineChartTheme as Gt } from "./theme/line-chart.js";
107
+ import Kt from "./components/LineChart.js";
108
+ import { menubarTheme as qt } from "./theme/menubar.js";
109
+ import Jt from "./components/Menubar.js";
110
+ import { isNavigationGroup as Yt } from "./composables/navigation-menu.js";
111
+ import { navigationMenuTheme as Xt } from "./theme/navigation-menu.js";
112
+ import Zt from "./components/NavigationMenu.js";
113
+ import { addDecimals as Qt, clampDecimal as $t, compareDecimals as en, formatDecimal as tn, formatForLocale as nn, isDecimal as rn, localeSeparators as an, parseDecimal as on, parseFromLocale as sn, roundDecimal as cn, toEditable as ln } from "./composables/decimal.js";
114
+ import { numberInputTheme as un } from "./theme/number-input.js";
115
+ import dn from "./components/NumberInput.js";
116
+ import { pageHeaderTheme as fn } from "./theme/page-header.js";
117
+ import pn from "./components/PageHeader.js";
118
+ import { paginationTheme as mn } from "./theme/pagination.js";
119
+ import hn from "./components/Pagination.js";
120
+ import { passwordInputTheme as gn } from "./theme/password-input.js";
121
+ import _n from "./components/PasswordInput.js";
122
+ import { pinInputTheme as vn } from "./theme/pin-input.js";
123
+ import yn from "./components/PinInput.js";
124
+ import { radioGroupTheme as bn } from "./theme/radio-group.js";
125
+ import xn from "./components/RadioGroup.js";
126
+ import Sn from "./components/Rating.js";
127
+ import { scrollAreaTheme as Cn } from "./theme/scroll-area.js";
128
+ import wn from "./components/ScrollArea.js";
129
+ import { scrollFadeTheme as Tn } from "./theme/scroll-fade.js";
130
+ import En from "./components/ScrollFade.js";
131
+ import { selectTheme as Dn } from "./theme/select.js";
132
+ import On from "./components/Select.js";
133
+ import { separatorTheme as kn } from "./theme/separator.js";
134
+ import An from "./components/Separator.js";
135
+ import { isSidebarGroup as jn, isSidebarSection as Mn, toSidebarSections as Nn } from "./composables/sidebar.js";
136
+ import { sidebarTheme as Pn } from "./theme/sidebar.js";
137
+ import Fn from "./components/Sidebar.js";
138
+ import { hasInk as In, strokeWidth as Ln } from "./composables/signature.js";
139
+ import { signaturePadTheme as Rn } from "./theme/signature-pad.js";
140
+ import zn from "./components/SignaturePad.js";
141
+ import { skeletonTheme as Bn } from "./theme/skeleton.js";
142
+ import Vn from "./components/Skeleton.js";
143
+ import { sliderTheme as Hn } from "./theme/slider.js";
144
+ import Un from "./components/Slider.js";
145
+ import { sparklineTheme as Wn } from "./theme/sparkline.js";
146
+ import Gn from "./components/Sparkline.js";
147
+ import { splitterTheme as Kn } from "./theme/splitter.js";
148
+ import qn from "./components/Splitter.js";
149
+ import { statTheme as Jn } from "./theme/stat.js";
150
+ import Yn from "./components/Stat.js";
151
+ import { stepperTheme as Xn } from "./theme/stepper.js";
152
+ import Zn from "./components/Stepper.js";
153
+ import { switchTheme as Qn } from "./theme/switch.js";
154
+ import $n from "./components/Switch.js";
155
+ import { getRowValue as er, useDataTable as tr } from "./composables/data-table.js";
156
+ import { tableTheme as nr } from "./theme/table.js";
157
+ import rr from "./components/Table.js";
158
+ import { tabsTheme as ir } from "./theme/tabs.js";
159
+ import ar from "./components/Tabs.js";
160
+ import { tagsInputTheme as or } from "./theme/tags-input.js";
161
+ import sr from "./components/TagsInput.js";
162
+ import cr from "./components/Textarea.js";
163
+ import { timeFieldTheme as lr } from "./theme/time-field.js";
164
+ import ur from "./components/TimeField.js";
165
+ import { timelineTheme as dr } from "./theme/timeline.js";
166
+ import fr from "./components/Timeline.js";
167
+ import { useToast as pr, useToastState as mr } from "./composables/toast.js";
168
+ import { toastTheme as hr } from "./theme/toast.js";
169
+ import gr from "./components/Toaster.js";
170
+ import { toggleGroupTheme as _r, toggleTheme as vr } from "./theme/toggle.js";
171
+ import yr from "./components/Toggle.js";
172
+ import br from "./components/ToggleGroup.js";
173
+ import { toolbarTheme as xr } from "./theme/toolbar.js";
174
+ import Sr from "./components/Toolbar.js";
175
+ import { treeTheme as Cr } from "./theme/tree.js";
176
+ import wr from "./components/Tree.js";
177
+ import { IryxUi as Tr, createIryxUi as Er } 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, we as Calendar, he as CalendarDate, Ee as Card, ke as Carousel, ae as ChartLegend, Re as Checkbox, Be as Code, He as Collapsible, Je as ColorPicker, Xe as Combobox, st as CommandPalette, pt as ConfirmDialog, _t as ConfirmPopover, yt as Container, bt as ContextMenu, St as DateField, wt as DatePicker, Tt as DateRangePicker, Dt as DescriptionList, ft as Dialog, kt as DonutChart, y as Drawer, de as DropdownMenu, jt as Editable, Nt as EmptyState, Lt as FileUpload, Rt as Form, Vt as FormField, Ut as HoverCard, o as Icon, Wt as Input, Tr as IryxUi, ot as Kbd, Bt as Label, Kt as LineChart, Jt as Menubar, Zt as NavigationMenu, dn as NumberInput, pn as PageHeader, hn as Pagination, _n as PasswordInput, yn as PinInput, gt as Popover, It as Progress, $ as REVEAL_DURATION, xn as RadioGroup, Sn as Rating, G as SERIES_SLOTS, wn as ScrollArea, En as ScrollFade, On as Select, An as Separator, Fn as Sidebar, zn as SignaturePad, Vn as Skeleton, Un as Slider, Gn as Sparkline, qn as Splitter, Yn as Stat, Zn as Stepper, $n as Switch, K as TOP_PAD, rr as Table, ar as Tabs, sr as TagsInput, cr as Textarea, ge as Time, ur as TimeField, fr as Timeline, gr as Toaster, yr as Toggle, br as ToggleGroup, Sr as Toolbar, M as Tooltip, wr as Tree, i as accordionTheme, Qt 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, Ce as calendarTheme, Te as cardTheme, q as cartesianLayout, ie as chartLegendTheme, Le as checkboxTheme, $t as clampDecimal, J as clampTooltip, p as clearTheme, ze as codeTheme, Ve as collapsibleTheme, qe as colorPickerTheme, Ye as comboboxTheme, et as commandHaystack, it as commandPaletteTheme, en as compareDecimals, e as componentNames, mt as confirmPopoverTheme, vt as containerTheme, Er as createIryxUi, xt as dateFieldTheme, Ct as datePickerTheme, t as defaultConfig, Et as descriptionListTheme, dt as dialogTheme, Ot as donutChartTheme, v as drawerTheme, ce as dropdownMenuTheme, At as editableTheme, Mt as emptyStateTheme, R as extent, Ue as fieldBase, Pt as fileUploadTheme, z as finiteValues, Ae as formContextKey, je as formFieldContextKey, tn as formatDecimal, nn as formatForLocale, _e as formatIsoDate, Me as getByPath, er as getRowValue, In as hasInk, Ht as hoverCardTheme, u as initAppearance, We as inputTheme, n as iryxUiConfigKey, Ze as isApplePlatform, tt as isCommandGroup, rn as isDecimal, a as isIconArray, Yt as isNavigationGroup, le as isSeparator, jn as isSidebarGroup, Mn as isSidebarSection, Ne as isStandardSchema, ue as isSubmenu, ve as isoToday, Pe as issuePath, at as kbdTheme, zt as labelTheme, Gt as lineChartTheme, B as linearScale, an as localeSeparators, nt as matchesHotkey, qt as menubarTheme, Xt as navigationMenuTheme, V as niceTicks, un as numberInputTheme, fn as pageHeaderTheme, mn as paginationTheme, on as parseDecimal, sn as parseFromLocale, Qe as parseHotkey, gn as passwordInputTheme, vn as pinInputTheme, ht as popoverTheme, Ft as progressTheme, bn as radioGroupTheme, ct as resolveConfirm, cn as roundDecimal, Cn as scrollAreaTheme, De as scrollFadeMask, Tn as scrollFadeTheme, Dn as selectTheme, kn as separatorTheme, Y as seriesColor, Pn as sidebarTheme, Rn as signaturePadTheme, Bn as skeletonTheme, Hn as sliderTheme, X as slotOf, Wn as sparklineTheme, Kn as splitterTheme, Jn as statTheme, Xn as stepperTheme, Ln as strokeWidth, Qn as switchTheme, nr as tableTheme, ir as tabsTheme, or as tagsInputTheme, Ge as textareaCountTheme, Ke as textareaTheme, m as themes, lr as timeFieldTheme, dr as timelineTheme, ye as toCalendarDate, rt as toCommandGroups, ln as toEditable, be as toIsoDate, xe as toIsoTime, Nn as toSidebarSections, Se as toTime, hr as toastTheme, _r as toggleGroupTheme, vr as toggleTheme, xr as toolbarTheme, Z as tooltipHalfWidth, j as tooltipTheme, Cr as treeTheme, d as useAppearance, $e as useApplePlatform, w as useButtonGroup, ee as useChartAnimation, te as useChartProgress, ne as useChartReveal, lt as useConfirm, ut as useConfirmState, tr as useDataTable, g as useElementSize, Fe as useForm, Ie as useFormField, r as useIryxUiConfig, Oe as useScrollEdges, pr as useToast, mr as useToastState, Q as warnOnSlotOverflow };
package/dist/theme/avatar.d.ts CHANGED
@@ -188,8 +188,15 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
188
188
  overflow: string;
189
189
  };
190
190
  };
191
+ tooltip: {
192
+ true: {
193
+ item: string;
194
+ overflow: string;
195
+ };
196
+ };
191
197
  }, {
192
198
  root: string;
199
+ trigger: string;
193
200
  item: string;
194
201
  overflow: string;
195
202
  }, undefined, {
@@ -215,8 +222,15 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
215
222
  overflow: string;
216
223
  };
217
224
  };
225
+ tooltip: {
226
+ true: {
227
+ item: string;
228
+ overflow: string;
229
+ };
230
+ };
218
231
  }, {
219
232
  root: string;
233
+ trigger: string;
220
234
  item: string;
221
235
  overflow: string;
222
236
  }, import("tailwind-variants").TVReturnTypeLike<{
@@ -242,8 +256,15 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
242
256
  overflow: string;
243
257
  };
244
258
  };
259
+ tooltip: {
260
+ true: {
261
+ item: string;
262
+ overflow: string;
263
+ };
264
+ };
245
265
  }, {
246
266
  root: string;
267
+ trigger: string;
247
268
  item: string;
248
269
  overflow: string;
249
270
  }>>;
package/dist/theme/avatar.js CHANGED
@@ -53,31 +53,38 @@ var t = e({
53
53
  }), n = e({
54
54
  slots: {
55
55
  root: "flex flex-row-reverse items-center justify-end",
56
+ trigger: "group relative inline-flex rounded-full outline-none",
56
57
  item: "ring-2 ring-background",
57
58
  overflow: "flex shrink-0 items-center justify-center rounded-full bg-muted font-medium text-muted-foreground ring-2 ring-background"
58
59
  },
59
- variants: { size: {
60
- xs: {
61
- root: "-space-x-1.5 space-x-reverse",
62
- overflow: "size-6 text-[0.625rem]"
63
- },
64
- sm: {
65
- root: "-space-x-2 space-x-reverse",
66
- overflow: "size-8 text-xs"
67
- },
68
- md: {
69
- root: "-space-x-2.5 space-x-reverse",
70
- overflow: "size-10 text-sm"
71
- },
72
- lg: {
73
- root: "-space-x-3 space-x-reverse",
74
- overflow: "size-12 text-base"
60
+ variants: {
61
+ size: {
62
+ xs: {
63
+ root: "-space-x-1.5 space-x-reverse",
64
+ overflow: "size-6 text-[0.625rem]"
65
+ },
66
+ sm: {
67
+ root: "-space-x-2 space-x-reverse",
68
+ overflow: "size-8 text-xs"
69
+ },
70
+ md: {
71
+ root: "-space-x-2.5 space-x-reverse",
72
+ overflow: "size-10 text-sm"
73
+ },
74
+ lg: {
75
+ root: "-space-x-3 space-x-reverse",
76
+ overflow: "size-12 text-base"
77
+ },
78
+ xl: {
79
+ root: "-space-x-4 space-x-reverse",
80
+ overflow: "size-16 text-xl"
81
+ }
75
82
  },
76
- xl: {
77
- root: "-space-x-4 space-x-reverse",
78
- overflow: "size-16 text-xl"
79
- }
80
- } },
83
+ tooltip: { true: {
84
+ item: "transition-transform duration-300 ease-out group-hover:-translate-y-1 group-focus-visible:-translate-y-1 group-focus-visible:ring-primary motion-reduce:transition-none",
85
+ overflow: "outline-none focus-visible:ring-primary"
86
+ } }
87
+ },
81
88
  defaultVariants: { size: "md" }
82
89
  });
83
90
  //#endregion
package/dist/theme/bar-chart.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
4
4
  root?: import("tailwind-variants").ClassValue;
5
5
  svg?: import("tailwind-variants").ClassValue;
6
6
  table?: import("tailwind-variants").ClassValue;
7
+ tooltip?: import("tailwind-variants").ClassValue;
7
8
  plot?: import("tailwind-variants").ClassValue;
8
9
  grid?: import("tailwind-variants").ClassValue;
9
10
  tick?: import("tailwind-variants").ClassValue;
@@ -11,7 +12,6 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
11
12
  bar?: import("tailwind-variants").ClassValue;
12
13
  hit?: import("tailwind-variants").ClassValue;
13
14
  faded?: import("tailwind-variants").ClassValue;
14
- tooltip?: import("tailwind-variants").ClassValue;
15
15
  tooltipLabel?: import("tailwind-variants").ClassValue;
16
16
  tooltipValue?: import("tailwind-variants").ClassValue;
17
17
  };
@@ -22,6 +22,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
22
22
  root?: import("tailwind-variants").ClassValue;
23
23
  svg?: import("tailwind-variants").ClassValue;
24
24
  table?: import("tailwind-variants").ClassValue;
25
+ tooltip?: import("tailwind-variants").ClassValue;
25
26
  plot?: import("tailwind-variants").ClassValue;
26
27
  grid?: import("tailwind-variants").ClassValue;
27
28
  tick?: import("tailwind-variants").ClassValue;
@@ -29,7 +30,6 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
29
30
  bar?: import("tailwind-variants").ClassValue;
30
31
  hit?: import("tailwind-variants").ClassValue;
31
32
  faded?: import("tailwind-variants").ClassValue;
32
- tooltip?: import("tailwind-variants").ClassValue;
33
33
  tooltipLabel?: import("tailwind-variants").ClassValue;
34
34
  tooltipValue?: import("tailwind-variants").ClassValue;
35
35
  };
@@ -54,6 +54,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
54
54
  root?: import("tailwind-variants").ClassValue;
55
55
  svg?: import("tailwind-variants").ClassValue;
56
56
  table?: import("tailwind-variants").ClassValue;
57
+ tooltip?: import("tailwind-variants").ClassValue;
57
58
  plot?: import("tailwind-variants").ClassValue;
58
59
  grid?: import("tailwind-variants").ClassValue;
59
60
  tick?: import("tailwind-variants").ClassValue;
@@ -61,7 +62,6 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
61
62
  bar?: import("tailwind-variants").ClassValue;
62
63
  hit?: import("tailwind-variants").ClassValue;
63
64
  faded?: import("tailwind-variants").ClassValue;
64
- tooltip?: import("tailwind-variants").ClassValue;
65
65
  tooltipLabel?: import("tailwind-variants").ClassValue;
66
66
  tooltipValue?: import("tailwind-variants").ClassValue;
67
67
  };
package/dist/theme/calendar.js CHANGED
@@ -10,7 +10,7 @@ var t = e({
10
10
  grid: "w-full border-collapse select-none",
11
11
  headCell: "pb-1 text-xs font-normal text-muted-foreground",
12
12
  cell: "p-0 transition-colors",
13
- cellTrigger: "flex h-8 w-full min-w-8 items-center justify-center rounded-lg text-sm tabular-nums transition-[color,background-color,border-color,box-shadow] outline-none not-data-[selected]:hover:bg-accent not-data-[selected]:hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-30 data-[outside-view]:text-muted-foreground/50 data-[today]:font-semibold data-[today]:text-primary data-[unavailable]:pointer-events-none data-[unavailable]:line-through data-[unavailable]:opacity-40"
13
+ cellTrigger: "flex h-8 w-full min-w-8 items-center justify-center rounded-lg text-sm tabular-nums transition-[color,background-color,border-color,box-shadow] outline-none not-data-[selected]:hover:bg-accent not-data-[selected]:hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-30 data-[outside-view]:text-muted-foreground data-[today]:font-semibold data-[today]:text-primary data-[unavailable]:pointer-events-none data-[unavailable]:line-through data-[unavailable]:opacity-40"
14
14
  },
15
15
  variants: { range: {
16
16
  false: { cellTrigger: "data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:data-[today]:text-primary-foreground" },