@spartan-ng/cli 0.0.1-alpha.718 → 0.0.1-alpha.720

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 (36) hide show
  1. package/package.json +1 -1
  2. package/src/generators/base/generator.js +30 -0
  3. package/src/generators/base/generator.js.map +1 -1
  4. package/src/generators/base/lib/build-dependency-array.js +13 -0
  5. package/src/generators/base/lib/build-dependency-array.js.map +1 -1
  6. package/src/generators/base/versions.d.ts +1 -1
  7. package/src/generators/base/versions.js +1 -1
  8. package/src/generators/migrate-naming-convention/__snapshots__/generator.spec.ts.snap +1 -1
  9. package/src/generators/ui/libs/avatar/files/lib/hlm-avatar-badge.ts.template +2 -2
  10. package/src/generators/ui/libs/breadcrumb/files/lib/hlm-breadcrumb-ellipsis.ts.template +9 -4
  11. package/src/generators/ui/libs/carousel/files/lib/hlm-carousel-next.ts.template +3 -4
  12. package/src/generators/ui/libs/carousel/files/lib/hlm-carousel-previous.ts.template +3 -4
  13. package/src/generators/ui/libs/checkbox/files/lib/hlm-checkbox.ts.template +3 -4
  14. package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-content.ts.template +4 -4
  15. package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-item-sub-indicator.ts.template +1 -1
  16. package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-separator.ts.template +2 -3
  17. package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-content.ts.template +4 -4
  18. package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-button.ts.template +1 -1
  19. package/src/generators/ui/libs/spinner/files/lib/hlm-spinner.ts.template +1 -1
  20. package/src/generators/ui/libs/tabs/files/lib/hlm-tabs-paginated-list.ts.template +7 -8
  21. package/src/generators/ui/primitive-deps.js +19 -20
  22. package/src/generators/ui/primitive-deps.js.map +1 -1
  23. package/src/generators/ui/primitives.d.ts +1 -1
  24. package/src/generators/ui/style-luma.css +43 -43
  25. package/src/generators/ui/style-lyra.css +44 -44
  26. package/src/generators/ui/style-maia.css +43 -43
  27. package/src/generators/ui/style-mira.css +48 -48
  28. package/src/generators/ui/style-nova.css +45 -45
  29. package/src/generators/ui/style-vega.css +43 -43
  30. package/src/generators/ui/supported-ui-libraries.json +41 -49
  31. package/src/generators/ui/libs/icon/files/index.ts.template +0 -7
  32. package/src/generators/ui/libs/icon/files/lib/hlm-icon.token.ts.template +0 -20
  33. package/src/generators/ui/libs/icon/files/lib/hlm-icon.ts.template +0 -35
  34. package/src/generators/ui/libs/icon/generator.d.ts +0 -3
  35. package/src/generators/ui/libs/icon/generator.js +0 -9
  36. package/src/generators/ui/libs/icon/generator.js.map +0 -1
package/src/generators/ui/style-luma.css CHANGED
@@ -13,7 +13,7 @@
13
13
  }
14
14
 
15
15
  .spartan-accordion-trigger {
16
- @apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground! gap-6 p-4 text-start text-sm font-medium hover:underline **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:text-[calc(var(--spacing)*4)];
16
+ @apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground! gap-6 p-4 text-start text-sm font-medium hover:underline **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:text-[length:--spacing(4)];
17
17
  }
18
18
 
19
19
  .spartan-accordion-content {
@@ -77,12 +77,12 @@
77
77
  }
78
78
 
79
79
  .spartan-checkbox-indicator {
80
- @apply [&>ng-icon]:text-[calc(var(--spacing)*3.5)];
80
+ @apply [&>ng-icon]:text-[length:--spacing(3.5)];
81
81
  }
82
82
 
83
83
  /* MARK: Button */
84
84
  .spartan-button {
85
- @apply focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
85
+ @apply focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
86
86
  }
87
87
 
88
88
  .spartan-button-variant-default {
@@ -110,7 +110,7 @@
110
110
  }
111
111
 
112
112
  .spartan-button-size-xs {
113
- @apply h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3)];
113
+ @apply h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
114
114
  }
115
115
 
116
116
  .spartan-button-size-sm {
@@ -126,7 +126,7 @@
126
126
  }
127
127
 
128
128
  .spartan-button-size-icon-xs {
129
- @apply size-6 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3)];
129
+ @apply size-6 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
130
130
  }
131
131
 
132
132
  .spartan-button-size-icon-sm {
@@ -155,7 +155,7 @@
155
155
  }
156
156
 
