@texturehq/edges 0.1.5 → 0.1.7

package/dist/styles.css

@@ -217,9 +217,15 @@
   }
 }
 @layer utilities {
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
+  .collapse {
+    visibility: collapse;
+  }
   .invisible {
     visibility: hidden;
   }
@@ -270,6 +276,9 @@
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
+  .top-2 {
+    top: calc(0.25rem * 2);
+  }
   .-right-2 {
     right: calc(0.25rem * -2);
   }
@@ -372,6 +381,9 @@
   .mb-2 {
     margin-bottom: calc(0.25rem * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(0.25rem * 3);
+  }
   .mb-4 {
     margin-bottom: calc(0.25rem * 4);
   }
@@ -483,6 +495,12 @@
   .h-px {
     height: 1px;
   }
+  .max-h-48 {
+    max-height: calc(0.25rem * 48);
+  }
+  .max-h-\[300px\] {
+    max-height: 300px;
+  }
   .max-h-\[inherit\] {
     max-height: inherit;
   }
@@ -553,15 +571,15 @@
   .w-full {
     width: 100%;
   }
+  .max-w-4xl {
+    max-width: 56rem;
+  }
   .max-w-\[200px\] {
     max-width: 200px;
   }
   .max-w-\[250px\] {
     max-width: 250px;
   }
-  .max-w-\[400px\] {
-    max-width: 400px;
-  }
   .max-w-full {
     max-width: 100%;
   }
@@ -577,6 +595,9 @@
   .max-w-xl {
     max-width: 36rem;
   }
+  .max-w-xs {
+    max-width: 20rem;
+  }
   .min-w-0 {
     min-width: calc(0.25rem * 0);
   }
@@ -589,15 +610,9 @@
   .min-w-\[150px\] {
     min-width: 150px;
   }
-  .min-w-\[200px\] {
-    min-width: 200px;
-  }
   .min-w-\[208px\] {
     min-width: 208px;
   }
-  .min-w-\[var\(--trigger-width\)\] {
-    min-width: var(--trigger-width);
-  }
   .flex-1 {
     flex: 1;
   }
@@ -646,6 +661,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .cursor-text {
+    cursor: text;
+  }
   .resize {
     resize: both;
   }
@@ -710,6 +728,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .\!gap-1 {
+    gap: calc(0.25rem * 1) !important;
+  }
   .gap-0 {
     gap: calc(0.25rem * 0);
   }
@@ -719,6 +740,9 @@
   .gap-1 {
     gap: calc(0.25rem * 1);
   }
+  .gap-1\.5 {
+    gap: calc(0.25rem * 1.5);
+  }
   .gap-2 {
     gap: calc(0.25rem * 2);
   }
@@ -761,6 +785,13 @@
   .gap-\[var\(--control-gap-xl\)\] {
     gap: var(--control-gap-xl);
   }
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -848,6 +879,9 @@
   .overscroll-contain {
     overscroll-behavior: contain;
   }
+  .\!rounded-md {
+    border-radius: 0.375rem !important;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -949,12 +983,21 @@
   .border-action-primary {
     border-color: #444ae1;
   }
+  .border-action-primary\/20 {
+    border-color: color-mix(in oklab, #444ae1 20%, transparent);
+  }
+  .border-blue-200 {
+    border-color: oklch(0.882 0.059 254.128);
+  }
   .border-border-default {
     border-color: #e5e7eb;
   }
   .border-border-input {
     border-color: #d1d5db;
   }
+  .border-border-input\/20 {
+    border-color: color-mix(in oklab, #d1d5db 20%, transparent);
+  }
   .border-border-muted {
     border-color: #e5e7eb;
   }
@@ -977,13 +1020,13 @@
     border-color: #ef4444;
   }
   .border-gray-100 {
-    border-color: var(--gray-100);
+    border-color: oklch(0.967 0.003 264.542);
   }
   .border-gray-200 {
-    border-color: var(--gray-200);
+    border-color: oklch(0.928 0.006 264.531);
   }
   .border-gray-300 {
-    border-color: var(--gray-300);
+    border-color: oklch(0.872 0.01 258.338);
   }
   .border-green-200 {
     border-color: oklch(0.925 0.084 155.995);
@@ -995,7 +1038,7 @@
     border-color: oklch(0.885 0.062 18.334);
   }
   .border-slate-800 {
-    border-color: var(--slate-800);
+    border-color: oklch(0.279 0.041 260.031);
   }
   .border-text-body {
     border-color: #333333;
@@ -1027,6 +1070,9 @@
   .bg-action-primary {
     background-color: #444ae1;
   }
+  .bg-action-primary\/10 {
+    background-color: color-mix(in oklab, #444ae1 10%, transparent);
+  }
   .bg-background-hover {
     background-color: #f3f4f6;
   }
@@ -1039,6 +1085,9 @@
   .bg-background-muted\/30 {
     background-color: color-mix(in oklab, #f3f4f6 30%, transparent);
   }
+  .bg-background-selected {
+    background-color: #d1d5db;
+  }
   .bg-background-surface {
     background-color: #ffffff;
   }
@@ -1051,6 +1100,9 @@
   .bg-blue-50 {
     background-color: oklch(0.97 0.014 254.604);
   }
+  .bg-blue-100 {
+    background-color: oklch(0.932 0.032 255.585);
+  }
   .bg-blue-500 {
     background-color: oklch(0.623 0.214 259.815);
   }
@@ -1073,25 +1125,22 @@
     background-color: #d1fae5;
   }
   .bg-gray-50 {
-    background-color: var(--gray-50);
+    background-color: oklch(0.985 0.002 247.839);
   }
   .bg-gray-100 {
-    background-color: var(--gray-100);
+    background-color: oklch(0.967 0.003 264.542);
   }
   .bg-gray-100\/60 {
-    background-color: var(--gray-100);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--gray-100) 60%, transparent);
-    }
+    background-color: color-mix(in oklab, oklch(0.967 0.003 264.542) 60%, transparent);
   }
   .bg-gray-200 {
-    background-color: var(--gray-200);
+    background-color: oklch(0.928 0.006 264.531);
   }
   .bg-gray-400 {
-    background-color: var(--gray-400);
+    background-color: oklch(0.707 0.022 261.325);
   }
   .bg-gray-700 {
-    background-color: var(--gray-700);
+    background-color: oklch(0.373 0.034 259.733);
   }
   .bg-gray-light {
     background-color: #e5e7eb;
@@ -1118,7 +1167,7 @@
     background-color: oklch(0.577 0.245 27.325);
   }
   .bg-slate-700 {
-    background-color: var(--slate-700);
+    background-color: oklch(0.372 0.044 257.287);
   }
   .bg-text-body {
     background-color: #333333;
@@ -1168,7 +1217,7 @@
     fill: #333333;
   }
   .fill-slate-700 {
-    fill: var(--slate-700);
+    fill: oklch(0.372 0.044 257.287);
   }
   .fill-white {
     fill: var(--color-neutral-white);
@@ -1180,7 +1229,7 @@
     }
   }
   .stroke-gray-800 {
-    stroke: var(--gray-800);
+    stroke: oklch(0.278 0.033 256.848);
   }
   .stroke-1 {
     stroke-width: 1;
@@ -1215,6 +1264,9 @@
   .p-\[1rem\] {
     padding: 1rem;
   }
+  .\!px-1\.5 {
+    padding-inline: calc(0.25rem * 1.5) !important;
+  }
   .\!px-2 {
     padding-inline: calc(0.25rem * 2) !important;
   }
@@ -1224,6 +1276,9 @@
   .px-1 {
     padding-inline: calc(0.25rem * 1);
   }
+  .px-1\.5 {
+    padding-inline: calc(0.25rem * 1.5);
+  }
   .px-2 {
     padding-inline: calc(0.25rem * 2);
   }
@@ -1251,6 +1306,9 @@
   .px-px {
     padding-inline: 1px;
   }
+  .\!py-0\.5 {
+    padding-block: calc(0.25rem * 0.5) !important;
+  }
   .py-0\.5 {
     padding-block: calc(0.25rem * 0.5);
   }
@@ -1263,6 +1321,9 @@
   .py-2 {
     padding-block: calc(0.25rem * 2);
   }
+  .py-2\.5 {
+    padding-block: calc(0.25rem * 2.5);
+  }
   .py-3 {
     padding-block: calc(0.25rem * 3);
   }
@@ -1335,12 +1396,19 @@
   .text-start {
     text-align: start;
   }
+  .align-baseline {
+    vertical-align: baseline;
+  }
   .align-middle {
     vertical-align: middle;
   }
   .font-mono {
     font-family: "Fira Code", monospace;
   }
+  .\!text-xs {
+    font-size: 0.75rem !important;
+    line-height: var(--tw-leading, calc(1 / 0.75)) !important;
+  }
   .text-2xl {
     font-size: 1.5rem;
     line-height: var(--tw-leading, calc(2 / 1.5));
@@ -1391,6 +1459,10 @@
   .text-\[length\:var\(--control-text-xl\)\] {
     font-size: var(--control-text-xl);
   }
+  .\!leading-none {
+    --tw-leading: 1 !important;
+    line-height: 1 !important;
+  }
   .leading-\[2\.25\] {
     --tw-leading: 2.25;
     line-height: 2.25;
@@ -1465,6 +1537,9 @@
   .text-blue-600 {
     color: oklch(0.546 0.245 262.881);
   }
+  .text-blue-800 {
+    color: oklch(0.424 0.199 265.638);
+  }
   .text-brand-dark {
     color: #363ccb;
   }
@@ -1474,6 +1549,9 @@
   .text-brand-primary {
     color: #444ae1;
   }
+  .text-current {
+    color: currentcolor;
+  }
   .text-feedback-error-text {
     color: #b91c1c;
   }
@@ -1481,16 +1559,16 @@
     color: #065f46;
   }
   .text-gray-200 {
-    color: var(--gray-200);
+    color: oklch(0.928 0.006 264.531);
   }
   .text-gray-300 {
-    color: var(--gray-300);
+    color: oklch(0.872 0.01 258.338);
   }
   .text-gray-600 {
-    color: var(--gray-600);
+    color: oklch(0.446 0.03 256.802);
   }
   .text-gray-800 {
-    color: var(--gray-800);
+    color: oklch(0.278 0.033 256.848);
   }
   .text-green-600 {
     color: oklch(0.627 0.194 149.214);
@@ -1523,7 +1601,7 @@
     color: oklch(0.444 0.177 26.899);
   }
   .text-slate-300 {
-    color: var(--slate-300);
+    color: oklch(0.869 0.022 252.894);
   }
   .text-text-body {
     color: #333333;
@@ -1556,7 +1634,7 @@
     color: oklch(0.476 0.114 61.907);
   }
   .text-zinc-900 {
-    color: var(--zinc-900);
+    color: oklch(0.21 0.006 285.885);
   }
   .capitalize {
     text-transform: capitalize;
@@ -1575,9 +1653,6 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
-  .caret-transparent {
-    caret-color: transparent;
-  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -1587,6 +1662,9 @@
   .opacity-60 {
     opacity: 60%;
   }
+  .opacity-70 {
+    opacity: 70%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -1598,7 +1676,7 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-\[inset_0_1px_0_0_theme\(colors\.gray\.600\)\] {
-    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, var(--gray-600));
+    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, oklch(0.446 0.03 256.802));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-inner {
@@ -1629,6 +1707,16 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-black\/5 {
+    --tw-ring-color: color-mix(in srgb, #333333 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-neutral-black) 5%, transparent);
+    }
+  }
   .ring-offset-2 {
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1649,10 +1737,6 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
-  .outline-2 {
-    outline-style: var(--tw-outline-style);
-    outline-width: 2px;
-  }
   .outline-\[1\.5px\] {
     outline-style: var(--tw-outline-style);
     outline-width: 1.5px;
@@ -1699,6 +1783,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1787,14 +1876,14 @@
   .group-hover\:bg-gray-200 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        background-color: var(--gray-200);
+        background-color: oklch(0.928 0.006 264.531);
       }
     }
   }
   .group-hover\:bg-gray-300 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        background-color: var(--gray-300);
+        background-color: oklch(0.872 0.01 258.338);
       }
     }
   }
@@ -1809,7 +1898,7 @@
   }
   .group-disabled\:text-gray-200 {
     &:is(:where(.group):disabled *) {
-      color: var(--gray-200);
+      color: oklch(0.928 0.006 264.531);
     }
   }
   .group-disabled\:text-text-disabled {
@@ -1992,6 +2081,13 @@
       }
     }
   }
