@jbpark/live-editor 4.3.1 → 4.5.0

package/dist/style.css

@@ -526,6 +526,7 @@
       --color-yellow-400: oklch(85.2% .199 91.936);
       --color-yellow-500: oklch(79.5% .184 86.047);
       --color-yellow-600: oklch(68.1% .162 75.834);
+      --color-yellow-700: oklch(55.4% .135 66.442);
       --color-lime-500: oklch(76.8% .233 130.85);
       --color-green-400: oklch(79.2% .209 151.711);
       --color-green-500: oklch(72.3% .219 149.579);
@@ -614,12 +615,16 @@
       border-width: 0;
     }
 
-    :where(button[data-slot], [data-slot] button, [data-slot] input, [data-slot] select, [data-slot] textarea) {
+    :where([data-slot], [data-slot] *):where(button, input, select, textarea) {
       appearance: none;
       color: inherit;
       font: inherit;
       background-color: #0000;
     }
+
+    :where([data-slot], [data-slot] *):where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, blockquote, figure, pre) {
+      margin: 0;
+    }
   }
 
   @layer components {
@@ -752,6 +757,63 @@
       --tag-fg: var(--color-yellow-400);
     }
 
+    [data-slot="alert"] {
+      color: var(--foreground);
+      border-color: var(--alert-accent);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklch, var(--alert-accent), transparent 55%);
+      }
+
+      background-color: var(--background);
+    }
+
+    [data-slot="alert"][data-variant="filled"] {
+      background-color: var(--alert-accent);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab,
+      var(--alert-accent) 10%,
+      var(--background));
+      }
+    }
+
+    [data-slot="alert"] > [aria-hidden="true"] {
+      color: var(--alert-accent);
+    }
+
+    [data-slot="alert"][data-status="info"] {
+      --alert-accent: var(--color-blue-600);
+    }
+
+    [data-slot="alert"][data-status="success"] {
+      --alert-accent: var(--color-green-600);
+    }
+
+    [data-slot="alert"][data-status="warning"] {
+      --alert-accent: var(--color-yellow-700);
+    }
+
+    [data-slot="alert"][data-status="error"] {
+      --alert-accent: var(--destructive);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="info"] {
+      --alert-accent: var(--color-blue-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="success"] {
+      --alert-accent: var(--color-green-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="warning"] {
+      --alert-accent: var(--color-yellow-400);
+    }
+
+    :is(.dark, [data-theme="dark"]) [data-slot="alert"][data-status="error"] {
+      --alert-accent: var(--color-red-400);
+    }
+
     [data-slot="col"] {
       flex-basis: calc(var(--col-span-xs) / 24 * 100%);
       max-width: calc(var(--col-span-xs) / 24 * 100%);
@@ -868,6 +930,14 @@
       inset-inline: 0;
     }
 
+    .end-0 {
+      inset-inline-end: calc(var(--spacing) * 0);
+    }
+
+    .end-2 {
+      inset-inline-end: calc(var(--spacing) * 2);
+    }
+
     .top-0 {
       top: 0;
     }
@@ -904,6 +974,10 @@
       bottom: calc(var(--spacing) * -2);
     }
 
+    .bottom-0 {
+      bottom: 0;
+    }
+
     .bottom-5 {
       bottom: calc(var(--spacing) * 5);
     }
@@ -928,6 +1002,10 @@
       isolation: isolate;
     }
 
+    .z-1 {
+      z-index: 1;
+    }
+
     .z-10 {
       z-index: 10;
     }
@@ -996,6 +1074,14 @@
       margin-inline: calc(var(--spacing) * -1);
     }
 
+    .mx-2 {
+      margin-inline: calc(var(--spacing) * 2);
+    }
+
+    .mx-3 {
+      margin-inline: calc(var(--spacing) * 3);
+    }
+
     .mx-auto {
       margin-inline: auto;
     }
@@ -1008,6 +1094,22 @@
       margin-block: var(--spacing);
     }
 
+    .my-2 {
+      margin-block: calc(var(--spacing) * 2);
+    }
+
+    .ms-2 {
+      margin-inline-start: calc(var(--spacing) * 2);
+    }
+
+    .ms-3\.5 {
+      margin-inline-start: calc(var(--spacing) * 3.5);
+    }
+
+    .me-2 {
+      margin-inline-end: calc(var(--spacing) * 2);
+    }
+
     .mt-0\.5 {
       margin-top: calc(var(--spacing) * .5);
     }
