@kopexa/theme 17.2.0 → 17.3.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.
Files changed (10) hide show
  1. package/dist/{chunk-W6VVV2XH.mjs → chunk-5YHTCPJL.mjs} +35 -38
  2. package/dist/components/card.d.mts +30 -27
  3. package/dist/components/card.d.ts +30 -27
  4. package/dist/components/card.js +35 -38
  5. package/dist/components/card.mjs +1 -1
  6. package/dist/components/index.js +35 -38
  7. package/dist/components/index.mjs +1 -1
  8. package/dist/index.js +35 -38
  9. package/dist/index.mjs +1 -1
  10. package/package.json +2 -2
package/dist/{chunk-W6VVV2XH.mjs → chunk-5YHTCPJL.mjs} RENAMED
@@ -3,23 +3,22 @@ import { tv } from "tailwind-variants";
3
3
  var card = tv({
4
4
  slots: {
5
5
  root: [
6
- "flex flex-col relative h-auto outline-hidden box-border",
6
+ "flex flex-col relative h-auto outline-hidden box-border overflow-hidden",
7
7
  "transition-colors duration-200"
8
8
  ],
9
9
  header: [
10
10
  "flex",
11
- "items-center",
11
+ "items-start",
12
12
  "justify-between",
13
- "flex-wrap",
14
- "min-h-14",
15
- "gap-2.5",
16
13
  "w-full",
17
14
  "shrink-0",
18
15
  "overflow-inherit",
19
16
  "color-inherit",
20
17
  "subpixel-antialiased"
21
18
  ],
22
- heading: "space-y-1",
19
+ heading: "space-y-0.5 min-w-0",
20
+ title: "font-semibold truncate",
21
+ subtitle: "text-sm text-muted-foreground line-clamp-2",
23
22
  toolbar: "flex items-center gap-2.5",
24
23
  body: [
25
24
  "grow",
@@ -38,7 +37,6 @@ var card = tv({
38
37
  "subpixel-antialiased"
39
38
  ],
40
39
  footer: [
41
- "p-3",
42
40
  "h-auto",
43
41
  "flex",
44
42
  "w-full",
@@ -59,12 +57,12 @@ var card = tv({
59
57
  accent: {
60
58
  root: "bg-muted shadow-xs p-1",
61
59
  header: "!border-none",
62
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
60
+ body: "bg-card"
63
61
  },
64
62
  destructive: {
65
- root: "bg-destructive/10",
63
+ root: "bg-destructive/10 p-1",
66
64
  header: "!border-none",
67
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
65
+ body: "bg-card"
68
66
  }
69
67
  },
70
68
  shadow: {
@@ -95,6 +93,11 @@ var card = tv({
95
93
  emphasized: {
96
94
  root: "border-2 border-border",
97
95
  header: "border-b border-border"
96
+ },
97
+ divider: {
98
+ root: "border-0",
99
+ header: "border-b border-border",
100
+ footer: "border-t border-border"
98
101
  }
99
102
  },
100
103
  radius: {
@@ -146,48 +149,42 @@ var card = tv({
146
149
  }
147
150
  },
148
151
  bleed: {
149
- none: {},
150
- sm: {
151
- body: "px-2",
152
- header: "px-2",
153
- footer: "px-2"
152
+ none: {
153
+ body: "px-4",
154
+ header: "px-4",
155
+ footer: "px-4"
154
156
  },
155
- md: {
157
+ content: {
156
158
  body: "px-0",
157
- header: "px-0",
158
- footer: "px-0"
159
- },
160
- lg: {
161
- body: "-mx-2",
162
- header: "-mx-2",
163
- footer: "-mx-2"
159
+ header: "px-4",
160
+ footer: "px-4"
164
161
  },
165
- content: {
162
+ full: {
166
163
  body: "px-0",
167
- header: "px-3",
168
- footer: "px-3"
164
+ header: "px-0",
165
+ footer: "px-0"
169
166
  }
170
167
  },
171
168
  spacing: {
172
169
  sm: {
173
- body: "p-2",
174
- header: "p-2",
175
- footer: "p-2"
170
+ body: "py-2",
171
+ header: "py-2 gap-2",
172
+ footer: "py-2"
176
173
  },
177
174
  md: {
178
- body: "p-5",
179
- header: "px-5",
180
- footer: "px-5"
175
+ body: "py-4",
176
+ header: "py-4 gap-3",
177
+ footer: "py-4"
181
178
  },
182
179
  lg: {
183
- body: "p-4",
184
- header: "p-4",
185
- footer: "p-4"
180
+ body: "py-5",
181
+ header: "py-5 gap-4",
182
+ footer: "py-5"
186
183
  },
187
184
  xl: {
188
- body: "p-6",
189
- header: "p-6",
190
- footer: "p-6"
185
+ body: "py-6",
186
+ header: "py-6 gap-5",
187
+ footer: "py-6"
191
188
  }
192
189
  }
193
190
  },
package/dist/components/card.d.mts CHANGED
@@ -49,6 +49,11 @@ declare const card: tailwind_variants.TVReturnType<{
49
49
  root: string;
50
50
  header: string;
51
51
  };
52
+ divider: {
53
+ root: string;
54
+ header: string;
55
+ footer: string;
56
+ };
52
57
  };
53
58
  radius: {
54
59
  none: {
@@ -98,23 +103,17 @@ declare const card: tailwind_variants.TVReturnType<{
98
103
  };
99
104
  };
100
105
  bleed: {
101
- none: {};
102
- sm: {
103
- body: string;
104
- header: string;
105
- footer: string;
106
- };
107
- md: {
106
+ none: {
108
107
  body: string;
109
108
  header: string;
110
109
  footer: string;
111
110
  };
112
- lg: {
111
+ content: {
113
112
  body: string;
114
113
  header: string;
115
114
  footer: string;
116
115
  };
117
- content: {
116
+ full: {
118
117
  body: string;
119
118
  header: string;
120
119
  footer: string;
@@ -146,6 +145,8 @@ declare const card: tailwind_variants.TVReturnType<{
146
145
  root: string[];
147
146
  header: string[];
148
147
  heading: string;
148
+ title: string;
149
+ subtitle: string;
149
150
  toolbar: string;
150
151
  body: string[];
151
152
  footer: string[];
@@ -197,6 +198,11 @@ declare const card: tailwind_variants.TVReturnType<{
197
198
  root: string;
198
199
  header: string;
199
200
  };
201
+ divider: {
202
+ root: string;
203
+ header: string;
204
+ footer: string;
205
+ };
200
206
  };
201
207
  radius: {
202
208
  none: {
@@ -246,23 +252,17 @@ declare const card: tailwind_variants.TVReturnType<{
246
252
  };
247
253
  };
248
254
  bleed: {
249
- none: {};
250
- sm: {
251
- body: string;
252
- header: string;
253
- footer: string;
254
- };
255
- md: {
255
+ none: {
256
256
  body: string;
257
257
  header: string;
258
258
  footer: string;
259
259
  };
260
- lg: {
260
+ content: {
261
261
  body: string;
262
262
  header: string;
263
263
  footer: string;
264
264
  };
265
- content: {
265
+ full: {
266
266
  body: string;
267
267
  header: string;
268
268
  footer: string;
@@ -294,6 +294,8 @@ declare const card: tailwind_variants.TVReturnType<{
294
294
  root: string[];
295
295
  header: string[];
296
296
  heading: string;
297
+ title: string;
298
+ subtitle: string;
297
299
  toolbar: string;
298
300
  body: string[];
299
301
  footer: string[];
@@ -345,6 +347,11 @@ declare const card: tailwind_variants.TVReturnType<{
345
347
  root: string;
346
348
  header: string;
347
349
  };
350
+ divider: {
351
+ root: string;
352
+ header: string;
353
+ footer: string;
354
+ };
348
355
  };
349
356
  radius: {
350
357
  none: {
@@ -394,23 +401,17 @@ declare const card: tailwind_variants.TVReturnType<{
394
401
  };
395
402
  };
396
403
  bleed: {
397
- none: {};
398
- sm: {
399
- body: string;
400
- header: string;
401
- footer: string;
402
- };
403
- md: {
404
+ none: {
404
405
  body: string;
405
406
  header: string;
406
407
  footer: string;
407
408
  };
408
- lg: {
409
+ content: {
409
410
  body: string;
410
411
  header: string;
411
412
  footer: string;
412
413
  };
413
- content: {
414
+ full: {
414
415
  body: string;
415
416
  header: string;
416
417
  footer: string;
@@ -442,6 +443,8 @@ declare const card: tailwind_variants.TVReturnType<{
442
443
  root: string[];
443
444
  header: string[];
444
445
  heading: string;
446
+ title: string;
447
+ subtitle: string;
445
448
  toolbar: string;
446
449
  body: string[];
447
450
  footer: string[];
package/dist/components/card.d.ts CHANGED
@@ -49,6 +49,11 @@ declare const card: tailwind_variants.TVReturnType<{
49
49
  root: string;
50
50
  header: string;
51
51
  };
52
+ divider: {
53
+ root: string;
54
+ header: string;
55
+ footer: string;
56
+ };
52
57
  };
53
58
  radius: {
54
59
  none: {
@@ -98,23 +103,17 @@ declare const card: tailwind_variants.TVReturnType<{
98
103
  };
99
104
  };
100
105
  bleed: {
101
- none: {};
102
- sm: {
103
- body: string;
104
- header: string;
105
- footer: string;
106
- };
107
- md: {
106
+ none: {
108
107
  body: string;
109
108
  header: string;
110
109
  footer: string;
111
110
  };
112
- lg: {
111
+ content: {
113
112
  body: string;
114
113
  header: string;
115
114
  footer: string;
116
115
  };
117
- content: {
116
+ full: {
118
117
  body: string;
119
118
  header: string;
120
119
  footer: string;
@@ -146,6 +145,8 @@ declare const card: tailwind_variants.TVReturnType<{
146
145
  root: string[];
147
146
  header: string[];
148
147
  heading: string;
148
+ title: string;
149
+ subtitle: string;
149
150
  toolbar: string;
150
151
  body: string[];
151
152
  footer: string[];
@@ -197,6 +198,11 @@ declare const card: tailwind_variants.TVReturnType<{
197
198
  root: string;
198
199
  header: string;
199
200
  };
201
+ divider: {
202
+ root: string;
203
+ header: string;
204
+ footer: string;
205
+ };
200
206
  };
201
207
  radius: {
202
208
  none: {
@@ -246,23 +252,17 @@ declare const card: tailwind_variants.TVReturnType<{
246
252
  };
247
253
  };
248
254
  bleed: {
249
- none: {};
250
- sm: {
251
- body: string;
252
- header: string;
253
- footer: string;
254
- };
255
- md: {
255
+ none: {
256
256
  body: string;
257
257
  header: string;
258
258
  footer: string;
259
259
  };
260
- lg: {
260
+ content: {
261
261
  body: string;
262
262
  header: string;
263
263
  footer: string;
264
264
  };
265
- content: {
265
+ full: {
266
266
  body: string;
267
267
  header: string;
268
268
  footer: string;
@@ -294,6 +294,8 @@ declare const card: tailwind_variants.TVReturnType<{
294
294
  root: string[];
295
295
  header: string[];
296
296
  heading: string;
297
+ title: string;
298
+ subtitle: string;
297
299
  toolbar: string;
298
300
  body: string[];
299
301
  footer: string[];
@@ -345,6 +347,11 @@ declare const card: tailwind_variants.TVReturnType<{
345
347
  root: string;
346
348
  header: string;
347
349
  };
350
+ divider: {
351
+ root: string;
352
+ header: string;
353
+ footer: string;
354
+ };
348
355
  };
349
356
  radius: {
350
357
  none: {
@@ -394,23 +401,17 @@ declare const card: tailwind_variants.TVReturnType<{
394
401
  };
395
402
  };
396
403
  bleed: {
397
- none: {};
398
- sm: {
399
- body: string;
400
- header: string;
401
- footer: string;
402
- };
403
- md: {
404
+ none: {
404
405
  body: string;
405
406
  header: string;
406
407
  footer: string;
407
408
  };
408
- lg: {
409
+ content: {
409
410
  body: string;
410
411
  header: string;
411
412
  footer: string;
412
413
  };
413
- content: {
414
+ full: {
414
415
  body: string;
415
416
  header: string;
416
417
  footer: string;
@@ -442,6 +443,8 @@ declare const card: tailwind_variants.TVReturnType<{
442
443
  root: string[];
443
444
  header: string[];
444
445
  heading: string;
446
+ title: string;
447
+ subtitle: string;
445
448
  toolbar: string;
446
449
  body: string[];
447
450
  footer: string[];
package/dist/components/card.js CHANGED
@@ -27,23 +27,22 @@ var import_tailwind_variants = require("tailwind-variants");
27
27
  var card = (0, import_tailwind_variants.tv)({
28
28
  slots: {
29
29
  root: [
30
- "flex flex-col relative h-auto outline-hidden box-border",
30
+ "flex flex-col relative h-auto outline-hidden box-border overflow-hidden",
31
31
  "transition-colors duration-200"
32
32
  ],
33
33
  header: [
34
34
  "flex",
35
- "items-center",
35
+ "items-start",
36
36
  "justify-between",
37
- "flex-wrap",
38
- "min-h-14",
39
- "gap-2.5",
40
37
  "w-full",
41
38
  "shrink-0",
42
39
  "overflow-inherit",
43
40
  "color-inherit",
44
41
  "subpixel-antialiased"
45
42
  ],
46
- heading: "space-y-1",
43
+ heading: "space-y-0.5 min-w-0",
44
+ title: "font-semibold truncate",
45
+ subtitle: "text-sm text-muted-foreground line-clamp-2",
47
46
  toolbar: "flex items-center gap-2.5",
48
47
  body: [
49
48
  "grow",
@@ -62,7 +61,6 @@ var card = (0, import_tailwind_variants.tv)({
62
61
  "subpixel-antialiased"
63
62
  ],
64
63
  footer: [
65
- "p-3",
66
64
  "h-auto",
67
65
  "flex",
68
66
  "w-full",
@@ -83,12 +81,12 @@ var card = (0, import_tailwind_variants.tv)({
83
81
  accent: {
84
82
  root: "bg-muted shadow-xs p-1",
85
83
  header: "!border-none",
86
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
84
+ body: "bg-card"
87
85
  },
88
86
  destructive: {
89
- root: "bg-destructive/10",
87
+ root: "bg-destructive/10 p-1",
90
88
  header: "!border-none",
91
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
89
+ body: "bg-card"
92
90
  }
93
91
  },
94
92
  shadow: {
@@ -119,6 +117,11 @@ var card = (0, import_tailwind_variants.tv)({
119
117
  emphasized: {
120
118
  root: "border-2 border-border",
121
119
  header: "border-b border-border"
120
+ },
121
+ divider: {
122
+ root: "border-0",
123
+ header: "border-b border-border",
124
+ footer: "border-t border-border"
122
125
  }
123
126
  },
124
127
  radius: {
@@ -170,48 +173,42 @@ var card = (0, import_tailwind_variants.tv)({
170
173
  }
171
174
  },
172
175
  bleed: {
173
- none: {},
174
- sm: {
175
- body: "px-2",
176
- header: "px-2",
177
- footer: "px-2"
176
+ none: {
177
+ body: "px-4",
178
+ header: "px-4",
179
+ footer: "px-4"
178
180
  },
179
- md: {
181
+ content: {
180
182
  body: "px-0",
181
- header: "px-0",
182
- footer: "px-0"
183
- },
184
- lg: {
185
- body: "-mx-2",
186
- header: "-mx-2",
187
- footer: "-mx-2"
183
+ header: "px-4",
184
+ footer: "px-4"
188
185
  },
189
- content: {
186
+ full: {
190
187
  body: "px-0",
191
- header: "px-3",
192
- footer: "px-3"
188
+ header: "px-0",
189
+ footer: "px-0"
193
190
  }
194
191
  },
195
192
  spacing: {
196
193
  sm: {
197
- body: "p-2",
198
- header: "p-2",
199
- footer: "p-2"
194
+ body: "py-2",
195
+ header: "py-2 gap-2",
196
+ footer: "py-2"
200
197
  },
201
198
  md: {
202
- body: "p-5",
203
- header: "px-5",
204
- footer: "px-5"
199
+ body: "py-4",
200
+ header: "py-4 gap-3",
201
+ footer: "py-4"
205
202
  },
206
203
  lg: {
207
- body: "p-4",
208
- header: "p-4",
209
- footer: "p-4"
204
+ body: "py-5",
205
+ header: "py-5 gap-4",
206
+ footer: "py-5"
210
207
  },
211
208
  xl: {
212
- body: "p-6",
213
- header: "p-6",
214
- footer: "p-6"
209
+ body: "py-6",
210
+ header: "py-6 gap-5",
211
+ footer: "py-6"
215
212
  }
216
213
  }
217
214
  },
package/dist/components/card.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  card
3
- } from "../chunk-W6VVV2XH.mjs";
3
+ } from "../chunk-5YHTCPJL.mjs";
4
4
  export {
5
5
  card
6
6
  };
package/dist/components/index.js CHANGED
@@ -953,23 +953,22 @@ var import_tailwind_variants11 = require("tailwind-variants");
953
953
  var card = (0, import_tailwind_variants11.tv)({
954
954
  slots: {
955
955
  root: [
956
- "flex flex-col relative h-auto outline-hidden box-border",
956
+ "flex flex-col relative h-auto outline-hidden box-border overflow-hidden",
957
957
  "transition-colors duration-200"
958
958
  ],
959
959
  header: [
960
960
  "flex",
961
- "items-center",
961
+ "items-start",
962
962
  "justify-between",
963
- "flex-wrap",
964
- "min-h-14",
965
- "gap-2.5",
966
963
  "w-full",
967
964
  "shrink-0",
968
965
  "overflow-inherit",
969
966
  "color-inherit",
970
967
  "subpixel-antialiased"
971
968
  ],
972
- heading: "space-y-1",
969
+ heading: "space-y-0.5 min-w-0",
970
+ title: "font-semibold truncate",
971
+ subtitle: "text-sm text-muted-foreground line-clamp-2",
973
972
  toolbar: "flex items-center gap-2.5",
974
973
  body: [
975
974
  "grow",
@@ -988,7 +987,6 @@ var card = (0, import_tailwind_variants11.tv)({
988
987
  "subpixel-antialiased"
989
988
  ],
990
989
  footer: [
991
- "p-3",
992
990
  "h-auto",
993
991
  "flex",
994
992
  "w-full",
@@ -1009,12 +1007,12 @@ var card = (0, import_tailwind_variants11.tv)({
1009
1007
  accent: {
1010
1008
  root: "bg-muted shadow-xs p-1",
1011
1009
  header: "!border-none",
1012
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
1010
+ body: "bg-card"
1013
1011
  },
1014
1012
  destructive: {
1015
- root: "bg-destructive/10",
1013
+ root: "bg-destructive/10 p-1",
1016
1014
  header: "!border-none",
1017
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
1015
+ body: "bg-card"
1018
1016
  }
1019
1017
  },
1020
1018
  shadow: {
@@ -1045,6 +1043,11 @@ var card = (0, import_tailwind_variants11.tv)({
1045
1043
  emphasized: {
1046
1044
  root: "border-2 border-border",
1047
1045
  header: "border-b border-border"
1046
+ },
1047
+ divider: {
1048
+ root: "border-0",
1049
+ header: "border-b border-border",
1050
+ footer: "border-t border-border"
1048
1051
  }
1049
1052
  },
1050
1053
  radius: {
@@ -1096,48 +1099,42 @@ var card = (0, import_tailwind_variants11.tv)({
1096
1099
  }
1097
1100
  },
1098
1101
  bleed: {
1099
- none: {},
1100
- sm: {
1101
- body: "px-2",
1102
- header: "px-2",
1103
- footer: "px-2"
1102
+ none: {
1103
+ body: "px-4",
1104
+ header: "px-4",
1105
+ footer: "px-4"
1104
1106
  },
1105
- md: {
1107
+ content: {
1106
1108
  body: "px-0",
1107
- header: "px-0",
1108
- footer: "px-0"
1109
- },
1110
- lg: {
1111
- body: "-mx-2",
1112
- header: "-mx-2",
1113
- footer: "-mx-2"
1109
+ header: "px-4",
1110
+ footer: "px-4"
1114
1111
  },
1115
- content: {
1112
+ full: {
1116
1113
  body: "px-0",
1117
- header: "px-3",
1118
- footer: "px-3"
1114
+ header: "px-0",
1115
+ footer: "px-0"
1119
1116
  }
1120
1117
  },
1121
1118
  spacing: {
1122
1119
  sm: {
1123
- body: "p-2",
1124
- header: "p-2",
1125
- footer: "p-2"
1120
+ body: "py-2",
1121
+ header: "py-2 gap-2",
1122
+ footer: "py-2"
1126
1123
  },
1127
1124
  md: {
1128
- body: "p-5",
1129
- header: "px-5",
1130
- footer: "px-5"
1125
+ body: "py-4",
1126
+ header: "py-4 gap-3",
1127
+ footer: "py-4"
1131
1128
  },
1132
1129
  lg: {
1133
- body: "p-4",
1134
- header: "p-4",
1135
- footer: "p-4"
1130
+ body: "py-5",
1131
+ header: "py-5 gap-4",
1132
+ footer: "py-5"
1136
1133
  },
1137
1134
  xl: {
1138
- body: "p-6",
1139
- header: "p-6",
1140
- footer: "p-6"
1135
+ body: "py-6",
1136
+ header: "py-6 gap-5",
1137
+ footer: "py-6"
1141
1138
  }
1142
1139
  }
1143
1140
  },
package/dist/components/index.mjs CHANGED
@@ -147,7 +147,7 @@ import {
147
147
  } from "../chunk-A3F4CV54.mjs";
148
148
  import {
149
149
  card
150
- } from "../chunk-W6VVV2XH.mjs";
150
+ } from "../chunk-5YHTCPJL.mjs";
151
151
  import {
152
152
  checkbox
153
153
  } from "../chunk-A4KO7QKC.mjs";
package/dist/index.js CHANGED
@@ -953,23 +953,22 @@ var import_tailwind_variants11 = require("tailwind-variants");
953
953
  var card = (0, import_tailwind_variants11.tv)({
954
954
  slots: {
955
955
  root: [
956
- "flex flex-col relative h-auto outline-hidden box-border",
956
+ "flex flex-col relative h-auto outline-hidden box-border overflow-hidden",
957
957
  "transition-colors duration-200"
958
958
  ],
959
959
  header: [
960
960
  "flex",
961
- "items-center",
961
+ "items-start",
962
962
  "justify-between",
963
- "flex-wrap",
964
- "min-h-14",
965
- "gap-2.5",
966
963
  "w-full",
967
964
  "shrink-0",
968
965
  "overflow-inherit",
969
966
  "color-inherit",
970
967
  "subpixel-antialiased"
971
968
  ],
972
- heading: "space-y-1",
969
+ heading: "space-y-0.5 min-w-0",
970
+ title: "font-semibold truncate",
971
+ subtitle: "text-sm text-muted-foreground line-clamp-2",
973
972
  toolbar: "flex items-center gap-2.5",
974
973
  body: [
975
974
  "grow",
@@ -988,7 +987,6 @@ var card = (0, import_tailwind_variants11.tv)({
988
987
  "subpixel-antialiased"
989
988
  ],
990
989
  footer: [
991
- "p-3",
992
990
  "h-auto",
993
991
  "flex",
994
992
  "w-full",
@@ -1009,12 +1007,12 @@ var card = (0, import_tailwind_variants11.tv)({
1009
1007
  accent: {
1010
1008
  root: "bg-muted shadow-xs p-1",
1011
1009
  header: "!border-none",
1012
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
1010
+ body: "bg-card"
1013
1011
  },
1014
1012
  destructive: {
1015
- root: "bg-destructive/10",
1013
+ root: "bg-destructive/10 p-1",
1016
1014
  header: "!border-none",
1017
- body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
1015
+ body: "bg-card"
1018
1016
  }
1019
1017
  },
1020
1018
  shadow: {
@@ -1045,6 +1043,11 @@ var card = (0, import_tailwind_variants11.tv)({
1045
1043
  emphasized: {
1046
1044
  root: "border-2 border-border",
1047
1045
  header: "border-b border-border"
1046
+ },
1047
+ divider: {
1048
+ root: "border-0",
1049
+ header: "border-b border-border",
1050
+ footer: "border-t border-border"
1048
1051
  }
1049
1052
  },
1050
1053
  radius: {
@@ -1096,48 +1099,42 @@ var card = (0, import_tailwind_variants11.tv)({
1096
1099
  }
1097
1100
  },
1098
1101
  bleed: {
1099
- none: {},
1100
- sm: {
1101
- body: "px-2",
1102
- header: "px-2",
1103
- footer: "px-2"
1102
+ none: {
1103
+ body: "px-4",
1104
+ header: "px-4",
1105
+ footer: "px-4"
1104
1106
  },
1105
- md: {
1107
+ content: {
1106
1108
  body: "px-0",
1107
- header: "px-0",
1108
- footer: "px-0"
1109
- },
1110
- lg: {
1111
- body: "-mx-2",
1112
- header: "-mx-2",
1113
- footer: "-mx-2"
1109
+ header: "px-4",
1110
+ footer: "px-4"
1114
1111
  },
1115
- content: {
1112
+ full: {
1116
1113
  body: "px-0",
1117
- header: "px-3",
1118
- footer: "px-3"
1114
+ header: "px-0",
1115
+ footer: "px-0"
1119
1116
  }
1120
1117
  },
1121
1118
  spacing: {
1122
1119
  sm: {
1123
- body: "p-2",
1124
- header: "p-2",
1125
- footer: "p-2"
1120
+ body: "py-2",
1121
+ header: "py-2 gap-2",
1122
+ footer: "py-2"
1126
1123
  },
1127
1124
  md: {
1128
- body: "p-5",
1129
- header: "px-5",
1130
- footer: "px-5"
1125
+ body: "py-4",
1126
+ header: "py-4 gap-3",
1127
+ footer: "py-4"
1131
1128
  },
1132
1129
  lg: {
1133
- body: "p-4",
1134
- header: "p-4",
1135
- footer: "p-4"
1130
+ body: "py-5",
1131
+ header: "py-5 gap-4",
1132
+ footer: "py-5"
1136
1133
  },
1137
1134
  xl: {
1138
- body: "p-6",
1139
- header: "p-6",
1140
- footer: "p-6"
1135
+ body: "py-6",
1136
+ header: "py-6 gap-5",
1137
+ footer: "py-6"
1141
1138
  }
1142
1139
  }
1143
1140
  },
package/dist/index.mjs CHANGED
@@ -148,7 +148,7 @@ import {
148
148
  } from "./chunk-A3F4CV54.mjs";
149
149
  import {
150
150
  card
151
- } from "./chunk-W6VVV2XH.mjs";
151
+ } from "./chunk-5YHTCPJL.mjs";
152
152
  import {
153
153
  checkbox
154
154
  } from "./chunk-A4KO7QKC.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "17.2.0",
3
+ "version": "17.3.0",
4
4
  "description": "The default theme for Kopexa components",
5
5
  "keywords": [
6
6
  "theme",
@@ -65,7 +65,7 @@
65
65
  "tailwind-merge": "3.3.1",
66
66
  "tailwind-variants": "^3.2.2",
67
67
  "tw-animate-css": "^1.4.0",
68
- "@kopexa/shared-utils": "17.0.6"
68
+ "@kopexa/shared-utils": "17.0.7"
69
69
  },
70
70
  "peerDependencies": {
71
71
  "tailwindcss": ">=4.0.0"