+  .hover\:bg-action-primary\/15 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in oklab, #444ae1 15%, transparent);
+      }
+    }
+  }
   .hover\:bg-background-hover {
     &:hover {
       @media (hover: hover) {
@@ -1999,6 +2095,23 @@
       }
     }
   }
+  .hover\:bg-black\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #333333 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-neutral-black) 10%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-blue-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: oklch(0.882 0.059 254.128);
+      }
+    }
+  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -2009,7 +2122,7 @@
   .hover\:bg-gray-100 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--gray-100);
+        background-color: oklch(0.967 0.003 264.542);
       }
     }
   }
@@ -2104,6 +2217,13 @@
       }
     }
   }
+  .hover\:opacity-100 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .hover\:brightness-90 {
     &:hover {
       @media (hover: hover) {
@@ -2182,7 +2302,7 @@
   }
   .disabled\:text-gray-300 {
     &:disabled {
-      color: var(--gray-300);
+      color: oklch(0.872 0.01 258.338);
     }
   }
   .disabled\:text-text-muted {
@@ -2205,14 +2325,36 @@
       opacity: 100%;
     }
   }
+  .data-\[focused\]\:\!outline-\[1\.5px\] {
+    &[data-focused] {
+      outline-style: var(--tw-outline-style) !important;
+      outline-width: 1.5px !important;
+    }
+  }
+  .data-\[focused\]\:\!outline-\[var\(--control-focus-ring-color\)\] {
+    &[data-focused] {
+      outline-color: var(--control-focus-ring-color) !important;
+    }
+  }
+  .data-\[focused\]\:\!\[--tw-outline-style\:solid\] {
+    &[data-focused] {
+      --tw-outline-style: solid !important;
+    }
+  }
   .data-\[placeholder\]\:text-text-placeholder {
     &[data-placeholder] {
       color: #9ca3af;
     }
   }
-  .data-\[selected\]\:bg-background-hover {
+  .data-\[selected\]\:bg-background-selected {
     &[data-selected] {
-      background-color: #f3f4f6;
+      background-color: #d1d5db;
+    }
+  }
+  .data-\[selected\]\:font-medium {
+    &[data-selected] {
+      --tw-font-weight: 500;
+      font-weight: 500;
     }
   }
   .data-\[selected\]\:opacity-100 {
@@ -2222,7 +2364,7 @@
   }
   .supports-\[-moz-appearance\:none\]\:bg-gray-100 {
     @supports (-moz-appearance:none) {
-      background-color: var(--gray-100);
+      background-color: oklch(0.967 0.003 264.542);
     }
   }
   .md\:w-\[50\%\] {
@@ -2270,7 +2412,7 @@
   }
   .dark\:border-y-zinc-700 {
     @media (prefers-color-scheme: dark) {
-      border-block-color: var(--zinc-700);
+      border-block-color: oklch(0.37 0.013 285.805);
     }
   }
   .dark\:bg-blue-500 {
@@ -2280,48 +2422,42 @@
   }
   .dark\:bg-gray-800 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--gray-800);
+      background-color: oklch(0.278 0.033 256.848);
     }
   }
   .dark\:bg-slate-600 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--slate-600);