@@ -1024,6 +1126,10 @@
       margin-top: calc(var(--spacing) * 3);
     }
 
+    .mt-3\.5 {
+      margin-top: calc(var(--spacing) * 3.5);
+    }
+
     .mt-4 {
       margin-top: calc(var(--spacing) * 4);
     }
@@ -1060,6 +1166,14 @@
       margin-right: calc(var(--spacing) * 9);
     }
 
+    .-mb-px {
+      margin-bottom: -1px;
+    }
+
+    .mb-1\.5 {
+      margin-bottom: calc(var(--spacing) * 1.5);
+    }
+
     .mb-2 {
       margin-bottom: calc(var(--spacing) * 2);
     }
@@ -1144,6 +1258,14 @@
       display: table;
     }
 
+    .table-cell {
+      display: table-cell;
+    }
+
+    .table-row {
+      display: table-row;
+    }
+
     .field-sizing-content {
       field-sizing: content;
     }
@@ -1157,6 +1279,11 @@
       height: var(--cell-size);
     }
 
+    .size-1\/2 {
+      width: 50%;
+      height: 50%;
+    }
+
     .size-2 {
       width: calc(var(--spacing) * 2);
       height: calc(var(--spacing) * 2);
@@ -1167,6 +1294,11 @@
       height: calc(var(--spacing) * 2.5);
     }
 
+    .size-3 {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+
     .size-3\.5 {
       width: calc(var(--spacing) * 3.5);
       height: calc(var(--spacing) * 3.5);
@@ -1177,6 +1309,11 @@
       height: calc(var(--spacing) * 4);
     }
 
+    .size-5 {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+
     .size-5\! {
       width: calc(var(--spacing) * 5) !important;
       height: calc(var(--spacing) * 5) !important;
@@ -1192,6 +1329,11 @@
       height: calc(var(--spacing) * 6) !important;
     }
 
+    .size-7 {
+      width: calc(var(--spacing) * 7);
+      height: calc(var(--spacing) * 7);
+    }
+
     .size-8 {
       width: calc(var(--spacing) * 8);
       height: calc(var(--spacing) * 8);
@@ -1212,6 +1354,16 @@
       height: calc(var(--spacing) * 10);
     }
 
+    .size-12 {
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+
+    .size-full {
+      width: 100%;
+      height: 100%;
+    }
+
     .h-\(--cell-size\) {
       height: var(--cell-size);
     }
@@ -1236,6 +1388,10 @@
       height: calc(var(--spacing) * 6) !important;
     }
 
+    .h-7 {
+      height: calc(var(--spacing) * 7);
+    }
+
     .h-8 {
       height: calc(var(--spacing) * 8);
     }
@@ -1284,6 +1440,10 @@
       height: 100%;
     }
 
+    .h-full\! {
+      height: 100% !important;
+    }
+
     .h-px {
       height: 1px;
     }
@@ -1292,10 +1452,34 @@
       max-height: var(--available-height);
     }
 
+    .max-h-60 {
+      max-height: calc(var(--spacing) * 60);
+    }
+
     .min-h-0 {
       min-height: 0;
     }
 
+    .min-h-5 {
+      min-height: calc(var(--spacing) * 5);
+    }
+
+    .min-h-7 {
+      min-height: calc(var(--spacing) * 7);
+    }
+
+    .min-h-8 {
+      min-height: calc(var(--spacing) * 8);
+    }
+
+    .min-h-9 {
+      min-height: calc(var(--spacing) * 9);
+    }
+
+    .min-h-10 {
+      min-height: calc(var(--spacing) * 10);
+    }
+
     .min-h-16 {
       min-height: calc(var(--spacing) * 16);
     }
@@ -1336,6 +1520,10 @@
       width: calc(var(--spacing) * 15);
     }
 
+    .w-16 {
+      width: calc(var(--spacing) * 16);
+    }
+
     .w-16\! {
       width: calc(var(--spacing) * 16) !important;
     }
@@ -1424,10 +1612,18 @@
       max-width: var(--container-7xl);
     }
 
+    .max-w-40 {
+      max-width: calc(var(--spacing) * 40);
+    }
+
     .max-w-48 {
       max-width: calc(var(--spacing) * 48);
     }
 
+    .max-w-64 {
+      max-width: calc(var(--spacing) * 64);
+    }
+
     .max-w-\[calc\(100\%-2rem\)\] {
       max-width: calc(100% - 2rem);
     }
