@rokkit/themes 1.0.0-next.133 → 1.0.0-next.136

package/src/glass/tabs.css

@@ -9,11 +9,11 @@
    ============================================================================= */
 
 [data-style='glass'] [data-tabs-list] {
-  @apply backdrop-blur-md rounded-t-lg border-b bg-surface-z1/70 border-surface-z5/20;
+  @apply bg-surface-z1/70 border-surface-z5/20 rounded-t-lg border-b backdrop-blur-md;
 }
 
 [data-style='glass'] [data-tabs][data-position='after'] [data-tabs-list] {
-  @apply rounded-t-none rounded-b-lg border-b-0 border-t;
+  @apply rounded-t-none rounded-b-lg border-t border-b-0;
 }
 
 /* =============================================================================
@@ -30,7 +30,7 @@
 
 /* Selected state */
 [data-style='glass'] [data-tabs-trigger][data-selected] {
-  @apply bg-primary-z5/40 text-primary-z9 border-primary-z5/50 backdrop-blur-sm border;
+  @apply bg-primary-z5/40 text-primary-z9 border-primary-z5/50 border backdrop-blur-sm;
 }
 
 /* =============================================================================

package/src/glass/timeline.css

@@ -9,16 +9,16 @@
    ============================================================================= */
 
 [data-style='glass'] [data-timeline-circle] {
-	@apply border-surface-z5/30 text-surface-z6;
+  @apply border-surface-z5/30 text-surface-z6;
 }
 
 [data-style='glass'] [data-timeline-item][data-completed] [data-timeline-circle] {
-	@apply bg-primary/80 border-primary/50 text-on-primary backdrop-blur-sm;
+  @apply bg-primary/80 border-primary/50 text-on-primary backdrop-blur-sm;
 }
 
 [data-style='glass'] [data-timeline-item][data-active] [data-timeline-circle] {
-	@apply border-primary/60 text-primary;
-	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);
+  @apply border-primary/60 text-primary;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);
 }
 
 /* =============================================================================
@@ -26,11 +26,11 @@
    ============================================================================= */
 
 [data-style='glass'] [data-timeline-connector] {
-	@apply bg-surface-z5/20;
+  @apply bg-surface-z5/20;
 }
 
 [data-style='glass'] [data-timeline-item][data-completed] [data-timeline-connector] {
-	@apply bg-primary/40;
+  @apply bg-primary/40;
 }
 
 /* =============================================================================
@@ -38,9 +38,9 @@
    ============================================================================= */
 
 [data-style='glass'] [data-timeline-title] {
-	@apply text-surface-z8;
+  @apply text-surface-z8;
 }
 
 [data-style='glass'] [data-timeline-description] {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }

package/src/glass/toggle.css

