@spartan-ng/cli 0.0.1-alpha.658 → 0.0.1-alpha.660

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 (14) hide show
  1. package/package.json +1 -1
  2. package/src/generators/base/lib/styles/transform-style-map.js +1 -1
  3. package/src/generators/base/lib/styles/transform-style-map.js.map +1 -1
  4. package/src/generators/ui/libs/alert/files/lib/hlm-alert-action.ts.template +1 -1
  5. package/src/generators/ui/libs/alert/files/lib/hlm-alert-description.ts.template +1 -4
  6. package/src/generators/ui/libs/alert/files/lib/hlm-alert-title.ts.template +1 -4
  7. package/src/generators/ui/libs/alert/files/lib/hlm-alert.ts.template +10 -13
  8. package/src/generators/ui/style-luma.css +1365 -0
  9. package/src/generators/ui/style-lyra.css +29 -29
  10. package/src/generators/ui/style-maia.css +28 -28
  11. package/src/generators/ui/style-mira.css +28 -28
  12. package/src/generators/ui/style-nova.css +39 -39
  13. package/src/generators/ui/style-vega.css +40 -40
  14. package/src/generators/ui/supported-ui-libraries.json +41 -41
package/src/generators/ui/style-vega.css CHANGED
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  .spartan-accordion-trigger {
8
- @apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md py-4 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4;
8
+ @apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md py-4 text-start text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4;
9
9
  }
10
10
 
11
11
  .spartan-accordion-content {
@@ -26,11 +26,11 @@
26
26
  }
27
27
 
28
28
  .spartan-alert-dialog-header {
29
- @apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr];
29
+ @apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr];
30
30
  }
31
31
 
32
32
  .spartan-alert-dialog-media {
33
- @apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8;
33
+ @apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*8)];
34
34
  }
35
35
 
36
36
  .spartan-alert-dialog-title {
@@ -43,7 +43,7 @@
43
43
 
44
44
  /* MARK: Alert */
45
45
  .spartan-alert {
46
- @apply grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4;
46
+ @apply grid gap-0.5 rounded-lg border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-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)];
47
47
  }
48
48
 
49
49
  .spartan-alert-variant-default {
@@ -51,11 +51,11 @@
51
51
  }
52
52
 
53
53
  .spartan-alert-variant-destructive {
54
- @apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current;
54
+ @apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[ng-icon]:text-current;
55
55
  }
56
56
 
57
57
  .spartan-alert-title {
58
- @apply font-medium group-has-[>svg]/alert:col-start-2;
58
+ @apply font-medium group-has-[>ng-icon]/alert:col-start-2;
59
59
  }
60
60
 
61
61
  .spartan-alert-description {
@@ -63,7 +63,7 @@
63
63
  }
64
64
 
65
65
  .spartan-alert-action {
66
- @apply absolute top-2.5 right-3;
66
+ @apply absolute end-3 top-2.5;
67
67
  }
68
68
 
69
69
  /* MARK: Avatar */
@@ -84,12 +84,12 @@
84
84
  }
85
85
 
86
86
  .spartan-avatar-group-count {
87
- @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 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3;
87
+ @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)];
88
88
  }
89
89
 
90
90
  /* MARK: Badge */
91
91
  .spartan-badge {
92
- @apply h-5 gap-1 rounded-4xl 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-[--spacing(3)];
92
+ @apply h-5 gap-1 rounded-4xl 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)];
93
93
  }
94
94
 
95
95
  .spartan-badge-variant-default {
@@ -134,16 +134,16 @@
134
134
  }
135
135
 
136
136
  .spartan-breadcrumb-separator {
137
- @apply [&>svg]:size-3.5;
137
+ @apply [&>ng-icon]:text-[calc(var(--spacing)*3.5)];
138
138
  }
139
139
 
140
140
  .spartan-breadcrumb-ellipsis {
141
- @apply size-5 [&>svg]:size-4;
141
+ @apply size-5 [&>ng-icon]:text-[calc(var(--spacing)*4)];
142
142
  }
143
143
 
144
144
  /* MARK: Button */
145
145
  .spartan-button {
146
- @apply focus-visible:border-ring focus-visible:ring-ring/50 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-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[--spacing(4)];
146
+ @apply focus-visible:border-ring focus-visible:ring-ring/50 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-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
147
147
  }