@@ -1472,6 +1668,30 @@
       min-width: 0;
     }
 
+    .min-w-3 {
+      min-width: calc(var(--spacing) * 3);
+    }
+
+    .min-w-5 {
+      min-width: calc(var(--spacing) * 5);
+    }
+
+    .min-w-6 {
+      min-width: calc(var(--spacing) * 6);
+    }
+
+    .min-w-8 {
+      min-width: calc(var(--spacing) * 8);
+    }
+
+    .min-w-16 {
+      min-width: calc(var(--spacing) * 16);
+    }
+
+    .min-w-24 {
+      min-width: calc(var(--spacing) * 24);
+    }
+
     .min-w-80 {
       min-width: calc(var(--spacing) * 80);
     }
@@ -1484,6 +1704,10 @@
       min-width: 200px;
     }
 
+    .min-w-max {
+      min-width: max-content;
+    }
+
     .flex-1 {
       flex: 1;
     }
@@ -1525,6 +1749,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
     }
 
+    .translate-x-1\/2 {
+      --tw-translate-x: calc(1 / 2 * 100%);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
     .translate-x-2 {
       --tw-translate-x: calc(var(--spacing) * 2);
       translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1540,6 +1769,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
     }
 
+    .-translate-y-1\/2 {
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
     .translate-y-0\.5 {
       --tw-translate-y: calc(var(--spacing) * .5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1606,6 +1840,14 @@
       resize: both;
     }
 
+    .scroll-py-6 {
+      scroll-padding-block: calc(var(--spacing) * 6);
+    }
+
+    .\[scrollbar-width\:none\] {
+      scrollbar-width: none;
+    }
+
     .list-disc {
       list-style-type: disc;
     }
@@ -1710,6 +1952,10 @@
       gap: calc(var(--spacing) * 2);
     }
 
+    .gap-2\.5 {
+      gap: calc(var(--spacing) * 2.5);
+    }
+
     .gap-3 {
       gap: calc(var(--spacing) * 3);
     }
@@ -1768,10 +2014,18 @@
       overflow: hidden;
     }
 
+    .overflow-x-auto {
+      overflow-x: auto;
+    }
+
     .overflow-y-auto {
       overflow-y: auto;
     }
 
+    .overflow-y-hidden {
+      overflow-y: hidden;
+    }
+
     .rounded {
       border-radius: .25rem;
     }
@@ -1890,6 +2144,11 @@
       border-width: 0;
     }
 
+    .border-e {
+      border-inline-end-style: var(--tw-border-style);
+      border-inline-end-width: 1px;
+    }
+
     .border-r-2 {
       border-right-style: var(--tw-border-style);
       border-right-width: 2px;
@@ -1947,6 +2206,10 @@
       border-color: currentColor;
     }
 
+    .border-destructive {
+      border-color: var(--destructive);
+    }
+
     .border-gray-200 {
       border-color: var(--color-gray-200);
     }
@@ -2027,6 +2290,10 @@
       background-color: var(--color-gray-100);
     }
 
+    .bg-green-600 {
+      background-color: var(--color-green-600);
+    }
+
     .bg-inherit {
       background-color: inherit;
     }
@@ -2039,6 +2306,14 @@
       background-color: var(--muted);
     }
 
+    .bg-muted\/50 {
+      background-color: var(--muted);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+
     .bg-popover {
       background-color: var(--popover);
     }
@@ -2071,6 +2346,10 @@
       background-color: var(--color-white);
     }
 
+    .bg-yellow-500 {
+      background-color: var(--color-yellow-500);
+    }
+
     .fill-border {
       fill: var(--border);
     }
@@ -2123,6 +2402,10 @@
       padding-inline: var(--cell-size);
     }
 
+    .px-0 {
+      padding-inline: 0;
+    }
+
     .px-1 {
       padding-inline: var(--spacing);
     }
@@ -2135,6 +2418,10 @@
       padding-inline: calc(var(--spacing) * 2);
     }
 
+    .px-2\! {
+      padding-inline: calc(var(--spacing) * 2) !important;
+    }
+
     .px-2\.5 {
       padding-inline: calc(var(--spacing) * 2.5);
     }
@@ -2175,6 +2462,10 @@
       padding-block: calc(var(--spacing) * 2);
     }
 