157
157
  .spartan-button-group-text {
158
- @apply bg-muted gap-2 rounded-4xl border px-2.5 text-sm font-medium [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
158
+ @apply bg-muted gap-2 rounded-4xl border px-2.5 text-sm font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
159
159
  }
160
160
 
161
161
  .spartan-button-group-separator {
@@ -178,7 +178,7 @@
178
178
  }
179
179
 
180
180
  .spartan-select-trigger-icon {
181
- @apply text-muted-foreground text-[calc(var(--spacing)*4)];
181
+ @apply text-muted-foreground text-[length:--spacing(4)];
182
182
  }
183
183
 
184
184
  .spartan-select-content {
@@ -194,7 +194,7 @@
194
194
  }
195
195
 
196
196
  .spartan-select-item-indicator {
197
- @apply absolute end-2 flex items-center justify-center text-[calc(var(--spacing)*4)];
197
+ @apply absolute end-2 flex items-center justify-center text-[length:--spacing(4)];
198
198
  }
199
199
 
200
200
  .spartan-select-group {
@@ -206,15 +206,15 @@
206
206
  }
207
207
 
208
208
  .spartan-select-scroll-up-button {
209
- @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
209
+ @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
210
210
  }
211
211
 
212
212
  .spartan-select-scroll-down-button {
213
- @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
213
+ @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
214
214
  }
215
215
 
216
216
  .spartan-select-placeholder {
217
- @apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
217
+ @apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
218
218
  }
219
219
 
220
220
  .spartan-select-values-content {
@@ -227,7 +227,7 @@
227
227
  }
228
228
 
229
229
  .spartan-native-select-icon {
230
- @apply text-muted-foreground end-2.5 top-1/2 -translate-y-1/2 text-[calc(var(--spacing)*4)];
230
+ @apply text-muted-foreground end-2.5 top-1/2 -translate-y-1/2 text-[length:--spacing(4)];
231
231
  }
232
232
 
233
233
  /* MARK: Combobox */
@@ -244,7 +244,7 @@
244
244
  }
245
245
 
246
246
  .spartan-combobox-item-indicator {
247
- @apply pointer-events-none absolute end-2 flex items-center justify-center text-[calc(var(--spacing)*4)];
247
+ @apply pointer-events-none absolute end-2 flex items-center justify-center text-[length:--spacing(4)];
248
248
  }
249
249
 
250
250
  .spartan-combobox-empty {
@@ -264,7 +264,7 @@
264
264
  }
265
265
 
266
266
  .spartan-combobox-trigger-icon {
267
- @apply text-muted-foreground text-[calc(var(--spacing)*4)];
267
+ @apply text-muted-foreground text-[length:--spacing(4)];
268
268
  }
269
269
 
270
270
  .spartan-combobox-chips {
@@ -284,7 +284,7 @@
284
284
  }
285
285
 
286
286
  .spartan-combobox-placeholder {
287
- @apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
287
+ @apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
288
288
  }
289
289
 
290
290
  .spartan-combobox-status {
@@ -297,7 +297,7 @@
297
297
  }
298
298
 