148
148
 
149
149
  .spartan-button-variant-default {
@@ -281,7 +281,7 @@
281
281
  }
282
282
 
283
283
  .spartan-checkbox-indicator {
284
- @apply [&>svg]:size-3.5;
284
+ @apply [&>ng-icon]:text-[calc(var(--spacing)*3.5)];
285
285
  }
286
286
 
287
287
  /* MARK: Combobox */
@@ -302,7 +302,7 @@
302
302
  }
303
303
 
304
304
  .spartan-combobox-item-indicator {
305
- @apply pointer-events-none absolute right-2 flex size-4 items-center justify-center;
305
+ @apply pointer-events-none absolute end-2 flex size-4 items-center justify-center;
306
306
  }
307
307
 
308
308
  .spartan-combobox-empty {
@@ -383,7 +383,7 @@
383
383
  }
384
384
 
385
385
  .spartan-command-item {
386
- @apply data-selected:bg-muted data-selected:text-foreground data-selected:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
386
+ @apply data-selected:bg-muted data-selected:text-foreground data-selected:**:[ng-icon]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
387
387
  }
388
388
 
389
389
  .spartan-command-shortcut {
@@ -400,7 +400,7 @@
400
400
  }
401
401
 
402
402
  .spartan-context-menu-item {
403
- @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
403
+ @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive focus:*:[ng-icon]:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
404
404
  }
405
405
 
406
406
  .spartan-context-menu-checkbox-item {
@@ -412,7 +412,7 @@
412
412
  }
413
413
 
414
414
  .spartan-context-menu-item-indicator {
415
- @apply absolute right-2;
415
+ @apply absolute end-2;
416
416
  }
417
417
 
418
418
  .spartan-context-menu-label {
@@ -449,7 +449,7 @@
449
449
  }
450
450
 
451
451
  .spartan-dialog-close {
452
- @apply absolute top-4 right-4;
452
+ @apply absolute end-4 top-4;
453
453
  }
454
454
 
455
455
  .spartan-dialog-header {
@@ -482,7 +482,7 @@
482
482
  }
483
483
 
484
484
  .spartan-drawer-header {
485
- @apply gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left;
485
+ @apply gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-start;
486
486
  }
487
487
 
488
488
  .spartan-drawer-title {
@@ -507,7 +507,7 @@
507
507
  }
508
508
 
509
509
  .spartan-dropdown-menu-item {
510
- @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
510
+ @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
511
511
  }
512
512
 
513
513
  .spartan-dropdown-menu-checkbox-item {
@@ -519,7 +519,7 @@
519
519
  }
520
520
 
521
521
  .spartan-dropdown-menu-item-indicator {
522
- @apply absolute right-2 flex items-center justify-center;
522
+ @apply absolute end-2 flex items-center justify-center;
523
523
  }
524
524
 
525
525
  .spartan-dropdown-menu-label {
@@ -609,7 +609,7 @@
609
609
  }
610
610
 
611
611
  .spartan-field-description {
612
- @apply text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5;
612
+ @apply text-muted-foreground text-start text-sm [[data-variant=legend]+&]:-mt-1.5;
613
613
  }
614
614
 
615
615
  .spartan-field-separator {
@@ -713,7 +713,7 @@
713
713
  }
714
714
 
715
715
  .spartan-item-description {
716
- @apply text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs;
716
+ @apply text-muted-foreground text-start text-sm leading-normal group-data-[size=xs]/item:text-xs;
717
717
  }
718
718
 
719
719
  .spartan-item-actions {
@@ -768,7 +768,7 @@
768
768
  }
769
769
 
770
770
  .spartan-menubar-item {
771
- @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-disabled:opacity-50 data-inset:pl-8 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
771
+ @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-disabled:opacity-50 data-inset:pl-8 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
772
772
  }
773
773
 
774
774
  .spartan-menubar-checkbox-item {
@@ -776,7 +776,7 @@
776
776
  }
777
777
 
778
778
  .spartan-menubar-checkbox-item-indicator {
779
- @apply left-2 size-4 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
779
+ @apply start-2 size-4 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
780
780
  }
781
781
 
782
782
  .spartan-menubar-radio-item {
@@ -784,7 +784,7 @@
784
784
  }