+    .py-3 {
+      padding-block: calc(var(--spacing) * 3);
+    }
+
     .py-4 {
       padding-block: calc(var(--spacing) * 4);
     }
@@ -2187,6 +2478,18 @@
       padding-block: calc(var(--spacing) * 16);
     }
 
+    .ps-2 {
+      padding-inline-start: calc(var(--spacing) * 2);
+    }
+
+    .pe-1 {
+      padding-inline-end: var(--spacing);
+    }
+
+    .pe-8 {
+      padding-inline-end: calc(var(--spacing) * 8);
+    }
+
     .pt-0 {
       padding-top: 0;
     }
@@ -2235,10 +2538,18 @@
       text-align: left;
     }
 
+    .text-right {
+      text-align: right;
+    }
+
     .text-start {
       text-align: start;
     }
 
+    .align-middle {
+      vertical-align: middle;
+    }
+
     .font-mono {
       font-family: var(--ui-font-mono, var(--font-geist-mono));
     }
@@ -2363,6 +2674,10 @@
       color: var(--background);
     }
 
+    .text-black {
+      color: var(--color-black);
+    }
+
     .text-blue-400 {
       color: var(--color-blue-400);
     }
@@ -2435,6 +2750,11 @@
       font-style: italic;
     }
 
+    .tabular-nums {
+      --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, );
+    }
+
     .underline {
       text-decoration-line: underline;
     }
@@ -2801,11 +3121,41 @@
       margin-top: 0;
     }
 
+    .last\:border-e-0:last-child {
+      border-inline-end-style: var(--tw-border-style);
+      border-inline-end-width: 0;
+    }
+
     .last\:border-b-0:last-child {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 0;
     }
 
+    .even\:bg-muted\/30:nth-child(2n) {
+      background-color: var(--muted);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+      }
+    }
+
+    .focus-within\:border-ring:focus-within {
+      border-color: var(--ring);
+    }
+
+    .focus-within\:ring-\[3px\]:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
+    }
+
+    .focus-within\:ring-ring\/50:focus-within {
+      --tw-ring-color: var(--ring);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+
     @media (hover: hover) {
       .hover\:border-current:hover {
         border-color: currentColor;
@@ -2819,6 +3169,16 @@
         background-color: var(--accent);
       }
 
+      .hover\:bg-background\/70:hover {
+        background-color: var(--background);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-background\/70:hover {
+          background-color: color-mix(in oklab, var(--background) 70%, transparent);
+        }
+      }
+
       .hover\:bg-black\/5:hover {
         background-color: #0000000d;
       }
@@ -2849,6 +3209,16 @@
         }
       }
 
+      .hover\:bg-muted\/50:hover {
+        background-color: var(--muted);
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-muted\/50:hover {
+          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+        }
+      }
+
       .hover\:bg-muted\/80:hover {
         background-color: var(--muted);
       }
@@ -2943,10 +3313,24 @@
       }
     }
 
+    .focus-visible\:rounded-sm:focus-visible {
+      border-radius: calc(var(--radius) - 4px);
+    }
+
+    .focus-visible\:border-0:focus-visible {
+      border-style: var(--tw-border-style);
+      border-width: 0;
+    }
+
     .focus-visible\:border-ring:focus-visible {
       border-color: var(--ring);
     }
 
+    .focus-visible\:ring-0:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
+    }
+
     .focus-visible\:ring-1:focus-visible {
       --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);
@@ -2992,6 +3376,15 @@
       }
     }
 
+    .focus-visible\:outline-2:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+
+    .focus-visible\:outline-ring:focus-visible {
+      outline-color: var(--ring);
+    }
+
     .active\:bg-\(--btn-bg-active\):active {
       background-color: var(--btn-bg-active);
     }
@@ -3025,18 +3418,6 @@
       }
     }
 
-    .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) {
-      border-color: var(--primary);
-    }
-
-    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
-      background-color: var(--primary);
-
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
-      }
-    }
-
     .has-\[\:focus-visible\]\:ring-4:has(:focus-visible) {
       --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
@@ -3156,6 +3537,14 @@
       flex-direction: column;
     }
 
+    .data-active\:border-primary[data-active] {
+      border-color: var(--primary);
+    }
+
+    .data-active\:text-foreground[data-active] {
+      color: var(--foreground);
+    }
+
     .data-checked\:left-\[calc\(100\%-22px\)\][data-checked] {
       left: calc(100% - 22px);
     }
