@kopexa/theme 1.4.4 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/LICENSE +201 -0
  2. package/dist/{chunk-2C5EQ4P3.mjs → chunk-25L2JS6A.mjs} +9 -1
  3. package/dist/chunk-4VKJFW6Y.mjs +122 -0
  4. package/dist/{chunk-PQSL3W26.mjs → chunk-7CM52H5K.mjs} +1 -1
  5. package/dist/{chunk-KE2E5LGH.mjs → chunk-BIRJNNEY.mjs} +1 -1
  6. package/dist/chunk-CPEP2RO4.mjs +17 -0
  7. package/dist/chunk-Q5DCJR2X.mjs +172 -0
  8. package/dist/components/alert-dialog.d.mts +68 -0
  9. package/dist/components/alert-dialog.d.ts +68 -0
  10. package/dist/components/alert-dialog.js +41 -0
  11. package/dist/components/alert-dialog.mjs +6 -0
  12. package/dist/components/avatar.d.mts +203 -0
  13. package/dist/components/avatar.d.ts +203 -0
  14. package/dist/components/avatar.js +253 -0
  15. package/dist/components/avatar.mjs +8 -0
  16. package/dist/components/button.mjs +2 -2
  17. package/dist/components/card.d.mts +209 -0
  18. package/dist/components/card.d.ts +209 -0
  19. package/dist/components/card.js +146 -0
  20. package/dist/components/card.mjs +6 -0
  21. package/dist/components/command.d.mts +9 -9
  22. package/dist/components/command.d.ts +9 -9
  23. package/dist/components/dropdown-menu.d.mts +6 -6
  24. package/dist/components/dropdown-menu.d.ts +6 -6
  25. package/dist/components/index.d.mts +3 -0
  26. package/dist/components/index.d.ts +3 -0
  27. package/dist/components/index.js +332 -25
  28. package/dist/components/index.mjs +27 -15
  29. package/dist/components/input.mjs +2 -2
  30. package/dist/index.css +3 -3
  31. package/dist/index.d.mts +3 -0
  32. package/dist/index.d.ts +3 -0
  33. package/dist/index.js +332 -25
  34. package/dist/index.mjs +28 -16
  35. package/dist/utils/classes.d.mts +5 -1
  36. package/dist/utils/classes.d.ts +5 -1
  37. package/dist/utils/classes.js +11 -2
  38. package/dist/utils/classes.mjs +5 -3
  39. package/package.json +3 -3
  40. /package/dist/{chunk-N2UQGV46.mjs → chunk-PWBTAIYS.mjs} +0 -0