785
785
 
786
786
  .spartan-menubar-radio-item-indicator {
787
- @apply left-2 size-4 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
787
+ @apply start-2 size-4 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
788
788
  }
789
789
 
790
790
  .spartan-menubar-label {
@@ -858,7 +858,7 @@
858
858
  }
859
859
 
860
860
  .spartan-native-select-icon {
861
- @apply text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2;
861
+ @apply text-muted-foreground end-2.5 top-1/2 size-4 -translate-y-1/2;
862
862
  }
863
863
 
864
864
  /* MARK: Pagination */
@@ -934,7 +934,7 @@
934
934
  }
935
935
 
936
936
  .spartan-radio-group-indicator-icon {
937
- @apply bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full;
937
+ @apply bg-primary-foreground absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full;
938
938
  }
939
939
 
940
940
  /* MARK: Resizable */
@@ -957,7 +957,7 @@
957
957
  }
958
958
 
959
959
  .spartan-select-value {
960
- @apply flex flex-1 text-left;
960
+ @apply flex flex-1 text-start;
961
961
  }
962
962
 
963
963
  .spartan-select-trigger-icon {
@@ -981,7 +981,7 @@
981
981
  }
982
982
 
983
983
  .spartan-select-item-indicator {
984
- @apply pointer-events-none absolute right-2 flex size-4 items-center justify-center;
984
+ @apply pointer-events-none absolute end-2 flex size-4 items-center justify-center;
985
985
  }
986
986
 
987
987
  .spartan-select-group {
@@ -1027,7 +1027,7 @@
1027
1027
  }
1028
1028
 
1029
1029
  .spartan-sheet-close {
1030
- @apply absolute top-4 right-4;
1030
+ @apply absolute end-4 top-4;
1031
1031
  }
1032
1032
 
1033
1033
  .spartan-sheet-header {
@@ -1096,15 +1096,15 @@
1096
1096
  }
1097
1097
 
1098
1098
  .spartan-sidebar-group-label {
1099
- @apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 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 [&>svg]:size-4;
1099
+ @apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 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)];
1100
1100
  }
1101
1101
 
1102
1102
  .spartan-sidebar-group-action {
1103
- @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4;
1103
+ @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-md p-0 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
1104
1104
  }
1105
1105
 
1106
1106
  .spartan-sidebar-menu-button {
1107
- @apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium;
1107
+ @apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-start text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium;
1108
1108
  }
1109
1109
 
1110
1110
  .spartan-sidebar-menu-button-variant-default {
@@ -1128,11 +1128,11 @@
1128
1128
  }
1129
1129
 
1130
1130
  .spartan-sidebar-menu-action {
1131
- @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 top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4;
1131
+ @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-md p-0 peer-data-[size=default]/menu-button:top-1.5 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)];
1132
1132
  }
1133
1133
 
1134
1134
  .spartan-sidebar-menu-badge {
1135
- @apply text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1;
1135
+ @apply text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1;
1136
1136
  }
1137
1137
 
1138
1138
  .spartan-sidebar-menu-skeleton {
@@ -1152,7 +1152,7 @@
1152
1152
  }
1153
1153
 
1154
1154
  .spartan-sidebar-menu-sub-button {
1155
- @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-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4;
1155
+ @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-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[calc(var(--spacing)*4)];
1156
1156
  }
1157
1157
 
1158
1158
  /* MARK: Skeleton */
@@ -1217,7 +1217,7 @@
1217
1217
  }
1218
1218
 
1219
1219
  .spartan-table-head {
1220
- @apply text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0;
1220
+ @apply text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0;
1221
1221
  }
1222
1222
 
1223
1223
  .spartan-table-cell {
@@ -1335,11 +1335,11 @@
1335
1335
  }
1336
1336
 
1337
1337
  .spartan-input-group-button-size-icon-xs {
1338
- @apply size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0;
1338
+ @apply size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>ng-icon]:p-0;
1339
1339
  }
1340
1340
 
1341
1341
  .spartan-input-group-button-size-icon-sm {
1342
- @apply size-8 p-0 has-[>svg]:p-0;
1342
+ @apply size-8 p-0 has-[>ng-icon]:p-0;
1343
1343
  }
1344
1344
 
1345
1345
  .spartan-input-group-text {