@@ -3208,6 +3597,10 @@
       opacity: 0;
     }
 
+    .data-error\:invisible[data-error] {
+      visibility: hidden;
+    }
+
     .data-highlighted\:bg-accent[data-highlighted] {
       background-color: var(--accent);
     }
@@ -3216,6 +3609,10 @@
       color: var(--accent-foreground);
     }
 
+    .data-loading\:invisible[data-loading] {
+      visibility: hidden;
+    }
+
     .data-open\:bg-accent[data-open] {
       background-color: var(--accent);
     }
@@ -3224,6 +3621,19 @@
       color: var(--muted-foreground);
     }
 
+    .data-pressed\:bg-background[data-pressed] {
+      background-color: var(--background);
+    }
+
+    .data-pressed\:text-foreground[data-pressed] {
+      color: var(--foreground);
+    }
+
+    .data-pressed\:shadow-xs[data-pressed] {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+
     .data-separator-active\:bg-border[data-separator-active] {
       background-color: var(--border);
     }
@@ -3406,6 +3816,14 @@
       width: 100%;
     }
 
+    .data-\[orientation\=vertical\]\:-mr-px[data-orientation="vertical"] {
+      margin-right: -1px;
+    }
+
+    .data-\[orientation\=vertical\]\:mb-0[data-orientation="vertical"] {
+      margin-bottom: 0;
+    }
+
     .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
       height: 100%;
     }
@@ -3434,6 +3852,33 @@
       flex-direction: column;
     }
 
+    .data-\[orientation\=vertical\]\:flex-row[data-orientation="vertical"] {
+      flex-direction: row;
+    }
+
+    .data-\[orientation\=vertical\]\:justify-start[data-orientation="vertical"] {
+      justify-content: flex-start;
+    }
+
+    .data-\[orientation\=vertical\]\:border-r[data-orientation="vertical"] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+
+    .data-\[orientation\=vertical\]\:border-r-2[data-orientation="vertical"] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 2px;
+    }
+
+    .data-\[orientation\=vertical\]\:border-b-0[data-orientation="vertical"] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0;
+    }
+
+    .data-\[orientation\=vertical\]\:text-left[data-orientation="vertical"] {
+      text-align: left;
+    }
+
     .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
       border-radius: calc(var(--radius) - 2px);
     }
@@ -3586,6 +4031,10 @@
         max-width: var(--container-lg);
       }
 
+      .sm\:max-w-sm {
+        max-width: var(--container-sm);
+      }
+
       .sm\:flex-row {
         flex-direction: row;
       }
@@ -3706,6 +4155,11 @@
       }
     }
 
+    .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
     .dark\:border-input:is(.dark *, [data-theme="dark"] *) {
       border-color: var(--input);
     }
@@ -3718,6 +4172,10 @@
       }
     }
 
+    .dark\:bg-green-500:is(.dark *, [data-theme="dark"] *) {
+      background-color: var(--color-green-500);
+    }
+
     .dark\:bg-input\/30:is(.dark *, [data-theme="dark"] *) {
       background-color: var(--input);
 
@@ -3756,14 +4214,6 @@
       }
     }
 
-    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *, [data-theme="dark"] *):has([data-state="checked"]) {
-      background-color: var(--primary);
-
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-      }
-    }
-
     .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
       --tw-ring-color: var(--destructive);
 
@@ -4074,6 +4524,10 @@
       color: var(--muted-foreground);
     }
 
+    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+      display: none;
+    }
+
     .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
       display: none;
     }
@@ -4351,6 +4805,31 @@
     inherits: false
   }
 
+  @property --tw-ordinal {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-slashed-zero {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-numeric-figure {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-numeric-spacing {
+    syntax: "*";
+    inherits: false
+  }
+
+  @property --tw-numeric-fraction {
+    syntax: "*";
+    inherits: false
+  }
+
   @property --tw-shadow {
     syntax: "*";
     inherits: false;
@@ -4558,6 +5037,11 @@
         --tw-border-style: solid;
         --tw-leading: initial;
         --tw-font-weight: initial;
+        --tw-ordinal: initial;
+        --tw-slashed-zero: initial;
+        --tw-numeric-figure: initial;
+        --tw-numeric-spacing: initial;
+        --tw-numeric-fraction: initial;
         --tw-shadow: 0 0 #0000;
         --tw-shadow-color: initial;
         --tw-shadow-alpha: 100%;