@@ -0,0 +1,209 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+
4
+ declare const card: tailwind_variants.TVReturnType<{
5
+ shadow: {
6
+ none: {
7
+ root: string;
8
+ };
9
+ sm: {
10
+ root: string;
11
+ };
12
+ md: {
13
+ root: string;
14
+ };
15
+ lg: {
16
+ root: string;
17
+ };
18
+ };
19
+ radius: {
20
+ none: {
21
+ root: string;
22
+ header: string;
23
+ footer: string;
24
+ };
25
+ sm: {
26
+ root: string;
27
+ header: string;
28
+ footer: string;
29
+ };
30
+ md: {
31
+ root: string;
32
+ header: string;
33
+ footer: string;
34
+ };
35
+ lg: {
36
+ root: string;
37
+ header: string;
38
+ footer: string;
39
+ };
40
+ };
41
+ fullWidth: {
42
+ true: {
43
+ root: string;
44
+ };
45
+ };
46
+ isHoverable: {
47
+ true: {
48
+ root: string;
49
+ };
50
+ };
51
+ isPressable: {
52
+ true: {
53
+ root: string;
54
+ };
55
+ };
56
+ isBlurred: {
57
+ true: {
58
+ root: string[];
59
+ };
60
+ };
61
+ isDisabled: {
62
+ true: {
63
+ root: string;
64
+ };
65
+ };
66
+ }, {
67
+ root: string[];
68
+ header: string[];
69
+ body: string[];
70
+ footer: string[];
71
+ }, undefined, {
72
+ shadow: {
73
+ none: {
74
+ root: string;
75
+ };
76
+ sm: {
77
+ root: string;
78
+ };
79
+ md: {
80
+ root: string;
81
+ };
82
+ lg: {
83
+ root: string;
84
+ };
85
+ };
86
+ radius: {
87
+ none: {
88
+ root: string;
89
+ header: string;
90
+ footer: string;
91
+ };
92
+ sm: {
93
+ root: string;
94
+ header: string;
95
+ footer: string;
96
+ };
97
+ md: {
98
+ root: string;
99
+ header: string;
100
+ footer: string;
101
+ };
102
+ lg: {
103
+ root: string;
104
+ header: string;
105
+ footer: string;
106
+ };
107
+ };
108
+ fullWidth: {
109
+ true: {
110
+ root: string;
111
+ };
112
+ };
113
+ isHoverable: {
114
+ true: {
115
+ root: string;
116
+ };
117
+ };
118
+ isPressable: {
119
+ true: {
120
+ root: string;
121
+ };
122
+ };
123
+ isBlurred: {
124
+ true: {
125
+ root: string[];
126
+ };
127
+ };
128
+ isDisabled: {
129
+ true: {
130
+ root: string;
131
+ };
132
+ };
133
+ }, {
134
+ root: string[];
135
+ header: string[];
136
+ body: string[];
137
+ footer: string[];
138
+ }, tailwind_variants.TVReturnType<{
139
+ shadow: {
140
+ none: {
141
+ root: string;
142
+ };
143
+ sm: {
144
+ root: string;
145
+ };
146
+ md: {
147
+ root: string;
148
+ };
149
+ lg: {
150
+ root: string;
151
+ };
152
+ };
153
+ radius: {
154
+ none: {
155
+ root: string;
156
+ header: string;
157
+ footer: string;
158
+ };
159
+ sm: {
160
+ root: string;
161
+ header: string;
162
+ footer: string;
163
+ };
164
+ md: {
165
+ root: string;
166
+ header: string;
167
+ footer: string;
168
+ };
169
+ lg: {
170
+ root: string;
171
+ header: string;
172
+ footer: string;
173
+ };
174
+ };
175
+ fullWidth: {
176
+ true: {
177
+ root: string;
178
+ };
179
+ };
180
+ isHoverable: {
181
+ true: {
182
+ root: string;
183
+ };
184
+ };
185
+ isPressable: {
186
+ true: {
187
+ root: string;
188
+ };
189
+ };
190
+ isBlurred: {
191
+ true: {
192
+ root: string[];
193
+ };
194
+ };
195
+ isDisabled: {
196
+ true: {
197
+ root: string;
198
+ };
199
+ };
200
+ }, {
201
+ root: string[];
202
+ header: string[];
203
+ body: string[];
204
+ footer: string[];
205
+ }, undefined, unknown, unknown, undefined>>;
206
+ type CardVariantProps = VariantProps<typeof card>;
207
+ type CardSlots = keyof ReturnType<typeof card>;
208
+
209
+ export { type CardSlots, type CardVariantProps, card };
@@ -0,0 +1,209 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+
4
+ declare const card: tailwind_variants.TVReturnType<{
5
+ shadow: {
6
+ none: {
7
+ root: string;
8
+ };
9
+ sm: {
10
+ root: string;
11
+ };
12
+ md: {
13
+ root: string;
14
+ };
15
+ lg: {
16
+ root: string;
17
+ };
18
+ };
19
+ radius: {
20
+ none: {
21
+ root: string;
22
+ header: string;
23
+ footer: string;
24
+ };
25
+ sm: {
26
+ root: string;
27
+ header: string;
28
+ footer: string;
29
+ };
30
+ md: {
31
+ root: string;
32
+ header: string;
33
+ footer: string;
34
+ };
35
+ lg: {
36
+ root: string;
37
+ header: string;
38
+ footer: string;
39
+ };
40
+ };
41
+ fullWidth: {
42
+ true: {
43
+ root: string;
44
+ };
45
+ };
46
+ isHoverable: {
47
+ true: {
48
+ root: string;
49
+ };
50
+ };
51
+ isPressable: {
52
+ true: {
53
+ root: string;
54
+ };
55
+ };
56
+ isBlurred: {
57
+ true: {
58
+ root: string[];
59
+ };
60
+ };
61
+ isDisabled: {
62
+ true: {
63
+ root: string;
64
+ };
65
+ };
66
+ }, {
67
+ root: string[];
68
+ header: string[];
69
+ body: string[];
70
+ footer: string[];
71
+ }, undefined, {
72
+ shadow: {
73
+ none: {
74
+ root: string;
75
+ };
76
+ sm: {
77
+ root: string;
78
+ };
79
+ md: {
80
+ root: string;
81
+ };
82
+ lg: {
83
+ root: string;
84
+ };
85
+ };
86
+ radius: {
87
+ none: {
88
+ root: string;
89
+ header: string;
90
+ footer: string;
91
+ };
92
+ sm: {
93
+ root: string;
94
+ header: string;
95
+ footer: string;
96
+ };
97
+ md: {
98
+ root: string;
99
+ header: string;
100
+ footer: string;
101
+ };
102
+ lg: {
103
+ root: string;
104
+ header: string;
105
+ footer: string;
106
+ };
107
+ };
108
+ fullWidth: {
109
+ true: {
110
+ root: string;
111
+ };
112
+ };
113
+ isHoverable: {
114
+ true: {
115
+ root: string;
116
+ };
117
+ };
118
+ isPressable: {
119
+ true: {
120
+ root: string;
121
+ };
122
+ };
123
+ isBlurred: {
124
+ true: {
125
+ root: string[];
126
+ };
127
+ };
128
+ isDisabled: {
129
+ true: {
130
+ root: string;
131
+ };
132
+ };
133
+ }, {
134
+ root: string[];
135
+ header: string[];
136
+ body: string[];
137
+ footer: string[];
138
+ }, tailwind_variants.TVReturnType<{
139
+ shadow: {
140
+ none: {
141
+ root: string;
142
+ };
143
+ sm: {
144
+ root: string;
145
+ };
146
+ md: {
147
+ root: string;
148
+ };
149
+ lg: {
150
+ root: string;
151
+ };
152
+ };
153
+ radius: {
154
+ none: {
155
+ root: string;
156
+ header: string;
157
+ footer: string;
158
+ };
159
+ sm: {
160
+ root: string;
161
+ header: string;
162
+ footer: string;
163
+ };
164
+ md: {
165
+ root: string;
166
+ header: string;
167
+ footer: string;
168
+ };
169
+ lg: {
170
+ root: string;
171
+ header: string;
172
+ footer: string;
173
+ };
174
+ };
175
+ fullWidth: {
176
+ true: {
177
+ root: string;
178
+ };
179
+ };
180
+ isHoverable: {
181
+ true: {
182
+ root: string;
183
+ };
184
+ };
185
+ isPressable: {
186
+ true: {
187
+ root: string;
188
+ };
189
+ };
190
+ isBlurred: {
191
+ true: {
192
+ root: string[];
193
+ };
194
+ };
195
+ isDisabled: {
196
+ true: {
197
+ root: string;
198
+ };
199
+ };
200
+ }, {
201
+ root: string[];
202
+ header: string[];
203
+ body: string[];
204
+ footer: string[];
205
+ }, undefined, unknown, unknown, undefined>>;
206
+ type CardVariantProps = VariantProps<typeof card>;
207
+ type CardSlots = keyof ReturnType<typeof card>;
208
+
209
+ export { type CardSlots, type CardVariantProps, card };
@@ -0,0 +1,146 @@
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/card.ts
21
+ var card_exports = {};
22
+ __export(card_exports, {
23
+ card: () => card
24
+ });
25
+ module.exports = __toCommonJS(card_exports);
26
+ var import_tailwind_variants = require("tailwind-variants");
27
+ var card = (0, import_tailwind_variants.tv)({
28
+ slots: {
29
+ root: [
30
+ "flex flex-col relative overflow-hidden h-auto outline-hidden text-card-foreground bg-card box-border",
31
+ "border-2 border-transparent"
32
+ ],
33
+ header: [
34
+ "flex",
35
+ "p-3",
36
+ "z-10",
37
+ "w-full",
38
+ "justify-start",
39
+ "items-center",
40
+ "shrink-0",
41
+ "overflow-inherit",
42
+ "color-inherit",
43
+ "subpixel-antialiased"
44
+ ],
45
+ body: [
46
+ "relative",
47
+ "flex",
48
+ "flex-1",
49
+ "w-full",
50
+ "p-3",
51
+ "flex-auto",
52
+ "flex-col",
53
+ "place-content-inherit",
54
+ "align-items-inherit",
55
+ "h-auto",
56
+ "break-words",
57
+ "text-left",
58
+ "overflow-y-auto",
59
+ "subpixel-antialiased"
60
+ ],
61
+ footer: [
62
+ "p-3",
63
+ "h-auto",
64
+ "flex",
65
+ "w-full",
66
+ "items-center",
67
+ "overflow-hidden",
68
+ "color-inherit",
69
+ "subpixel-antialiased"
70
+ ]
71
+ },
72
+ variants: {
73
+ shadow: {
74
+ none: {
75
+ root: "shadow-none"
76
+ },
77
+ sm: {
78
+ root: "shadow-sm"
79
+ },
80
+ md: {
81
+ root: "shadow-md"
82
+ },
83
+ lg: {
84
+ root: "shadow-lg"
85
+ }
86
+ },
87
+ radius: {
88
+ none: {
89
+ root: "rounded-none",
90
+ header: "rounded-none",
91
+ footer: "rounded-none"
92
+ },
93
+ sm: {
94
+ root: "rounded-sm",
95
+ header: "rounded-t-sm",
96
+ footer: "rounded-b-sm"
97
+ },
98
+ md: {
99
+ root: "rounded-md",
100
+ header: "rounded-t-md",
101
+ footer: "rounded-b-md"
102
+ },
103
+ lg: {
104
+ root: "rounded-lg",
105
+ header: "rounded-t-lg",
106
+ footer: "rounded-b-lg"
107
+ }
108
+ },
109
+ fullWidth: {
110
+ true: {
111
+ root: "w-full"
112
+ }
113
+ },
114
+ isHoverable: {
115
+ true: {
116
+ root: "hover:shadow-xl hover:-translate-y-1 transition-all duration-300 hover:border-primary-600"
117
+ }
118
+ },
119
+ isPressable: {
120
+ true: { root: "cursor-pointer" }
121
+ },
122
+ isBlurred: {
123
+ true: {
124
+ root: ["bg-card/80", "backdrop-blur-md", "backdrop-saturate-150"]
125
+ }
126
+ },
127
+ isDisabled: {
128
+ true: {
129
+ root: "opacity-50 cursor-not-allowed pointer-events-none"
130
+ }
131
+ }
132
+ },
133
+ defaultVariants: {
134
+ radius: "lg",
135
+ shadow: "md",
136
+ fullWidth: false,
137
+ isHoverable: false,
138
+ isPressable: false,
139
+ isBlurred: false,
140
+ isDisabled: false
141
+ }
142
+ });
143
+ // Annotate the CommonJS export names for ESM import in node:
144
+ 0 && (module.exports = {
145
+ card
146
+ });
@@ -0,0 +1,6 @@
1
+ import {
2
+ card
3
+ } from "../chunk-4VKJFW6Y.mjs";
4
+ export {
5
+ card
6
+ };
@@ -4,6 +4,9 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const command: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
+ header?: tailwind_variants.ClassValue;
8
+ title?: tailwind_variants.ClassValue;
9
+ description?: tailwind_variants.ClassValue;
7
10
  root?: tailwind_variants.ClassValue;
