iryx-ui 0.14.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/AppShell.vue.d.ts +31 -6
- package/dist/components/AppShell.vue_vue_type_script_setup_true_lang.js +68 -28
- package/dist/components/BarChart.vue.d.ts +10 -0
- package/dist/components/BarChart.vue_vue_type_script_setup_true_lang.js +170 -152
- 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/Drawer.vue.d.ts +1 -1
- package/dist/components/LineChart.vue.d.ts +26 -0
- package/dist/components/LineChart.vue_vue_type_script_setup_true_lang.js +205 -139
- package/dist/components/Popover.vue.d.ts +1 -1
- 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/Stat.vue.d.ts +1 -1
- package/dist/components/Stat.vue_vue_type_script_setup_true_lang.js +13 -13
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +140 -138
- package/dist/composables/cartesian.d.ts +17 -2
- package/dist/composables/cartesian.js +6 -1
- 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 +147 -144
- package/dist/theme/app-shell.d.ts +42 -0
- package/dist/theme/app-shell.js +13 -1
- package/dist/theme/bar-chart.js +1 -1
- package/dist/theme/button.d.ts +2 -2
- package/dist/theme/button.js +1 -1
- package/dist/theme/command-palette.d.ts +3 -3
- package/dist/theme/donut-chart.d.ts +104 -0
- package/dist/theme/donut-chart.js +17 -0
- package/dist/theme/form.js +1 -1
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/line-chart.js +2 -2
- package/dist/theme/sidebar.js +1 -1
- package/dist/theme/sparkline.js +1 -1
- package/package.json +1 -1
|
@@ -8,12 +8,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
|
|
|
8
8
|
input?: import("tailwind-variants").ClassValue;
|
|
9
9
|
key?: import("tailwind-variants").ClassValue;
|
|
10
10
|
footer?: import("tailwind-variants").ClassValue;
|
|
11
|
+
overlay?: import("tailwind-variants").ClassValue;
|
|
11
12
|
list?: import("tailwind-variants").ClassValue;
|
|
12
13
|
group?: import("tailwind-variants").ClassValue;
|
|
13
14
|
viewport?: import("tailwind-variants").ClassValue;
|
|
14
15
|
empty?: import("tailwind-variants").ClassValue;
|
|
15
16
|
groupLabel?: import("tailwind-variants").ClassValue;
|
|
16
|
-
overlay?: import("tailwind-variants").ClassValue;
|
|
17
17
|
itemIcon?: import("tailwind-variants").ClassValue;
|
|
18
18
|
itemLabel?: import("tailwind-variants").ClassValue;
|
|
19
19
|
shortcut?: import("tailwind-variants").ClassValue;
|
|
@@ -29,12 +29,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
|
|
|
29
29
|
input?: import("tailwind-variants").ClassValue;
|
|
30
30
|
key?: import("tailwind-variants").ClassValue;
|
|
31
31
|
footer?: import("tailwind-variants").ClassValue;
|
|
32
|
+
overlay?: import("tailwind-variants").ClassValue;
|
|
32
33
|
list?: import("tailwind-variants").ClassValue;
|
|
33
34
|
group?: import("tailwind-variants").ClassValue;
|
|
34
35
|
viewport?: import("tailwind-variants").ClassValue;
|
|
35
36
|
empty?: import("tailwind-variants").ClassValue;
|
|
36
37
|
groupLabel?: import("tailwind-variants").ClassValue;
|
|
37
|
-
overlay?: import("tailwind-variants").ClassValue;
|
|
38
38
|
itemIcon?: import("tailwind-variants").ClassValue;
|
|
39
39
|
itemLabel?: import("tailwind-variants").ClassValue;
|
|
40
40
|
shortcut?: import("tailwind-variants").ClassValue;
|
|
@@ -69,12 +69,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
|
|
|
69
69
|
input?: import("tailwind-variants").ClassValue;
|
|
70
70
|
key?: import("tailwind-variants").ClassValue;
|
|
71
71
|
footer?: import("tailwind-variants").ClassValue;
|
|
72
|
+
overlay?: import("tailwind-variants").ClassValue;
|
|
72
73
|
list?: import("tailwind-variants").ClassValue;
|
|
73
74
|
group?: import("tailwind-variants").ClassValue;
|
|
74
75
|
viewport?: import("tailwind-variants").ClassValue;
|
|
75
76
|
empty?: import("tailwind-variants").ClassValue;
|
|
76
77
|
groupLabel?: import("tailwind-variants").ClassValue;
|
|
77
|
-
overlay?: import("tailwind-variants").ClassValue;
|
|
78
78
|
itemIcon?: import("tailwind-variants").ClassValue;
|
|
79
79
|
itemLabel?: import("tailwind-variants").ClassValue;
|
|
80
80
|
shortcut?: import("tailwind-variants").ClassValue;
|
|
@@ -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/form.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { tv as e } from "tailwind-variants";
|
|
2
2
|
//#region src/theme/form.ts
|
|
3
3
|
var t = e({ slots: {
|
|
4
|
-
root: "
|
|
4
|
+
root: "flex flex-col gap-2",
|
|
5
5
|
header: "flex items-center justify-between gap-2",
|
|
6
6
|
label: "",
|
|
7
7
|
hint: "text-sm leading-none text-muted-foreground",
|
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/line-chart.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { tv as e } from "tailwind-variants";
|
|
2
2
|
//#region src/theme/line-chart.ts
|
|
3
3
|
var t = e({ slots: {
|
|
4
|
-
root: "w-full text-primary",
|
|
4
|
+
root: "relative w-full text-primary",
|
|
5
5
|
plot: "relative",
|
|
6
6
|
svg: "block w-full overflow-visible",
|
|
7
7
|
grid: "stroke-border",
|
|
8
8
|
tick: "fill-muted-foreground text-xs [font-variant-numeric:tabular-nums]",
|
|
9
9
|
category: "fill-muted-foreground text-xs",
|
|
10
10
|
line: "fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]",
|
|
11
|
-
area: "
|
|
11
|
+
area: "stroke-none",
|
|
12
12
|
crosshair: "stroke-border",
|
|
13
13
|
marker: "fill-current",
|
|
14
14
|
markerRing: "fill-background",
|
package/dist/theme/sidebar.js
CHANGED
|
@@ -4,7 +4,7 @@ var t = e({
|
|
|
4
4
|
slots: {
|
|
5
5
|
root: "flex h-full flex-col gap-2 border-border bg-background text-foreground transition-[width] duration-200 ease-out",
|
|
6
6
|
header: "flex shrink-0 items-center gap-2 px-3 py-3",
|
|
7
|
-
nav: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto
|
|
7
|
+
nav: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-2",
|
|
8
8
|
footer: "flex shrink-0 items-center gap-2 border-t border-border px-3 py-3",
|
|
9
9
|
section: "flex flex-col gap-1",
|
|
10
10
|
sectionLabel: "px-2 pt-1 pb-0.5 text-xs font-medium tracking-wide text-muted-foreground uppercase",
|
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
|
},
|