@szum-tech/design-system 3.1.2 → 3.2.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 (13) hide show
  1. package/dist/components/button/index.cjs +5 -5
  2. package/dist/components/button/index.js +5 -5
  3. package/dist/components/field/index.cjs +12 -12
  4. package/dist/components/field/index.js +2 -2
  5. package/dist/components/index.cjs +67 -67
  6. package/dist/components/index.js +5 -5
  7. package/dist/components/stepper/index.cjs +5 -5
  8. package/dist/components/stepper/index.js +5 -5
  9. package/package.json +1 -1
  10. package/tailwind/global.css +1 -1
  11. package/tailwind/typography.css +164 -22
  12. package/dist/{chunk-HD7ZDQWW.js → chunk-2Y7LMI52.js} +1 -1
  13. package/dist/{chunk-N4O2GO6V.cjs → chunk-QUS6ZDMH.cjs} +1 -1
package/dist/components/button/index.cjs CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var chunkZV4467OW_cjs = require('../../chunk-ZV4467OW.cjs');
4
+ require('../../chunk-3KMXFN6M.cjs');
4
5
  require('../../chunk-Y6EVJSAH.cjs');
5
6
  require('../../chunk-GHV2TURY.cjs');
6
7
  require('../../chunk-3WSQRFUY.cjs');
@@ -9,17 +10,16 @@ require('../../chunk-GR37JJQK.cjs');
9
10
  require('../../chunk-2Y2ZCPNV.cjs');
10
11
  require('../../chunk-HCHVDUI6.cjs');
11
12
  require('../../chunk-PH4LO5TE.cjs');
12
- require('../../chunk-N4O2GO6V.cjs');
13
- require('../../chunk-S3ANEJJ7.cjs');
13
+ require('../../chunk-QUS6ZDMH.cjs');
14
+ require('../../chunk-UIOBJSKZ.cjs');
14
15
  require('../../chunk-YWG7TML6.cjs');
15
16
  require('../../chunk-5AA4IE2T.cjs');
16
- require('../../chunk-3KMXFN6M.cjs');
17
- require('../../chunk-UIOBJSKZ.cjs');
17
+ require('../../chunk-S3ANEJJ7.cjs');
18
18
  require('../../chunk-EW6TE3N5.cjs');
19
19
  require('../../chunk-7EYMOUWG.cjs');
20
- require('../../chunk-TMXVL5CV.cjs');
21
20
  require('../../chunk-I7AV5IQO.cjs');
22
21
  require('../../chunk-NHFHKMX2.cjs');
22
+ require('../../chunk-TMXVL5CV.cjs');
23
23
  require('../../chunk-H2BWO3SI.cjs');
24
24
  require('../../chunk-3376ZTRC.cjs');
25
25
 
package/dist/components/button/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { Button } from '../../chunk-DP7UEOTA.js';
2
+ import '../../chunk-WJSS32MY.js';
2
3
  import '../../chunk-U4AWAABZ.js';
3
4
  import '../../chunk-DTSFPOLX.js';
4
5
  import '../../chunk-P5IUC7HJ.js';
@@ -7,16 +8,15 @@ import '../../chunk-HJJPEVIH.js';
7
8
  import '../../chunk-6BSR3O2J.js';
8
9
  import '../../chunk-5F2Y65JH.js';
9
10
  import '../../chunk-AGVEKVWD.js';
10
- import '../../chunk-HD7ZDQWW.js';
11
- import '../../chunk-I3RSTJP6.js';
11
+ import '../../chunk-2Y7LMI52.js';
12
+ import '../../chunk-XJIUGEPN.js';
12
13
  import '../../chunk-UW6GOD7J.js';
13
14
  import '../../chunk-UGSNASZM.js';
14
- import '../../chunk-WJSS32MY.js';
15
- import '../../chunk-XJIUGEPN.js';
15
+ import '../../chunk-I3RSTJP6.js';
16
16
  import '../../chunk-H5O5L6XT.js';
17
17
  import '../../chunk-DFD2WUOU.js';
18
- import '../../chunk-5MJPZUTO.js';
19
18
  import '../../chunk-NGVFYKAT.js';
20
19
  import '../../chunk-7V34QHYR.js';
20
+ import '../../chunk-5MJPZUTO.js';
21
21
  import '../../chunk-ZD2QRAOX.js';
22
22
  import '../../chunk-BYXBJQAS.js';
package/dist/components/field/index.cjs CHANGED
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var chunkN4O2GO6V_cjs = require('../../chunk-N4O2GO6V.cjs');
4
- require('../../chunk-S3ANEJJ7.cjs');
3
+ var chunkQUS6ZDMH_cjs = require('../../chunk-QUS6ZDMH.cjs');
5
4
  require('../../chunk-UIOBJSKZ.cjs');
5
+ require('../../chunk-S3ANEJJ7.cjs');
6
6
  require('../../chunk-H2BWO3SI.cjs');