+      background-color: oklch(0.446 0.043 257.281);
     }
   }
   .dark\:bg-zinc-300 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-300);
+      background-color: oklch(0.871 0.006 286.286);
     }
   }
   .dark\:bg-zinc-400 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-400);
+      background-color: oklch(0.705 0.015 286.067);
     }
   }
   .dark\:bg-zinc-700 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-700);
+      background-color: oklch(0.37 0.013 285.805);
     }
   }
   .dark\:bg-zinc-700\/60 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-700);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--zinc-700) 60%, transparent);
-      }
+      background-color: color-mix(in oklab, oklch(0.37 0.013 285.805) 60%, transparent);
     }
   }
   .dark\:bg-zinc-900 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-900);
+      background-color: oklch(0.21 0.006 285.885);
     }
   }
   .dark\:bg-zinc-900\/70 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-900);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--zinc-900) 70%, transparent);
-      }
+      background-color: color-mix(in oklab, oklch(0.21 0.006 285.885) 70%, transparent);
     }
   }
   .dark\:fill-\[\#1f1f21\] {
@@ -2331,7 +2467,7 @@
   }
   .dark\:fill-slate-600 {
     @media (prefers-color-scheme: dark) {
-      fill: var(--slate-600);
+      fill: oklch(0.446 0.043 257.281);
     }
   }
   .dark\:stroke-white\/10 {
@@ -2344,7 +2480,7 @@
   }
   .dark\:stroke-zinc-600 {
     @media (prefers-color-scheme: dark) {
-      stroke: var(--zinc-600);
+      stroke: oklch(0.442 0.017 285.786);
     }
   }
   .dark\:text-text-body {
@@ -2352,34 +2488,24 @@
       color: #333333;
     }
   }