@@ -9,7 +9,7 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toggle] {
-	@apply backdrop-blur-md rounded-lg border bg-surface-z1/70 border-surface-z5/20;
+  @apply bg-surface-z1/70 border-surface-z5/20 rounded-lg border backdrop-blur-md;
 }
 
 /* =============================================================================
@@ -17,17 +17,17 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toggle-option] {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }
 
 [data-style='glass'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
 [data-style='glass'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
-	@apply text-surface-z8 bg-surface-z2/15;
+  @apply text-surface-z8 bg-surface-z2/15;
 }
 
 /* Selected state */
 [data-style='glass'] [data-toggle-option][data-selected='true'] {
-	@apply bg-primary-z5/40 text-primary-z9 border-primary-z5/50 backdrop-blur-sm border;
+  @apply bg-primary-z5/40 text-primary-z9 border-primary-z5/50 border backdrop-blur-sm;
 }
 
 /* =============================================================================
@@ -35,14 +35,14 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toggle-option] [data-toggle-icon] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='glass'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
 [data-style='glass'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
-	@apply text-surface-z7;
+  @apply text-surface-z7;
 }
 
 [data-style='glass'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
-	@apply text-primary-z7;
+  @apply text-primary-z7;
 }

package/src/glass/toolbar.css

@@ -9,25 +9,25 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toolbar] {
-	@apply backdrop-blur-md bg-surface-z1/70;
+  @apply bg-surface-z1/70 backdrop-blur-md;
 }
 
 /* Position-based borders */
 [data-style='glass'] [data-toolbar][data-toolbar-position='top'],
 [data-style='glass'] [data-toolbar]:not([data-toolbar-position]) {
-	@apply border-b border-surface-z5/20;
+  @apply border-surface-z5/20 border-b;
 }
 
 [data-style='glass'] [data-toolbar][data-toolbar-position='bottom'] {
-	@apply border-t border-surface-z5/20;
+  @apply border-surface-z5/20 border-t;
 }
 
 [data-style='glass'] [data-toolbar][data-toolbar-position='left'] {
-	@apply border-r border-surface-z5/20;
+  @apply border-surface-z5/20 border-r;
 }
 
 [data-style='glass'] [data-toolbar][data-toolbar-position='right'] {
-	@apply border-l border-surface-z5/20;
+  @apply border-surface-z5/20 border-l;
 }
 
 /* =============================================================================
@@ -35,24 +35,24 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toolbar-item] {
-	@apply text-surface-z7;
+  @apply text-surface-z7;
 }
 
 [data-style='glass'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
-	@apply text-surface-z10 bg-surface-z2/15;
+  @apply text-surface-z10 bg-surface-z2/15;
 }
 
 [data-style='glass'] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
-	@apply text-surface-z10 outline-none ring-1 ring-surface-z5/40 bg-surface-z2/15;
+  @apply text-surface-z10 ring-surface-z5/40 bg-surface-z2/15 ring-1 outline-none;
 }
 
 /* Active/pressed state */
 [data-style='glass'] [data-toolbar-item][data-active='true'] {
-	@apply bg-primary-z5/30 text-primary-z9;
+  @apply bg-primary-z5/30 text-primary-z9;
 }
 
 [data-style='glass'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
-	@apply bg-primary-z5/40 text-primary-z10;
+  @apply bg-primary-z5/40 text-primary-z10;
 }
 
 /* =============================================================================
@@ -60,15 +60,15 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toolbar-item] [data-toolbar-icon] {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }
 
 [data-style='glass'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
-	@apply text-surface-z9;
+  @apply text-surface-z9;
 }
 
 [data-style='glass'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
-	@apply text-primary-z7;
+  @apply text-primary-z7;
 }
 
 /* =============================================================================
@@ -76,9 +76,9 @@
    ============================================================================= */
 
 [data-style='glass'] [data-toolbar-separator] {
-	@apply bg-surface-z5/20;
+  @apply bg-surface-z5/20;
 }
 
 [data-style='glass'] [data-toolbar-divider] {
-	@apply bg-surface-z5/20;
+  @apply bg-surface-z5/20;
 }

package/src/glass/tree.css

@@ -9,7 +9,7 @@
    ============================================================================= */
 
 [data-style='glass'] [data-tree]:focus-within {
-	@apply ring-1 rounded ring-surface-z5/40;
+  @apply ring-surface-z5/40 rounded ring-1;
 }
 
 /* =============================================================================
@@ -17,11 +17,11 @@
    ============================================================================= */
 
 [data-style='glass'] [data-tree-toggle-btn] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='glass'] [data-tree-toggle-btn]:hover {
-	@apply text-surface-z7 bg-surface-z2/15;
+  @apply text-surface-z7 bg-surface-z2/15;
 }
 
 /* =============================================================================
@@ -29,26 +29,26 @@
    ============================================================================= */
 
 [data-style='glass'] [data-tree-item-content] {
-	@apply text-surface-z8;
+  @apply text-surface-z8;
 }
 
 [data-style='glass'] [data-tree-item-content]:hover:not(:disabled),
 [data-style='glass'] [data-tree-item-content]:focus:not(:disabled) {
-	@apply text-surface-z10 outline-none bg-surface-z2/15;
+  @apply text-surface-z10 bg-surface-z2/15 outline-none;
 }
 
 /* Focus visible for keyboard navigation */
 [data-style='glass'] [data-tree-item-content]:focus-visible {
-	@apply outline-none ring-1 ring-surface-z5/40;
+  @apply ring-surface-z5/40 ring-1 outline-none;
 }
 
 /* Active/selected state */
 [data-style='glass'] [data-tree-item-content][data-active='true'] {
-	@apply bg-primary-z5/30 text-primary-z9;
+  @apply bg-primary-z5/30 text-primary-z9;
 }
 
 [data-style='glass'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
-	@apply bg-primary-z5/40;
+  @apply bg-primary-z5/40;
 }
 
 /* =============================================================================
@@ -56,31 +56,31 @@
    ============================================================================= */
 
 [data-style='glass'] [data-tree-item-content] [data-item-icon] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='glass'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
