@jbpark/ui-kit 10.0.2 → 10.2.0

package/dist/style.css

@@ -12,6 +12,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);
@@ -95,12 +96,15 @@
     border-style: solid;
     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 {
   :is([data-slot="button"], [data-slot="tag"])[data-color="blue"] {
@@ -202,6 +206,49 @@
   :is(.dark, [data-theme="dark"]) [data-slot="tag"][data-color="warning"] {
     --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%);
@@ -298,6 +345,12 @@
   .inset-x-0 {
     inset-inline: 0px;
   }
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
   .top-0 {
     top: 0px;
   }
@@ -325,6 +378,9 @@
   .-bottom-2 {
     bottom: calc(var(--spacing) * -2);
   }
+  .bottom-0 {
+    bottom: 0px;
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -343,6 +399,9 @@
   .isolate {
     isolation: isolate;
   }
+  .z-1 {
+    z-index: 1;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -394,6 +453,12 @@
   .-mx-1 {
     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;
   }
@@ -403,6 +468,18 @@
   .my-1 {
     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) * 0.5);
   }
@@ -415,6 +492,9 @@
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
+  .mt-3\.5 {
+    margin-top: calc(var(--spacing) * 3.5);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -442,6 +522,12 @@
   .mr-9 {
     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);
   }
@@ -505,6 +591,12 @@
   .table {
     display: table;
   }
+  .table-cell {
+    display: table-cell;
+  }
+  .table-row {
+    display: table-row;
+  }
   .field-sizing-content {
     field-sizing: content;
   }
@@ -515,6 +607,10 @@
     width: var(--cell-size);
     height: var(--cell-size);
   }
+  .size-1\/2 {
+    width: calc(1 / 2 * 100%);
+    height: calc(1 / 2 * 100%);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -523,6 +619,10 @@
     width: calc(var(--spacing) * 2.5);
     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);
@@ -531,6 +631,10 @@
     width: calc(var(--spacing) * 4);
     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;
@@ -543,6 +647,10 @@
     width: calc(var(--spacing) * 6) !important;
     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);
@@ -559,6 +667,14 @@
     width: calc(var(--spacing) * 10);
     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);
   }
@@ -577,6 +693,9 @@
   .h-6\! {
     height: calc(var(--spacing) * 6) !important;
   }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
@@ -613,15 +732,36 @@
   .h-full {
     height: 100%;
   }
+  .h-full\! {
+    height: 100% !important;
+  }
   .h-px {
     height: 1px;
   }
   .max-h-\(--available-height\) {
     max-height: var(--available-height);
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
   .min-h-0 {
     min-height: 0px;
   }
+  .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);
   }
@@ -652,6 +792,9 @@
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-16\! {
     width: calc(var(--spacing) * 16) !important;
   }
@@ -718,9 +861,15 @@
   .max-w-7xl {
     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);
   }
@@ -754,6 +903,24 @@
   .min-w-0 {
     min-width: 0px;
   }
+  .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);
   }
@@ -763,6 +930,9 @@
   .min-w-\[200px\] {
     min-width: 200px;
   }
+  .min-w-max {
+    min-width: max-content;
+  }
   .flex-1 {
     flex: 1;
   }
@@ -797,6 +967,10 @@
     --tw-translate-x: 0px !important;
     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);
@@ -809,6 +983,10 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
     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) * 0.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -859,6 +1037,12 @@
   .resize {
     resize: both;
   }
+  .scroll-py-6 {
+    scroll-padding-block: calc(var(--spacing) * 6);
+  }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .list-disc {
     list-style-type: disc;
   }
@@ -937,6 +1121,9 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -982,9 +1169,15 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
   .rounded {
     border-radius: .25rem;
   }
@@ -1077,6 +1270,10 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+  .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;
@@ -1121,6 +1318,9 @@
   .border-current {
     border-color: currentcolor;
   }
+  .border-destructive {
+    border-color: var(--destructive);
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -1181,6 +1381,9 @@
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-green-600 {
+    background-color: var(--color-green-600);
+  }
   .bg-inherit {
     background-color: inherit;
   }
@@ -1190,6 +1393,12 @@
   .bg-muted {
     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);
   }