8
11
  inputWrapper?: tailwind_variants.ClassValue;
9
12
  inputIcon?: tailwind_variants.ClassValue;
@@ -14,14 +17,14 @@ declare const command: tailwind_variants.TVReturnType<{
14
17
  separator?: tailwind_variants.ClassValue;
15
18
  item?: tailwind_variants.ClassValue;
16
19
  shortcut?: tailwind_variants.ClassValue;
17
- header?: tailwind_variants.ClassValue;
18
- title?: tailwind_variants.ClassValue;
19
- description?: tailwind_variants.ClassValue;
20
20
  };
21
21
  };
22
22
  } | {
23
23
  [x: string]: {
24
24
  [x: string]: tailwind_variants.ClassValue | {
25
+ header?: tailwind_variants.ClassValue;
26
+ title?: tailwind_variants.ClassValue;
27
+ description?: tailwind_variants.ClassValue;
25
28
  root?: tailwind_variants.ClassValue;
26
29
  inputWrapper?: tailwind_variants.ClassValue;
27
30
  inputIcon?: tailwind_variants.ClassValue;
@@ -32,9 +35,6 @@ declare const command: tailwind_variants.TVReturnType<{
32
35
  separator?: tailwind_variants.ClassValue;
33
36
  item?: tailwind_variants.ClassValue;
34
37
  shortcut?: tailwind_variants.ClassValue;
35
- header?: tailwind_variants.ClassValue;
36
- title?: tailwind_variants.ClassValue;
37
- description?: tailwind_variants.ClassValue;
38
38
  };
39
39
  };
40
40
  } | {}, {
@@ -54,6 +54,9 @@ declare const command: tailwind_variants.TVReturnType<{
54
54
  }, undefined, {
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
+ header?: tailwind_variants.ClassValue;
58
+ title?: tailwind_variants.ClassValue;
59
+ description?: tailwind_variants.ClassValue;
57
60
  root?: tailwind_variants.ClassValue;
58
61
  inputWrapper?: tailwind_variants.ClassValue;
59
62
  inputIcon?: tailwind_variants.ClassValue;
@@ -64,9 +67,6 @@ declare const command: tailwind_variants.TVReturnType<{
64
67
  separator?: tailwind_variants.ClassValue;
65
68
  item?: tailwind_variants.ClassValue;
66
69
  shortcut?: tailwind_variants.ClassValue;
67
- header?: tailwind_variants.ClassValue;
68
- title?: tailwind_variants.ClassValue;
69
- description?: tailwind_variants.ClassValue;
70
70
  };
71
71
  };
72
72
  } | {}, {
@@ -4,6 +4,9 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const command: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
+ header?: tailwind_variants.ClassValue;
8
+ title?: tailwind_variants.ClassValue;
9
+ description?: tailwind_variants.ClassValue;
7
10
  root?: tailwind_variants.ClassValue;
8
11
  inputWrapper?: tailwind_variants.ClassValue;
9
12
  inputIcon?: tailwind_variants.ClassValue;
@@ -14,14 +17,14 @@ declare const command: tailwind_variants.TVReturnType<{
14
17
  separator?: tailwind_variants.ClassValue;
15
18
  item?: tailwind_variants.ClassValue;
16
19
  shortcut?: tailwind_variants.ClassValue;
17
- header?: tailwind_variants.ClassValue;
18
- title?: tailwind_variants.ClassValue;
19
- description?: tailwind_variants.ClassValue;
20
20
  };
21
21
  };
22
22
  } | {
23
23
  [x: string]: {
24
24
  [x: string]: tailwind_variants.ClassValue | {
25
+ header?: tailwind_variants.ClassValue;
26
+ title?: tailwind_variants.ClassValue;
27
+ description?: tailwind_variants.ClassValue;
25
28
  root?: tailwind_variants.ClassValue;
26
29
  inputWrapper?: tailwind_variants.ClassValue;
27
30
  inputIcon?: tailwind_variants.ClassValue;
@@ -32,9 +35,6 @@ declare const command: tailwind_variants.TVReturnType<{
32
35
  separator?: tailwind_variants.ClassValue;
33
36
  item?: tailwind_variants.ClassValue;
34
37
  shortcut?: tailwind_variants.ClassValue;
35
- header?: tailwind_variants.ClassValue;
36
- title?: tailwind_variants.ClassValue;
37
- description?: tailwind_variants.ClassValue;
38
38
  };
39
39
  };
40
40
  } | {}, {
@@ -54,6 +54,9 @@ declare const command: tailwind_variants.TVReturnType<{
54
54
  }, undefined, {
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
+ header?: tailwind_variants.ClassValue;
58
+ title?: tailwind_variants.ClassValue;
59
+ description?: tailwind_variants.ClassValue;
57
60
  root?: tailwind_variants.ClassValue;
58
61
  inputWrapper?: tailwind_variants.ClassValue;
59
62
  inputIcon?: tailwind_variants.ClassValue;
@@ -64,9 +67,6 @@ declare const command: tailwind_variants.TVReturnType<{
64
67
  separator?: tailwind_variants.ClassValue;
65
68
  item?: tailwind_variants.ClassValue;
66
69
  shortcut?: tailwind_variants.ClassValue;
67
- header?: tailwind_variants.ClassValue;
68
- title?: tailwind_variants.ClassValue;
69
- description?: tailwind_variants.ClassValue;
70
70
  };
71
71
  };
72
72
  } | {}, {