@kopexa/theme 1.7.7 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-EXBKQDH5.mjs → chunk-3PCDCW7G.mjs} +1 -1
- package/dist/{chunk-UEMJVVVF.mjs → chunk-5DOB3IBE.mjs} +14 -1
- package/dist/{chunk-SHHD2WUZ.mjs → chunk-7VZZASRG.mjs} +1 -1
- package/dist/chunk-BETLBSSF.mjs +23 -0
- package/dist/chunk-BWB7MWRC.mjs +22 -0
- package/dist/chunk-CPERWXKN.mjs +21 -0
- package/dist/chunk-DI54XTS5.mjs +56 -0
- package/dist/chunk-GRPMKEI2.mjs +34 -0
- package/dist/{chunk-ZL6FAOXE.mjs → chunk-HHOMDBMZ.mjs} +1 -1
- package/dist/chunk-HWEYNK3O.mjs +25 -0
- package/dist/{chunk-U32YEQZ5.mjs → chunk-IHITEH7V.mjs} +15 -9
- package/dist/chunk-IHW4FWFB.mjs +71 -0
- package/dist/{chunk-TJDRYBGW.mjs → chunk-JXQPOORM.mjs} +15 -9
- package/dist/{chunk-MWG2OZMD.mjs → chunk-LAJQAXSV.mjs} +7 -9
- package/dist/{chunk-VCLXE57S.mjs → chunk-LM7MKBHT.mjs} +7 -1
- package/dist/chunk-LMCM4CW2.mjs +22 -0
- package/dist/chunk-M3GQ563Q.mjs +33 -0
- package/dist/chunk-NFOF75HQ.mjs +106 -0
- package/dist/{chunk-JHKTRIIA.mjs → chunk-RQYYDG26.mjs} +4 -2
- package/dist/chunk-SPQE7K66.mjs +18 -0
- package/dist/chunk-TVC4THD6.mjs +16 -0
- package/dist/chunk-URGRCBNW.mjs +27 -0
- package/dist/chunk-VSVGOX3P.mjs +48 -0
- package/dist/chunk-XGUDXC5P.mjs +26 -0
- package/dist/{chunk-755GJHKQ.mjs → chunk-XRKUQMGU.mjs} +1 -1
- package/dist/{chunk-JQ74U2S3.mjs → chunk-YH6TDPK7.mjs} +4 -4
- package/dist/chunk-Z7D56R5U.mjs +70 -0
- package/dist/components/alert-dialog.d.mts +9 -9
- package/dist/components/alert-dialog.d.ts +9 -9
- package/dist/components/alert-dialog.js +11 -2
- package/dist/components/alert-dialog.mjs +1 -1
- package/dist/components/autocomplete.d.mts +73 -0
- package/dist/components/autocomplete.d.ts +73 -0
- package/dist/components/autocomplete.js +173 -0
- package/dist/components/autocomplete.mjs +8 -0
- package/dist/components/avatar.mjs +2 -2
- package/dist/components/button.d.mts +15 -0
- package/dist/components/button.d.ts +15 -0
- package/dist/components/button.js +12 -6
- package/dist/components/button.mjs +2 -2
- package/dist/components/chip.d.mts +3 -0
- package/dist/components/chip.d.ts +3 -0
- package/dist/components/chip.js +4 -2
- package/dist/components/chip.mjs +1 -1
- package/dist/components/color-highlight-button.d.mts +36 -0
- package/dist/components/color-highlight-button.d.ts +36 -0
- package/dist/components/color-highlight-button.js +45 -0
- package/dist/components/color-highlight-button.mjs +6 -0
- package/dist/components/command.d.mts +9 -9
- package/dist/components/command.d.ts +9 -9
- package/dist/components/dialog.js +7 -9
- package/dist/components/dialog.mjs +1 -1
- package/dist/components/drawer.d.mts +3 -3
- package/dist/components/drawer.d.ts +3 -3
- package/dist/components/drawer.js +21 -17
- package/dist/components/drawer.mjs +2 -2
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/dropdown-menu.mjs +1 -1
- package/dist/components/editor-basic.d.mts +44 -0
- package/dist/components/editor-basic.d.ts +44 -0
- package/dist/components/editor-basic.js +58 -0
- package/dist/components/editor-basic.mjs +6 -0
- package/dist/components/editor-spinner.d.mts +60 -0
- package/dist/components/editor-spinner.d.ts +60 -0
- package/dist/components/editor-spinner.js +40 -0
- package/dist/components/editor-spinner.mjs +6 -0
- package/dist/components/hover-card.mjs +2 -2
- package/dist/components/index.d.mts +13 -0
- package/dist/components/index.d.ts +13 -0
- package/dist/components/index.js +678 -198
- package/dist/components/index.mjs +93 -41
- package/dist/components/input-group.d.mts +5 -0
- package/dist/components/input-group.d.ts +5 -0
- package/dist/components/input-group.js +49 -0
- package/dist/components/input-group.mjs +6 -0
- package/dist/components/input-wrapper.d.mts +25 -0
- package/dist/components/input-wrapper.d.ts +25 -0
- package/dist/components/input-wrapper.js +72 -0
- package/dist/components/input-wrapper.mjs +6 -0
- package/dist/components/input.d.mts +30 -129
- package/dist/components/input.d.ts +30 -129
- package/dist/components/input.js +58 -71
- package/dist/components/input.mjs +2 -2
- package/dist/components/kbd.d.mts +35 -0
- package/dist/components/kbd.d.ts +35 -0
- package/dist/components/kbd.js +47 -0
- package/dist/components/kbd.mjs +6 -0
- package/dist/components/label.d.mts +22 -0
- package/dist/components/label.d.ts +22 -0
- package/dist/components/label.js +46 -0
- package/dist/components/label.mjs +6 -0
- package/dist/components/popover.d.mts +79 -14
- package/dist/components/popover.d.ts +79 -14
- package/dist/components/popover.js +41 -4
- package/dist/components/popover.mjs +2 -2
- package/dist/components/scroll-area.d.mts +50 -0
- package/dist/components/scroll-area.d.ts +50 -0
- package/dist/components/scroll-area.js +42 -0
- package/dist/components/scroll-area.mjs +6 -0
- package/dist/components/select.d.mts +76 -0
- package/dist/components/select.d.ts +76 -0
- package/dist/components/select.js +145 -0
- package/dist/components/select.mjs +7 -0
- package/dist/components/separator.d.mts +2 -2
- package/dist/components/separator.d.ts +2 -2
- package/dist/components/separator.js +7 -1
- package/dist/components/separator.mjs +1 -1
- package/dist/components/skeleton-avatar.mjs +3 -3
- package/dist/components/slash-dropdown-menu.d.mts +54 -0
- package/dist/components/slash-dropdown-menu.d.ts +54 -0
- package/dist/components/slash-dropdown-menu.js +55 -0
- package/dist/components/slash-dropdown-menu.mjs +7 -0
- package/dist/components/standard-chip.d.mts +4 -0
- package/dist/components/standard-chip.d.ts +4 -0
- package/dist/components/standard-chip.js +4 -2
- package/dist/components/standard-chip.mjs +2 -2
- package/dist/components/textarea.d.mts +25 -0
- package/dist/components/textarea.d.ts +25 -0
- package/dist/components/textarea.js +72 -0
- package/dist/components/textarea.mjs +7 -0
- package/dist/components/toolbar.d.mts +34 -0
- package/dist/components/toolbar.d.ts +34 -0
- package/dist/components/toolbar.js +46 -0
- package/dist/components/toolbar.mjs +6 -0
- package/dist/editor.css +784 -0
- package/dist/index.css +28 -1
- package/dist/index.d.mts +13 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +678 -198
- package/dist/index.mjs +93 -41
- package/dist/utils/classes.d.mts +13 -1
- package/dist/utils/classes.d.ts +13 -1
- package/dist/utils/classes.js +14 -0
- package/dist/utils/classes.mjs +3 -1
- package/package.json +24 -18
- package/dist/chunk-CPEP2RO4.mjs +0 -17
- package/dist/chunk-IKJHZT2S.mjs +0 -19
- package/dist/chunk-UMSU2ZEG.mjs +0 -96
- /package/dist/{chunk-3ZVSVLZD.mjs → chunk-UWWO4AVU.mjs} +0 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/select.ts
|
|
21
|
+
var select_exports = {};
|
|
22
|
+
__export(select_exports, {
|
|
23
|
+
select: () => select
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(select_exports);
|
|
26
|
+
var import_tailwind_variants = require("tailwind-variants");
|
|
27
|
+
|
|
28
|
+
// src/utils/classes.ts
|
|
29
|
+
var focusVisibleClasses = [
|
|
30
|
+
"focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
|
|
31
|
+
//"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
32
|
+
];
|
|
33
|
+
var inputClasses = {
|
|
34
|
+
radius: {
|
|
35
|
+
sm: "rounded-sm",
|
|
36
|
+
md: "rounded-md",
|
|
37
|
+
lg: "rounded-lg"
|
|
38
|
+
},
|
|
39
|
+
height: {
|
|
40
|
+
sm: "h-7 min-h-7",
|
|
41
|
+
md: "h-8.5 min-h-8.5",
|
|
42
|
+
lg: "h-10 min-h-10"
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
// src/components/select.ts
|
|
47
|
+
var select = (0, import_tailwind_variants.tv)({
|
|
48
|
+
slots: {
|
|
49
|
+
trigger: [
|
|
50
|
+
"border-input border w-full shadow-xs",
|
|
51
|
+
...focusVisibleClasses,
|
|
52
|
+
"aria-expanded:outline-2 aria-expanded:outline-ring aria-expanded:outline-offset-2",
|
|
53
|
+
"group relative flex items-center justify-between gap-2 whitespace-nowrap select-none",
|
|
54
|
+
"transition-[color,box-shadow,border-color]",
|
|
55
|
+
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
|
|
56
|
+
"aria-invalid:border-destructive",
|
|
57
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
58
|
+
"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex",
|
|
59
|
+
"*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
|
|
60
|
+
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground"
|
|
61
|
+
],
|
|
62
|
+
triggerIcon: "opacity-60 transition-transform duration-200",
|
|
63
|
+
placeholder: "text-muted-foreground",
|
|
64
|
+
clear: [
|
|
65
|
+
"cursor-pointer absolute top-1/2 -translate-y-1/2 end-2",
|
|
66
|
+
"rounded-sm opacity-60 hover:opacity-100 transition-opacity",
|
|
67
|
+
"focus:outline-none focus:ring-0 focus:ring-offset-0",
|
|
68
|
+
"disabled:pointer-events-none data-[disabled]:pointer-events-none"
|
|
69
|
+
],
|
|
70
|
+
content: [
|
|
71
|
+
"relative max-h-(--available-height) min-w-(--anchor-width) overflow-x-hidden overflow-y-auto",
|
|
72
|
+
"bg-popover text-popover-foreground",
|
|
73
|
+
"rounded-md border p-1 shadow-md",
|
|
74
|
+
"origin-[var(--transform-origin)]",
|
|
75
|
+
// radix styles
|
|
76
|
+
"data-[open]:animate-in data-[closed]:animate-out",
|
|
77
|
+
"data-[closed]:fade-out-0 data-[open]:fade-in-0",
|
|
78
|
+
"data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
|
|
79
|
+
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
|
|
80
|
+
"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
81
|
+
"data-[position=item-aligned]:[&_*[data-slot=select-item]]:min-w-[var(--anchor-width)]",
|
|
82
|
+
"data-[side=bottom]:mt-2 data-[side=top]:mb-2"
|
|
83
|
+
],
|
|
84
|
+
item: [
|
|
85
|
+
"relative flex w-full items-center cursor-default select-none",
|
|
86
|
+
"rounded-sm py-1.5 text-sm outline-hidden",
|
|
87
|
+
"data-highlighted:bg-accent data-highlighted:text-accent-foreground",
|
|
88
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
89
|
+
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
90
|
+
"*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
|
91
|
+
"pe7 ps-2 data-[indicator-position=left]:ps-7 data-[indicator-position=left]:pe-2"
|
|
92
|
+
],
|
|
93
|
+
indicatorContainer: [
|
|
94
|
+
"absolute flex h-3.5 w-3.5 items-center justify-center",
|
|
95
|
+
"data-[indicator-position=left]:start-2 data-[indicator-position=right]:end-2"
|
|
96
|
+
],
|
|
97
|
+
indicatorIcon: ["size-4 text-primary"],
|
|
98
|
+
label: [
|
|
99
|
+
"text-muted-foreground py-1.5 text-xs font-medium",
|
|
100
|
+
"pe-7 ps-2 data-[indicator-position=left]:ps-7 data-[indicator-position=left]:pe-2"
|
|
101
|
+
],
|
|
102
|
+
separator: ["bg-border pointer-events-none -mx-1 my-1 h-px"]
|
|
103
|
+
},
|
|
104
|
+
variants: {
|
|
105
|
+
size: {
|
|
106
|
+
sm: {
|
|
107
|
+
trigger: [
|
|
108
|
+
inputClasses.radius.sm,
|
|
109
|
+
inputClasses.height.sm,
|
|
110
|
+
// TODO
|
|
111
|
+
"px-2.5 text-xs gap-1",
|
|
112
|
+
"[&_[data-slot=select-icon]]:size-3.5 [&_[data-slot=select-icon]]:-me-0.75",
|
|
113
|
+
"[&_[data-slot=select-clear]>svg]:size-3 [&_[data-slot=select-clear]]:end-6"
|
|
114
|
+
]
|
|
115
|
+
},
|
|
116
|
+
md: {
|
|
117
|
+
trigger: [
|
|
118
|
+
inputClasses.radius.md,
|
|
119
|
+
inputClasses.height.md,
|
|
120
|
+
// TODO
|
|
121
|
+
"px-3 text-[0.8125rem] leading-(--text-sm--line-height) gap-1 ",
|
|
122
|
+
"[&_[data-slot=select-icon]]:size-4 [&_[data-slot=select-icon]]:-me-1",
|
|
123
|
+
"[&_[data-slot=select-clear]>svg]:size-3.5 [&_[data-slot=select-clear]]:end-7"
|
|
124
|
+
]
|
|
125
|
+
},
|
|
126
|
+
lg: {
|
|
127
|
+
trigger: [
|
|
128
|
+
inputClasses.radius.lg,
|
|
129
|
+
inputClasses.height.lg,
|
|
130
|
+
// TODO
|
|
131
|
+
"h-10 px-4 text-sm gap-1.5",
|
|
132
|
+
" [&_[data-slot=select-icon]]:size-4 [&_[data-slot=select-icon]]:-me-1.25",
|
|
133
|
+
" [&_[data-slot=select-clear]>svg]:size-3.5 [&_[data-slot=select-clear]]:end-8"
|
|
134
|
+
]
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
defaultVariants: {
|
|
139
|
+
size: "md"
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
143
|
+
0 && (module.exports = {
|
|
144
|
+
select
|
|
145
|
+
});
|
|
@@ -6,7 +6,7 @@ declare const separator: tailwind_variants.TVReturnType<{
|
|
|
6
6
|
vertical: string;
|
|
7
7
|
horizontal: string;
|
|
8
8
|
};
|
|
9
|
-
}, undefined,
|
|
9
|
+
}, undefined, string[], {
|
|
10
10
|
orientation: {
|
|
11
11
|
vertical: string;
|
|
12
12
|
horizontal: string;
|
|
@@ -16,7 +16,7 @@ declare const separator: tailwind_variants.TVReturnType<{
|
|
|
16
16
|
vertical: string;
|
|
17
17
|
horizontal: string;
|
|
18
18
|
};
|
|
19
|
-
}, undefined,
|
|
19
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
20
20
|
type SeparatorVariantProps = VariantProps<typeof separator>;
|
|
21
21
|
|
|
22
22
|
export { type SeparatorVariantProps, separator };
|
|
@@ -6,7 +6,7 @@ declare const separator: tailwind_variants.TVReturnType<{
|
|
|
6
6
|
vertical: string;
|
|
7
7
|
horizontal: string;
|
|
8
8
|
};
|
|
9
|
-
}, undefined,
|
|
9
|
+
}, undefined, string[], {
|
|
10
10
|
orientation: {
|
|
11
11
|
vertical: string;
|
|
12
12
|
horizontal: string;
|
|
@@ -16,7 +16,7 @@ declare const separator: tailwind_variants.TVReturnType<{
|
|
|
16
16
|
vertical: string;
|
|
17
17
|
horizontal: string;
|
|
18
18
|
};
|
|
19
|
-
}, undefined,
|
|
19
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
20
20
|
type SeparatorVariantProps = VariantProps<typeof separator>;
|
|
21
21
|
|
|
22
22
|
export { type SeparatorVariantProps, separator };
|
|
@@ -25,7 +25,13 @@ __export(separator_exports, {
|
|
|
25
25
|
module.exports = __toCommonJS(separator_exports);
|
|
26
26
|
var import_tailwind_variants = require("tailwind-variants");
|
|
27
27
|
var separator = (0, import_tailwind_variants.tv)({
|
|
28
|
-
base:
|
|
28
|
+
base: [
|
|
29
|
+
"bg-border shrink-0",
|
|
30
|
+
"data-[orientation=horizontal]:h-px",
|
|
31
|
+
"data-[orientation=horizontal]:w-full",
|
|
32
|
+
"data-[orientation=vertical]:h-full",
|
|
33
|
+
"data-[orientation=vertical]:w-px"
|
|
34
|
+
],
|
|
29
35
|
variants: {
|
|
30
36
|
orientation: {
|
|
31
37
|
vertical: "",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
skeletonAvatar
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import "../chunk-UEMJVVVF.mjs";
|
|
3
|
+
} from "../chunk-HHOMDBMZ.mjs";
|
|
4
|
+
import "../chunk-YH6TDPK7.mjs";
|
|
6
5
|
import "../chunk-WSEO3MLK.mjs";
|
|
6
|
+
import "../chunk-5DOB3IBE.mjs";
|
|
7
7
|
export {
|
|
8
8
|
skeletonAvatar
|
|
9
9
|
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
3
|
+
|
|
4
|
+
declare const slashDropdownMenu: tailwind_variants.TVReturnType<{
|
|
5
|
+
[key: string]: {
|
|
6
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
7
|
+
body?: tailwind_merge.ClassNameValue;
|
|
8
|
+
card?: tailwind_merge.ClassNameValue;
|
|
9
|
+
cardItemGroup?: tailwind_merge.ClassNameValue;
|
|
10
|
+
cardGroupLabel?: tailwind_merge.ClassNameValue;
|
|
11
|
+
cardGroup?: tailwind_merge.ClassNameValue;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
} | {
|
|
15
|
+
[x: string]: {
|
|
16
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
17
|
+
body?: tailwind_merge.ClassNameValue;
|
|
18
|
+
card?: tailwind_merge.ClassNameValue;
|
|
19
|
+
cardItemGroup?: tailwind_merge.ClassNameValue;
|
|
20
|
+
cardGroupLabel?: tailwind_merge.ClassNameValue;
|
|
21
|
+
cardGroup?: tailwind_merge.ClassNameValue;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
} | {}, {
|
|
25
|
+
card: string[];
|
|
26
|
+
body: string[];
|
|
27
|
+
cardItemGroup: string[];
|
|
28
|
+
cardGroupLabel: string[];
|
|
29
|
+
cardGroup: string[];
|
|
30
|
+
}, undefined, {
|
|
31
|
+
[key: string]: {
|
|
32
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
33
|
+
body?: tailwind_merge.ClassNameValue;
|
|
34
|
+
card?: tailwind_merge.ClassNameValue;
|
|
35
|
+
cardItemGroup?: tailwind_merge.ClassNameValue;
|
|
36
|
+
cardGroupLabel?: tailwind_merge.ClassNameValue;
|
|
37
|
+
cardGroup?: tailwind_merge.ClassNameValue;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
} | {}, {
|
|
41
|
+
card: string[];
|
|
42
|
+
body: string[];
|
|
43
|
+
cardItemGroup: string[];
|
|
44
|
+
cardGroupLabel: string[];
|
|
45
|
+
cardGroup: string[];
|
|
46
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
47
|
+
card: string[];
|
|
48
|
+
body: string[];
|
|
49
|
+
cardItemGroup: string[];
|
|
50
|
+
cardGroupLabel: string[];
|
|
51
|
+
cardGroup: string[];
|
|
52
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
53
|
+
|
|
54
|
+
export { slashDropdownMenu };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
3
|
+
|
|
4
|
+
declare const slashDropdownMenu: tailwind_variants.TVReturnType<{
|
|
5
|
+
[key: string]: {
|
|
6
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
7
|
+
body?: tailwind_merge.ClassNameValue;
|
|
8
|
+
card?: tailwind_merge.ClassNameValue;
|
|
9
|
+
cardItemGroup?: tailwind_merge.ClassNameValue;
|
|
10
|
+
cardGroupLabel?: tailwind_merge.ClassNameValue;
|
|
11
|
+
cardGroup?: tailwind_merge.ClassNameValue;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
} | {
|
|
15
|
+
[x: string]: {
|
|
16
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
17
|
+
body?: tailwind_merge.ClassNameValue;
|
|
18
|
+
card?: tailwind_merge.ClassNameValue;
|
|
19
|
+
cardItemGroup?: tailwind_merge.ClassNameValue;
|
|
20
|
+
cardGroupLabel?: tailwind_merge.ClassNameValue;
|
|
21
|
+
cardGroup?: tailwind_merge.ClassNameValue;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
} | {}, {
|
|
25
|
+
card: string[];
|
|
26
|
+
body: string[];
|
|
27
|
+
cardItemGroup: string[];
|
|
28
|
+
cardGroupLabel: string[];
|
|
29
|
+
cardGroup: string[];
|
|
30
|
+
}, undefined, {
|
|
31
|
+
[key: string]: {
|
|
32
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
33
|
+
body?: tailwind_merge.ClassNameValue;
|
|
34
|
+
card?: tailwind_merge.ClassNameValue;
|
|
35
|
+
cardItemGroup?: tailwind_merge.ClassNameValue;
|
|
36
|
+
cardGroupLabel?: tailwind_merge.ClassNameValue;
|
|
37
|
+
cardGroup?: tailwind_merge.ClassNameValue;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
} | {}, {
|
|
41
|
+
card: string[];
|
|
42
|
+
body: string[];
|
|
43
|
+
cardItemGroup: string[];
|
|
44
|
+
cardGroupLabel: string[];
|
|
45
|
+
cardGroup: string[];
|
|
46
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
47
|
+
card: string[];
|
|
48
|
+
body: string[];
|
|
49
|
+
cardItemGroup: string[];
|
|
50
|
+
cardGroupLabel: string[];
|
|
51
|
+
cardGroup: string[];
|
|
52
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
53
|
+
|
|
54
|
+
export { slashDropdownMenu };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/slash-dropdown-menu.ts
|
|
21
|
+
var slash_dropdown_menu_exports = {};
|
|
22
|
+
__export(slash_dropdown_menu_exports, {
|
|
23
|
+
slashDropdownMenu: () => slashDropdownMenu
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(slash_dropdown_menu_exports);
|
|
26
|
+
var import_tailwind_variants = require("tailwind-variants");
|
|
27
|
+
|
|
28
|
+
// src/utils/classes.ts
|
|
29
|
+
var popoverContentClasses = [
|
|
30
|
+
"bg-popover text-popover-foreground z-50",
|
|
31
|
+
"rounded-md border p-4 shadow-md outline-hidden"
|
|
32
|
+
];
|
|
33
|
+
|
|
34
|
+
// src/components/slash-dropdown-menu.ts
|
|
35
|
+
var slashDropdownMenu = (0, import_tailwind_variants.tv)({
|
|
36
|
+
slots: {
|
|
37
|
+
card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
|
|
38
|
+
body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full"],
|
|
39
|
+
cardItemGroup: [
|
|
40
|
+
"relative flex align-middle min-w-max",
|
|
41
|
+
"flex-col justify-center"
|
|
42
|
+
],
|
|
43
|
+
cardGroupLabel: [
|
|
44
|
+
"text-xs font-bold text-muted-foreground capitalize",
|
|
45
|
+
"pt-3 pb-1 px-2"
|
|
46
|
+
],
|
|
47
|
+
cardGroup: [
|
|
48
|
+
"flex relative align-middle max-w-max justify-center items-start flex-col"
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
53
|
+
0 && (module.exports = {
|
|
54
|
+
slashDropdownMenu
|
|
55
|
+
});
|
|
@@ -115,6 +115,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
115
115
|
root: string;
|
|
116
116
|
};
|
|
117
117
|
flat: {};
|
|
118
|
+
ghost: {};
|
|
118
119
|
};
|
|
119
120
|
color: {
|
|
120
121
|
default: {
|
|
@@ -231,6 +232,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
231
232
|
root: string;
|
|
232
233
|
};
|
|
233
234
|
flat: {};
|
|
235
|
+
ghost: {};
|
|
234
236
|
};
|
|
235
237
|
color: {
|
|
236
238
|
default: {
|
|
@@ -347,6 +349,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
347
349
|
root: string;
|
|
348
350
|
};
|
|
349
351
|
flat: {};
|
|
352
|
+
ghost: {};
|
|
350
353
|
};
|
|
351
354
|
color: {
|
|
352
355
|
default: {
|
|
@@ -463,6 +466,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
463
466
|
root: string;
|
|
464
467
|
};
|
|
465
468
|
flat: {};
|
|
469
|
+
ghost: {};
|
|
466
470
|
};
|
|
467
471
|
color: {
|
|
468
472
|
default: {
|
|
@@ -115,6 +115,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
115
115
|
root: string;
|
|
116
116
|
};
|
|
117
117
|
flat: {};
|
|
118
|
+
ghost: {};
|
|
118
119
|
};
|
|
119
120
|
color: {
|
|
120
121
|
default: {
|
|
@@ -231,6 +232,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
231
232
|
root: string;
|
|
232
233
|
};
|
|
233
234
|
flat: {};
|
|
235
|
+
ghost: {};
|
|
234
236
|
};
|
|
235
237
|
color: {
|
|
236
238
|
default: {
|
|
@@ -347,6 +349,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
347
349
|
root: string;
|
|
348
350
|
};
|
|
349
351
|
flat: {};
|
|
352
|
+
ghost: {};
|
|
350
353
|
};
|
|
351
354
|
color: {
|
|
352
355
|
default: {
|
|
@@ -463,6 +466,7 @@ declare const standardChip: tailwind_variants.TVReturnType<{
|
|
|
463
466
|
root: string;
|
|
464
467
|
};
|
|
465
468
|
flat: {};
|
|
469
|
+
ghost: {};
|
|
466
470
|
};
|
|
467
471
|
color: {
|
|
468
472
|
default: {
|
|
@@ -91,7 +91,8 @@ var chip = (0, import_tailwind_variants.tv)({
|
|
|
91
91
|
"justify-between",
|
|
92
92
|
"box-border",
|
|
93
93
|
"whitespace-nowrap",
|
|
94
|
-
"isolate"
|
|
94
|
+
"isolate",
|
|
95
|
+
"data-[active=true]:ring-2"
|
|
95
96
|
],
|
|
96
97
|
content: "flex-1 text-inherit font-normal",
|
|
97
98
|
indicator: "relative flex size-2 ml-1",
|
|
@@ -112,7 +113,8 @@ var chip = (0, import_tailwind_variants.tv)({
|
|
|
112
113
|
faded: {
|
|
113
114
|
root: "border-2"
|
|
114
115
|
},
|
|
115
|
-
flat: {}
|
|
116
|
+
flat: {},
|
|
117
|
+
ghost: {}
|
|
116
118
|
},
|
|
117
119
|
color: {
|
|
118
120
|
default: {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const textarea: tailwind_variants.TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: string[];
|
|
7
|
+
md: string[];
|
|
8
|
+
lg: string[];
|
|
9
|
+
};
|
|
10
|
+
}, undefined, string[], {
|
|
11
|
+
size: {
|
|
12
|
+
sm: string[];
|
|
13
|
+
md: string[];
|
|
14
|
+
lg: string[];
|
|
15
|
+
};
|
|
16
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
17
|
+
size: {
|
|
18
|
+
sm: string[];
|
|
19
|
+
md: string[];
|
|
20
|
+
lg: string[];
|
|
21
|
+
};
|
|
22
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
23
|
+
type TextareaVariantProps = VariantProps<typeof textarea>;
|
|
24
|
+
|
|
25
|
+
export { type TextareaVariantProps, textarea };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const textarea: tailwind_variants.TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: string[];
|
|
7
|
+
md: string[];
|
|
8
|
+
lg: string[];
|
|
9
|
+
};
|
|
10
|
+
}, undefined, string[], {
|
|
11
|
+
size: {
|
|
12
|
+
sm: string[];
|
|
13
|
+
md: string[];
|
|
14
|
+
lg: string[];
|
|
15
|
+
};
|
|
16
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
17
|
+
size: {
|
|
18
|
+
sm: string[];
|
|
19
|
+
md: string[];
|
|
20
|
+
lg: string[];
|
|
21
|
+
};
|
|
22
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
23
|
+
type TextareaVariantProps = VariantProps<typeof textarea>;
|
|
24
|
+
|
|
25
|
+
export { type TextareaVariantProps, textarea };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/textarea.ts
|
|
21
|
+
var textarea_exports = {};
|
|
22
|
+
__export(textarea_exports, {
|
|
23
|
+
textarea: () => textarea
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(textarea_exports);
|
|
26
|
+
var import_tailwind_variants = require("tailwind-variants");
|
|
27
|
+
|
|
28
|
+
// src/utils/classes.ts
|
|
29
|
+
var focusVisibleClasses = [
|
|
30
|
+
"focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
|
|
31
|
+
//"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
32
|
+
];
|
|
33
|
+
var inputClasses = {
|
|
34
|
+
radius: {
|
|
35
|
+
sm: "rounded-sm",
|
|
36
|
+
md: "rounded-md",
|
|
37
|
+
lg: "rounded-lg"
|
|
38
|
+
},
|
|
39
|
+
height: {
|
|
40
|
+
sm: "h-7 min-h-7",
|
|
41
|
+
md: "h-8.5 min-h-8.5",
|
|
42
|
+
lg: "h-10 min-h-10"
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
// src/components/textarea.ts
|
|
47
|
+
var textarea = (0, import_tailwind_variants.tv)({
|
|
48
|
+
base: [
|
|
49
|
+
"w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
|
|
50
|
+
"text-foreground placeholder:text-muted-foreground/80",
|
|
51
|
+
"disabled:cursor-not-allowed disabled:opacity-50 [&[readonly]]:opacity-70 aria-invalid:border-destructive",
|
|
52
|
+
...focusVisibleClasses,
|
|
53
|
+
"aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20"
|
|
54
|
+
],
|
|
55
|
+
variants: {
|
|
56
|
+
size: {
|
|
57
|
+
sm: [inputClasses.radius.sm, "px-2.5 py-2.5 text-xs"],
|
|
58
|
+
md: [
|
|
59
|
+
inputClasses.radius.md,
|
|
60
|
+
"px-3 py-3 text-[0.8125rem] leading-(--text-sm--line-height)"
|
|
61
|
+
],
|
|
62
|
+
lg: [inputClasses.radius.lg, "px-4 py-4 text-sm"]
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
defaultVariants: {
|
|
66
|
+
size: "md"
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
70
|
+
0 && (module.exports = {
|
|
71
|
+
textarea
|
|
72
|
+
});
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const toolbar: tailwind_variants.TVReturnType<{
|
|
5
|
+
color: {
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
}, {
|
|
9
|
+
root: string;
|
|
10
|
+
button: string;
|
|
11
|
+
separator: string;
|
|
12
|
+
group: string;
|
|
13
|
+
}, undefined, {
|
|
14
|
+
color: {
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
}, {
|
|
18
|
+
root: string;
|
|
19
|
+
button: string;
|
|
20
|
+
separator: string;
|
|
21
|
+
group: string;
|
|
22
|
+
}, tailwind_variants.TVReturnType<{
|
|
23
|
+
color: {
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
}, {
|
|
27
|
+
root: string;
|
|
28
|
+
button: string;
|
|
29
|
+
separator: string;
|
|
30
|
+
group: string;
|
|
31
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
32
|
+
type ToolbarVariantProps = VariantProps<typeof toolbar>;
|
|
33
|
+
|
|
34
|
+
export { type ToolbarVariantProps, toolbar };
|