@@ -1214,6 +1423,9 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
   .fill-border {
     fill: var(--border);
   }
@@ -1253,6 +1465,9 @@
   .px-\(--cell-size\) {
     padding-inline: var(--cell-size);
   }
+  .px-0 {
+    padding-inline: 0px;
+  }
   .px-1 {
     padding-inline: var(--spacing);
   }
@@ -1262,6 +1477,9 @@
   .px-2 {
     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);
   }
@@ -1292,6 +1510,9 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -1301,6 +1522,15 @@
   .py-16 {
     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: 0px;
   }
@@ -1337,9 +1567,15 @@
   .text-left {
     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));
   }
@@ -1437,6 +1673,9 @@
   .text-background {
     color: var(--background);
   }
+  .text-black {
+    color: var(--color-black);
+  }
   .text-blue-400 {
     color: var(--color-blue-400);
   }
@@ -1491,6 +1730,10 @@
   .italic {
     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;
   }
@@ -1791,10 +2034,33 @@
   .last\:mt-0:last-child {
     margin-top: 0px;
   }
+  .last\:border-e-0:last-child {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
   .last\:border-b-0:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .even\:bg-muted\/30:nth-child(even) {
+    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;
@@ -1805,6 +2071,14 @@
     .hover\:bg-accent:hover {
       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: color-mix(in srgb, #000 5%, transparent);
     }
@@ -1829,6 +2103,14 @@
         background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
       }
     }
+    .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);
     }
@@ -1903,9 +2185,20 @@
       outline-offset: 2px;
     }
   }
+  .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: 0px;
+  }
   .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);
@@ -1941,6 +2234,13 @@
       outline-offset: 2px;
     }
   }
+  .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);
   }
@@ -1966,15 +2266,6 @@
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
-  .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(:is(: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);
@@ -2067,6 +2358,12 @@
   .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
     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);
   }
@@ -2107,12 +2404,18 @@
   .data-ending-style\:opacity-0[data-ending-style] {
     opacity: 0%;
   }
+  .data-error\:invisible[data-error] {
+    visibility: hidden;
+  }
   .data-highlighted\:bg-accent[data-highlighted] {
     background-color: var(--accent);
   }
   .data-highlighted\:text-accent-foreground[data-highlighted] {
     color: var(--accent-foreground);
   }
+  .data-loading\:invisible[data-loading] {
+    visibility: hidden;
+  }
   .data-open\:bg-accent[data-open] {
     background-color: var(--accent);
   }
@@ -2122,6 +2425,16 @@
   .data-placeholder\:text-muted-foreground[data-placeholder] {
     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);
   }
@@ -2278,6 +2591,12 @@
   .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
     width: 100%;
   }
+  .data-\[orientation\=vertical\]\:-mr-px[data-orientation="vertical"] {
+    margin-right: -1px;
+  }
+  .data-\[orientation\=vertical\]\:mb-0[data-orientation="vertical"] {
+    margin-bottom: 0px;
+  }
   .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
     height: 100%;
   }
@@ -2299,6 +2618,27 @@
   .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
     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: 0px;
+  }
+  .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);
   }
@@ -2415,6 +2755,9 @@
     .sm\:max-w-lg {
       max-width: var(--container-lg);
     }
+    .sm\:max-w-sm {
+      max-width: var(--container-sm);
+    }
     .sm\:flex-row {
       flex-direction: row;
     }
@@ -2513,6 +2856,10 @@
       align-items: flex-start;
     }
   }
+  .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);
   }
@@ -2522,6 +2869,9 @@
       background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
     }
   }
+  .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);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2552,12 +2902,6 @@
       --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
     }
   }
-  .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);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2795,6 +3139,9 @@
   .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
     color: var(--muted-foreground);
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+    display: none;
+  }
   .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
     display: none;
   }
@@ -3032,6 +3379,26 @@
   syntax: "*";
   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;
@@ -3203,6 +3570,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%;