iryx-ui 0.15.0 → 0.16.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 +3 -1
- package/dist/component-names.d.ts +1 -1
- package/dist/component-names.js +1 -1
- package/dist/components/BarChart.vue.d.ts +8 -0
- package/dist/components/BarChart.vue_vue_type_script_setup_true_lang.js +169 -151
- package/dist/components/DonutChart.js +5 -0
- package/dist/components/DonutChart.vue.d.ts +96 -0
- package/dist/components/DonutChart.vue_vue_type_script_setup_true_lang.js +234 -0
- package/dist/components/LineChart.vue.d.ts +8 -0
- package/dist/components/LineChart.vue_vue_type_script_setup_true_lang.js +160 -141
- package/dist/components/Sparkline.vue.d.ts +9 -0
- package/dist/components/Sparkline.vue_vue_type_script_setup_true_lang.js +90 -53
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +90 -88
- package/dist/composables/cartesian.d.ts +10 -2
- package/dist/composables/chart-reveal.d.ts +45 -0
- package/dist/composables/chart-reveal.js +93 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +134 -131
- package/dist/theme/donut-chart.d.ts +104 -0
- package/dist/theme/donut-chart.js +17 -0
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/sparkline.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -24,134 +24,137 @@ import { bannerTheme as O } from "./theme/banner.js";
|
|
|
24
24
|
import k from "./components/Banner.js";
|
|
25
25
|
import { extent as A, finiteValues as j, linearScale as M, niceTicks as N } from "./composables/scale.js";
|
|
26
26
|
import { AXIS_GAP as P, CATEGORY_HEIGHT as F, CHAR_WIDTH as I, SERIES_SLOTS as L, TOP_PAD as R, cartesianLayout as z, clampTooltip as B, seriesColor as V, slotOf as H, tooltipHalfWidth as U, warnOnSlotOverflow as W } from "./composables/cartesian.js";
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import
|
|
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
|
-
import
|
|
96
|
-
import
|
|
97
|
-
import
|
|
98
|
-
import
|
|
99
|
-
import
|
|
100
|
-
import
|
|
101
|
-
import
|
|
102
|
-
import
|
|
103
|
-
import
|
|
104
|
-
import
|
|
105
|
-
import
|
|
106
|
-
import {
|
|
107
|
-
import
|
|
108
|
-
import {
|
|
109
|
-
import
|
|
110
|
-
import
|
|
111
|
-
import
|
|
112
|
-
import
|
|
113
|
-
import {
|
|
114
|
-
import
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import
|
|
118
|
-
import {
|
|
119
|
-
import
|
|
120
|
-
import
|
|
121
|
-
import
|
|
122
|
-
import
|
|
123
|
-
import
|
|
124
|
-
import
|
|
125
|
-
import
|
|
126
|
-
import
|
|
127
|
-
import
|
|
128
|
-
import
|
|
129
|
-
import
|
|
130
|
-
import
|
|
131
|
-
import
|
|
132
|
-
import
|
|
133
|
-
import {
|
|
134
|
-
import
|
|
135
|
-
import {
|
|
136
|
-
import
|
|
137
|
-
import
|
|
138
|
-
import
|
|
139
|
-
import
|
|
140
|
-
import {
|
|
141
|
-
import
|
|
142
|
-
import
|
|
143
|
-
import
|
|
144
|
-
import
|
|
145
|
-
import {
|
|
146
|
-
import
|
|
147
|
-
import {
|
|
148
|
-
import
|
|
149
|
-
import
|
|
150
|
-
import {
|
|
151
|
-
import
|
|
152
|
-
import
|
|
153
|
-
import
|
|
154
|
-
import
|
|
155
|
-
import
|
|
156
|
-
import
|
|
157
|
-
|
|
27
|
+
import { REVEAL_DURATION as G, useChartAnimation as K, useChartProgress as q, useChartReveal as J } from "./composables/chart-reveal.js";
|
|
28
|
+
import { barChartTheme as Y } from "./theme/bar-chart.js";
|
|
29
|
+
import { chartLegendTheme as X } from "./theme/chart-legend.js";
|
|
30
|
+
import Z from "./components/ChartLegend.js";
|
|
31
|
+
import Q from "./components/BarChart.js";
|
|
32
|
+
import { breadcrumbTheme as $ } from "./theme/breadcrumb.js";
|
|
33
|
+
import ee from "./components/Breadcrumb.js";
|
|
34
|
+
import { buttonGroupContextKey as te, useButtonGroup as ne } from "./composables/button-group.js";
|
|
35
|
+
import { buttonTheme as re } from "./theme/button.js";
|
|
36
|
+
import ie from "./components/Button.js";
|
|
37
|
+
import { buttonGroupTheme as ae } from "./theme/button-group.js";
|
|
38
|
+
import oe from "./components/ButtonGroup.js";
|
|
39
|
+
import { cardTheme as se } from "./theme/card.js";
|
|
40
|
+
import ce from "./components/Card.js";
|
|
41
|
+
import { checkboxTheme as le } from "./theme/checkbox.js";
|
|
42
|
+
import ue from "./components/Checkbox.js";
|
|
43
|
+
import { collapsibleTheme as de } from "./theme/collapsible.js";
|
|
44
|
+
import fe from "./components/Collapsible.js";
|
|
45
|
+
import { fieldBase as pe, inputTheme as me, textareaTheme as he } from "./theme/input.js";
|
|
46
|
+
import { colorPickerTheme as ge } from "./theme/color-picker.js";
|
|
47
|
+
import _e from "./components/ColorPicker.js";
|
|
48
|
+
import { formContextKey as ve, formFieldContextKey as ye, getByPath as be, isStandardSchema as xe, issuePath as Se, useForm as Ce, useFormField as we } from "./composables/form.js";
|
|
49
|
+
import { comboboxTheme as Te } from "./theme/combobox.js";
|
|
50
|
+
import Ee from "./components/Combobox.js";
|
|
51
|
+
import { isApplePlatform as De, parseHotkey as Oe, useApplePlatform as ke } from "./composables/kbd.js";
|
|
52
|
+
import { commandHaystack as Ae, isCommandGroup as je, matchesHotkey as Me, toCommandGroups as Ne } from "./composables/command-palette.js";
|
|
53
|
+
import { commandPaletteTheme as Pe } from "./theme/command-palette.js";
|
|
54
|
+
import { kbdTheme as Fe } from "./theme/kbd.js";
|
|
55
|
+
import Ie from "./components/Kbd.js";
|
|
56
|
+
import Le from "./components/CommandPalette.js";
|
|
57
|
+
import { resolveConfirm as Re, useConfirm as ze, useConfirmState as Be } from "./composables/confirm.js";
|
|
58
|
+
import { dialogTheme as Ve } from "./theme/dialog.js";
|
|
59
|
+
import He from "./components/Dialog.js";
|
|
60
|
+
import Ue from "./components/ConfirmDialog.js";
|
|
61
|
+
import { containerTheme as We } from "./theme/container.js";
|
|
62
|
+
import Ge from "./components/Container.js";
|
|
63
|
+
import { dropdownMenuTheme as Ke } from "./theme/dropdown-menu.js";
|
|
64
|
+
import { isSeparator as qe, isSubmenu as Je } from "./composables/dropdown-menu.js";
|
|
65
|
+
import Ye from "./components/ContextMenu.js";
|
|
66
|
+
import { CalendarDate as Xe, Time as Ze, formatIsoDate as Qe, isoToday as $e, toCalendarDate as et, toIsoDate as tt, toIsoTime as nt, toTime as rt } from "./composables/date.js";
|
|
67
|
+
import { datePickerTheme as it } from "./theme/date-picker.js";
|
|
68
|
+
import at from "./components/DatePicker.js";
|
|
69
|
+
import ot from "./components/DateRangePicker.js";
|
|
70
|
+
import { donutChartTheme as st } from "./theme/donut-chart.js";
|
|
71
|
+
import ct from "./components/DonutChart.js";
|
|
72
|
+
import lt from "./components/DropdownMenu.js";
|
|
73
|
+
import { emptyStateTheme as ut } from "./theme/empty-state.js";
|
|
74
|
+
import dt from "./components/EmptyState.js";
|
|
75
|
+
import { fileUploadTheme as ft } from "./theme/file-upload.js";
|
|
76
|
+
import pt from "./components/FileUpload.js";
|
|
77
|
+
import mt from "./components/Form.js";
|
|
78
|
+
import { labelTheme as ht } from "./theme/label.js";
|
|
79
|
+
import gt from "./components/Label.js";
|
|
80
|
+
import _t from "./components/FormField.js";
|
|
81
|
+
import vt from "./components/Input.js";
|
|
82
|
+
import { lineChartTheme as yt } from "./theme/line-chart.js";
|
|
83
|
+
import bt from "./components/LineChart.js";
|
|
84
|
+
import { menubarTheme as xt } from "./theme/menubar.js";
|
|
85
|
+
import St from "./components/Menubar.js";
|
|
86
|
+
import { isNavigationGroup as Ct } from "./composables/navigation-menu.js";
|
|
87
|
+
import { navigationMenuTheme as wt } from "./theme/navigation-menu.js";
|
|
88
|
+
import Tt from "./components/NavigationMenu.js";
|
|
89
|
+
import { addDecimals as Et, clampDecimal as Dt, compareDecimals as Ot, formatDecimal as kt, formatForLocale as At, isDecimal as jt, localeSeparators as Mt, parseDecimal as Nt, parseFromLocale as Pt, roundDecimal as Ft, toEditable as It } from "./composables/decimal.js";
|
|
90
|
+
import { numberInputTheme as Lt } from "./theme/number-input.js";
|
|
91
|
+
import Rt from "./components/NumberInput.js";
|
|
92
|
+
import { pageHeaderTheme as zt } from "./theme/page-header.js";
|
|
93
|
+
import Bt from "./components/PageHeader.js";
|
|
94
|
+
import { paginationTheme as Vt } from "./theme/pagination.js";
|
|
95
|
+
import Ht from "./components/Pagination.js";
|
|
96
|
+
import { passwordInputTheme as Ut } from "./theme/password-input.js";
|
|
97
|
+
import Wt from "./components/PasswordInput.js";
|
|
98
|
+
import { pinInputTheme as Gt } from "./theme/pin-input.js";
|
|
99
|
+
import Kt from "./components/PinInput.js";
|
|
100
|
+
import { popoverTheme as qt } from "./theme/popover.js";
|
|
101
|
+
import Jt from "./components/Popover.js";
|
|
102
|
+
import { progressTheme as Yt } from "./theme/progress.js";
|
|
103
|
+
import Xt from "./components/Progress.js";
|
|
104
|
+
import { radioGroupTheme as Zt } from "./theme/radio-group.js";
|
|
105
|
+
import Qt from "./components/RadioGroup.js";
|
|
106
|
+
import { scrollAreaTheme as $t } from "./theme/scroll-area.js";
|
|
107
|
+
import en from "./components/ScrollArea.js";
|
|
108
|
+
import { scrollFadeMask as tn, useScrollEdges as nn } from "./composables/scroll-fade.js";
|
|
109
|
+
import { scrollFadeTheme as rn } from "./theme/scroll-fade.js";
|
|
110
|
+
import an from "./components/ScrollFade.js";
|
|
111
|
+
import { selectTheme as on } from "./theme/select.js";
|
|
112
|
+
import sn from "./components/Select.js";
|
|
113
|
+
import { separatorTheme as cn } from "./theme/separator.js";
|
|
114
|
+
import ln from "./components/Separator.js";
|
|
115
|
+
import { isSidebarGroup as un, isSidebarSection as dn, toSidebarSections as fn } from "./composables/sidebar.js";
|
|
116
|
+
import { sidebarTheme as pn } from "./theme/sidebar.js";
|
|
117
|
+
import mn from "./components/Sidebar.js";
|
|
118
|
+
import { hasInk as hn, strokeWidth as gn } from "./composables/signature.js";
|
|
119
|
+
import { signaturePadTheme as _n } from "./theme/signature-pad.js";
|
|
120
|
+
import vn from "./components/SignaturePad.js";
|
|
121
|
+
import { skeletonTheme as yn } from "./theme/skeleton.js";
|
|
122
|
+
import bn from "./components/Skeleton.js";
|
|
123
|
+
import { sliderTheme as xn } from "./theme/slider.js";
|
|
124
|
+
import Sn from "./components/Slider.js";
|
|
125
|
+
import { sparklineTheme as Cn } from "./theme/sparkline.js";
|
|
126
|
+
import wn from "./components/Sparkline.js";
|
|
127
|
+
import { splitterTheme as Tn } from "./theme/splitter.js";
|
|
128
|
+
import En from "./components/Splitter.js";
|
|
129
|
+
import { statTheme as Dn } from "./theme/stat.js";
|
|
130
|
+
import On from "./components/Stat.js";
|
|
131
|
+
import { stepperTheme as kn } from "./theme/stepper.js";
|
|
132
|
+
import An from "./components/Stepper.js";
|
|
133
|
+
import { switchTheme as jn } from "./theme/switch.js";
|
|
134
|
+
import Mn from "./components/Switch.js";
|
|
135
|
+
import { getRowValue as Nn, useDataTable as Pn } from "./composables/data-table.js";
|
|
136
|
+
import { tableTheme as Fn } from "./theme/table.js";
|
|
137
|
+
import In from "./components/Table.js";
|
|
138
|
+
import { tabsTheme as Ln } from "./theme/tabs.js";
|
|
139
|
+
import Rn from "./components/Tabs.js";
|
|
140
|
+
import { tagsInputTheme as zn } from "./theme/tags-input.js";
|
|
141
|
+
import Bn from "./components/TagsInput.js";
|
|
142
|
+
import Vn from "./components/Textarea.js";
|
|
143
|
+
import { timeFieldTheme as Hn } from "./theme/time-field.js";
|
|
144
|
+
import Un from "./components/TimeField.js";
|
|
145
|
+
import { timelineTheme as Wn } from "./theme/timeline.js";
|
|
146
|
+
import Gn from "./components/Timeline.js";
|
|
147
|
+
import { useToast as Kn, useToastState as qn } from "./composables/toast.js";
|
|
148
|
+
import { toastTheme as Jn } from "./theme/toast.js";
|
|
149
|
+
import Yn from "./components/Toaster.js";
|
|
150
|
+
import { toggleGroupTheme as Xn, toggleTheme as Zn } from "./theme/toggle.js";
|
|
151
|
+
import Qn from "./components/Toggle.js";
|
|
152
|
+
import $n from "./components/ToggleGroup.js";
|
|
153
|
+
import { toolbarTheme as er } from "./theme/toolbar.js";
|
|
154
|
+
import tr from "./components/Toolbar.js";
|
|
155
|
+
import { tooltipTheme as nr } from "./theme/tooltip.js";
|
|
156
|
+
import rr from "./components/Tooltip.js";
|
|
157
|
+
import { treeTheme as ir } from "./theme/tree.js";
|
|
158
|
+
import ar from "./components/Tree.js";
|
|
159
|
+
import { IryxUi as or, createIryxUi as sr } from "./plugin.js";
|
|
160
|
+
export { P as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, w as Avatar, T as AvatarGroup, D as Badge, k as Banner, Q as BarChart, ee as Breadcrumb, ie as Button, oe as ButtonGroup, F as CATEGORY_HEIGHT, I as CHAR_WIDTH, Xe as CalendarDate, ce as Card, Z as ChartLegend, ue as Checkbox, fe as Collapsible, _e as ColorPicker, Ee as Combobox, Le as CommandPalette, Ue as ConfirmDialog, Ge as Container, Ye as ContextMenu, at as DatePicker, ot as DateRangePicker, He as Dialog, ct as DonutChart, y as Drawer, lt as DropdownMenu, dt as EmptyState, pt as FileUpload, mt as Form, _t as FormField, o as Icon, vt as Input, or as IryxUi, Ie as Kbd, gt as Label, bt as LineChart, St as Menubar, Tt as NavigationMenu, Rt as NumberInput, Bt as PageHeader, Ht as Pagination, Wt as PasswordInput, Kt as PinInput, Jt as Popover, Xt as Progress, G as REVEAL_DURATION, Qt as RadioGroup, L as SERIES_SLOTS, en as ScrollArea, an as ScrollFade, sn as Select, ln as Separator, mn as Sidebar, vn as SignaturePad, bn as Skeleton, Sn as Slider, wn as Sparkline, En as Splitter, On as Stat, An as Stepper, Mn as Switch, R as TOP_PAD, In as Table, Rn as Tabs, Bn as TagsInput, Vn as Textarea, Ze as Time, Un as TimeField, Gn as Timeline, Yn as Toaster, Qn as Toggle, $n as ToggleGroup, tr as Toolbar, rr as Tooltip, ar as Tree, i as accordionTheme, Et as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as avatarGroupTheme, C as avatarTheme, E as badgeTheme, O as bannerTheme, Y as barChartTheme, $ as breadcrumbTheme, te as buttonGroupContextKey, ae as buttonGroupTheme, re as buttonTheme, se as cardTheme, z as cartesianLayout, X as chartLegendTheme, le as checkboxTheme, Dt as clampDecimal, B as clampTooltip, p as clearTheme, de as collapsibleTheme, ge as colorPickerTheme, Te as comboboxTheme, Ae as commandHaystack, Pe as commandPaletteTheme, Ot as compareDecimals, e as componentNames, We as containerTheme, sr as createIryxUi, it as datePickerTheme, t as defaultConfig, Ve as dialogTheme, st as donutChartTheme, v as drawerTheme, Ke as dropdownMenuTheme, ut as emptyStateTheme, A as extent, pe as fieldBase, ft as fileUploadTheme, j as finiteValues, ve as formContextKey, ye as formFieldContextKey, kt as formatDecimal, At as formatForLocale, Qe as formatIsoDate, be as getByPath, Nn as getRowValue, hn as hasInk, u as initAppearance, me as inputTheme, n as iryxUiConfigKey, De as isApplePlatform, je as isCommandGroup, jt as isDecimal, a as isIconArray, Ct as isNavigationGroup, qe as isSeparator, un as isSidebarGroup, dn as isSidebarSection, xe as isStandardSchema, Je as isSubmenu, $e as isoToday, Se as issuePath, Fe as kbdTheme, ht as labelTheme, yt as lineChartTheme, M as linearScale, Mt as localeSeparators, Me as matchesHotkey, xt as menubarTheme, wt as navigationMenuTheme, N as niceTicks, Lt as numberInputTheme, zt as pageHeaderTheme, Vt as paginationTheme, Nt as parseDecimal, Pt as parseFromLocale, Oe as parseHotkey, Ut as passwordInputTheme, Gt as pinInputTheme, qt as popoverTheme, Yt as progressTheme, Zt as radioGroupTheme, Re as resolveConfirm, Ft as roundDecimal, $t as scrollAreaTheme, tn as scrollFadeMask, rn as scrollFadeTheme, on as selectTheme, cn as separatorTheme, V as seriesColor, pn as sidebarTheme, _n as signaturePadTheme, yn as skeletonTheme, xn as sliderTheme, H as slotOf, Cn as sparklineTheme, Tn as splitterTheme, Dn as statTheme, kn as stepperTheme, gn as strokeWidth, jn as switchTheme, Fn as tableTheme, Ln as tabsTheme, zn as tagsInputTheme, he as textareaTheme, m as themes, Hn as timeFieldTheme, Wn as timelineTheme, et as toCalendarDate, Ne as toCommandGroups, It as toEditable, tt as toIsoDate, nt as toIsoTime, fn as toSidebarSections, rt as toTime, Jn as toastTheme, Xn as toggleGroupTheme, Zn as toggleTheme, er as toolbarTheme, U as tooltipHalfWidth, nr as tooltipTheme, ir as treeTheme, d as useAppearance, ke as useApplePlatform, ne as useButtonGroup, K as useChartAnimation, q as useChartProgress, J as useChartReveal, ze as useConfirm, Be as useConfirmState, Pn as useDataTable, g as useElementSize, Ce as useForm, we as useFormField, r as useIryxUiConfig, nn as useScrollEdges, Kn as useToast, qn as useToastState, W as warnOnSlotOverflow };
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
export declare const donutChartTheme: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import("tailwind-variants").ClassValue | {
|
|
4
|
+
root?: import("tailwind-variants").ClassValue;
|
|
5
|
+
slice?: import("tailwind-variants").ClassValue;
|
|
6
|
+
svg?: import("tailwind-variants").ClassValue;
|
|
7
|
+
table?: import("tailwind-variants").ClassValue;
|
|
8
|
+
center?: import("tailwind-variants").ClassValue;
|
|
9
|
+
plot?: import("tailwind-variants").ClassValue;
|
|
10
|
+
faded?: import("tailwind-variants").ClassValue;
|
|
11
|
+
tooltip?: import("tailwind-variants").ClassValue;
|
|
12
|
+
tooltipLabel?: import("tailwind-variants").ClassValue;
|
|
13
|
+
tooltipValue?: import("tailwind-variants").ClassValue;
|
|
14
|
+
tooltipShare?: import("tailwind-variants").ClassValue;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
} | {
|
|
18
|
+
[x: string]: {
|
|
19
|
+
[x: string]: import("tailwind-variants").ClassValue | {
|
|
20
|
+
root?: import("tailwind-variants").ClassValue;
|
|
21
|
+
slice?: import("tailwind-variants").ClassValue;
|
|
22
|
+
svg?: import("tailwind-variants").ClassValue;
|
|
23
|
+
table?: import("tailwind-variants").ClassValue;
|
|
24
|
+
center?: import("tailwind-variants").ClassValue;
|
|
25
|
+
plot?: import("tailwind-variants").ClassValue;
|
|
26
|
+
faded?: import("tailwind-variants").ClassValue;
|
|
27
|
+
tooltip?: import("tailwind-variants").ClassValue;
|
|
28
|
+
tooltipLabel?: import("tailwind-variants").ClassValue;
|
|
29
|
+
tooltipValue?: import("tailwind-variants").ClassValue;
|
|
30
|
+
tooltipShare?: import("tailwind-variants").ClassValue;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
} | {}, {
|
|
34
|
+
root: string;
|
|
35
|
+
/** The tooltip's coordinates come from the SVG, so the SVG anchors it. */
|
|
36
|
+
plot: string;
|
|
37
|
+
svg: string;
|
|
38
|
+
slice: string;
|
|
39
|
+
faded: string;
|
|
40
|
+
/**
|
|
41
|
+
* The hole. Sized and placed inline from the geometry, so this only
|
|
42
|
+
* carries the look — a column centred on both axes, out of the way of
|
|
43
|
+
* pointer events so the slice underneath still hovers at the edges.
|
|
44
|
+
*/
|
|
45
|
+
center: string;
|
|
46
|
+
tooltip: string;
|
|
47
|
+
tooltipLabel: string;
|
|
48
|
+
tooltipValue: string;
|
|
49
|
+
tooltipShare: string;
|
|
50
|
+
table: string;
|
|
51
|
+
}, undefined, {
|
|
52
|
+
[key: string]: {
|
|
53
|
+
[key: string]: import("tailwind-variants").ClassValue | {
|
|
54
|
+
root?: import("tailwind-variants").ClassValue;
|
|
55
|
+
slice?: import("tailwind-variants").ClassValue;
|
|
56
|
+
svg?: import("tailwind-variants").ClassValue;
|
|
57
|
+
table?: import("tailwind-variants").ClassValue;
|
|
58
|
+
center?: import("tailwind-variants").ClassValue;
|
|
59
|
+
plot?: import("tailwind-variants").ClassValue;
|
|
60
|
+
faded?: import("tailwind-variants").ClassValue;
|
|
61
|
+
tooltip?: import("tailwind-variants").ClassValue;
|
|
62
|
+
tooltipLabel?: import("tailwind-variants").ClassValue;
|
|
63
|
+
tooltipValue?: import("tailwind-variants").ClassValue;
|
|
64
|
+
tooltipShare?: import("tailwind-variants").ClassValue;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
} | {}, {
|
|
68
|
+
root: string;
|
|
69
|
+
/** The tooltip's coordinates come from the SVG, so the SVG anchors it. */
|
|
70
|
+
plot: string;
|
|
71
|
+
svg: string;
|
|
72
|
+
slice: string;
|
|
73
|
+
faded: string;
|
|
74
|
+
/**
|
|
75
|
+
* The hole. Sized and placed inline from the geometry, so this only
|
|
76
|
+
* carries the look — a column centred on both axes, out of the way of
|
|
77
|
+
* pointer events so the slice underneath still hovers at the edges.
|
|
78
|
+
*/
|
|
79
|
+
center: string;
|
|
80
|
+
tooltip: string;
|
|
81
|
+
tooltipLabel: string;
|
|
82
|
+
tooltipValue: string;
|
|
83
|
+
tooltipShare: string;
|
|
84
|
+
table: string;
|
|
85
|
+
}, import("tailwind-variants").TVReturnType<unknown, {
|
|
86
|
+
root: string;
|
|
87
|
+
/** The tooltip's coordinates come from the SVG, so the SVG anchors it. */
|
|
88
|
+
plot: string;
|
|
89
|
+
svg: string;
|
|
90
|
+
slice: string;
|
|
91
|
+
faded: string;
|
|
92
|
+
/**
|
|
93
|
+
* The hole. Sized and placed inline from the geometry, so this only
|
|
94
|
+
* carries the look — a column centred on both axes, out of the way of
|
|
95
|
+
* pointer events so the slice underneath still hovers at the edges.
|
|
96
|
+
*/
|
|
97
|
+
center: string;
|
|
98
|
+
tooltip: string;
|
|
99
|
+
tooltipLabel: string;
|
|
100
|
+
tooltipValue: string;
|
|
101
|
+
tooltipShare: string;
|
|
102
|
+
table: string;
|
|
103
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
104
|
+
export type DonutChartSlots = keyof ReturnType<typeof donutChartTheme>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { tv as e } from "tailwind-variants";
|
|
2
|
+
//#region src/theme/donut-chart.ts
|
|
3
|
+
var t = e({ slots: {
|
|
4
|
+
root: "relative w-full text-primary",
|
|
5
|
+
plot: "relative",
|
|
6
|
+
svg: "block w-full overflow-visible",
|
|
7
|
+
slice: "fill-current transition-opacity",
|
|
8
|
+
faded: "opacity-30",
|
|
9
|
+
center: "pointer-events-none absolute flex flex-col items-center justify-center text-center text-foreground",
|
|
10
|
+
tooltip: "pointer-events-none absolute z-10 flex items-baseline gap-1.5 rounded-lg border border-border bg-background px-2 py-1 text-xs whitespace-nowrap text-foreground shadow-md",
|
|
11
|
+
tooltipLabel: "text-muted-foreground",
|
|
12
|
+
tooltipValue: "font-medium [font-variant-numeric:tabular-nums]",
|
|
13
|
+
tooltipShare: "text-muted-foreground [font-variant-numeric:tabular-nums]",
|
|
14
|
+
table: "sr-only"
|
|
15
|
+
} });
|
|
16
|
+
//#endregion
|
|
17
|
+
export { t as donutChartTheme };
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export * from './command-palette';
|
|
|
18
18
|
export * from './container';
|
|
19
19
|
export * from './date-picker';
|
|
20
20
|
export * from './dialog';
|
|
21
|
+
export * from './donut-chart';
|
|
21
22
|
export * from './drawer';
|
|
22
23
|
export * from './dropdown-menu';
|
|
23
24
|
export * from './empty-state';
|
package/dist/theme/sparkline.js
CHANGED
|
@@ -5,7 +5,7 @@ var t = e({
|
|
|
5
5
|
root: "block w-full text-primary",
|
|
6
6
|
plot: "block w-full overflow-visible",
|
|
7
7
|
line: "fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]",
|
|
8
|
-
area: "
|
|
8
|
+
area: "stroke-none",
|
|
9
9
|
dot: "stroke-current [stroke-linecap:round]",
|
|
10
10
|
ring: "[stroke:var(--iryx-background)] [stroke-linecap:round]"
|
|
11
11
|
},
|