7
7
  require('../../chunk-3376ZTRC.cjs');
8
8
 
@@ -10,41 +10,41 @@ require('../../chunk-3376ZTRC.cjs');
10
10
 
11
11
  Object.defineProperty(exports, "Field", {
12
12
  enumerable: true,
13
- get: function () { return chunkN4O2GO6V_cjs.Field; }
13
+ get: function () { return chunkQUS6ZDMH_cjs.Field; }
14
14
  });
15
15
  Object.defineProperty(exports, "FieldContent", {
16
16
  enumerable: true,
17
- get: function () { return chunkN4O2GO6V_cjs.FieldContent; }
17
+ get: function () { return chunkQUS6ZDMH_cjs.FieldContent; }
18
18
  });
19
19
  Object.defineProperty(exports, "FieldDescription", {
20
20
  enumerable: true,
21
- get: function () { return chunkN4O2GO6V_cjs.FieldDescription; }
21
+ get: function () { return chunkQUS6ZDMH_cjs.FieldDescription; }
22
22
  });
23
23
  Object.defineProperty(exports, "FieldError", {
24
24
  enumerable: true,
25
- get: function () { return chunkN4O2GO6V_cjs.FieldError; }
25
+ get: function () { return chunkQUS6ZDMH_cjs.FieldError; }
26
26
  });
27
27
  Object.defineProperty(exports, "FieldGroup", {
28
28
  enumerable: true,
29
- get: function () { return chunkN4O2GO6V_cjs.FieldGroup; }
29
+ get: function () { return chunkQUS6ZDMH_cjs.FieldGroup; }
30
30
  });
31
31
  Object.defineProperty(exports, "FieldLabel", {
32
32
  enumerable: true,
33
- get: function () { return chunkN4O2GO6V_cjs.FieldLabel; }
33
+ get: function () { return chunkQUS6ZDMH_cjs.FieldLabel; }
34
34
  });
35
35
  Object.defineProperty(exports, "FieldLegend", {
36
36
  enumerable: true,
37
- get: function () { return chunkN4O2GO6V_cjs.FieldLegend; }
37
+ get: function () { return chunkQUS6ZDMH_cjs.FieldLegend; }
38
38
  });
39
39
  Object.defineProperty(exports, "FieldSeparator", {
40
40
  enumerable: true,
41
- get: function () { return chunkN4O2GO6V_cjs.FieldSeparator; }
41
+ get: function () { return chunkQUS6ZDMH_cjs.FieldSeparator; }
42
42
  });
43
43
  Object.defineProperty(exports, "FieldSet", {
44
44
  enumerable: true,
45
- get: function () { return chunkN4O2GO6V_cjs.FieldSet; }
45
+ get: function () { return chunkQUS6ZDMH_cjs.FieldSet; }
46
46
  });
47
47
  Object.defineProperty(exports, "FieldTitle", {
48
48
  enumerable: true,
49
- get: function () { return chunkN4O2GO6V_cjs.FieldTitle; }
49
+ get: function () { return chunkQUS6ZDMH_cjs.FieldTitle; }
50
50
  });
package/dist/components/field/index.js CHANGED
@@ -1,5 +1,5 @@
1
- export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-HD7ZDQWW.js';
2
- import '../../chunk-I3RSTJP6.js';
1
+ export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-2Y7LMI52.js';
3
2
  import '../../chunk-XJIUGEPN.js';
3
+ import '../../chunk-I3RSTJP6.js';
4
4
  import '../../chunk-ZD2QRAOX.js';
5
5
  import '../../chunk-BYXBJQAS.js';
package/dist/components/index.cjs CHANGED
@@ -3,6 +3,7 @@
3
3
  'use strict';
4
4
 
5
5
  var chunkZV4467OW_cjs = require('../chunk-ZV4467OW.cjs');
6
+ var chunk3KMXFN6M_cjs = require('../chunk-3KMXFN6M.cjs');
6
7
  var chunkY6EVJSAH_cjs = require('../chunk-Y6EVJSAH.cjs');
7
8
  var chunkGHV2TURY_cjs = require('../chunk-GHV2TURY.cjs');
8
9
  var chunk3WSQRFUY_cjs = require('../chunk-3WSQRFUY.cjs');
@@ -11,17 +12,16 @@ var chunkGR37JJQK_cjs = require('../chunk-GR37JJQK.cjs');
11
12
  var chunk2Y2ZCPNV_cjs = require('../chunk-2Y2ZCPNV.cjs');
12
13
  var chunkHCHVDUI6_cjs = require('../chunk-HCHVDUI6.cjs');
13
14
  var chunkPH4LO5TE_cjs = require('../chunk-PH4LO5TE.cjs');