-  .dark\:text-white {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-neutral-white);
-    }
-  }
   .dark\:text-zinc-100 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-100);
+      color: oklch(0.967 0.001 286.375);
     }
   }
   .dark\:text-zinc-200 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-200);
+      color: oklch(0.92 0.004 286.32);
     }
   }
   .dark\:text-zinc-300 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-300);
-    }
-  }
-  .dark\:text-zinc-400 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--zinc-400);
+      color: oklch(0.871 0.006 286.286);
     }
   }
   .dark\:text-zinc-600 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-600);
+      color: oklch(0.442 0.017 285.786);
     }
   }
   .dark\:shadow-none {
@@ -2410,7 +2536,7 @@
   .group-disabled\:dark\:text-zinc-600 {
     &:is(:where(.group):disabled *) {
       @media (prefers-color-scheme: dark) {
-        color: var(--zinc-600);
+        color: oklch(0.442 0.017 285.786);
       }
     }
   }
@@ -2427,7 +2553,7 @@
     @media (prefers-color-scheme: dark) {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--zinc-700);
+          background-color: oklch(0.37 0.013 285.805);
         }
       }
     }
@@ -2442,7 +2568,7 @@
   .dark\:disabled\:text-zinc-600 {
     @media (prefers-color-scheme: dark) {
       &:disabled {
-        color: var(--zinc-600);
+        color: oklch(0.442 0.017 285.786);
       }
     }
   }
@@ -2630,6 +2756,14 @@
       }
     }
   }
+  .\[\&_\[data-chip-id\]\:\:selection\]\:bg-action-primary\/20 {
+    & [data-chip-id]::-moz-selection {
+      background-color: color-mix(in oklab, #444ae1 20%, transparent);
+    }
+    & [data-chip-id]::selection {
+      background-color: color-mix(in oklab, #444ae1 20%, transparent);
+    }
+  }
   .\[\&_td\]\:px-0 {
     & td {
       padding-inline: calc(0.25rem * 0);
@@ -2770,6 +2904,31 @@
       }
     }
   }
+  .\[\&\:empty\]\:before\:pointer-events-none {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        pointer-events: none;
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:text-text-placeholder {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        color: #9ca3af;
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[attr\(data-placeholder\)\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: attr(data-placeholder);
+        content: var(--tw-content);
+      }
+    }
+  }
   .\[\&\>\*\]\:rounded-none {
     &>* {
       border-radius: 0;