@evance/evance-ui 1.1.2 → 1.1.3

package/dist/cjs/evance-ui.css

@@ -12445,11 +12445,11 @@ table {
     /* General */
     --color-primary: #814EFA;
     /* Surfaces */
-    --surface-default: #FFFFFF /* neutral.0 */;
+    --surface-default: #f4f4f6 /* neutral.50 */;
     --surface-overlay: #FFFFFF /* neutral.0 */;
     --surface-overlay-shadow: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
     --surface-panel: #FFFFFF /* neutral.0 */;
-    --surface-sunken: #E8E9ED /* neutral.100 */;
+    --surface-sunken: #e8e9ed /* neutral.100 */;
     /* Backgrounds fills */
     --fill-brand: #7C4EFA26 /* purple.200A */;
     --fill-brand-hovered: #7C4EFA40 /* purple.300A */;
@@ -12469,15 +12469,15 @@ table {
     --fill-information-bold: #2A63EA /* blue.600 */;
     --fill-information-bold-hovered: #265BD5 /* blue.700 */;
     --fill-information-bold-pressed: #1E47A6 /* blue.800 */;
-    --fill-neutral: #052A800D /* neutral.200A */;
-    --fill-neutral-hovered: #0421661C /* neutral.300A */;
-    --fill-neutral-pressed: #03194D3B /* neutral.400A */;
-    --fill-neutral-bold: #8A8EA3 /* neutral.500 */;
-    --fill-neutral-bold-hovered: #71768E /* neutral.600 */;
-    --fill-neutral-bold-pressed: #5C6075 /* neutral.700 */;
+    --fill-neutral: #051a800f /* neutral.200A */;
+    --fill-neutral-hovered: #0414661f /* neutral.300A */;
+    --fill-neutral-pressed: #030f4d3d /* neutral.400A */;
+    --fill-neutral-bold: #8a8ea3 /* neutral.500 */;
+    --fill-neutral-bold-hovered: #70758f /* neutral.600 */;
+    --fill-neutral-bold-pressed: #5c6075 /* neutral.700 */;
     --fill-neutral-subtle: transparent;
-    --fill-neutral-subtle-hovered: #052A800D /* neutral.200A */;
-    --fill-neutral-subtle-pressed: #0421661C /* neutral.300A */;
+    --fill-neutral-subtle-hovered: #051a800f /* neutral.200A */;
+    --fill-neutral-subtle-pressed: #0414661f /* neutral.300A */;
     --fill-notice: #7C4EFA26 /* purple.200A */;
     --fill-notice-hovered: #7C4EFA40 /* purple.300A */;
     --fill-notice-pressed: #7C4EFA54 /* purple.400A */;
@@ -12502,15 +12502,15 @@ table {
     --fill-warning-bold: #FF8C21 /* orange.600 */;
     --fill-warning-bold-hovered: #E87F1E /* orange.700 */;
     --fill-warning-bold-pressed: #B56317 /* orange.800 */;
-    --fill-veil: #02113378 /* neutral.500A */;
-    --fill-inverse: #02113378 /* neutral.500A */;
+    --fill-veil: #020a337a /* neutral.500A */;
+    --fill-inverse: #020a337a /* neutral.500A */;
     --fill-inverse-hovered: #121317 /* dark-neutral.100 */;
-    --fill-inverse-pressed: #1B1C22 /* dark-neutral.200 */;
-    --fill-inverse-bold: #09090B /* dark-neutral.0 */;
+    --fill-inverse-pressed: #1b1c22 /* dark-neutral.200 */;
+    --fill-inverse-bold: #09090b /* dark-neutral.0 */;
     --fill-inverse-bold-hovered: #121317 /* dark-neutral.100 */;
-    --fill-inverse-bold-pressed: #1B1C22 /* dark-neutral.200 */;
+    --fill-inverse-bold-pressed: #1b1c22 /* dark-neutral.200 */;
     /* Text */
-    --eyebrow-default: #5C6075 /* neutral.700 */;
+    --eyebrow-default: #5c6075 /* neutral.700 */;
     --heading-default: #121317 /* neutral.1100 */;
     --heading-on-brand: #212945;
     --heading-on-brand-bold: #FFFFFF;
@@ -12526,11 +12526,11 @@ table {
     --heading-on-success-bold: #FFFFFF;
     --heading-on-warning: #212945;
     --heading-on-warning-bold: #FFFFFF;
-    --text-default: #363845 /* neutral.900 */;
+    --text-default: #363945 /* neutral.900 */;
     --text-brand: #7647E4 /* purple.700 */;
     --text-on-brand: #5D6788;
     --text-on-brand-bold: #F3F5F9;
-    --text-subtle: #5C6075 /* neutral.700 */;
+    --text-subtle: #5c6075 /* neutral.700 */;
     --text-danger: #DA3B3B /* red.700 */;
     --text-on-danger: #5D6788;
     --text-on-danger-bold: #F3F5F9;
@@ -12550,15 +12550,15 @@ table {
     --text-warning: #E87F1E /* orange.700 */;
     --text-on-warning: #5D6788;
     --text-on-warning-bold: #F3F5F9;
-    --text-inverse: #E8E9ED /* neutral.100 */;
+    --text-inverse: #e8e9ed /* neutral.100 */;
     --link-default: #814EFA /* purple.600 */;
     --link-hovered: #9873FF /* purple.500 */;
     --link-visited: #5C37B2 /* purple.800 */;
     /* Border strokes */
-    --stroke: #0421661C /* neutral.300A */;
+    --stroke: #0414661f /* neutral.300A */;
     --stroke-danger: #F04141 /* red.600 */;
     --stroke-focused: #814EFA /* purple.600 */;
-    --stroke-input: #0421661C /* neutral.300A */;
+    --stroke-input: #0414661f /* neutral.300A */;
     --stroke-muted: #091E4226;
     --stroke-selected: #814EFA /* purple.600 */;
     --stroke-success: #13AE84 /* green.600 */;
@@ -12571,7 +12571,7 @@ table {
     --scrollbar-thumb: #5D678846;
     --scrollbar-thumb-hover: #5D6788;
     /* Skeleton */
-    --skeleton-background: #0421661C /* neutral.300A */;
+    --skeleton-background: #0414661f /* neutral.300A */;
     --skeleton-animation-background: rgba(255, 255, 255, 0.4);
     /* Tooltips */
     --tooltip-color: #F3F5F9;
@@ -12584,11 +12584,11 @@ table {
     /* General */
     --color-primary: #9772FF;
     /* Surfaces */
-    --surface-default: #1B1C22 /* dark-neutral.200 */;
-    --surface-overlay: #24262E /* dark-neutral.300 */;
+    --surface-default: #121317 /* dark-neutral.100 */;
+    --surface-overlay: #24262e /* dark-neutral.300 */;
     --surface-overlay-shadow: 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
-    --surface-panel: #1B1C22 /* dark-neutral.200 */;
-    --surface-sunken: #121317 /* dark-neutral.100 */;
+    --surface-panel: #1b1c22 /* dark-neutral.200 */;
+    --surface-sunken: #0e0e11 /* dark-neutral.50 */;
     /* Backgrounds */
     --fill-brand: #7C4EFA26 /* purple.200A */;
     --fill-brand-hovered: #7C4EFA40 /* purple.300A */;
@@ -12608,15 +12608,15 @@ table {
     --fill-information-bold: #5583EE /* blue.500 */;
     --fill-information-bold-hovered: #7097F1 /* blue.400 */;
     --fill-information-bold-pressed: #9DB7F5 /* blue.300 */;
-    --fill-neutral: #A3A7CC14 /* dark-neutral.200A */;
-    --fill-neutral-hovered: #A3A7CC29 /* dark-neutral.300A */;
-    --fill-neutral-pressed: #A3A7CC47 /* dark-neutral.400A */;
-    --fill-neutral-bold: #484B5B /* dark-neutral.500 */;
-    --fill-neutral-bold-hovered: #5E6378 /* dark-neutral.600 */;
-    --fill-neutral-bold-pressed: #7C8098 /* dark-neutral.700 */;
+    --fill-neutral: #a2a9cd14 /* dark-neutral.200A */;
+    --fill-neutral-hovered: #a2a9cd29 /* dark-neutral.300A */;
+    --fill-neutral-pressed: #a2a9cd47 /* dark-neutral.400A */;
+    --fill-neutral-bold: #484b5b /* dark-neutral.500 */;
+    --fill-neutral-bold-hovered: #5e6278 /* dark-neutral.600 */;
+    --fill-neutral-bold-pressed: #7c8198 /* dark-neutral.700 */;
     --fill-neutral-subtle: transparent;
-    --fill-neutral-subtle-hovered: #A3A7CC14 /* dark-neutral.200A */;
-    --fill-neutral-subtle-pressed: #A3A7CC29 /* dark-neutral.300A */;
+    --fill-neutral-subtle-hovered: #a2a9cd14 /* dark-neutral.200A */;
+    --fill-neutral-subtle-pressed: #a2a9cd29 /* dark-neutral.300A */;
     --fill-notice: #7C4EFA26 /* purple.200A */;
     --fill-notice-hovered: #7C4EFA40 /* purple.300A */;
     --fill-notice-pressed: #7C4EFA54 /* purple.400A */;
@@ -12642,15 +12642,15 @@ table {
     --fill-warning-bold-hovered: #FFCA99 /* orange.300 */;
     --fill-warning-bold-pressed: #FFDBBA /* orange.200 */;
     --fill-veil: #0E0E1199;
-    --fill-inverse: #A3A7CC80 /* dark-neutral.500A */;
-    --fill-inverse-hovered: #E8E9ED /* neutral.100 */;
-    --fill-inverse-pressed: #D1D3DB /* neutral.200 */;
+    --fill-inverse: #a2a9cd80 /* dark-neutral.500A */;
+    --fill-inverse-hovered: #e8e9ed /* neutral.100 */;
+    --fill-inverse-pressed: #d1d3db /* neutral.200 */;
     --fill-inverse-bold: #FFFFFF /* neutral.0 */;
-    --fill-inverse-bold-hovered: #E8E9ED /* neutral.100 */;
-    --fill-inverse-bold-pressed: #D1D3DB /* neutral.200 */;
+    --fill-inverse-bold-hovered: #e8e9ed /* neutral.100 */;
+    --fill-inverse-bold-pressed: #d1d3db /* neutral.200 */;
     /* Text */
-    --eyebrow-default: #7C8098 /* dark-neutral.700 */;
-    --heading-default: #F3F3F5 /* dark-neutral.1100 */;
+    --eyebrow-default: #7c8198 /* dark-neutral.700 */;
+    --heading-default: #f3f3f5 /* dark-neutral.1100 */;
     --heading-on-brand: #d2cce5;
     --heading-on-brand-bold: #181724;
     --heading-on-danger: #ead7df;
@@ -12665,11 +12665,11 @@ table {
     --heading-on-success-bold: #181724;
     --heading-on-warning: #e7e2d9;
     --heading-on-warning-bold: #181724;
-    --text-default: #B8BAC7 /* dark-neutral.900 */;
+    --text-default: #b8bbc7 /* dark-neutral.900 */;
     --text-brand: #AF93FD /* purple.400 */;
     --text-on-brand: #a59dc3;
     --text-on-brand-bold: #181724;
-    --text-subtle: #7C8098 /* dark-neutral.700 */;
+    --text-subtle: #7c8198 /* dark-neutral.700 */;
     --text-danger: #F58080 /* red.400 */;
     --text-on-danger: #cda2b4;
     --text-on-danger-bold: #181724;
@@ -12694,10 +12694,10 @@ table {
     --link-visited: #814EFA /* purple.600 */;
     --text-inverse: #121317 /* dark-neutral.100 */;
     /* Borders */
-    --stroke: #A3A7CC29 /* dark-neutral.300A */;
+    --stroke: #a2a9cd29 /* dark-neutral.300A */;
     --stroke-danger: #F36767 /* red.500 */;
     --stroke-focused: #9873FF /* purple.500 */;
-    --stroke-input: #A3A7CC47 /* dark-neutral.400A */;
+    --stroke-input: #a2a9cd47 /* dark-neutral.400A */;
     --stroke-muted: #BCD6F01F;
     --stroke-selected: #9873FF /* purple.500 */;
     --stroke-success: #2BC29A /* green.500 */;
@@ -12710,11 +12710,11 @@ table {
     --scrollbar-thumb: #A0A6BC46;
     --scrollbar-thumb-hover: #A0A6BC;
     /* Skeleton */
-    --skeleton-background: #A3A7CC29 /* dark-neutral.300A */;
+    --skeleton-background: #a2a9cd29 /* dark-neutral.300A */;
     --skeleton-animation-background: rgba(255, 255, 255, 0.075);
     /* Tooltips */
     --tooltip-color: #bec6d4;
-    --tooltip-background: #2D2F39 /* dark-neutral.400 */;
+    --tooltip-background: #2d2f39 /* dark-neutral.400 */;
     --tooltip-shadow: none;
   }
 }
@@ -12722,11 +12722,11 @@ table {
   /* General */
   --color-primary: #814EFA;
   /* Surfaces */
-  --surface-default: #FFFFFF /* neutral.0 */;
+  --surface-default: #f4f4f6 /* neutral.50 */;
   --surface-overlay: #FFFFFF /* neutral.0 */;
   --surface-overlay-shadow: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
   --surface-panel: #FFFFFF /* neutral.0 */;
-  --surface-sunken: #E8E9ED /* neutral.100 */;
+  --surface-sunken: #e8e9ed /* neutral.100 */;
   /* Backgrounds fills */
   --fill-brand: #7C4EFA26 /* purple.200A */;
   --fill-brand-hovered: #7C4EFA40 /* purple.300A */;
@@ -12746,15 +12746,15 @@ table {
   --fill-information-bold: #2A63EA /* blue.600 */;
   --fill-information-bold-hovered: #265BD5 /* blue.700 */;
   --fill-information-bold-pressed: #1E47A6 /* blue.800 */;
-  --fill-neutral: #052A800D /* neutral.200A */;
-  --fill-neutral-hovered: #0421661C /* neutral.300A */;
-  --fill-neutral-pressed: #03194D3B /* neutral.400A */;
-  --fill-neutral-bold: #8A8EA3 /* neutral.500 */;
-  --fill-neutral-bold-hovered: #71768E /* neutral.600 */;
-  --fill-neutral-bold-pressed: #5C6075 /* neutral.700 */;
+  --fill-neutral: #051a800f /* neutral.200A */;
+  --fill-neutral-hovered: #0414661f /* neutral.300A */;
+  --fill-neutral-pressed: #030f4d3d /* neutral.400A */;
+  --fill-neutral-bold: #8a8ea3 /* neutral.500 */;
+  --fill-neutral-bold-hovered: #70758f /* neutral.600 */;
+  --fill-neutral-bold-pressed: #5c6075 /* neutral.700 */;
   --fill-neutral-subtle: transparent;
-  --fill-neutral-subtle-hovered: #052A800D /* neutral.200A */;
-  --fill-neutral-subtle-pressed: #0421661C /* neutral.300A */;
+  --fill-neutral-subtle-hovered: #051a800f /* neutral.200A */;
+  --fill-neutral-subtle-pressed: #0414661f /* neutral.300A */;
   --fill-notice: #7C4EFA26 /* purple.200A */;
   --fill-notice-hovered: #7C4EFA40 /* purple.300A */;
   --fill-notice-pressed: #7C4EFA54 /* purple.400A */;
@@ -12779,15 +12779,15 @@ table {
   --fill-warning-bold: #FF8C21 /* orange.600 */;
   --fill-warning-bold-hovered: #E87F1E /* orange.700 */;
   --fill-warning-bold-pressed: #B56317 /* orange.800 */;
-  --fill-veil: #02113378 /* neutral.500A */;
-  --fill-inverse: #02113378 /* neutral.500A */;
+  --fill-veil: #020a337a /* neutral.500A */;
+  --fill-inverse: #020a337a /* neutral.500A */;
   --fill-inverse-hovered: #121317 /* dark-neutral.100 */;
-  --fill-inverse-pressed: #1B1C22 /* dark-neutral.200 */;
-  --fill-inverse-bold: #09090B /* dark-neutral.0 */;
+  --fill-inverse-pressed: #1b1c22 /* dark-neutral.200 */;
+  --fill-inverse-bold: #09090b /* dark-neutral.0 */;
   --fill-inverse-bold-hovered: #121317 /* dark-neutral.100 */;
-  --fill-inverse-bold-pressed: #1B1C22 /* dark-neutral.200 */;
+  --fill-inverse-bold-pressed: #1b1c22 /* dark-neutral.200 */;
   /* Text */
-  --eyebrow-default: #5C6075 /* neutral.700 */;
+  --eyebrow-default: #5c6075 /* neutral.700 */;
   --heading-default: #121317 /* neutral.1100 */;
   --heading-on-brand: #212945;
   --heading-on-brand-bold: #FFFFFF;
@@ -12803,11 +12803,11 @@ table {
   --heading-on-success-bold: #FFFFFF;
   --heading-on-warning: #212945;
   --heading-on-warning-bold: #FFFFFF;
-  --text-default: #363845 /* neutral.900 */;
+  --text-default: #363945 /* neutral.900 */;
   --text-brand: #7647E4 /* purple.700 */;
   --text-on-brand: #5D6788;
   --text-on-brand-bold: #F3F5F9;
-  --text-subtle: #5C6075 /* neutral.700 */;
+  --text-subtle: #5c6075 /* neutral.700 */;
   --text-danger: #DA3B3B /* red.700 */;
   --text-on-danger: #5D6788;
   --text-on-danger-bold: #F3F5F9;
@@ -12827,15 +12827,15 @@ table {
   --text-warning: #E87F1E /* orange.700 */;
   --text-on-warning: #5D6788;
   --text-on-warning-bold: #F3F5F9;
-  --text-inverse: #E8E9ED /* neutral.100 */;
+  --text-inverse: #e8e9ed /* neutral.100 */;
   --link-default: #814EFA /* purple.600 */;
   --link-hovered: #9873FF /* purple.500 */;
   --link-visited: #5C37B2 /* purple.800 */;
   /* Border strokes */
-  --stroke: #0421661C /* neutral.300A */;
+  --stroke: #0414661f /* neutral.300A */;
   --stroke-danger: #F04141 /* red.600 */;
   --stroke-focused: #814EFA /* purple.600 */;
-  --stroke-input: #0421661C /* neutral.300A */;
+  --stroke-input: #0414661f /* neutral.300A */;
   --stroke-muted: #091E4226;
   --stroke-selected: #814EFA /* purple.600 */;
   --stroke-success: #13AE84 /* green.600 */;
@@ -12848,7 +12848,7 @@ table {
   --scrollbar-thumb: #5D678846;
   --scrollbar-thumb-hover: #5D6788;
   /* Skeleton */
-  --skeleton-background: #0421661C /* neutral.300A */;
+  --skeleton-background: #0414661f /* neutral.300A */;
   --skeleton-animation-background: rgba(255, 255, 255, 0.4);
   /* Tooltips */
   --tooltip-color: #F3F5F9;
@@ -12860,11 +12860,11 @@ table {
   /* General */
   --color-primary: #9772FF;
   /* Surfaces */
-  --surface-default: #1B1C22 /* dark-neutral.200 */;
-  --surface-overlay: #24262E /* dark-neutral.300 */;
+  --surface-default: #121317 /* dark-neutral.100 */;
+  --surface-overlay: #24262e /* dark-neutral.300 */;
   --surface-overlay-shadow: 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
-  --surface-panel: #1B1C22 /* dark-neutral.200 */;
-  --surface-sunken: #121317 /* dark-neutral.100 */;
+  --surface-panel: #1b1c22 /* dark-neutral.200 */;
+  --surface-sunken: #0e0e11 /* dark-neutral.50 */;
   /* Backgrounds */
   --fill-brand: #7C4EFA26 /* purple.200A */;
   --fill-brand-hovered: #7C4EFA40 /* purple.300A */;
@@ -12884,15 +12884,15 @@ table {
   --fill-information-bold: #5583EE /* blue.500 */;
   --fill-information-bold-hovered: #7097F1 /* blue.400 */;
   --fill-information-bold-pressed: #9DB7F5 /* blue.300 */;
-  --fill-neutral: #A3A7CC14 /* dark-neutral.200A */;
-  --fill-neutral-hovered: #A3A7CC29 /* dark-neutral.300A */;
-  --fill-neutral-pressed: #A3A7CC47 /* dark-neutral.400A */;
-  --fill-neutral-bold: #484B5B /* dark-neutral.500 */;
-  --fill-neutral-bold-hovered: #5E6378 /* dark-neutral.600 */;
-  --fill-neutral-bold-pressed: #7C8098 /* dark-neutral.700 */;
+  --fill-neutral: #a2a9cd14 /* dark-neutral.200A */;
+  --fill-neutral-hovered: #a2a9cd29 /* dark-neutral.300A */;
+  --fill-neutral-pressed: #a2a9cd47 /* dark-neutral.400A */;
+  --fill-neutral-bold: #484b5b /* dark-neutral.500 */;
+  --fill-neutral-bold-hovered: #5e6278 /* dark-neutral.600 */;
+  --fill-neutral-bold-pressed: #7c8198 /* dark-neutral.700 */;
   --fill-neutral-subtle: transparent;
-  --fill-neutral-subtle-hovered: #A3A7CC14 /* dark-neutral.200A */;
-  --fill-neutral-subtle-pressed: #A3A7CC29 /* dark-neutral.300A */;
+  --fill-neutral-subtle-hovered: #a2a9cd14 /* dark-neutral.200A */;
+  --fill-neutral-subtle-pressed: #a2a9cd29 /* dark-neutral.300A */;
   --fill-notice: #7C4EFA26 /* purple.200A */;
   --fill-notice-hovered: #7C4EFA40 /* purple.300A */;
   --fill-notice-pressed: #7C4EFA54 /* purple.400A */;
@@ -12918,15 +12918,15 @@ table {
   --fill-warning-bold-hovered: #FFCA99 /* orange.300 */;
   --fill-warning-bold-pressed: #FFDBBA /* orange.200 */;
   --fill-veil: #0E0E1199;
-  --fill-inverse: #A3A7CC80 /* dark-neutral.500A */;
-  --fill-inverse-hovered: #E8E9ED /* neutral.100 */;
-  --fill-inverse-pressed: #D1D3DB /* neutral.200 */;
+  --fill-inverse: #a2a9cd80 /* dark-neutral.500A */;
+  --fill-inverse-hovered: #e8e9ed /* neutral.100 */;
+  --fill-inverse-pressed: #d1d3db /* neutral.200 */;
   --fill-inverse-bold: #FFFFFF /* neutral.0 */;
-  --fill-inverse-bold-hovered: #E8E9ED /* neutral.100 */;
-  --fill-inverse-bold-pressed: #D1D3DB /* neutral.200 */;
+  --fill-inverse-bold-hovered: #e8e9ed /* neutral.100 */;
+  --fill-inverse-bold-pressed: #d1d3db /* neutral.200 */;
   /* Text */
-  --eyebrow-default: #7C8098 /* dark-neutral.700 */;
-  --heading-default: #F3F3F5 /* dark-neutral.1100 */;
+  --eyebrow-default: #7c8198 /* dark-neutral.700 */;
+  --heading-default: #f3f3f5 /* dark-neutral.1100 */;
   --heading-on-brand: #d2cce5;
   --heading-on-brand-bold: #181724;
   --heading-on-danger: #ead7df;
@@ -12941,11 +12941,11 @@ table {
   --heading-on-success-bold: #181724;
   --heading-on-warning: #e7e2d9;
   --heading-on-warning-bold: #181724;
-  --text-default: #B8BAC7 /* dark-neutral.900 */;
+  --text-default: #b8bbc7 /* dark-neutral.900 */;
   --text-brand: #AF93FD /* purple.400 */;
   --text-on-brand: #a59dc3;
   --text-on-brand-bold: #181724;
-  --text-subtle: #7C8098 /* dark-neutral.700 */;
+  --text-subtle: #7c8198 /* dark-neutral.700 */;
   --text-danger: #F58080 /* red.400 */;
   --text-on-danger: #cda2b4;
   --text-on-danger-bold: #181724;
@@ -12970,10 +12970,10 @@ table {
   --link-visited: #814EFA /* purple.600 */;
   --text-inverse: #121317 /* dark-neutral.100 */;
   /* Borders */
-  --stroke: #A3A7CC29 /* dark-neutral.300A */;
+  --stroke: #a2a9cd29 /* dark-neutral.300A */;
   --stroke-danger: #F36767 /* red.500 */;
   --stroke-focused: #9873FF /* purple.500 */;
-  --stroke-input: #A3A7CC47 /* dark-neutral.400A */;
+  --stroke-input: #a2a9cd47 /* dark-neutral.400A */;
   --stroke-muted: #BCD6F01F;
   --stroke-selected: #9873FF /* purple.500 */;
   --stroke-success: #2BC29A /* green.500 */;
@@ -12986,11 +12986,11 @@ table {
   --scrollbar-thumb: #A0A6BC46;
   --scrollbar-thumb-hover: #A0A6BC;
   /* Skeleton */
-  --skeleton-background: #A3A7CC29 /* dark-neutral.300A */;
+  --skeleton-background: #a2a9cd29 /* dark-neutral.300A */;
   --skeleton-animation-background: rgba(255, 255, 255, 0.075);
   /* Tooltips */
   --tooltip-color: #bec6d4;
-  --tooltip-background: #2D2F39 /* dark-neutral.400 */;
+  --tooltip-background: #2d2f39 /* dark-neutral.400 */;
   --tooltip-shadow: none;
   color: var(--text-default);
 }
@@ -13495,6 +13495,65 @@ input::placeholder, textarea::placeholder {
 }
 .scale-rotate-transition-enter-active, .scale-rotate-transition-leave-active {
   transition-property: transform, opacity !important;
+}@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter/Inter-Medium.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter/Inter-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter/Inter-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/JetBrainsMono/JetBrainsMono-Medium.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+:root {
+  --typeface: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
+  --typeface-monospace: "JetBrains Mono", ui-monospace, Menlo, Monaco, "Cascadia Code", "Segoe UI Mono", "Roboto Mono", "Ubuntu Monospace", "Courier New", monospace;
 }.ev-application {
   display: flex;
   background: var(--surface-default);
@@ -15607,6 +15666,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   flex-direction: column;
   gap: 2px;
   padding: 2px;
+  margin: 0;
 }
 
 .ev-list[disabled], .ev-list.is-disabled {
@@ -15616,10 +15676,29 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   user-select: none;
 }/* Default */
 .ev-list-item {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.ev-list-item-children {
+  padding: 0;
+  margin: 0;
+  transition: height 0.25s ease-in-out;
+  padding-inline-start: var(--spacer-200);
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.ev-list-item-content {
   --list-item-height: var(--input-height-medium);
   display: grid;
-  grid-template-areas: "icon-start prefix content suffix actions icon-end";
-  grid-template-columns: minmax(0, auto) minmax(0, auto) 1fr minmax(0, auto) minmax(0, auto) minmax(0, auto);
+  grid-template-areas: "caret icon-start prefix content suffix actions icon-end";
+  grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr minmax(0, auto) minmax(0, auto) minmax(0, auto);
   grid-template-rows: 1fr;
   user-select: none;
   align-items: center;
@@ -15627,56 +15706,61 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   border-radius: var(--input-radius);
   transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
   outline: 0;
+  padding-inline: 5px;
 }
-.ev-list-item a:link,
-.ev-list-item a:visited,
-.ev-list-item a:active {
+.ev-list-item-content a:link,
+.ev-list-item-content a:visited,
+.ev-list-item-content a:active {
   color: inherit;
   font-weight: var(--text-weight);
   text-decoration: none;
 }
-.ev-list-item.is-clickable:hover {
+.ev-list-item-content.is-clickable:hover {
   color: inherit;
   background: var(--fill-neutral);
 }
-.ev-list-item.is-clickable:hover a {
+.ev-list-item-content.is-clickable:hover a {
   color: inherit;
   text-decoration: none;
 }
-.ev-list-item > * {
+.ev-list-item-content > * {
   width: min-content;
 }
 
-.ev-list-item.is-clickable {
+.ev-list-item-content.is-clickable {
   cursor: pointer;
 }
 
-.ev-list-item[disabled], .ev-list-item.is-disabled {
+.ev-list-item-content[disabled], .ev-list-item-content.is-disabled {
   pointer-events: none;
   opacity: 0.5;
   filter: grayscale(0.5);
   user-select: none;
 }
 
-.ev-list-item > *:last-child:has(.ev-button) {
-  margin-right: 6px;
-}
-.ev-list-item > *:nth-child(2):has(.ev-button) {
-  margin-left: 4px;
-  margin-right: -8px;
-}
-
-.ev-list-item--icon-start, .ev-list-item--prefix {
+.ev-list-item--caret, .ev-list-item--icon-start, .ev-list-item--prefix {
   display: inline-flex;
-  margin-left: 8px;
-  margin-right: -4px;
   min-height: var(--list-item-height);
   align-items: center;
 }
-.ev-list-item--icon-start:not(:has(button, a)), .ev-list-item--prefix:not(:has(button, a)) {
+.ev-list-item--caret:not(:has(button, a)), .ev-list-item--icon-start:not(:has(button, a)), .ev-list-item--prefix:not(:has(button, a)) {
   pointer-events: none;
 }
 
+.ev-list-item--caret {
+  grid-area: caret;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--input-height-x-small, 32px);
+}
+
+.ev-list-item-content > .ev-list-item--caret .ev-icon {
+  transition: transform 0.25s ease-in-out;
+}
+.ev-list-item-content.is-open > .ev-list-item--caret .ev-icon {
+  transform: rotate(90deg);
+}
+
 .ev-list-item--icon-start {
   grid-area: icon-start;
   align-items: center;
@@ -15695,28 +15779,25 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   grid-template-columns: subgrid;
   position: relative;
   border-radius: var(--input-radius);
-  padding-block: 8px;
+  padding: 8px;
+  margin-inline: -5px;
 }
 .ev-list-item--button:focus-visible {
   color: inherit;
   background: var(--fill-neutral);
   text-decoration: none;
-}
-.ev-list-item--button:focus-visible {
   outline: 2px solid var(--stroke-focused);
   outline-offset: 2px;
 }
 
-.ev-list-item--content {
+.ev-list-item--label {
   grid-area: content;
-  margin-inline: 16px;
+  margin-inline: 12px;
   min-width: 0;
 }
 
 .ev-list-item--suffix, .ev-list-item--actions, .ev-list-item--icon-end {
   display: inline-flex;
-  margin-left: -4px;
-  margin-right: 8px;
   min-height: var(--list-item-height);
   align-items: center;
 }
@@ -15738,7 +15819,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   display: inline-flex;
 }
 
-.ev-list-item.is-actions-on-hover:hover .ev-list-item--suffix {
+.ev-list-item-content.is-actions-on-hover:hover .ev-list-item--suffix {
   display: none;
 }
 
@@ -15773,26 +15854,41 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   will-change: transform;
 }
 
-.ev-list-item.is-active {
+.ev-list-item-content.is-active {
   color: var(--text-selected);
 }
-.ev-list-item.is-active.is-clickable:hover {
+.ev-list-item-content.is-active.is-clickable:hover {
   color: var(--text-selected);
   background: var(--fill-selected);
 }
-.ev-list-item.is-active--exact {
+.ev-list-item-content.is-active--exact {
   color: var(--text-selected);
   background: var(--fill-selected);
 }
-.ev-list-item.is-active--exact.is-clickable:hover {
+.ev-list-item-content.is-active--exact.is-clickable:hover {
   color: var(--text-selected);
   background: var(--fill-selected-hovered);
 }
-.ev-list-item.is-active--exact .ev-list-item--indicator {
+.ev-list-item-content.is-active--exact .ev-list-item--indicator {
   opacity: 1;
 }
-.ev-list-item.is-active--exact .ev-list-item--indicator:before {
+.ev-list-item-content.is-active--exact .ev-list-item--indicator:before {
   transform: translateX(0);
+}.ev-section {
+  flex-shrink: 0;
+}
+.ev-section:after, .ev-section:before {
+  display: block;
+  height: 6px;
+  content: "";
+}
+
+.ev-section .ev-section--heading {
+  margin-block: var(--spacer-250) var(--spacer-75);
+  margin-inline: var(--spacer-200);
+}
+.ev-section .ev-section--heading:first-of-type {
+  margin-block-start: var(--spacer-150);
 }.ev-menu > .ev-overlay--content {
   border-radius: var(--rounded-small);
   display: flex;
@@ -15857,21 +15953,6 @@ html.ev-overlay-scroll-blocked {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-}.ev-section {
-  flex-shrink: 0;
-}
-.ev-section:after, .ev-section:before {
-  display: block;
-  height: 6px;
-  content: "";
-}
-
-.ev-section .ev-section--heading {
-  margin-block: var(--spacer-250) var(--spacer-75);
-  margin-inline: var(--spacer-200);
-}
-.ev-section .ev-section--heading:first-of-type {
-  margin-block-start: var(--spacer-150);
 }.ev-slide-group {
   display: flex;
   overflow: hidden;
@@ -20424,33 +20505,6 @@ html.ev-overlay-scroll-blocked {
 .ev-edit-on-click--clickable:hover {
   background: var(--current-surface-fill);
   border: var(--input-border);
-}.ev-list-group {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.ev-list-group__expander .ev-icon.is-expander-chevron {
-  transition: transform 0.2s ease-in-out;
-}
-.ev-list-group__expander.is-expanded .ev-icon.is-expander-chevron {
-  transform: rotate(90deg);
-}
-
-.ev-list-group__indicator {
-  display: inline-flex;
-  width: var(--input-height-x-small);
-  height: var(--input-height-x-small);
-  align-items: center;
-  justify-content: center;
-}
-
-.ev-list-group__items {
-  transition: height 0.25s ease-in-out;
-  padding-inline-start: var(--spacer-200);
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
 }.ev-swatch {
   width: 2rem;
   aspect-ratio: 1;