14
- var chunkN4O2GO6V_cjs = require('../chunk-N4O2GO6V.cjs');
15
- var chunkS3ANEJJ7_cjs = require('../chunk-S3ANEJJ7.cjs');
15
+ var chunkQUS6ZDMH_cjs = require('../chunk-QUS6ZDMH.cjs');
16
+ var chunkUIOBJSKZ_cjs = require('../chunk-UIOBJSKZ.cjs');
16
17
  var chunkYWG7TML6_cjs = require('../chunk-YWG7TML6.cjs');
17
18
  var chunk5AA4IE2T_cjs = require('../chunk-5AA4IE2T.cjs');
18
- var chunk3KMXFN6M_cjs = require('../chunk-3KMXFN6M.cjs');
19
- var chunkUIOBJSKZ_cjs = require('../chunk-UIOBJSKZ.cjs');
19
+ var chunkS3ANEJJ7_cjs = require('../chunk-S3ANEJJ7.cjs');
20
20
  require('../chunk-EW6TE3N5.cjs');
21
21
  require('../chunk-7EYMOUWG.cjs');
22
- var chunkTMXVL5CV_cjs = require('../chunk-TMXVL5CV.cjs');
23
22
  var chunkI7AV5IQO_cjs = require('../chunk-I7AV5IQO.cjs');
24
23
  var chunkNHFHKMX2_cjs = require('../chunk-NHFHKMX2.cjs');
24
+ var chunkTMXVL5CV_cjs = require('../chunk-TMXVL5CV.cjs');
25
25
  require('../chunk-H2BWO3SI.cjs');
26
26
  require('../chunk-3376ZTRC.cjs');
27
27
 
@@ -107,6 +107,46 @@ Object.defineProperty(exports, "useStepperItemContext", {
107
107
  enumerable: true,
108
108
  get: function () { return chunkZV4467OW_cjs.useStepperItemContext; }
109
109
  });
