iryx-ui 0.18.1 → 0.18.2
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/AppShell.vue.d.ts +1 -1
- package/dist/components/Select.vue.d.ts +2 -0
- package/dist/components/Select.vue_vue_type_script_setup_true_lang.js +9 -5
- package/dist/theme/accordion.d.ts +2 -2
- package/dist/theme/alert.d.ts +2 -2
- package/dist/theme/app-shell.d.ts +2 -2
- package/dist/theme/auth-providers.d.ts +2 -2
- package/dist/theme/avatar.d.ts +4 -4
- package/dist/theme/badge.d.ts +2 -2
- package/dist/theme/banner.d.ts +2 -2
- package/dist/theme/bar-chart.d.ts +2 -2
- package/dist/theme/breadcrumb.d.ts +2 -2
- package/dist/theme/button-group.d.ts +11 -11
- package/dist/theme/button.d.ts +38 -38
- package/dist/theme/calendar.d.ts +2 -2
- package/dist/theme/card.d.ts +2 -2
- package/dist/theme/chart-legend.d.ts +2 -2
- package/dist/theme/checkbox.d.ts +2 -2
- package/dist/theme/collapsible.d.ts +2 -2
- package/dist/theme/color-picker.d.ts +2 -2
- package/dist/theme/combobox.d.ts +2 -2
- package/dist/theme/command-palette.d.ts +2 -2
- package/dist/theme/container.d.ts +2 -2
- package/dist/theme/date-field.d.ts +2 -2
- package/dist/theme/date-picker.d.ts +2 -2
- package/dist/theme/dialog.d.ts +2 -2
- package/dist/theme/donut-chart.d.ts +2 -2
- package/dist/theme/drawer.d.ts +2 -2
- package/dist/theme/dropdown-menu.d.ts +2 -2
- package/dist/theme/editable.d.ts +2 -2
- package/dist/theme/empty-state.d.ts +2 -2
- package/dist/theme/file-upload.d.ts +2 -2
- package/dist/theme/form.d.ts +2 -2
- package/dist/theme/hover-card.d.ts +2 -2
- package/dist/theme/input.d.ts +19 -19
- package/dist/theme/kbd.d.ts +2 -2
- package/dist/theme/label.d.ts +5 -5
- package/dist/theme/line-chart.d.ts +2 -2
- package/dist/theme/menubar.d.ts +2 -2
- package/dist/theme/navigation-menu.d.ts +2 -2
- package/dist/theme/number-input.d.ts +2 -2
- package/dist/theme/page-header.d.ts +2 -2
- package/dist/theme/pagination.d.ts +2 -2
- package/dist/theme/password-input.d.ts +2 -2
- package/dist/theme/pin-input.d.ts +2 -2
- package/dist/theme/popover.d.ts +2 -2
- package/dist/theme/progress.d.ts +2 -2
- package/dist/theme/radio-group.d.ts +2 -2
- package/dist/theme/scroll-area.d.ts +2 -2
- package/dist/theme/scroll-fade.d.ts +2 -2
- package/dist/theme/select.d.ts +2 -2
- package/dist/theme/select.js +1 -1
- package/dist/theme/separator.d.ts +2 -2
- package/dist/theme/sidebar.d.ts +2 -2
- package/dist/theme/signature-pad.d.ts +2 -2
- package/dist/theme/skeleton.d.ts +11 -11
- package/dist/theme/slider.d.ts +2 -2
- package/dist/theme/sparkline.d.ts +2 -2
- package/dist/theme/splitter.d.ts +2 -2
- package/dist/theme/stat.d.ts +2 -2
- package/dist/theme/stepper.d.ts +2 -2
- package/dist/theme/switch.d.ts +2 -2
- package/dist/theme/table.d.ts +2 -2
- package/dist/theme/tabs.d.ts +2 -2
- package/dist/theme/tags-input.d.ts +2 -2
- package/dist/theme/time-field.d.ts +2 -2
- package/dist/theme/timeline.d.ts +2 -2
- package/dist/theme/toast.d.ts +2 -2
- package/dist/theme/toggle.d.ts +28 -28
- package/dist/theme/toolbar.d.ts +2 -2
- package/dist/theme/tooltip.d.ts +2 -2
- package/dist/theme/tree.d.ts +2 -2
- package/package.json +3 -3
|
@@ -60,8 +60,8 @@ declare const __VLS_base: import("vue").DefineComponent<AppShellProps, {
|
|
|
60
60
|
unstyled: boolean;
|
|
61
61
|
as: string;
|
|
62
62
|
scroll: "main" | "page";
|
|
63
|
-
sidebarPosition: "left" | "right";
|
|
64
63
|
mobileNav: boolean;
|
|
64
|
+
sidebarPosition: "left" | "right";
|
|
65
65
|
navLabel: string;
|
|
66
66
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
67
67
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -19,6 +19,8 @@ export interface SelectProps extends SelectRootProps {
|
|
|
19
19
|
items?: SelectItems;
|
|
20
20
|
placeholder?: string;
|
|
21
21
|
size?: 'sm' | 'md' | 'lg';
|
|
22
|
+
/** Lands on the trigger, so a `<label for>` names the control. */
|
|
23
|
+
id?: string;
|
|
22
24
|
/** Skip built-in classes; you take over styling entirely. */
|
|
23
25
|
unstyled?: boolean;
|
|
24
26
|
class?: ClassValue;
|
|
@@ -12,6 +12,7 @@ var I = /*@__PURE__*/ u({
|
|
|
12
12
|
items: {},
|
|
13
13
|
placeholder: {},
|
|
14
14
|
size: {},
|
|
15
|
+
id: {},
|
|
15
16
|
unstyled: {
|
|
16
17
|
type: Boolean,
|
|
17
18
|
default: void 0
|
|
@@ -39,8 +40,8 @@ var I = /*@__PURE__*/ u({
|
|
|
39
40
|
emits: ["update:modelValue", "update:open"],
|
|
40
41
|
setup(u, { emit: I }) {
|
|
41
42
|
let L = u, R = I, z = F(i(() => {
|
|
42
|
-
let { items: e, placeholder: t, size: n,
|
|
43
|
-
return
|
|
43
|
+
let { items: e, placeholder: t, size: n, id: r, unstyled: i, class: a, ui: o, ...s } = L;
|
|
44
|
+
return s;
|
|
44
45
|
}), R);
|
|
45
46
|
function B(e) {
|
|
46
47
|
return typeof e == "string" ? {
|
|
@@ -62,13 +63,16 @@ var I = /*@__PURE__*/ u({
|
|
|
62
63
|
});
|
|
63
64
|
}), U = i(() => (L.items ?? []).flatMap((e) => V(e) ? e.items.map(B) : [B(e)])), W = e(), G = i(() => L.unstyled ?? W.unstyled), K = i(() => n({ size: L.size })), q = i(() => G.value ? [L.ui?.trigger, L.class] : K.value.trigger({ class: [L.ui?.trigger, L.class] })), J = i(() => G.value ? L.ui?.content : K.value.content({ class: L.ui?.content })), Y = i(() => G.value ? L.ui?.viewport : K.value.viewport({ class: L.ui?.viewport })), X = i(() => G.value ? L.ui?.item : K.value.item({ class: L.ui?.item })), Z = i(() => G.value ? void 0 : K.value.itemIndicator()), Q = i(() => G.value ? L.ui?.group : K.value.group({ class: L.ui?.group })), $ = i(() => G.value ? L.ui?.groupLabel : K.value.groupLabel({ class: L.ui?.groupLabel }));
|
|
64
65
|
return (e, n) => (h(), a(y(j), m(d(y(z))), {
|
|
65
|
-
default: b(() => [l(y(M), f(e.$attrs, { class: q.value }), {
|
|
66
|
-
default: b(() => [l(y(N), {
|
|
66
|
+
default: b(() => [l(y(M), f({ id: L.id }, e.$attrs, { class: q.value }), {
|
|
67
|
+
default: b(() => [l(y(N), {
|
|
68
|
+
class: "truncate",
|
|
69
|
+
placeholder: L.placeholder
|
|
70
|
+
}, null, 8, ["placeholder"]), l(y(T), { "as-child": "" }, {
|
|
67
71
|
default: b(() => [l(t, { icon: y(x) }, null, 8, ["icon"])]),
|
|
68
72
|
_: 1
|
|
69
73
|
})]),
|
|
70
74
|
_: 1
|
|
71
|
-
}, 16, ["class"]), l(y(A), null, {
|
|
75
|
+
}, 16, ["id", "class"]), l(y(A), null, {
|
|
72
76
|
default: b(() => [l(y(C), {
|
|
73
77
|
class: p(J.value),
|
|
74
78
|
position: "item-aligned"
|
|
@@ -32,7 +32,7 @@ export declare const accordionTheme: import("tailwind-variants").TVReturnType<{
|
|
|
32
32
|
icon: string;
|
|
33
33
|
content: string;
|
|
34
34
|
contentInner: string;
|
|
35
|
-
}, import("tailwind-variants").
|
|
35
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
36
36
|
variant: {
|
|
37
37
|
plain: {};
|
|
38
38
|
outline: {
|
|
@@ -49,5 +49,5 @@ export declare const accordionTheme: import("tailwind-variants").TVReturnType<{
|
|
|
49
49
|
icon: string;
|
|
50
50
|
content: string;
|
|
51
51
|
contentInner: string;
|
|
52
|
-
}
|
|
52
|
+
}>>;
|
|
53
53
|
export type AccordionSlots = keyof ReturnType<typeof accordionTheme>;
|
package/dist/theme/alert.d.ts
CHANGED
|
@@ -54,7 +54,7 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
|
|
|
54
54
|
description: string;
|
|
55
55
|
actions: string;
|
|
56
56
|
close: string;
|
|
57
|
-
}, import("tailwind-variants").
|
|
57
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
58
58
|
variant: {
|
|
59
59
|
info: {
|
|
60
60
|
icon: string;
|
|
@@ -82,5 +82,5 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
|
|
|
82
82
|
description: string;
|
|
83
83
|
actions: string;
|
|
84
84
|
close: string;
|
|
85
|
-
}
|
|
85
|
+
}>>;
|
|
86
86
|
export type AlertSlots = keyof ReturnType<typeof alertTheme>;
|
|
@@ -76,7 +76,7 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
|
|
|
76
76
|
footer: string;
|
|
77
77
|
navDrawer: string;
|
|
78
78
|
navDrawerBody: string;
|
|
79
|
-
}, import("tailwind-variants").
|
|
79
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
80
80
|
scroll: {
|
|
81
81
|
main: {
|
|
82
82
|
root: string;
|
|
@@ -115,5 +115,5 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
|
|
|
115
115
|
footer: string;
|
|
116
116
|
navDrawer: string;
|
|
117
117
|
navDrawerBody: string;
|
|
118
|
-
}
|
|
118
|
+
}>>;
|
|
119
119
|
export type AppShellSlots = keyof ReturnType<typeof appShellTheme>;
|
|
@@ -88,7 +88,7 @@ export declare const authProvidersTheme: import("tailwind-variants").TVReturnTyp
|
|
|
88
88
|
provider: string;
|
|
89
89
|
icon: string;
|
|
90
90
|
label: string;
|
|
91
|
-
}, import("tailwind-variants").
|
|
91
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
92
92
|
layout: {
|
|
93
93
|
stack: {
|
|
94
94
|
root: string;
|
|
@@ -133,5 +133,5 @@ export declare const authProvidersTheme: import("tailwind-variants").TVReturnTyp
|
|
|
133
133
|
provider: string;
|
|
134
134
|
icon: string;
|
|
135
135
|
label: string;
|
|
136
|
-
}
|
|
136
|
+
}>>;
|
|
137
137
|
export type AuthProvidersSlots = keyof ReturnType<typeof authProvidersTheme>;
|
package/dist/theme/avatar.d.ts
CHANGED
|
@@ -108,7 +108,7 @@ export declare const avatarTheme: import("tailwind-variants").TVReturnType<{
|
|
|
108
108
|
image: string;
|
|
109
109
|
fallback: string;
|
|
110
110
|
status: string;
|
|
111
|
-
}, import("tailwind-variants").
|
|
111
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
112
112
|
size: {
|
|
113
113
|
xs: {
|
|
114
114
|
root: string;
|
|
@@ -163,7 +163,7 @@ export declare const avatarTheme: import("tailwind-variants").TVReturnType<{
|
|
|
163
163
|
image: string;
|
|
164
164
|
fallback: string;
|
|
165
165
|
status: string;
|
|
166
|
-
}
|
|
166
|
+
}>>;
|
|
167
167
|
export type AvatarSlots = keyof ReturnType<typeof avatarTheme>;
|
|
168
168
|
export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<{
|
|
169
169
|
size: {
|
|
@@ -219,7 +219,7 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
|
|
|
219
219
|
root: string;
|
|
220
220
|
item: string;
|
|
221
221
|
overflow: string;
|
|
222
|
-
}, import("tailwind-variants").
|
|
222
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
223
223
|
size: {
|
|
224
224
|
xs: {
|
|
225
225
|
root: string;
|
|
@@ -246,5 +246,5 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
|
|
|
246
246
|
root: string;
|
|
247
247
|
item: string;
|
|
248
248
|
overflow: string;
|
|
249
|
-
}
|
|
249
|
+
}>>;
|
|
250
250
|
export type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupTheme>;
|
package/dist/theme/badge.d.ts
CHANGED
|
@@ -60,7 +60,7 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
|
|
|
60
60
|
}, {
|
|
61
61
|
root: string;
|
|
62
62
|
dot: string;
|
|
63
|
-
}, import("tailwind-variants").
|
|
63
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
64
64
|
variant: {
|
|
65
65
|
neutral: {};
|
|
66
66
|
success: {};
|
|
@@ -91,5 +91,5 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
|
|
|
91
91
|
}, {
|
|
92
92
|
root: string;
|
|
93
93
|
dot: string;
|
|
94
|
-
}
|
|
94
|
+
}>>;
|
|
95
95
|
export type BadgeSlots = keyof ReturnType<typeof badgeTheme>;
|
package/dist/theme/banner.d.ts
CHANGED
|
@@ -110,7 +110,7 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
110
110
|
title: string;
|
|
111
111
|
actions: string;
|
|
112
112
|
close: string;
|
|
113
|
-
}, import("tailwind-variants").
|
|
113
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
114
114
|
variant: {
|
|
115
115
|
neutral: {
|
|
116
116
|
root: string;
|
|
@@ -166,5 +166,5 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
166
166
|
title: string;
|
|
167
167
|
actions: string;
|
|
168
168
|
close: string;
|
|
169
|
-
}
|
|
169
|
+
}>>;
|
|
170
170
|
export type BannerSlots = keyof ReturnType<typeof bannerTheme>;
|
|
@@ -80,7 +80,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
|
|
|
80
80
|
tooltipLabel: string;
|
|
81
81
|
tooltipValue: string;
|
|
82
82
|
table: string;
|
|
83
|
-
}, import("tailwind-variants").
|
|
83
|
+
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
84
84
|
root: string;
|
|
85
85
|
plot: string;
|
|
86
86
|
svg: string;
|
|
@@ -94,5 +94,5 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
|
|
|
94
94
|
tooltipLabel: string;
|
|
95
95
|
tooltipValue: string;
|
|
96
96
|
table: string;
|
|
97
|
-
}
|
|
97
|
+
}>>;
|
|
98
98
|
export type BarChartSlots = keyof ReturnType<typeof barChartTheme>;
|
|
@@ -45,12 +45,12 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
|
|
|
45
45
|
link: string;
|
|
46
46
|
current: string;
|
|
47
47
|
separator: string;
|
|
48
|
-
}, import("tailwind-variants").
|
|
48
|
+
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
49
49
|
root: string;
|
|
50
50
|
list: string;
|
|
51
51
|
item: string;
|
|
52
52
|
link: string;
|
|
53
53
|
current: string;
|
|
54
54
|
separator: string;
|
|
55
|
-
}
|
|
55
|
+
}>>;
|
|
56
56
|
export type BreadcrumbSlots = keyof ReturnType<typeof breadcrumbTheme>;
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
export declare const buttonGroupTheme: import("tailwind-variants").TVReturnType<{
|
|
2
2
|
orientation: {
|
|
3
|
-
horizontal:
|
|
4
|
-
vertical:
|
|
3
|
+
horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none";
|
|
4
|
+
vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none";
|
|
5
5
|
};
|
|
6
6
|
block: {
|
|
7
|
-
true:
|
|
7
|
+
true: "flex w-full [&>*]:flex-1";
|
|
8
8
|
};
|
|
9
9
|
}, undefined, "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10 [&>*:hover]:z-10", {
|
|
10
10
|
orientation: {
|
|
11
|
-
horizontal:
|
|
12
|
-
vertical:
|
|
11
|
+
horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none";
|
|
12
|
+
vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none";
|
|
13
13
|
};
|
|
14
14
|
block: {
|
|
15
|
-
true:
|
|
15
|
+
true: "flex w-full [&>*]:flex-1";
|
|
16
16
|
};
|
|
17
|
-
}, undefined, import("tailwind-variants").
|
|
17
|
+
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
18
18
|
orientation: {
|
|
19
|
-
horizontal:
|
|
20
|
-
vertical:
|
|
19
|
+
horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none";
|
|
20
|
+
vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none";
|
|
21
21
|
};
|
|
22
22
|
block: {
|
|
23
|
-
true:
|
|
23
|
+
true: "flex w-full [&>*]:flex-1";
|
|
24
24
|
};
|
|
25
|
-
}, undefined
|
|
25
|
+
}, undefined>>;
|
|
26
26
|
export type ButtonGroupVariants = Parameters<typeof buttonGroupTheme>[0];
|
package/dist/theme/button.d.ts
CHANGED
|
@@ -1,65 +1,65 @@
|
|
|
1
1
|
export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
|
|
2
2
|
variant: {
|
|
3
|
-
solid:
|
|
4
|
-
outline:
|
|
5
|
-
ghost:
|
|
6
|
-
link:
|
|
3
|
+
solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95";
|
|
4
|
+
outline: "border-border bg-input text-foreground hover:bg-accent hover:text-accent-foreground";
|
|
5
|
+
ghost: "text-foreground hover:bg-accent hover:text-accent-foreground";
|
|
6
|
+
link: "text-primary underline-offset-4 hover:underline active:translate-y-0";
|
|
7
7
|
};
|
|
8
8
|
size: {
|
|
9
|
-
xs:
|
|
10
|
-
sm:
|
|
11
|
-
md:
|
|
12
|
-
lg:
|
|
13
|
-
xl:
|
|
9
|
+
xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5";
|
|
10
|
+
sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4";
|
|
11
|
+
md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4";
|
|
12
|
+
lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5";
|
|
13
|
+
xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5";
|
|
14
14
|
};
|
|
15
15
|
square: {
|
|
16
|
-
true:
|
|
17
|
-
false:
|
|
16
|
+
true: "";
|
|
17
|
+
false: "";
|
|
18
18
|
};
|
|
19
19
|
block: {
|
|
20
|
-
true:
|
|
20
|
+
true: "w-full";
|
|
21
21
|
};
|
|
22
22
|
}, undefined, "inline-flex shrink-0 touch-manipulation items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
|
23
23
|
variant: {
|
|
24
|
-
solid:
|
|
25
|
-
outline:
|
|
26
|
-
ghost:
|
|
27
|
-
link:
|
|
24
|
+
solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95";
|
|
25
|
+
outline: "border-border bg-input text-foreground hover:bg-accent hover:text-accent-foreground";
|
|
26
|
+
ghost: "text-foreground hover:bg-accent hover:text-accent-foreground";
|
|
27
|
+
link: "text-primary underline-offset-4 hover:underline active:translate-y-0";
|
|
28
28
|
};
|
|
29
29
|
size: {
|
|
30
|
-
xs:
|
|
31
|
-
sm:
|
|
32
|
-
md:
|
|
33
|
-
lg:
|
|
34
|
-
xl:
|
|
30
|
+
xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5";
|
|
31
|
+
sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4";
|
|
32
|
+
md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4";
|
|
33
|
+
lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5";
|
|
34
|
+
xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5";
|
|
35
35
|
};
|
|
36
36
|
square: {
|
|
37
|
-
true:
|
|
38
|
-
false:
|
|
37
|
+
true: "";
|
|
38
|
+
false: "";
|
|
39
39
|
};
|
|
40
40
|
block: {
|
|
41
|
-
true:
|
|
41
|
+
true: "w-full";
|
|
42
42
|
};
|
|
43
|
-
}, undefined, import("tailwind-variants").
|
|
43
|
+
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
44
44
|
variant: {
|
|
45
|
-
solid:
|
|
46
|
-
outline:
|
|
47
|
-
ghost:
|
|
48
|
-
link:
|
|
45
|
+
solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95";
|
|
46
|
+
outline: "border-border bg-input text-foreground hover:bg-accent hover:text-accent-foreground";
|
|
47
|
+
ghost: "text-foreground hover:bg-accent hover:text-accent-foreground";
|
|
48
|
+
link: "text-primary underline-offset-4 hover:underline active:translate-y-0";
|
|
49
49
|
};
|
|
50
50
|
size: {
|
|
51
|
-
xs:
|
|
52
|
-
sm:
|
|
53
|
-
md:
|
|
54
|
-
lg:
|
|
55
|
-
xl:
|
|
51
|
+
xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5";
|
|
52
|
+
sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4";
|
|
53
|
+
md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4";
|
|
54
|
+
lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5";
|
|
55
|
+
xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5";
|
|
56
56
|
};
|
|
57
57
|
square: {
|
|
58
|
-
true:
|
|
59
|
-
false:
|
|
58
|
+
true: "";
|
|
59
|
+
false: "";
|
|
60
60
|
};
|
|
61
61
|
block: {
|
|
62
|
-
true:
|
|
62
|
+
true: "w-full";
|
|
63
63
|
};
|
|
64
|
-
}, undefined
|
|
64
|
+
}, undefined>>;
|
|
65
65
|
export type ButtonVariants = Parameters<typeof buttonTheme>[0];
|
package/dist/theme/calendar.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ export declare const calendarTheme: import("tailwind-variants").TVReturnType<{
|
|
|
38
38
|
headCell: string;
|
|
39
39
|
cell: string;
|
|
40
40
|
cellTrigger: string;
|
|
41
|
-
}, import("tailwind-variants").
|
|
41
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
42
42
|
range: {
|
|
43
43
|
false: {
|
|
44
44
|
cellTrigger: string;
|
|
@@ -58,5 +58,5 @@ export declare const calendarTheme: import("tailwind-variants").TVReturnType<{
|
|
|
58
58
|
headCell: string;
|
|
59
59
|
cell: string;
|
|
60
60
|
cellTrigger: string;
|
|
61
|
-
}
|
|
61
|
+
}>>;
|
|
62
62
|
export type CalendarSlots = keyof ReturnType<typeof calendarTheme>;
|
package/dist/theme/card.d.ts
CHANGED
|
@@ -66,7 +66,7 @@ export declare const cardTheme: import("tailwind-variants").TVReturnType<{
|
|
|
66
66
|
description: string;
|
|
67
67
|
body: string;
|
|
68
68
|
footer: string;
|
|
69
|
-
}, import("tailwind-variants").
|
|
69
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
70
70
|
variant: {
|
|
71
71
|
outline: {
|
|
72
72
|
root: string;
|
|
@@ -100,5 +100,5 @@ export declare const cardTheme: import("tailwind-variants").TVReturnType<{
|
|
|
100
100
|
description: string;
|
|
101
101
|
body: string;
|
|
102
102
|
footer: string;
|
|
103
|
-
}
|
|
103
|
+
}>>;
|
|
104
104
|
export type CardSlots = keyof ReturnType<typeof cardTheme>;
|
|
@@ -35,10 +35,10 @@ export declare const chartLegendTheme: import("tailwind-variants").TVReturnType<
|
|
|
35
35
|
item: string;
|
|
36
36
|
swatch: string;
|
|
37
37
|
name: string;
|
|
38
|
-
}, import("tailwind-variants").
|
|
38
|
+
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
39
39
|
root: string;
|
|
40
40
|
item: string;
|
|
41
41
|
swatch: string;
|
|
42
42
|
name: string;
|
|
43
|
-
}
|
|
43
|
+
}>>;
|
|
44
44
|
export type ChartLegendSlots = keyof ReturnType<typeof chartLegendTheme>;
|
package/dist/theme/checkbox.d.ts
CHANGED
|
@@ -52,7 +52,7 @@ export declare const checkboxTheme: import("tailwind-variants").TVReturnType<{
|
|
|
52
52
|
content: string;
|
|
53
53
|
label: string;
|
|
54
54
|
description: string;
|
|
55
|
-
}, import("tailwind-variants").
|
|
55
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
56
56
|
size: {
|
|
57
57
|
sm: {
|
|
58
58
|
root: string;
|
|
@@ -79,5 +79,5 @@ export declare const checkboxTheme: import("tailwind-variants").TVReturnType<{
|
|
|
79
79
|
content: string;
|
|
80
80
|
label: string;
|
|
81
81
|
description: string;
|
|
82
|
-
}
|
|
82
|
+
}>>;
|
|
83
83
|
export type CheckboxSlots = keyof ReturnType<typeof checkboxTheme>;
|
|
@@ -26,7 +26,7 @@ export declare const collapsibleTheme: import("tailwind-variants").TVReturnType<
|
|
|
26
26
|
trigger: string;
|
|
27
27
|
content: string;
|
|
28
28
|
icon: string;
|
|
29
|
-
}, import("tailwind-variants").
|
|
29
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
30
30
|
iconPosition: {
|
|
31
31
|
start: {
|
|
32
32
|
icon: string;
|
|
@@ -40,5 +40,5 @@ export declare const collapsibleTheme: import("tailwind-variants").TVReturnType<
|
|
|
40
40
|
trigger: string;
|
|
41
41
|
content: string;
|
|
42
42
|
icon: string;
|
|
43
|
-
}
|
|
43
|
+
}>>;
|
|
44
44
|
export type CollapsibleSlots = keyof ReturnType<typeof collapsibleTheme>;
|
|
@@ -75,7 +75,7 @@ export declare const colorPickerTheme: import("tailwind-variants").TVReturnType<
|
|
|
75
75
|
preview: string;
|
|
76
76
|
swatches: string;
|
|
77
77
|
swatch: string;
|
|
78
|
-
}, import("tailwind-variants").
|
|
78
|
+
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
79
79
|
root: string;
|
|
80
80
|
area: string;
|
|
81
81
|
thumb: string;
|
|
@@ -88,5 +88,5 @@ export declare const colorPickerTheme: import("tailwind-variants").TVReturnType<
|
|
|
88
88
|
preview: string;
|
|
89
89
|
swatches: string;
|
|
90
90
|
swatch: string;
|
|
91
|
-
}
|
|
91
|
+
}>>;
|
|
92
92
|
export type ColorPickerSlots = keyof ReturnType<typeof colorPickerTheme>;
|
package/dist/theme/combobox.d.ts
CHANGED
|
@@ -96,7 +96,7 @@ export declare const comboboxTheme: import("tailwind-variants").TVReturnType<{
|
|
|
96
96
|
empty: string;
|
|
97
97
|
group: string;
|
|
98
98
|
groupLabel: string;
|
|
99
|
-
}, import("tailwind-variants").
|
|
99
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
100
100
|
size: {
|
|
101
101
|
sm: {
|
|
102
102
|
anchor: string;
|
|
@@ -145,5 +145,5 @@ export declare const comboboxTheme: import("tailwind-variants").TVReturnType<{
|
|
|
145
145
|
empty: string;
|
|
146
146
|
group: string;
|
|
147
147
|
groupLabel: string;
|
|
148
|
-
}
|
|
148
|
+
}>>;
|
|
149
149
|
export type ComboboxSlots = keyof ReturnType<typeof comboboxTheme>;
|
|
@@ -95,7 +95,7 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
|
|
|
95
95
|
key: string;
|
|
96
96
|
empty: string;
|
|
97
97
|
footer: string;
|
|
98
|
-
}, import("tailwind-variants").
|
|
98
|
+
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
99
99
|
overlay: string;
|
|
100
100
|
content: string;
|
|
101
101
|
list: string;
|
|
@@ -112,5 +112,5 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
|
|
|
112
112
|
key: string;
|
|
113
113
|
empty: string;
|
|
114
114
|
footer: string;
|
|
115
|
-
}
|
|
115
|
+
}>>;
|
|
116
116
|
export type CommandPaletteSlots = keyof ReturnType<typeof commandPaletteTheme>;
|
|
@@ -62,7 +62,7 @@ export declare const containerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
62
62
|
};
|
|
63
63
|
}, {
|
|
64
64
|
root: string;
|
|
65
|
-
}, import("tailwind-variants").
|
|
65
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
66
66
|
size: {
|
|
67
67
|
sm: {
|
|
68
68
|
root: string;
|
|
@@ -94,5 +94,5 @@ export declare const containerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
94
94
|
};
|
|
95
95
|
}, {
|
|
96
96
|
root: string;
|
|
97
|
-
}
|
|
97
|
+
}>>;
|
|
98
98
|
export type ContainerSlots = keyof ReturnType<typeof containerTheme>;
|
|
@@ -40,7 +40,7 @@ export declare const dateFieldTheme: import("tailwind-variants").TVReturnType<{
|
|
|
40
40
|
root: string;
|
|
41
41
|
segment: string;
|
|
42
42
|
literal: string;
|
|
43
|
-
}, import("tailwind-variants").
|
|
43
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
44
44
|
size: {
|
|
45
45
|
sm: {
|
|
46
46
|
root: string;
|
|
@@ -61,5 +61,5 @@ export declare const dateFieldTheme: import("tailwind-variants").TVReturnType<{
|
|
|
61
61
|
root: string;
|
|
62
62
|
segment: string;
|
|
63
63
|
literal: string;
|
|
64
|
-
}
|
|
64
|
+
}>>;
|
|
65
65
|
export type DateFieldSlots = keyof ReturnType<typeof dateFieldTheme>;
|
|
@@ -44,7 +44,7 @@ export declare const datePickerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
44
44
|
content: string;
|
|
45
45
|
footer: string;
|
|
46
46
|
action: string;
|
|
47
|
-
}, import("tailwind-variants").
|
|
47
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
48
48
|
size: {
|
|
49
49
|
sm: {
|
|
50
50
|
trigger: string;
|
|
@@ -67,5 +67,5 @@ export declare const datePickerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
67
67
|
content: string;
|
|
68
68
|
footer: string;
|
|
69
69
|
action: string;
|
|
70
|
-
}
|
|
70
|
+
}>>;
|
|
71
71
|
export type DatePickerSlots = keyof ReturnType<typeof datePickerTheme>;
|
package/dist/theme/dialog.d.ts
CHANGED
|
@@ -46,7 +46,7 @@ export declare const dialogTheme: import("tailwind-variants").TVReturnType<{
|
|
|
46
46
|
body: string;
|
|
47
47
|
footer: string;
|
|
48
48
|
close: string;
|
|
49
|
-
}, import("tailwind-variants").
|
|
49
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
50
50
|
size: {
|
|
51
51
|
sm: {
|
|
52
52
|
content: string;
|
|
@@ -70,5 +70,5 @@ export declare const dialogTheme: import("tailwind-variants").TVReturnType<{
|
|
|
70
70
|
body: string;
|
|
71
71
|
footer: string;
|
|
72
72
|
close: string;
|
|
73
|
-
}
|
|
73
|
+
}>>;
|
|
74
74
|
export type DialogSlots = keyof ReturnType<typeof dialogTheme>;
|
|
@@ -70,7 +70,7 @@ export declare const donutChartTheme: import("tailwind-variants").TVReturnType<{
|
|
|
70
70
|
tooltipValue: string;
|
|
71
71
|
tooltipShare: string;
|
|
72
72
|
table: string;
|
|
73
|
-
}, import("tailwind-variants").
|
|
73
|
+
}, import("tailwind-variants").TVReturnTypeLike<unknown, {
|
|
74
74
|
root: string;
|
|
75
75
|
plot: string;
|
|
76
76
|
svg: string;
|
|
@@ -82,5 +82,5 @@ export declare const donutChartTheme: import("tailwind-variants").TVReturnType<{
|
|
|
82
82
|
tooltipValue: string;
|
|
83
83
|
tooltipShare: string;
|
|
84
84
|
table: string;
|
|
85
|
-
}
|
|
85
|
+
}>>;
|
|
86
86
|
export type DonutChartSlots = keyof ReturnType<typeof donutChartTheme>;
|
package/dist/theme/drawer.d.ts
CHANGED
|
@@ -70,7 +70,7 @@ export declare const drawerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
70
70
|
body: string;
|
|
71
71
|
footer: string;
|
|
72
72
|
close: string;
|
|
73
|
-
}, import("tailwind-variants").
|
|
73
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
74
74
|
side: {
|
|
75
75
|
right: {
|
|
76
76
|
content: string;
|
|
@@ -106,5 +106,5 @@ export declare const drawerTheme: import("tailwind-variants").TVReturnType<{
|
|
|
106
106
|
body: string;
|
|
107
107
|
footer: string;
|
|
108
108
|
close: string;
|
|
109
|
-
}
|
|
109
|
+
}>>;
|
|
110
110
|
export type DrawerSlots = keyof ReturnType<typeof drawerTheme>;
|
|
@@ -28,7 +28,7 @@ export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType
|
|
|
28
28
|
subTrigger: string;
|
|
29
29
|
subContent: string;
|
|
30
30
|
subTriggerIcon: string;
|
|
31
|
-
}, import("tailwind-variants").
|
|
31
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
32
32
|
danger: {
|
|
33
33
|
true: {
|
|
34
34
|
item: string;
|
|
@@ -43,5 +43,5 @@ export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType
|
|
|
43
43
|
subTrigger: string;
|
|
44
44
|
subContent: string;
|
|
45
45
|
subTriggerIcon: string;
|
|
46
|
-
}
|
|
46
|
+
}>>;
|
|
47
47
|
export type DropdownMenuSlots = keyof ReturnType<typeof dropdownMenuTheme>;
|
package/dist/theme/editable.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ export declare const editableTheme: import("tailwind-variants").TVReturnType<{
|
|
|
48
48
|
placeholder: string;
|
|
49
49
|
input: string;
|
|
50
50
|
control: string;
|
|
51
|
-
}, import("tailwind-variants").
|
|
51
|
+
}, import("tailwind-variants").TVReturnTypeLike<{
|
|
52
52
|
size: {
|
|
53
53
|
sm: {
|
|
54
54
|
root: string;
|
|
@@ -73,5 +73,5 @@ export declare const editableTheme: import("tailwind-variants").TVReturnType<{
|
|
|
73
73
|
placeholder: string;
|
|
74
74
|
input: string;
|
|
75
75
|
control: string;
|
|
76
|
-
}
|
|
76
|
+
}>>;
|
|
77
77
|
export type EditableSlots = keyof ReturnType<typeof editableTheme>;
|