@kopexa/theme 1.5.0 → 1.5.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.
Files changed (33) 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-Q5DCJR2X.mjs +172 -0
  7. package/dist/components/avatar.d.mts +203 -0
  8. package/dist/components/avatar.d.ts +203 -0
  9. package/dist/components/avatar.js +253 -0
  10. package/dist/components/avatar.mjs +8 -0
  11. package/dist/components/button.mjs +2 -2
  12. package/dist/components/card.d.mts +209 -0
  13. package/dist/components/card.d.ts +209 -0
  14. package/dist/components/card.js +146 -0
  15. package/dist/components/card.mjs +6 -0
  16. package/dist/components/dropdown-menu.d.mts +3 -3
  17. package/dist/components/dropdown-menu.d.ts +3 -3
  18. package/dist/components/index.d.mts +2 -0
  19. package/dist/components/index.d.ts +2 -0
  20. package/dist/components/index.js +316 -25
  21. package/dist/components/index.mjs +21 -13
  22. package/dist/components/input.mjs +2 -2
  23. package/dist/index.css +4 -4
  24. package/dist/index.d.mts +2 -0
  25. package/dist/index.d.ts +2 -0
  26. package/dist/index.js +316 -25
  27. package/dist/index.mjs +21 -13
  28. package/dist/utils/classes.d.mts +5 -1
  29. package/dist/utils/classes.d.ts +5 -1
  30. package/dist/utils/classes.js +11 -2
  31. package/dist/utils/classes.mjs +5 -3
  32. package/package.json +4 -3
  33. /package/dist/{chunk-T4WHBNVG.mjs → chunk-PWBTAIYS.mjs} +0 -0
package/dist/components/card.d.mts ADDED
@@ -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 };
package/dist/components/card.d.ts ADDED
@@ -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 };
package/dist/components/card.js ADDED
@@ -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
+ });
package/dist/components/card.mjs ADDED
@@ -0,0 +1,6 @@
1
+ import {
2
+ card
3
+ } from "../chunk-4VKJFW6Y.mjs";
4
+ export {
5
+ card
6
+ };
package/dist/components/dropdown-menu.d.mts CHANGED
@@ -5,8 +5,8 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
7
  content?: tailwind_variants.ClassValue;
8
- icon?: tailwind_variants.ClassValue;
9
8
  root?: tailwind_variants.ClassValue;
9
+ icon?: tailwind_variants.ClassValue;
10
10
  label?: tailwind_variants.ClassValue;
11
11
  separator?: tailwind_variants.ClassValue;
12
12
  item?: tailwind_variants.ClassValue;
@@ -24,8 +24,8 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
24
24
  [x: string]: {
25
25
  [x: string]: tailwind_variants.ClassValue | {
26
26
  content?: tailwind_variants.ClassValue;
27
- icon?: tailwind_variants.ClassValue;
28
27
  root?: tailwind_variants.ClassValue;
28
+ icon?: tailwind_variants.ClassValue;
29
29
  label?: tailwind_variants.ClassValue;
30
30
  separator?: tailwind_variants.ClassValue;
31
31
  item?: tailwind_variants.ClassValue;
@@ -58,8 +58,8 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
58
58
  [key: string]: {
59
59
  [key: string]: tailwind_variants.ClassValue | {
60
60
  content?: tailwind_variants.ClassValue;
61
- icon?: tailwind_variants.ClassValue;
62
61
  root?: tailwind_variants.ClassValue;
62
+ icon?: tailwind_variants.ClassValue;
63
63
  label?: tailwind_variants.ClassValue;
64
64
  separator?: tailwind_variants.ClassValue;
65
65
  item?: tailwind_variants.ClassValue;
package/dist/components/dropdown-menu.d.ts CHANGED
@@ -5,8 +5,8 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_variants.ClassValue | {
7
7
  content?: tailwind_variants.ClassValue;
8
- icon?: tailwind_variants.ClassValue;
9
8
  root?: tailwind_variants.ClassValue;
9
+ icon?: tailwind_variants.ClassValue;
10
10
  label?: tailwind_variants.ClassValue;
11
11
  separator?: tailwind_variants.ClassValue;
12
12
  item?: tailwind_variants.ClassValue;
@@ -24,8 +24,8 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
24
24
  [x: string]: {
25
25
  [x: string]: tailwind_variants.ClassValue | {
26
26
  content?: tailwind_variants.ClassValue;
27
- icon?: tailwind_variants.ClassValue;
28
27
  root?: tailwind_variants.ClassValue;
28
+ icon?: tailwind_variants.ClassValue;
29
29
  label?: tailwind_variants.ClassValue;
30
30
  separator?: tailwind_variants.ClassValue;
31
31
  item?: tailwind_variants.ClassValue;
@@ -58,8 +58,8 @@ declare const dropdownMenu: tailwind_variants.TVReturnType<{
58
58
  [key: string]: {
59
59
  [key: string]: tailwind_variants.ClassValue | {
60
60
  content?: tailwind_variants.ClassValue;
61
- icon?: tailwind_variants.ClassValue;
62
61
  root?: tailwind_variants.ClassValue;
62
+ icon?: tailwind_variants.ClassValue;
63
63
  label?: tailwind_variants.ClassValue;
64
64
  separator?: tailwind_variants.ClassValue;
65
65
  item?: tailwind_variants.ClassValue;
package/dist/components/index.d.mts CHANGED
@@ -1,6 +1,8 @@
1
1
  export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.mjs';
2
+ export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.mjs';
2
3
  export { ButtonVariantProps, button } from './button.mjs';
3
4
  export { CalendarVariantProps, calendar } from './calendar.mjs';
5
+ export { CardSlots, CardVariantProps, card } from './card.mjs';
4
6
  export { ChipSlots, ChipVariantProps, chip } from './chip.mjs';
5
7
  export { CommandVariants, command } from './command.mjs';
6
8
  export { DialogSlots, DialogVariantProps, dialog } from './dialog.mjs';
package/dist/components/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './alert-dialog.js';
2
+ export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.js';
2
3
  export { ButtonVariantProps, button } from './button.js';
3
4
  export { CalendarVariantProps, calendar } from './calendar.js';
5
+ export { CardSlots, CardVariantProps, card } from './card.js';
4
6
  export { ChipSlots, ChipVariantProps, chip } from './chip.js';
5
7
  export { CommandVariants, command } from './command.js';
6
8
  export { DialogSlots, DialogVariantProps, dialog } from './dialog.js';