110
+ Object.defineProperty(exports, "Item", {
111
+ enumerable: true,
112
+ get: function () { return chunk3KMXFN6M_cjs.Item; }
113
+ });
114
+ Object.defineProperty(exports, "ItemActions", {
115
+ enumerable: true,
116
+ get: function () { return chunk3KMXFN6M_cjs.ItemActions; }
117
+ });
118
+ Object.defineProperty(exports, "ItemContent", {
119
+ enumerable: true,
120
+ get: function () { return chunk3KMXFN6M_cjs.ItemContent; }
121
+ });
122
+ Object.defineProperty(exports, "ItemDescription", {
123
+ enumerable: true,
124
+ get: function () { return chunk3KMXFN6M_cjs.ItemDescription; }
125
+ });
126
+ Object.defineProperty(exports, "ItemFooter", {
127
+ enumerable: true,
128
+ get: function () { return chunk3KMXFN6M_cjs.ItemFooter; }
129
+ });
130
+ Object.defineProperty(exports, "ItemGroup", {
131
+ enumerable: true,
132
+ get: function () { return chunk3KMXFN6M_cjs.ItemGroup; }
133
+ });
134
+ Object.defineProperty(exports, "ItemHeader", {
135
+ enumerable: true,
136
+ get: function () { return chunk3KMXFN6M_cjs.ItemHeader; }
137
+ });
138
+ Object.defineProperty(exports, "ItemMedia", {
139
+ enumerable: true,
140
+ get: function () { return chunk3KMXFN6M_cjs.ItemMedia; }
141
+ });
142
+ Object.defineProperty(exports, "ItemSeparator", {
143
+ enumerable: true,
144
+ get: function () { return chunk3KMXFN6M_cjs.ItemSeparator; }
145
+ });
146
+ Object.defineProperty(exports, "ItemTitle", {
147
+ enumerable: true,
148
+ get: function () { return chunk3KMXFN6M_cjs.ItemTitle; }
149
+ });
110
150
  Object.defineProperty(exports, "Select", {
111
151
  enumerable: true,
112
152
  get: function () { return chunkY6EVJSAH_cjs.Select; }
@@ -245,47 +285,47 @@ Object.defineProperty(exports, "DialogTrigger", {
245
285
  });
246
286
  Object.defineProperty(exports, "Field", {
247
287
  enumerable: true,
248
- get: function () { return chunkN4O2GO6V_cjs.Field; }
288
+ get: function () { return chunkQUS6ZDMH_cjs.Field; }
249
289
  });
250
290
  Object.defineProperty(exports, "FieldContent", {
251
291
  enumerable: true,
252
- get: function () { return chunkN4O2GO6V_cjs.FieldContent; }
292
+ get: function () { return chunkQUS6ZDMH_cjs.FieldContent; }
253
293
  });
254
294
  Object.defineProperty(exports, "FieldDescription", {
255
295
  enumerable: true,
256
- get: function () { return chunkN4O2GO6V_cjs.FieldDescription; }
296
+ get: function () { return chunkQUS6ZDMH_cjs.FieldDescription; }
257
297
  });
258
298
  Object.defineProperty(exports, "FieldError", {
259
299
  enumerable: true,
260
- get: function () { return chunkN4O2GO6V_cjs.FieldError; }
300
+ get: function () { return chunkQUS6ZDMH_cjs.FieldError; }
261
301
  });
262
302
  Object.defineProperty(exports, "FieldGroup", {
263
303
  enumerable: true,
264
- get: function () { return chunkN4O2GO6V_cjs.FieldGroup; }
304
+ get: function () { return chunkQUS6ZDMH_cjs.FieldGroup; }
265
305
  });
266
306
  Object.defineProperty(exports, "FieldLabel", {
267
307
  enumerable: true,
268
- get: function () { return chunkN4O2GO6V_cjs.FieldLabel; }
308
+ get: function () { return chunkQUS6ZDMH_cjs.FieldLabel; }
269
309
  });
270
310
  Object.defineProperty(exports, "FieldLegend", {
271
311
  enumerable: true,
272
- get: function () { return chunkN4O2GO6V_cjs.FieldLegend; }
312
+ get: function () { return chunkQUS6ZDMH_cjs.FieldLegend; }
273
313
  });
274
314
  Object.defineProperty(exports, "FieldSeparator", {
275
315
  enumerable: true,
276
- get: function () { return chunkN4O2GO6V_cjs.FieldSeparator; }
316
+ get: function () { return chunkQUS6ZDMH_cjs.FieldSeparator; }
277
317
  });
278
318
  Object.defineProperty(exports, "FieldSet", {
279
319
  enumerable: true,
280
- get: function () { return chunkN4O2GO6V_cjs.FieldSet; }
320
+ get: function () { return chunkQUS6ZDMH_cjs.FieldSet; }
281
321
  });
282
322
  Object.defineProperty(exports, "FieldTitle", {
283
323
  enumerable: true,
284
- get: function () { return chunkN4O2GO6V_cjs.FieldTitle; }
324
+ get: function () { return chunkQUS6ZDMH_cjs.FieldTitle; }
285
325
  });
286
- Object.defineProperty(exports, "Label", {
326
+ Object.defineProperty(exports, "Separator", {
287
327
  enumerable: true,
288
- get: function () { return chunkS3ANEJJ7_cjs.Label; }
328
+ get: function () { return chunkUIOBJSKZ_cjs.Separator; }
289
329
  });
290
330
  Object.defineProperty(exports, "Header", {
291
331
  enumerable: true,
@@ -295,49 +335,25 @@ Object.defineProperty(exports, "Input", {
295
335
  enumerable: true,
296
336
  get: function () { return chunk5AA4IE2T_cjs.Input; }
297
337
  });
298
- Object.defineProperty(exports, "Item", {
299
- enumerable: true,
300
- get: function () { return chunk3KMXFN6M_cjs.Item; }
301
- });
302
- Object.defineProperty(exports, "ItemActions", {
303
- enumerable: true,
304
- get: function () { return chunk3KMXFN6M_cjs.ItemActions; }
305
- });
306
- Object.defineProperty(exports, "ItemContent", {
307
- enumerable: true,
308
- get: function () { return chunk3KMXFN6M_cjs.ItemContent; }
309
- });
310
- Object.defineProperty(exports, "ItemDescription", {
311
- enumerable: true,
312
- get: function () { return chunk3KMXFN6M_cjs.ItemDescription; }
313
- });
314
- Object.defineProperty(exports, "ItemFooter", {
315
- enumerable: true,
316
- get: function () { return chunk3KMXFN6M_cjs.ItemFooter; }
317
- });
318
- Object.defineProperty(exports, "ItemGroup", {
319
- enumerable: true,
320
- get: function () { return chunk3KMXFN6M_cjs.ItemGroup; }
321
- });
322
- Object.defineProperty(exports, "ItemHeader", {
338
+ Object.defineProperty(exports, "Label", {
323
339
  enumerable: true,
324
- get: function () { return chunk3KMXFN6M_cjs.ItemHeader; }
340
+ get: function () { return chunkS3ANEJJ7_cjs.Label; }
325
341
  });
326
- Object.defineProperty(exports, "ItemMedia", {
342
+ Object.defineProperty(exports, "Avatar", {
327
343
  enumerable: true,
328
- get: function () { return chunk3KMXFN6M_cjs.ItemMedia; }
344
+ get: function () { return chunkI7AV5IQO_cjs.Avatar; }
329
345
  });
330
- Object.defineProperty(exports, "ItemSeparator", {
346
+ Object.defineProperty(exports, "AvatarFallback", {
331
347
  enumerable: true,
332
- get: function () { return chunk3KMXFN6M_cjs.ItemSeparator; }
348
+ get: function () { return chunkI7AV5IQO_cjs.AvatarFallback; }
333
349
  });
334
- Object.defineProperty(exports, "ItemTitle", {
350
+ Object.defineProperty(exports, "AvatarImage", {
335
351
  enumerable: true,
336
- get: function () { return chunk3KMXFN6M_cjs.ItemTitle; }
352
+ get: function () { return chunkI7AV5IQO_cjs.AvatarImage; }
337
353
  });
338
- Object.defineProperty(exports, "Separator", {
354
+ Object.defineProperty(exports, "Badge", {
339
355
  enumerable: true,
340
- get: function () { return chunkUIOBJSKZ_cjs.Separator; }
356
+ get: function () { return chunkNHFHKMX2_cjs.Badge; }
341
357
  });
342
358
  Object.defineProperty(exports, "AlertDialog", {
343
359
  enumerable: true,
@@ -375,19 +391,3 @@ Object.defineProperty(exports, "AlertDialogTrigger", {
375
391
  enumerable: true,
376
392
  get: function () { return chunkTMXVL5CV_cjs.AlertDialogTrigger; }
377
393
  });
378
- Object.defineProperty(exports, "Avatar", {
379
- enumerable: true,
380
- get: function () { return chunkI7AV5IQO_cjs.Avatar; }
381
- });
382
- Object.defineProperty(exports, "AvatarFallback", {
383
- enumerable: true,
384
- get: function () { return chunkI7AV5IQO_cjs.AvatarFallback; }
385
- });
386
- Object.defineProperty(exports, "AvatarImage", {
387
- enumerable: true,
388
- get: function () { return chunkI7AV5IQO_cjs.AvatarImage; }
389
- });
390
- Object.defineProperty(exports, "Badge", {
391
- enumerable: true,
392
- get: function () { return chunkNHFHKMX2_cjs.Badge; }
393
- });
package/dist/components/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
 
3
3
  export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-DP7UEOTA.js';
4
+ export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../chunk-WJSS32MY.js';
4
5
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../chunk-U4AWAABZ.js';
5
6
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-DTSFPOLX.js';
6
7
  export { Spinner } from '../chunk-P5IUC7HJ.js';
@@ -9,16 +10,15 @@ export { Tooltip, TooltipProvider } from '../chunk-HJJPEVIH.js';
9
10
  export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-6BSR3O2J.js';
10
11
  export { Checkbox } from '../chunk-5F2Y65JH.js';
11
12
  export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-AGVEKVWD.js';
12
- export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../chunk-HD7ZDQWW.js';
13
- export { Label } from '../chunk-I3RSTJP6.js';
13
+ export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../chunk-2Y7LMI52.js';
14
+ export { Separator } from '../chunk-XJIUGEPN.js';
14
15
  export { Header } from '../chunk-UW6GOD7J.js';
15
16
  export { Input } from '../chunk-UGSNASZM.js';
16
- export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../chunk-WJSS32MY.js';
17
- export { Separator } from '../chunk-XJIUGEPN.js';
17
+ export { Label } from '../chunk-I3RSTJP6.js';
18
18
  import '../chunk-H5O5L6XT.js';
19
19
  import '../chunk-DFD2WUOU.js';
20
- export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5MJPZUTO.js';
21
20
  export { Avatar, AvatarFallback, AvatarImage } from '../chunk-NGVFYKAT.js';
22
21
  export { Badge } from '../chunk-7V34QHYR.js';
22
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5MJPZUTO.js';
23
23
  import '../chunk-ZD2QRAOX.js';
24
24
  import '../chunk-BYXBJQAS.js';
package/dist/components/stepper/index.cjs CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var chunkZV4467OW_cjs = require('../../chunk-ZV4467OW.cjs');
4
+ require('../../chunk-3KMXFN6M.cjs');
4
5
  require('../../chunk-Y6EVJSAH.cjs');
5
6
  require('../../chunk-GHV2TURY.cjs');
6
7
  require('../../chunk-3WSQRFUY.cjs');
@@ -9,17 +10,16 @@ require('../../chunk-GR37JJQK.cjs');
9
10
  require('../../chunk-2Y2ZCPNV.cjs');
10
11
  require('../../chunk-HCHVDUI6.cjs');
11
12
  require('../../chunk-PH4LO5TE.cjs');
12
- require('../../chunk-N4O2GO6V.cjs');
13
- require('../../chunk-S3ANEJJ7.cjs');
13
+ require('../../chunk-QUS6ZDMH.cjs');
14
+ require('../../chunk-UIOBJSKZ.cjs');
14
15
  require('../../chunk-YWG7TML6.cjs');
15
16
  require('../../chunk-5AA4IE2T.cjs');
16
- require('../../chunk-3KMXFN6M.cjs');
17
- require('../../chunk-UIOBJSKZ.cjs');
17
+ require('../../chunk-S3ANEJJ7.cjs');
18
18
  require('../../chunk-EW6TE3N5.cjs');
19
19
  require('../../chunk-7EYMOUWG.cjs');
20
- require('../../chunk-TMXVL5CV.cjs');
21
20
  require('../../chunk-I7AV5IQO.cjs');
22
21
  require('../../chunk-NHFHKMX2.cjs');
22
+ require('../../chunk-TMXVL5CV.cjs');
23
23
  require('../../chunk-H2BWO3SI.cjs');
24
24
  require('../../chunk-3376ZTRC.cjs');
25
25
 
package/dist/components/stepper/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-DP7UEOTA.js';
2
+ import '../../chunk-WJSS32MY.js';
2
3
  import '../../chunk-U4AWAABZ.js';
3
4
  import '../../chunk-DTSFPOLX.js';
4
5
  import '../../chunk-P5IUC7HJ.js';
@@ -7,16 +8,15 @@ import '../../chunk-HJJPEVIH.js';
7
8
  import '../../chunk-6BSR3O2J.js';
8
9
  import '../../chunk-5F2Y65JH.js';
9
10
  import '../../chunk-AGVEKVWD.js';
10
- import '../../chunk-HD7ZDQWW.js';
11
- import '../../chunk-I3RSTJP6.js';
11
+ import '../../chunk-2Y7LMI52.js';
12
+ import '../../chunk-XJIUGEPN.js';
12
13
  import '../../chunk-UW6GOD7J.js';
13
14
  import '../../chunk-UGSNASZM.js';
14
- import '../../chunk-WJSS32MY.js';
15
- import '../../chunk-XJIUGEPN.js';
15
+ import '../../chunk-I3RSTJP6.js';
16
16
  import '../../chunk-H5O5L6XT.js';
17
17
  import '../../chunk-DFD2WUOU.js';
18
- import '../../chunk-5MJPZUTO.js';
19
18
  import '../../chunk-NGVFYKAT.js';
20
19
  import '../../chunk-7V34QHYR.js';
20
+ import '../../chunk-5MJPZUTO.js';
21
21
  import '../../chunk-ZD2QRAOX.js';
22
22
  import '../../chunk-BYXBJQAS.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@szum-tech/design-system",
3
- "version": "3.1.2",
3
+ "version": "3.2.0",
4
4
  "description": "Szum-Tech design system with tailwindcss support",
5
5
  "keywords": [
6
6
  "szum-tech",
package/tailwind/global.css CHANGED
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  body {
17
- @apply bg-background font-poppins text-foreground antialiased;
17
+ @apply bg-background font-poppins text-foreground text-body-default antialiased;
18
18
  }
19
19
  }
20
20
 
package/tailwind/typography.css CHANGED
@@ -1,50 +1,192 @@
1
1
  @import "tailwindcss";
2
2
 
3
+ /* ========================================
4
+ THEME CONFIGURATION - Tailwind v4
5
+ ======================================== */
3
6
  @theme {
4
7
  --font-poppins: "Poppins", sans-serif;
5
8
  --font-code: "JetBrains Mono", monospace;
9
+
10
+ /* Font Sizes - Display Variants */
11
+ --font-size-display-xl: 4.5rem; /* 72px */
12
+ --font-size-display-lg: 3.75rem; /* 60px */
13
+ --font-size-display-md: 3rem; /* 48px */
14
+ --font-size-display-sm: 2.25rem; /* 36px */
15
+
16
+ /* Font Sizes - Headings */
17
+ --font-size-heading-h1: 2rem; /* 32px */
18
+ --font-size-heading-h2: 1.5rem; /* 24px */
19
+ --font-size-heading-h3: 1.25rem; /* 20px */
20
+ --font-size-heading-h4: 1.125rem; /* 18px */
21
+
22
+ /* Font Sizes - Body */
23
+ --font-size-body-xl: 1.25rem; /* 20px */
24
+ --font-size-body-lg: 1.125rem; /* 18px */
25
+ --font-size-body-default: 1rem; /* 16px */
26
+ --font-size-body-sm: 0.875rem; /* 14px */
27
+ --font-size-body-xs: 0.75rem; /* 12px */
28
+
29
+ /* Line Heights */
30
+ --line-height-tight: 1.1;
31
+ --line-height-snug: 1.2;
32
+ --line-height-normal: 1.4;
33
+ --line-height-relaxed: 1.6;
34
+ --line-height-loose: 1.7;
35
+
36
+ /* Letter Spacing */
37
+ --letter-spacing-tighter: -0.02em;
38
+ --letter-spacing-tight: -0.01em;
39
+ --letter-spacing-normal: 0;
40
+ --letter-spacing-wide: 0.05em;
41
+ }
42
+
43
+ /* ========================================
44
+ UTILITY CLASSES - Tailwind v4 Style
45
+ ======================================== */
46
+ /* Display Variants */
47
+ @utility text-display-xl {
48
+ @apply text-(length:--font-size-display-md) leading-(--line-height-tight) font-extrabold tracking-(--letter-spacing-tighter) md:text-(length:--font-size-display-xl);
49
+ /*font-size: var(--font-size-display-xl);*/
50
+ /*line-height: var(--line-height-tight);*/
51
+ /*font-weight: 800;*/
52
+ /*letter-spacing: var(--letter-spacing-tighter);*/
53
+ }
54
+
55
+ @utility text-display-lg {
56
+ @apply text-[2.5rem] leading-(--line-height-tight) font-extrabold tracking-(--letter-spacing-tighter) md:text-(length:--font-size-display-lg);
57
+ /*font-size: var(--font-size-display-lg);*/
58
+ /*line-height: var(--line-height-tight);*/
59
+ /*font-weight: 800;*/
60
+ /*letter-spacing: var(--letter-spacing-tighter);*/
61
+ }
62
+
63
+ @utility text-display-md {
64
+ @apply text-[2rem] leading-[1.15] font-bold tracking-(--letter-spacing-tighter) md:text-(length:--font-size-display-md);
65
+ /*font-size: var(--font-size-display-md);*/
66
+ /*line-height: 1.15;*/
67
+ /*font-weight: 700;*/
68
+ /*letter-spacing: var(--letter-spacing-tighter);*/
69
+ }
70
+
71
+ @utility text-display-sm {
72
+ @apply text-[1.75rem] leading-(--line-height-snug) font-bold tracking-(--letter-spacing-tight) md:text-(length:--font-size-display-sm);
73
+ /*font-size: var(--font-size-display-sm);*/
74
+ /*line-height: var(--line-height-snug);*/
75
+ /*font-weight: 700;*/
76
+ /*letter-spacing: var(--letter-spacing-tight);*/
77
+ }
78
+
79
+ /* Heading Variants */
80
+ @utility text-heading-h1 {
81
+ @apply text-[1.75rem] leading-[1.25] font-bold tracking-(--letter-spacing-tight) md:text-(length:--font-size-heading-h1);
82
+ /*font-size: var(--font-size-heading-h1);*/
83
+ /*line-height: 1.25;*/
84
+ /*font-weight: 700;*/
85
+ /*letter-spacing: var(--letter-spacing-tight);*/
86
+ }
87
+
88
+ @utility text-heading-h2 {
89
+ @apply text-[1.375rem] leading-[1.3] font-semibold tracking-(--letter-spacing-tight) md:text-(length:--font-size-heading-h2);
90
+ /*font-size: var(--font-size-heading-h2);*/
91
+ /*line-height: 1.3;*/
92
+ /*font-weight: 600;*/
93
+ /*letter-spacing: var(--letter-spacing-tight);*/
94
+ }
95
+
96
+ .text-heading-h3 {
97
+ @apply text-[1.125rem] leading-(--line-height-normal) font-semibold tracking-[-0.005em] md:text-(length:--font-size-heading-h3);
98
+ /*font-size: var(--font-size-heading-h3);*/
99
+ /*line-height: var(--line-height-normal);*/
100
+ /*font-weight: 600;*/
101
+ /*letter-spacing: -0.005em;*/
6
102
  }
7
103
 
8
- @utility typography-heading-1 {
9
- @apply scroll-m-20 text-center text-4xl font-extrabold tracking-tight text-balance;
104
+ @utility text-heading-h4 {
105
+ @apply text-[1rem] leading-(--line-height-normal) font-semibold tracking-(--letter-spacing-normal) md:text-(length:--font-size-heading-h4);
106
+ /*font-size: var(--font-size-heading-h4);*/
107
+ /*line-height: var(--line-height-normal);*/
108
+ /*font-weight: 600;*/
109
+ /*letter-spacing: var(--letter-spacing-normal);*/
10
110
  }
11
111
 
12
- @utility typography-heading-2 {
13
- @apply border-border scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0;
112
+ /* Body Variants */
113
+ @utility text-body-xl {
114
+ @apply text-(length:--font-size-body-xl) leading-(--line-height-relaxed) font-normal;
115
+ /*font-size: var(--font-size-body-xl);*/
116
+ /*line-height: var(--line-height-relaxed);*/
117
+ /*font-weight: 400;*/
14
118
  }
15
119
 
16
- @utility typography-heading-3 {
17
- @apply scroll-m-20 text-2xl font-semibold tracking-tight;
120
+ @utility text-body-lg {
121
+ @apply text-(length:--font-size-body-lg) leading-(--line-height-relaxed) font-normal;
122
+ /*font-size: var(--font-size-body-lg);*/
123
+ /*line-height: var(--line-height-relaxed);*/
124
+ /*font-weight: 400;*/
18
125
  }
19
126
 
20
- @utility typography-heading-4 {
21
- @apply scroll-m-20 text-xl font-semibold tracking-tight;
127
+ @utility text-body-default {
128
+ @apply text-(length:--font-size-body-default) leading-(--line-height-relaxed) font-normal;
129
+ /*font-size: var(--font-size-body-default);*/
130
+ /*line-height: var(--line-height-relaxed);*/
131
+ /*font-weight: 400;*/
22
132
  }
23
133
 
24
- @utility typography-paragraph {
25
- @apply leading-7 [&:not(:first-child)]:mt-6;
134
+ @utility text-body-sm {
135
+ @apply text-(length:--font-size-body-sm) leading-[1.5] font-normal;
136
+ /*font-size: var(--font-size-body-sm);*/
137
+ /*line-height: 1.5;*/
138
+ /*font-weight: 400;*/
26
139
  }
27
140
 
28
- @utility typography-blockquote {
29
- @apply border-border mt-6 border-l-2 pl-6 italic;
141
+ @utility text-body-xs {
142
+ @apply text-(length:--font-size-body-xs) leading-[1.5] font-normal;
143
+ /*font-size: var(--font-size-body-xs);*/
144
+ /*line-height: 1.5;*/
145
+ /*font-weight: 400;*/
30
146
  }
31
147
 
32
- @utility typography-inline-code {
33
- @apply bg-muted font-code relative rounded px-[0.3rem] py-[0.2rem] text-sm font-semibold;
148
+ /* Special Text Types */
149
+ @utility text-lead {
150
+ @apply text-muted-foreground text-(length:--font-size-body-xl) leading-(--line-height-loose) font-normal;
151
+ /*font-size: var(--font-size-body-xl);*/
152
+ /*line-height: var(--line-height-loose);*/
153
+ /*font-weight: 400;*/
154
+ /*color: var(--muted-foreground);*/
34
155
  }
35
156
 
36
- @utility typography-lead {
37
- @apply text-muted-foreground text-xl;
157
+ @utility text-mute {
158
+ @apply text-muted-foreground text-(length:--font-size-body-sm) leading-[1.5] font-normal;
159
+ /*font-size: var(--font-size-body-sm);*/
160
+ /*line-height: 1.5;*/
161
+ /*font-weight: 400;*/
162
+ /*color: var(--muted-foreground);*/
38
163
  }
39
164
 
40
- @utility typography-large {
41
- @apply text-lg font-semibold;
165
+ @utility text-small {
166
+ @apply text-muted-foreground text-(length:--font-size-body-xs) leading-[1.4] font-normal;
167
+ /*font-size: var(--font-size-body-xs);*/
168
+ /*line-height: 1.4;*/
169
+ /*font-weight: 400;*/
170
+ /*color: var(--muted-foreground);*/
42
171
  }
43
172
 
44
- @utility typography-small {
45
- @apply text-sm leading-none font-medium;
173
+ @utility text-code {
174
+ @apply font-code bg-muted text-foreground rounded px-1.5 py-0.5 text-[0.875em] leading-[1.5] font-medium;
175
+ /*font-family: var(--font-code), serif;*/
176
+ /*font-size: 0.875em;*/
177
+ /*padding: 0.125rem 0.375rem;*/
178
+ /*background: var(--muted);*/
179
+ /*border-radius: var(--radius);*/
180
+ /*color: var(--foreground);*/
181
+ /*font-weight: 500;*/
46
182
  }
47
183
 
48
- @utility typography-muted {
49
- @apply text-muted-foreground text-sm;
184
+ @utility text-blockquote {
185
+ @apply text-muted-foreground border-border border-l-2 pl-4 text-[1rem] leading-(--line-height-relaxed);
186
+ /*font-size: 1rem;*/
187
+ /*line-height: var(--line-height-relaxed);*/
188
+ /*font-style: italic;*/
189
+ /*border-left: 2px solid var(--border);*/
190
+ /*padding-left: 1rem;*/
191
+ /*color: var(--muted-foreground);*/
50
192
  }
package/dist/{chunk-HD7ZDQWW.js → chunk-2Y7LMI52.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { Label } from './chunk-I3RSTJP6.js';
2
1
  import { Separator } from './chunk-XJIUGEPN.js';
2
+ import { Label } from './chunk-I3RSTJP6.js';
3
3
  import { cn } from './chunk-ZD2QRAOX.js';
4
4
  import { cva } from 'class-variance-authority';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
package/dist/{chunk-N4O2GO6V.cjs → chunk-QUS6ZDMH.cjs} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkS3ANEJJ7_cjs = require('./chunk-S3ANEJJ7.cjs');
4
3
  var chunkUIOBJSKZ_cjs = require('./chunk-UIOBJSKZ.cjs');
4
+ var chunkS3ANEJJ7_cjs = require('./chunk-S3ANEJJ7.cjs');
5
5
  var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
6
6
  var classVarianceAuthority = require('class-variance-authority');
7
7
  var jsxRuntime = require('react/jsx-runtime');