-	@apply text-surface-z7;
+  @apply text-surface-z7;
 }
 
 [data-style='glass'] [data-tree-item-content][data-active='true'] [data-item-icon] {
-	@apply text-primary-z6;
+  @apply text-primary-z6;
 }
 
 [data-style='glass'] [data-tree-item-content] [data-item-description] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='glass'] [data-tree-item-content][data-active='true'] [data-item-description] {
-	@apply text-primary-z7;
+  @apply text-primary-z7;
 }
 
 [data-style='glass'] [data-tree-item-content] [data-item-badge] {
-	@apply text-surface-z6 bg-surface-z2/15;
+  @apply text-surface-z6 bg-surface-z2/15;
 }
 
 [data-style='glass'] [data-tree-item-content][data-active='true'] [data-item-badge] {
-	@apply text-primary-z8 bg-primary-z5/25;
+  @apply text-primary-z8 bg-primary-z5/25;
 }
 
 /* =============================================================================
@@ -88,17 +88,23 @@
    ============================================================================= */
 
 [data-style='glass'] [data-tree-node][data-selected='true'] [data-tree-node-row] {
-	@apply bg-primary-z5/20;
+  @apply bg-primary-z5/20;
 }
 
-[data-style='glass'] [data-tree]:focus-within [data-tree-node][data-selected='true'] [data-tree-node-row] {
-	@apply bg-primary-z5/30;
+[data-style='glass']
+  [data-tree]:focus-within
+  [data-tree-node][data-selected='true']
+  [data-tree-node-row] {
+  @apply bg-primary-z5/30;
 }
 
 [data-style='glass'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
-	@apply text-primary-z9;
+  @apply text-primary-z9;
 }
 
-[data-style='glass'] [data-tree-node][data-selected='true'] [data-tree-item-content] [data-item-icon] {
-	@apply text-primary-z6;
+[data-style='glass']
+  [data-tree-node][data-selected='true']
+  [data-tree-item-content]
+  [data-item-icon] {
+  @apply text-primary-z6;
 }

package/src/material/button.css

@@ -82,22 +82,23 @@
 
 [data-style='material'] [data-button][data-style='gradient'][data-variant='default'],
 [data-style='material'] [data-button][data-style='gradient']:not([data-variant]) {
-  @apply from-surface-z3 to-surface-z1 text-surface-z10 shadow-md bg-gradient-to-br;
+  @apply from-surface-z3 to-surface-z1 text-surface-z10 bg-gradient-to-br shadow-md;
 }
 
 [data-style='material'] [data-button][data-style='gradient'][data-variant='primary'] {
-  @apply from-primary-z5 to-primary-z3 text-on-primary shadow-md bg-gradient-to-br;
+  @apply from-primary-z5 to-primary-z3 text-on-primary bg-gradient-to-br shadow-md;
 }
 
 [data-style='material'] [data-button][data-style='gradient'][data-variant='secondary'] {
-  @apply from-secondary-z5 to-secondary-z3 text-on-secondary shadow-md bg-gradient-to-br;
+  @apply from-secondary-z5 to-secondary-z3 text-on-secondary bg-gradient-to-br shadow-md;
 }
 
 [data-style='material'] [data-button][data-style='gradient'][data-variant='danger'] {
-  @apply from-danger-z5 to-danger-z3 text-on-danger shadow-md bg-gradient-to-br;
+  @apply from-danger-z5 to-danger-z3 text-on-danger bg-gradient-to-br shadow-md;
 }
 
-[data-style='material'] [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
+[data-style='material']
+  [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
   filter: brightness(1.08);
   @apply shadow-lg;
 }
@@ -131,16 +132,19 @@
    Hover States
    ============================================================================= */
 
-[data-style='material'] [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
+[data-style='material']
+  [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
 [data-style='material'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
   @apply shadow-md;
 }
 
-[data-style='material'] [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
+[data-style='material']
+  [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
   @apply bg-surface-z1;
 }
 
-[data-style='material'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
+[data-style='material']
+  [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
   @apply bg-surface-z2;
 }
 

package/src/material/card.css

@@ -48,7 +48,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-card][data-card-interactive]:focus-visible {
-  @apply ring-primary-z4 outline-none ring-2 ring-offset-2;
+  @apply ring-primary-z4 ring-2 ring-offset-2 outline-none;
 }
 
 /* =============================================================================

package/src/material/input.css

@@ -19,7 +19,7 @@
 
 /* Input root: outlined border */
 [data-style='material'] [data-input-root] {
-  @apply flex items-center border border-surface-z4 rounded bg-transparent p-0 transition-all;
+  @apply border-surface-z4 flex items-center rounded border bg-transparent p-0 transition-all;
   background-image: none;
 }
 
@@ -33,10 +33,12 @@
 }
 
 /* Inputs inside wrapper */
-[data-style='material'] [data-input-root] input:not([type='checkbox'], [type='radio'], [type='color']),
+[data-style='material']
+  [data-input-root]
+  input:not([type='checkbox'], [type='radio'], [type='color']),
 [data-style='material'] [data-input-root] textarea,
 [data-style='material'] [data-input-root] select {
-  @apply bg-transparent text-surface-z9 w-full border-none px-3 py-2.5 outline-none transition-all;
+  @apply text-surface-z9 w-full border-none bg-transparent px-3 py-2.5 transition-all outline-none;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -47,18 +49,18 @@
 
 /* Select inside input-root */
 [data-style='material'] [data-input-root] [data-select-trigger] {
-  @apply bg-transparent text-surface-z9 border-none rounded px-3 shadow-none ring-0 focus:outline-none;
+  @apply text-surface-z9 rounded border-none bg-transparent px-3 shadow-none ring-0 focus:outline-none;
   font-size: 0.875rem;
 }
 
 /* Suppress standalone select open-state ring/border when inside input-root */
 [data-style='material'] [data-input-root] [data-select][data-open='true'] [data-select-trigger] {
-  @apply border-none ring-0 shadow-none;
+  @apply border-none shadow-none ring-0;
 }
 
 /* Labels: floating label effect (exclude checkbox — uses inline label) */
 [data-style='material'] [data-field-root]:not([data-field-type='checkbox']) [data-field] > label {
-  @apply text-surface-z5 text-sm absolute left-3 px-1 transition-all pointer-events-none;
+  @apply text-surface-z5 pointer-events-none absolute left-3 px-1 text-sm transition-all;
   top: 50%;
   transform: translateY(-50%);
   background: transparent;
@@ -66,8 +68,14 @@
 }
 
 /* Label floats up when input has focus or value */
-[data-style='material'] [data-field-root]:not([data-field-type='checkbox']) [data-field]:has([data-input-root]:focus-within) > label,
-[data-style='material'] [data-field-root]:not([data-field-type='checkbox']):not([data-field-empty='true']) [data-field] > label {
+[data-style='material']
+  [data-field-root]:not([data-field-type='checkbox'])
+  [data-field]:has([data-input-root]:focus-within)
+  > label,
+[data-style='material']
+  [data-field-root]:not([data-field-type='checkbox']):not([data-field-empty='true'])
+  [data-field]
+  > label {
   @apply text-xs;
   top: 0;
   transform: translateY(-50%);
@@ -75,7 +83,10 @@
   padding-inline: 0.25rem;
 }
 
-[data-style='material'] [data-field-root]:not([data-field-type='checkbox']) [data-field]:has([data-input-root]:focus-within) > label {
+[data-style='material']
+  [data-field-root]:not([data-field-type='checkbox'])
+  [data-field]:has([data-input-root]:focus-within)
+  > label {
   @apply text-primary-z5;
 }
 
@@ -105,7 +116,7 @@
 
 /* Disabled state */
 [data-style='material'] [data-field-disabled] [data-input-root] {
-  @apply border-surface-z3 bg-surface-z1 opacity-60 cursor-not-allowed;
+  @apply border-surface-z3 bg-surface-z1 cursor-not-allowed opacity-60;
 }
 
 /* Error state */
@@ -113,18 +124,21 @@
   @apply border-danger-z4;
 }
 
-[data-style='material'] [data-field-root]:not([data-field-type='checkbox'])[data-field-state='fail'] [data-field] > label {
+[data-style='material']
+  [data-field-root]:not([data-field-type='checkbox'])[data-field-state='fail']
+  [data-field]
+  > label {
   @apply text-danger-z4;
 }
 
 /* Description */
 [data-style='material'] [data-description] {
-  @apply text-surface-z5 mt-1 text-xs px-3;
+  @apply text-surface-z5 mt-1 px-3 text-xs;
 }
 
 /* Message */
 [data-style='material'] [data-message] {
-  @apply text-danger-z5 text-xs mt-1 px-3;
+  @apply text-danger-z5 mt-1 px-3 text-xs;
 }
 
 /* Checkbox */
@@ -132,7 +146,9 @@
   @apply text-surface-z5 text-lg;
 }
 
-[data-style='material'] [data-checkbox-root][data-variant='custom']:has(input:checked) [data-checkbox-icon] {
+[data-style='material']
+  [data-checkbox-root][data-variant='custom']:has(input:checked)
+  [data-checkbox-icon] {
   @apply text-primary-z5;
 }
 

package/src/material/list.css

@@ -9,7 +9,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-list]:focus-within {
-	@apply outline-none;
+  @apply outline-none;
 }
 
 /* =============================================================================
@@ -17,34 +17,38 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-item] {
-	@apply text-surface-z8;
+  @apply text-surface-z8;
 }
 
 [data-style='material'] [data-list] a[data-list-item],
 [data-style='material'] [data-list] button[data-list-item] {
-	@apply text-surface-z7;
+  @apply text-surface-z7;
 }
 
 /* Hover and focus (keyboard navigation) */
-[data-style='material'] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
-[data-style='material'] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
-	@apply bg-surface-z2 text-surface-z10 outline-none;
+[data-style='material']
+  [data-list]
+  [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
+[data-style='material']
+  [data-list]
+  [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
+  @apply bg-surface-z2 text-surface-z10 outline-none;
 }
 
 /* Active state — muted when list not focused */
 [data-style='material'] [data-list] [data-list-item][data-active='true'] {
-	@apply bg-surface-z2 text-primary-z9;
+  @apply bg-surface-z2 text-primary-z9;
 }
 
 /* Active state — full highlight when list has focus */
 [data-style='material'] [data-list]:focus-within [data-list-item][data-active='true'] {
-	@apply bg-primary-z2 text-primary-z9;
+  @apply bg-primary-z2 text-primary-z9;
 }
 
 /* Active + hover/focus */
 [data-style='material'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled),
 [data-style='material'] [data-list] [data-list-item][data-active='true']:focus:not(:disabled) {
-	@apply bg-primary-z3;
+  @apply bg-primary-z3;
 }
 
 /* =============================================================================
@@ -52,32 +56,32 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-item] [data-item-icon] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='material'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
 [data-style='material'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
-	@apply text-surface-z7;
+  @apply text-surface-z7;
 }
 
 [data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
-	@apply text-primary-z6;
+  @apply text-primary-z6;
 }
 
 [data-style='material'] [data-list] [data-list-item] [data-item-description] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
-	@apply text-primary-z7;
+  @apply text-primary-z7;
 }
 
 [data-style='material'] [data-list] [data-list-item] [data-item-badge] {
-	@apply text-surface-z6 bg-surface-z2 rounded-full;
+  @apply text-surface-z6 bg-surface-z2 rounded-full;
 }
 
 [data-style='material'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
-	@apply text-primary-z8 bg-primary-z2;
+  @apply text-primary-z8 bg-primary-z2;
 }
 
 /* =============================================================================
@@ -85,12 +89,12 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-group] {
-	@apply text-surface-z6 font-medium;
+  @apply text-surface-z6 font-medium;
 }
 
 [data-style='material'] [data-list] [data-list-group]:hover:not(:disabled),
 [data-style='material'] [data-list] [data-list-group]:focus:not(:disabled) {
-	@apply bg-surface-z3 text-surface-z8;
+  @apply bg-surface-z3 text-surface-z8;
 }
 
 /* =============================================================================
@@ -98,7 +102,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-separator] {
-	@apply bg-surface-z3;
+  @apply bg-surface-z3;
 }
 
 /* =============================================================================
@@ -106,17 +110,17 @@
    ============================================================================= */
 
 [data-style='material'] [data-list] [data-list-item][data-selected='true'] {
-	@apply bg-primary-z2 text-primary-z9;
+  @apply bg-primary-z2 text-primary-z9;
 }
 
 [data-style='material'] [data-list]:focus-within [data-list-item][data-selected='true'] {
-	@apply bg-primary-z2;
+  @apply bg-primary-z2;
 }
 
 [data-style='material'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
-	@apply bg-primary-z3;
+  @apply bg-primary-z3;
 }
 
 [data-style='material'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
-	@apply text-primary-z6;
+  @apply text-primary-z6;
 }