299
299
  .spartan-input-group-addon {
300
- @apply text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 h-auto gap-2 py-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-3xl **:data-[slot=kbd]:px-1.5 [&>ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
300
+ @apply text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 h-auto gap-2 py-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-3xl **:data-[slot=kbd]:px-1.5 [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
301
301
  }
302
302
 
303
303
  .spartan-input-group-addon-align-inline-start {
@@ -321,7 +321,7 @@
321
321
  }
322
322
 
323
323
  .spartan-input-group-button-size-xs {
324
- @apply h-6 gap-1 rounded-xl px-1.5 [&>ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3.5)];
324
+ @apply h-6 gap-1 rounded-xl px-1.5 [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
325
325
  }
326
326
 
327
327
  .spartan-input-group-button-size-icon-xs {
@@ -333,7 +333,7 @@
333
333
  }
334
334
 
335
335
  .spartan-input-group-text {
336
- @apply text-muted-foreground gap-2 text-sm [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
336
+ @apply text-muted-foreground gap-2 text-sm [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
337
337
  }
338
338
 
339
339
  .spartan-input-group-input {
@@ -362,7 +362,7 @@
362
362
  }
363
363
 
364
364
  .spartan-input-otp-separator {
365
- @apply [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
365
+ @apply [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
366
366
  }
367
367
 
368
368
  /* MARK: Field */
@@ -420,7 +420,7 @@
420
420
  }
421
421
 
422
422
  .spartan-tabs-trigger {
423
- @apply gap-2 rounded-full border border-transparent! px-3 py-1 text-sm font-medium group-data-vertical/tabs:rounded-2xl group-data-vertical/tabs:px-3 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
423
+ @apply gap-2 rounded-full border border-transparent! px-3 py-1 text-sm font-medium group-data-vertical/tabs:rounded-2xl group-data-vertical/tabs:px-3 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
424
424
  }
425
425
 
426
426
  .spartan-tabs-content {
@@ -466,7 +466,7 @@
466
466
  }
467
467
 
468
468
  .spartan-alert-dialog-media {
469
- @apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-full sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*8)];
469
+ @apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-full sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[length:--spacing(8)];
470
470
  }
471
471
 
472
472
  .spartan-alert-dialog-title {
@@ -479,7 +479,7 @@
479
479
 
480
480
  /* MARK: Alert */
481
481
  .spartan-alert {
482
- @apply grid gap-0.5 rounded-2xl border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>ng-icon]:grid-cols-[auto_1fr] has-[>ng-icon]:gap-x-2.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
482
+ @apply grid gap-0.5 rounded-2xl border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>ng-icon]:grid-cols-[auto_1fr] has-[>ng-icon]:gap-x-2.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
483
483
  }
484
484
 
485
485
  .spartan-alert-variant-default {
@@ -516,7 +516,7 @@
516
516
  }
517
517
 
518
518
  .spartan-autocomplete-item-indicator {
519
- @apply absolute end-2 flex items-center justify-center text-[calc(var(--spacing)*4)];
519
+ @apply absolute end-2 flex items-center justify-center text-[length:--spacing(4)];
520
520
  }
521
521
 
522
522
  .spartan-autocomplete-empty {
@@ -553,12 +553,12 @@
553
553
  }
554
554
 
555
555
  .spartan-avatar-group-count {
556
- @apply bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-[calc(var(--spacing)*4)] group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-[calc(var(--spacing)*5)] group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-[calc(var(--spacing)*3)];
556
+ @apply bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-[length:--spacing(4)] group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-[length:--spacing(5)] group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-[length:--spacing(3)];
557
557
  }
558
558
 
559
559
  /* MARK: Badge */
560
560
  .spartan-badge {
561
- @apply h-5 gap-1 rounded-3xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[calc(var(--spacing)*3)]!;
561
+ @apply h-5 gap-1 rounded-3xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[length:--spacing(3)]!;
562
562
  }
563
563
 
564
564
  .spartan-badge-variant-default {
@@ -603,11 +603,11 @@
603
603
  }
604
604
 
605
605
  .spartan-breadcrumb-separator {
606
- @apply [&>ng-icon]:text-[calc(var(--spacing)*3.5)];
606
+ @apply [&>ng-icon]:text-[length:--spacing(3.5)];
607
607
  }
608
608
 
609
609
  .spartan-breadcrumb-ellipsis {
610
- @apply size-5 [&>ng-icon]:text-[calc(var(--spacing)*4)];
610
+ @apply size-5 [&>ng-icon]:text-[length:--spacing(4)];
611
611
  }
612
612
 
613
613
  /* MARK: Command */
@@ -624,7 +624,7 @@
624
624
  }
625
625
 
626
626
  .spartan-command-input-icon {
627
- @apply shrink-0 text-[calc(var(--spacing)*4)] opacity-50;
627
+ @apply shrink-0 text-[length:--spacing(4)] opacity-50;
628
628
  }
629
629
 
630
630
  .spartan-command-input {
@@ -648,7 +648,7 @@
648
648
  }
649
649
 
650
650
  .spartan-command-item {
651
- @apply data-selected:bg-muted data-selected:text-foreground data-selected:*:[&>ng-icon]:text-foreground relative flex cursor-default items-center gap-2 rounded-2xl px-3 py-2 text-sm font-medium outline-hidden select-none in-data-[slot=dialog-content]:rounded-3xl [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
651
+ @apply data-selected:bg-muted data-selected:text-foreground data-selected:*:[&>ng-icon]:text-foreground relative flex cursor-default items-center gap-2 rounded-2xl px-3 py-2 text-sm font-medium outline-hidden select-none in-data-[slot=dialog-content]:rounded-3xl [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
652
652
  }
653
653
 
654
654
  .spartan-command-shortcut {
@@ -728,19 +728,19 @@
728
728
  }
729
729
 
730
730
  .spartan-dropdown-menu-item {
731
- @apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-destructive/10 data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:hover:text-destructive data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive not-data-[variant=destructive]:hover:**:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2.5 rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
731
+ @apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-destructive/10 data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:hover:text-destructive data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive not-data-[variant=destructive]:hover:**:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2.5 rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
732
732
  }
733
733
 
734
734
  .spartan-dropdown-menu-checkbox-item {
735
- @apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
735
+ @apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
736
736
  }
737
737
 
738
738
  .spartan-dropdown-menu-radio-item {
739
- @apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
739
+ @apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
740
740
  }
741
741
 
742
742
  .spartan-dropdown-menu-item-indicator {
743
- @apply absolute end-2 flex items-center justify-center [&_ng-icon]:text-[calc(var(--spacing)*4)];
743
+ @apply absolute end-2 flex items-center justify-center [&_ng-icon]:text-[length:--spacing(4)];
744
744
  }
745
745
 
746
746
  .spartan-dropdown-menu-label {
@@ -797,7 +797,7 @@
797
797
  }
798
798
 
799
799
  .spartan-item-media-variant-icon {
800
- @apply [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
800
+ @apply [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
801
801
  }
802
802
 
803
803
  .spartan-item-media-variant-image {
@@ -838,7 +838,7 @@
838
838
 
839
839
  /* MARK: Kbd */
840
840
  .spartan-kbd {
841
- @apply bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 in-data-[slot=input-group]:bg-input h-5.5 w-fit min-w-5.5 gap-1 rounded-lg px-1.5 font-sans text-xs font-medium [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3)];
841
+ @apply bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 in-data-[slot=input-group]:bg-input h-5.5 w-fit min-w-5.5 gap-1 rounded-lg px-1.5 font-sans text-xs font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
842
842
  }
843
843
 
844
844
  .spartan-kbd-group {
@@ -873,7 +873,7 @@
873
873
  }
874
874
 
875
875
  .spartan-navigation-menu-link {
876
- @apply data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/30 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-3xl p-3 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-2xl [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
876
+ @apply data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/30 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-3xl p-3 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-2xl [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
877
877
  }
878
878
 
879
879
  .spartan-navigation-menu-trigger-icon {
@@ -890,7 +890,7 @@
890
890
  }
891
891
 
892
892
  .spartan-pagination-ellipsis {
893
- @apply size-9 items-center justify-center [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
893
+ @apply size-9 items-center justify-center [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
894
894
  }
895
895
 
896
896
  .spartan-pagination-previous {
@@ -951,11 +951,11 @@
951
951
  }
952
952
 
953
953
  .spartan-sidebar-group-label {
954
- @apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-xl px-3 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
954
+ @apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-xl px-3 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>ng-icon]:text-[length:--spacing(4)];
955
955
  }
956
956
 
957
957
  .spartan-sidebar-group-action {
958
- @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute end-3 top-3.5 w-5 rounded-xl p-0 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
958
+ @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute end-3 top-3.5 w-5 rounded-xl p-0 focus-visible:ring-2 [&>ng-icon]:text-[length:--spacing(4)];
959
959
  }
960
960
 
961
961
  .spartan-sidebar-menu-button {
@@ -983,7 +983,7 @@
983
983
  }
984
984
 
985
985
  .spartan-sidebar-menu-action {
986
- @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute end-1 top-1.5 aspect-square w-5 rounded-xl p-0 peer-data-[size=default]/menu-button:top-2 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
986
+ @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute end-1 top-1.5 aspect-square w-5 rounded-xl p-0 peer-data-[size=default]/menu-button:top-2 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>ng-icon]:text-[length:--spacing(4)];
987
987
  }
988
988
 
989
989
  .spartan-sidebar-menu-badge {
@@ -1007,7 +1007,7 @@
1007
1007
  }
1008
1008
 
1009
1009
  .spartan-sidebar-menu-sub-button {
1010
- @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-xl px-3 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[calc(var(--spacing)*4)];
1010
+ @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-xl px-3 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[length:--spacing(4)];
1011
1011
  }
1012
1012
 
1013
1013
  /* MARK: Popover */
@@ -1149,7 +1149,7 @@
1149
1149
 
1150
1150
  /* MARK: Toggle */
1151
1151
  .spartan-toggle {
1152
- @apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive gap-1 rounded-3xl text-sm font-medium transition-colors [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
1152
+ @apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive gap-1 rounded-3xl text-sm font-medium transition-colors [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
1153
1153
  }
1154
1154
 
1155
1155
  .spartan-toggle-variant-default {
@@ -1204,7 +1204,7 @@
1204
1204
  }
1205
1205
 
1206
1206
  .spartan-empty-media-icon {
1207
- @apply bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*5)];
1207
+ @apply bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(5)];
1208
1208
  }
1209
1209
 
1210
1210
  .spartan-empty-title {