@lumerahq/ui 0.6.0 → 0.7.0

package/dist/ui.css

@@ -122,12 +122,11 @@
     --tracking-widest: .1em;
     --leading-snug: 1.375;
     --leading-normal: 1.5;
-    --radius-md: calc(var(--radius)  - 2px);
-    --radius-4xl: 2rem;
+    --radius-xl: calc(var(--radius) * 1.4);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-    --blur-xs: 4px;
+    --blur-sm: 8px;
     --aspect-video: 16 / 9;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -471,10 +470,6 @@
     top: calc(var(--spacing) * 4);
   }
 
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
@@ -495,10 +490,6 @@
     bottom: calc(var(--spacing) * 0);
   }
 
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
-
   .left-1\/2 {
     left: 50%;
   }
@@ -543,8 +534,8 @@
     grid-row-start: 1;
   }
 
-  .-mx-1 {
-    margin-inline: calc(var(--spacing) * -1);
+  .-mx-1\.5 {
+    margin-inline: calc(var(--spacing) * -1.5);
   }
 
   .mx-2 {
@@ -563,8 +554,8 @@
     margin-block: calc(var(--spacing) * -2);
   }
 
-  .my-1 {
-    margin-block: calc(var(--spacing) * 1);
+  .my-1\.5 {
+    margin-block: calc(var(--spacing) * 1.5);
   }
 
   .mt-2 {
@@ -796,10 +787,6 @@
     max-height: calc(var(--spacing) * 60);
   }
 
-  .max-h-72 {
-    max-height: calc(var(--spacing) * 72);
-  }
-
   .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
     max-height: min(calc(calc(var(--spacing) * 72)  - calc(var(--spacing) * 9)), calc(var(--available-height)  - calc(var(--spacing) * 9)));
   }
@@ -920,16 +907,12 @@
     min-width: calc(var(--spacing) * 16);
   }
 
-  .min-w-32 {
-    min-width: calc(var(--spacing) * 32);
-  }
-
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
 
-  .min-w-\[96px\] {
-    min-width: 96px;
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
   }
 
   .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
@@ -972,7 +955,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .translate-y-\[calc\(-50\%_-_2px\)\] {
+  .translate-y-\[calc\(-50\%-2px\)\] {
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
@@ -1005,12 +988,12 @@
     resize: none;
   }
 
-  .scroll-my-1 {
-    scroll-margin-block: calc(var(--spacing) * 1);
+  .scroll-my-1\.5 {
+    scroll-margin-block: calc(var(--spacing) * 1.5);
   }
 
-  .scroll-py-1 {
-    scroll-padding-block: calc(var(--spacing) * 1);
+  .scroll-py-1\.5 {
+    scroll-padding-block: calc(var(--spacing) * 1.5);
   }
 
   .list-disc {
@@ -1077,6 +1060,10 @@
     justify-content: flex-start;
   }
 
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * .5);
+  }
+
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1089,6 +1076,10 @@
     gap: calc(var(--spacing) * 2);
   }
 
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -1173,24 +1164,20 @@
     border-radius: .25rem;
   }
 
-  .rounded-4xl {
-    border-radius: var(--radius-4xl);
-  }
-
-  .rounded-\[2px\] {
-    border-radius: 2px;
+  .rounded-2xl {
+    border-radius: calc(var(--radius) * 1.8);
   }
 
-  .rounded-\[calc\(var\(--radius\)-5px\)\] {
-    border-radius: calc(var(--radius)  - 5px);
+  .rounded-3xl {
+    border-radius: calc(var(--radius) * 2.2);
   }
 
-  .rounded-\[min\(var\(--radius-md\)\,8px\)\] {
-    border-radius: min(var(--radius-md), 8px);
+  .rounded-4xl {
+    border-radius: calc(var(--radius) * 2.6);
   }
 
-  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
-    border-radius: min(var(--radius-md), 10px);
+  .rounded-\[2px\] {
+    border-radius: 2px;
   }
 
   .rounded-full {
@@ -1202,29 +1189,25 @@
   }
 
   .rounded-md {
-    border-radius: calc(var(--radius)  - 2px);
+    border-radius: calc(var(--radius) * .8);
   }
 
   .rounded-none {
     border-radius: 0;
   }
 
-  .rounded-sm {
-    border-radius: calc(var(--radius)  - 4px);
-  }
-
   .rounded-xl {
-    border-radius: calc(var(--radius)  + 4px);
+    border-radius: calc(var(--radius) * 1.4);
   }
 
-  .rounded-t-xl {
-    border-top-left-radius: calc(var(--radius)  + 4px);
-    border-top-right-radius: calc(var(--radius)  + 4px);
+  .rounded-t-4xl {
+    border-top-left-radius: calc(var(--radius) * 2.6);
+    border-top-right-radius: calc(var(--radius) * 2.6);
   }
 
-  .rounded-b-xl {
-    border-bottom-right-radius: calc(var(--radius)  + 4px);
-    border-bottom-left-radius: calc(var(--radius)  + 4px);
+  .rounded-b-4xl {
+    border-bottom-right-radius: calc(var(--radius) * 2.6);
+    border-bottom-left-radius: calc(var(--radius) * 2.6);
   }
 
   .border {
@@ -1271,10 +1254,6 @@
     }
   }
 
-  .border-input {
-    border-color: var(--input);
-  }
-
   .border-red-200 {
     border-color: var(--color-red-200);
   }
@@ -1315,20 +1294,26 @@
     background-color: var(--color-black);
   }
 
-  .bg-black\/10 {
-    background-color: #0000001a;
+  .bg-black\/30 {
+    background-color: #0000004d;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/10 {
-      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    .bg-black\/30 {
+      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
     }
   }
 
-  .bg-border {
+  .bg-border, .bg-border\/50 {
     background-color: var(--border);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-border\/50 {
+      background-color: color-mix(in oklab, var(--border) 50%, transparent);
+    }
+  }
+
   .bg-card {
     background-color: var(--card);
   }
@@ -1357,6 +1342,16 @@
     background-color: var(--foreground);
   }
 
+  .bg-input, .bg-input\/50 {
+    background-color: var(--input);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-input\/50 {
+      background-color: color-mix(in oklab, var(--input) 50%, transparent);
+    }
+  }
+
   .bg-muted, .bg-muted\/40 {
     background-color: var(--muted);
   }
@@ -1441,8 +1436,8 @@
     padding: calc(var(--spacing) * 0);
   }
 
-  .p-1 {
-    padding: calc(var(--spacing) * 1);
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
   }
 
   .p-2 {
@@ -1509,6 +1504,10 @@
     padding-block: calc(var(--spacing) * 2);
   }
 
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -1537,6 +1536,10 @@
     padding-top: calc(var(--spacing) * 2);
   }
 
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -1545,24 +1548,20 @@
     padding-right: calc(var(--spacing) * 1);
   }
 
-  .pr-2 {
-    padding-right: calc(var(--spacing) * 2);
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
   }
 
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
 
-  .pb-2 {
-    padding-bottom: calc(var(--spacing) * 2);
-  }
-
-  .pl-2 {
-    padding-left: calc(var(--spacing) * 2);
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
   }
 
-  .pl-2\.5 {
-    padding-left: calc(var(--spacing) * 2.5);
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
   }
 
   .text-center {
@@ -1812,8 +1811,8 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-xs {
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
@@ -1827,13 +1826,13 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .ring-foreground\/10 {
+  .ring-foreground\/5 {
     --tw-ring-color: var(--foreground);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .ring-foreground\/10 {
-      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    .ring-foreground\/5 {
+      --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent);
     }
   }
 
@@ -1878,8 +1877,8 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
-  .transition-\[color\,box-shadow\] {
-    transition-property: color, box-shadow;
+  .transition-\[color\,box-shadow\,background-color\] {
+    transition-property: color, box-shadow, background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1920,6 +1919,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-transform {
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1931,6 +1936,11 @@
     transition-duration: .1s;
   }
 
+  .duration-150 {
+    --tw-duration: .15s;
+    transition-duration: .15s;
+  }
+
   .duration-200 {
     --tw-duration: .2s;
     transition-duration: .2s;
@@ -1956,10 +1966,18 @@
     user-select: none;
   }
 
+  .\[--radius\:var\(--radius-xl\)\] {
+    --radius: var(--radius-xl);
+  }
+
   .running {
     animation-play-state: running;
   }
 
+  :is(.\*\:w-full > *) {
+    width: 100%;
+  }
+
   .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
     opacity: 1;
   }
@@ -1982,16 +2000,16 @@
     display: none;
   }
 
-  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
+  .group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation="horizontal"])) *) {
     text-wrap: balance;
   }
 
-  .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has( > input) *) {
-    padding-top: calc(var(--spacing) * 2);
+  .group-has-\[\>input\]\/input-group\:pt-3\.5:is(:where(.group\/input-group):has( > input) *) {
+    padding-top: calc(var(--spacing) * 3.5);
   }
 
-  .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has( > input) *) {
-    padding-bottom: calc(var(--spacing) * 2);
+  .group-has-\[\>input\]\/input-group\:pb-3\.5:is(:where(.group\/input-group):has( > input) *) {
+    padding-bottom: calc(var(--spacing) * 3.5);
   }
 
   .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *) {
@@ -2039,19 +2057,11 @@
     opacity: 0;
   }
 
-  .group-data-\[collapsible\=offExamples\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offExamples"] *) {
-    right: calc(var(--sidebar-width) * -1);
-  }
-
-  .group-data-\[collapsible\=offExamples\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offExamples"] *) {
-    left: calc(var(--sidebar-width) * -1);
-  }
-
-  .group-data-\[collapsible\=offExamples\]\:w-0:is(:where(.group)[data-collapsible="offExamples"] *) {
+  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
     width: calc(var(--spacing) * 0);
   }
 
-  .group-data-\[collapsible\=offExamples\]\:translate-x-0:is(:where(.group)[data-collapsible="offExamples"] *) {
+  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
@@ -2098,13 +2108,8 @@
     padding-inline: calc(var(--spacing) * 4);
   }
 
-  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
-  }
-
-  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
-    border-radius: var(--radius);
+  .group-data-\[variant\=floating\]\:rounded-2xl:is(:where(.group)[data-variant="floating"] *) {
+    border-radius: calc(var(--radius) * 1.8);
   }
 
   .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
@@ -2143,6 +2148,10 @@
     top: calc(var(--spacing) * 1.5);
   }
 
+  .peer-data-\[size\=default\]\/menu-button\:top-2:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
+    top: calc(var(--spacing) * 2);
+  }
+
   .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
     top: calc(var(--spacing) * 2.5);
   }
@@ -2205,9 +2214,9 @@
     inset-block: calc(var(--spacing) * 0);
   }
 
-  .after\:left-1\/2:after {
+  .after\:start-1\/2:after {
     content: var(--tw-content);
-    left: 50%;
+    inset-inline-start: 50%;
   }
 
   .after\:w-\[2px\]:after {
@@ -2215,7 +2224,7 @@
     width: 2px;
   }
 
-  .group-data-\[collapsible\=offExamples\]\:after\:left-full:is(:where(.group)[data-collapsible="offExamples"] *):after {
+  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
     content: var(--tw-content);
     left: 100%;
   }
@@ -2228,18 +2237,18 @@
     border-color: var(--ring);
   }
 
-  .focus-within\:ring-\[3px\]:focus-within {
+  .focus-within\:ring-3: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 {
+  .focus-within\:ring-ring\/30:focus-within {
     --tw-ring-color: var(--ring);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .focus-within\:ring-ring\/50:focus-within {
-      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    .focus-within\:ring-ring\/30:focus-within {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
     }
   }
 
@@ -2317,7 +2326,7 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
 
-    .hover\:group-data-\[collapsible\=offExamples\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offExamples"] *) {
+    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
       background-color: var(--sidebar);
     }
 
@@ -2359,7 +2368,7 @@
     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-\[3px\]:focus-visible {
+  .focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
     --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);
   }
@@ -2374,6 +2383,16 @@
     }
   }
 
+  .focus-visible\:ring-ring\/30:focus-visible {
+    --tw-ring-color: var(--ring);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-visible\:ring-ring\/30:focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
+    }
+  }
+
   .focus-visible\:ring-ring\/50:focus-visible {
     --tw-ring-color: var(--ring);
   }
@@ -2392,6 +2411,11 @@
     color: var(--sidebar-accent-foreground);
   }
 
+  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
+    --tw-translate-y: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .disabled\:pointer-events-none:disabled {
     pointer-events: none;
   }
@@ -2412,8 +2436,13 @@
     cursor: e-resize;
   }
 
-  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-md {
-    border-radius: calc(var(--radius)  - 2px);
+  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
+    border-color: inherit;
+  }
+
+  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
+    --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);
   }
 
   .has-disabled\:pointer-events-none:has(:disabled) {
@@ -2428,11 +2457,21 @@
     opacity: .5;
   }
 
+  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
+    background-color: var(--muted);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+
   .has-aria-invalid\:border-destructive:has([aria-invalid="true"]) {
     border-color: var(--destructive);
   }
 
-  .has-aria-invalid\:ring-\[3px\]:has([aria-invalid="true"]) {
+  .has-aria-invalid\:ring-3:has([aria-invalid="true"]) {
     --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);
   }
@@ -2447,6 +2486,10 @@
     }
   }
 
+  .has-data-\[align\=block-end\]\:rounded-3xl:has([data-align="block-end"]), .has-data-\[align\=block-start\]\:rounded-3xl:has([data-align="block-start"]) {
+    border-radius: calc(var(--radius) * 2.2);
+  }
+
   .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
     padding-right: calc(var(--spacing) * 1.5);
   }
@@ -2455,6 +2498,10 @@
     padding-right: calc(var(--spacing) * 2);
   }
 
+  .has-data-\[icon\=inline-end\]\:pr-2\.5:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 2.5);
+  }
+
   .has-data-\[icon\=inline-end\]\:pr-3:has([data-icon="inline-end"]) {
     padding-right: calc(var(--spacing) * 3);
   }
@@ -2467,6 +2514,10 @@
     padding-left: calc(var(--spacing) * 2);
   }
 
+  .has-data-\[icon\=inline-start\]\:pl-2\.5:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
+
   .has-data-\[icon\=inline-start\]\:pl-3:has([data-icon="inline-start"]) {
     padding-left: calc(var(--spacing) * 3);
   }
@@ -2495,21 +2546,21 @@
     padding-right: calc(var(--spacing) * 0);
   }
 
-  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
-    background-color: var(--sidebar);
+  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
+    padding-right: calc(var(--spacing) * 1.5);
   }
 
-  .has-data-checked\:border-primary:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
-    border-color: var(--primary);
+  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
+    background-color: var(--sidebar);
   }
 
-  .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
-    background-color: var(--primary);
+  .has-data-checked\:bg-input\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
+    background-color: var(--input);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
-      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+    .has-data-checked\:bg-input\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
+      background-color: color-mix(in oklab, var(--input) 30%, transparent);
     }
   }
 
@@ -2517,18 +2568,18 @@
     border-color: var(--ring);
   }
 
-  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) {
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot="input-group-control"]:focus-visible) {
     --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);
   }
 
-  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/30:has([data-slot="input-group-control"]:focus-visible) {
     --tw-ring-color: var(--ring);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
-      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/30:has([data-slot="input-group-control"]:focus-visible) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
     }
   }
 
@@ -2536,7 +2587,7 @@
     border-color: var(--destructive);
   }
 
-  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-\[3px\]:has([data-slot][aria-invalid="true"]) {
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid="true"]) {
     --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);
   }
@@ -2551,6 +2602,10 @@
     }
   }
 
+  .has-\[textarea\]\:rounded-2xl:has(:is(textarea)) {
+    border-radius: calc(var(--radius) * 1.8);
+  }
+
   .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
     height: auto;
   }
@@ -2583,8 +2638,8 @@
     flex-direction: column;
   }
 
-  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
-    border-radius: calc(var(--radius)  - 2px);
+  .has-\[\>\[data-slot\=field\]\]\:rounded-2xl:has( > [data-slot="field"]) {
+    border-radius: calc(var(--radius) * 1.8);
   }
 
   .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
@@ -2596,24 +2651,24 @@
     gap: calc(var(--spacing) * 3);
   }
 
-  .has-\[\>button\]\:mr-\[-0\.25rem\]:has( > button) {
-    margin-right: -.25rem;
+  .has-\[\>button\]\:-mr-1:has( > button) {
+    margin-right: calc(var(--spacing) * -1);
   }
 
-  .has-\[\>button\]\:ml-\[-0\.25rem\]:has( > button) {
-    margin-left: -.25rem;
+  .has-\[\>button\]\:-ml-1:has( > button) {
+    margin-left: calc(var(--spacing) * -1);
   }
 
   .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
     padding-top: calc(var(--spacing) * 0);
   }
 
-  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
-    margin-right: -.15rem;
+  .has-\[\>kbd\]\:-mr-1:has( > kbd) {
+    margin-right: calc(var(--spacing) * -1);
   }
 
-  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
-    margin-left: -.15rem;
+  .has-\[\>kbd\]\:-ml-1:has( > kbd) {
+    margin-left: calc(var(--spacing) * -1);
   }
 
   .has-\[\>svg\]\:p-0:has( > svg) {
@@ -2648,6 +2703,10 @@
     color: var(--secondary-foreground);
   }
 
+  .aria-expanded\:opacity-100[aria-expanded="true"] {
+    opacity: 1;
+  }
+
   .aria-invalid\:border-destructive[aria-invalid="true"] {
     border-color: var(--destructive);
   }
@@ -2657,7 +2716,7 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .aria-invalid\:ring-\[3px\][aria-invalid="true"] {
+  .aria-invalid\:ring-3[aria-invalid="true"] {
     --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);
   }
@@ -2688,52 +2747,40 @@
     color: var(--accent-foreground);
   }
 
-  .data-pressed\:bg-transparent[data-pressed] {
-    background-color: #0000;
-  }
-
-  .data-starting-style\:opacity-0[data-starting-style] {
-    opacity: 0;
+  .data-inset\:pl-9\.5[data-inset] {
+    padding-left: calc(var(--spacing) * 9.5);
   }
 
-  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips="true"] {
-    min-width: var(--anchor-width);
-  }
-
-  .data-\[disabled\]\:pointer-events-none[data-disabled] {
-    pointer-events: none;
-  }
-
-  .data-\[disabled\]\:opacity-50[data-disabled] {
-    opacity: .5;
+  .data-placeholder\:text-muted-foreground[data-placeholder] {
+    color: var(--muted-foreground);
   }
 
-  .data-\[inset\]\:pl-8[data-inset] {
-    padding-left: calc(var(--spacing) * 8);
+  .data-popup-open\:bg-accent[data-popup-open] {
+    background-color: var(--accent);
   }
 
-  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
-    color: var(--destructive);
+  .data-popup-open\:text-accent-foreground[data-popup-open] {
+    color: var(--accent-foreground);
   }
 
-  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
-    height: 1px;
+  .data-pressed\:bg-transparent[data-pressed] {
+    background-color: #0000;
   }
 
-  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
-    width: 100%;
+  .data-starting-style\:opacity-0[data-starting-style] {
+    opacity: 0;
   }
 
-  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
-    width: 1px;
+  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
+    animation: none;
   }
 
-  .data-\[orientation\=vertical\]\:self-stretch[data-orientation="vertical"] {
-    align-self: stretch;
+  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips="true"] {
+    min-width: var(--anchor-width);
   }
 
-  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
-    color: var(--muted-foreground);
+  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
+    color: var(--destructive);
   }
 
   .data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
@@ -2761,6 +2808,55 @@
     --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
   }
 
+  .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-ending-style], .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-starting-style] {
+    --tw-translate-y: 2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
+    top: 50% !important;
+  }
+
+  .data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
+    left: calc(var(--spacing) * -1);
+  }
+
+  .data-\[side\=inline-end\]\:translate-x-\[1\.5px\][data-side="inline-end"] {
+    --tw-translate-x: 1.5px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
+    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
+  }
+
+  .data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
+    top: 50% !important;
+  }
+
+  .data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
+    right: calc(var(--spacing) * -1);
+  }
+
+  .data-\[side\=inline-start\]\:translate-x-\[-1\.5px\][data-side="inline-start"] {
+    --tw-translate-x: -1.5px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
+    --tw-enter-translate-x: calc(2 * var(--spacing));
+  }
+
   .data-\[side\=left\]\:inset-y-0[data-side="left"] {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -2785,6 +2881,11 @@
     width: 75%;
   }
 
+  .data-\[side\=left\]\:translate-x-\[-1\.5px\][data-side="left"] {
+    --tw-translate-x: -1.5px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2799,6 +2900,15 @@
     --tw-enter-translate-x: calc(2 * var(--spacing));
   }
 
+  .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="left"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    left: calc(var(--sidebar-width) * -1);
+  }
+
+  .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\][data-side="left"][data-ending-style], .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\][data-side="left"][data-starting-style] {
+    --tw-translate-x: -2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[side\=right\]\:inset-y-0[data-side="right"] {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -2823,6 +2933,11 @@
     width: 75%;
   }
 
+  .data-\[side\=right\]\:translate-x-\[1\.5px\][data-side="right"] {
+    --tw-translate-x: 1.5px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2837,6 +2952,15 @@
     --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
   }
 
+  .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="right"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    right: calc(var(--sidebar-width) * -1);
+  }
+
+  .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\][data-side="right"][data-ending-style], .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\][data-side="right"][data-starting-style] {
+    --tw-translate-x: 2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[side\=top\]\:inset-x-0[data-side="top"] {
     inset-inline: calc(var(--spacing) * 0);
   }
@@ -2862,6 +2986,11 @@
     --tw-enter-translate-y: calc(2 * var(--spacing));
   }
 
+  .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\][data-side="top"][data-ending-style], .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\][data-side="top"][data-starting-style] {
+    --tw-translate-y: -2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .data-\[size\=default\]\:h-9[data-size="default"] {
     height: calc(var(--spacing) * 9);
   }
@@ -2900,8 +3029,20 @@
     gap: calc(var(--spacing) * 3);
   }
 
-  :is(.\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot="input-group"] {
-    margin: calc(var(--spacing) * 1);
+  :is(.\*\:data-\[slot\=field\]\:p-4 > *)[data-slot="field"] {
+    padding: calc(var(--spacing) * 4);
+  }
+
+  :is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
+    gap: calc(var(--spacing) * 4);
+  }
+
+  :is(.\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
+    flex: auto;
+  }
+
+  :is(.\*\:data-\[slot\=input-group\]\:m-1\.5 > *)[data-slot="input-group"] {
+    margin: calc(var(--spacing) * 1.5);
   }
 
   :is(.\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] {
@@ -2922,13 +3063,13 @@
     }
   }
 
-  :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
+  :is(.\*\:data-\[slot\=input-group\]\:bg-input\/50 > *)[data-slot="input-group"] {
     background-color: var(--input);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
-      background-color: color-mix(in oklab, var(--input) 30%, transparent);
+    :is(.\*\:data-\[slot\=input-group\]\:bg-input\/50 > *)[data-slot="input-group"] {
+      background-color: color-mix(in oklab, var(--input) 50%, transparent);
     }
   }
 
@@ -2937,6 +3078,40 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
+    position: relative;
+  }
+
+  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
+    isolation: isolate;
+  }
+
+  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
+    z-index: 50;
+  }
+
+  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-3xl *)[data-slot="kbd"] {
+    border-radius: calc(var(--radius) * 2.2);
+  }
+
+  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-lg *)[data-slot="kbd"] {
+    border-radius: var(--radius);
+  }
+
+  :is(.\*\*\:data-\[slot\=kbd\]\:bg-muted-foreground\/10 *)[data-slot="kbd"] {
+    background-color: var(--muted-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(.\*\*\:data-\[slot\=kbd\]\:bg-muted-foreground\/10 *)[data-slot="kbd"] {
+      background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
+    }
+  }
+
+  :is(.\*\*\:data-\[slot\=kbd\]\:px-1\.5 *)[data-slot="kbd"] {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+
   :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
@@ -3005,8 +3180,8 @@
   }
 
   @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
-    .supports-backdrop-filter\:backdrop-blur-xs {
-      --tw-backdrop-blur: blur(var(--blur-xs));
+    .supports-backdrop-filter\:backdrop-blur-sm {
+      --tw-backdrop-blur: blur(var(--blur-sm));
       -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, );
     }
@@ -3057,8 +3232,8 @@
       max-width: var(--container-sm);
     }
 
-    .data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
-      max-width: var(--container-lg);
+    .data-\[size\=default\]\:sm\:max-w-md[data-size="default"] {
+      max-width: var(--container-md);
     }
   }
 
@@ -3100,8 +3275,8 @@
       margin-left: calc(var(--spacing) * 0);
     }
 
-    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
-      border-radius: calc(var(--radius)  + 4px);
+    .md\:peer-data-\[variant\=inset\]\:rounded-2xl:is(:where(.peer)[data-variant="inset"] ~ *) {
+      border-radius: calc(var(--radius) * 1.8);
     }
 
     .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
@@ -3148,13 +3323,22 @@
       align-items: center;
     }
 
+    :is(.\@md\/field-group\:\*\:w-auto > *) {
+      width: auto;
+    }
+
     .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
       align-items: flex-start;
     }
+
+    :is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
+      flex: auto;
+    }
   }
 
-  .dark\:border-input:is(.dark *) {
-    border-color: var(--input);
+  .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *), .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\:bg-destructive\/20:is(.dark *) {
@@ -3167,13 +3351,13 @@
     }
   }
 
-  .dark\:bg-input\/30:is(.dark *) {
+  .dark\:bg-input\/60:is(.dark *) {
     background-color: var(--input);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-input\/30:is(.dark *) {
-      background-color: color-mix(in oklab, var(--input) 30%, transparent);
+    .dark\:bg-input\/60:is(.dark *) {
+      background-color: color-mix(in oklab, var(--input) 60%, transparent);
     }
   }
 
@@ -3181,6 +3365,16 @@
     background-color: #0000;
   }
 
+  .dark\:ring-foreground\/10:is(.dark *) {
+    --tw-ring-color: var(--foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-foreground\/10:is(.dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
+
   @media (hover: hover) {
     .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
       background-color: var(--destructive);
@@ -3192,13 +3386,13 @@
       }
     }
 
-    .dark\:hover\:bg-input\/50:is(.dark *):hover {
+    .dark\:hover\:bg-input\/30:is(.dark *):hover {
       background-color: var(--input);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .dark\:hover\:bg-input\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--input) 50%, transparent);
+      .dark\:hover\:bg-input\/30:is(.dark *):hover {
+        background-color: color-mix(in oklab, var(--input) 30%, transparent);
       }
     }
 
@@ -3243,16 +3437,6 @@
     }
   }
 
-  .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
-    background-color: var(--primary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
-      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-    }
-  }
-
   .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
     --tw-ring-color: var(--destructive);
   }
@@ -3305,10 +3489,6 @@
     color: var(--accent-foreground);
   }
 
-  .data-open\:opacity-100:where([data-state="open"]), .data-open\:opacity-100:where([data-open]:not([data-open="false"])) {
-    opacity: 1;
-  }
-
   .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
     --tw-enter-opacity: 0;
   }
@@ -3327,22 +3507,6 @@
     }
   }
 
-  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-state="open"]), .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-open]:not([data-open="false"])) {
-    --tw-enter-translate-y: calc(.1 * 100%);
-  }
-
-  .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side="left"]:where([data-state="open"]), .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side="left"]:where([data-open]:not([data-open="false"])) {
-    --tw-enter-translate-x: calc(.1 * -100%);
-  }
-
-  .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side="right"]:where([data-state="open"]), .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side="right"]:where([data-open]:not([data-open="false"])) {
-    --tw-enter-translate-x: calc(.1 * 100%);
-  }
-
-  .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side="top"]:where([data-state="open"]), .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side="top"]:where([data-open]:not([data-open="false"])) {
-    --tw-enter-translate-y: calc(.1 * -100%);
-  }
-
   .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
     animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
   }
@@ -3359,22 +3523,6 @@
     --tw-exit-scale: .95;
   }
 
-  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-state="closed"]), .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-closed]:not([data-closed="false"])) {
-    --tw-exit-translate-y: calc(.1 * 100%);
-  }
-
-  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side="left"]:where([data-state="closed"]), .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side="left"]:where([data-closed]:not([data-closed="false"])) {
-    --tw-exit-translate-x: calc(.1 * -100%);
-  }
-
-  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side="right"]:where([data-state="closed"]), .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side="right"]:where([data-closed]:not([data-closed="false"])) {
-    --tw-exit-translate-x: calc(.1 * 100%);
-  }
-
-  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side="top"]:where([data-state="closed"]), .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side="top"]:where([data-closed]:not([data-closed="false"])) {
-    --tw-exit-translate-y: calc(.1 * -100%);
-  }
-
   .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
     pointer-events: none;
   }
@@ -3396,6 +3544,22 @@
     color: var(--sidebar-accent-foreground);
   }
 
+  .data-horizontal\:h-px:where([data-orientation="horizontal"]) {
+    height: 1px;
+  }
+
+  .data-horizontal\:w-full:where([data-orientation="horizontal"]) {
+    width: 100%;
+  }
+
+  .data-vertical\:w-px:where([data-orientation="vertical"]) {
+    width: 1px;
+  }
+
+  .data-vertical\:self-stretch:where([data-orientation="vertical"]) {
+    align-self: stretch;
+  }
+
   .\[\&_svg\]\:pointer-events-none svg {
     pointer-events: none;
   }
@@ -3433,8 +3597,8 @@
     padding-right: calc(var(--spacing) * 0);
   }
 
-  .\[\.border-b\]\:pb-2.border-b {
-    padding-bottom: calc(var(--spacing) * 2);
+  .\[\.border-b\]\:pb-3\.5.border-b {
+    padding-bottom: calc(var(--spacing) * 3.5);
   }
 
   .\[\.border-b\]\:pb-6.border-b {
@@ -3445,8 +3609,8 @@
     padding-bottom: calc(var(--spacing) * 4);
   }
 
-  .\[\.border-t\]\:pt-2.border-t {
-    padding-top: calc(var(--spacing) * 2);
+  .\[\.border-t\]\:pt-3\.5.border-t {
+    padding-top: calc(var(--spacing) * 3.5);
   }
 
   .\[\.border-t\]\:pt-6.border-t {
@@ -3513,14 +3677,14 @@
     width: 100%;
   }
 
-  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
-    border-top-left-radius: calc(var(--radius)  + 4px);
-    border-top-right-radius: calc(var(--radius)  + 4px);
+  :is(.\*\:\[img\:first-child\]\:rounded-t-4xl > *):is(img:first-child) {
+    border-top-left-radius: calc(var(--radius) * 2.6);
+    border-top-right-radius: calc(var(--radius) * 2.6);
   }
 
-  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
-    border-bottom-right-radius: calc(var(--radius)  + 4px);
-    border-bottom-left-radius: calc(var(--radius)  + 4px);
+  :is(.\*\:\[img\:last-child\]\:rounded-b-4xl > *):is(img:last-child) {
+    border-bottom-right-radius: calc(var(--radius) * 2.6);
+    border-bottom-left-radius: calc(var(--radius) * 2.6);
   }
 
   :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
@@ -3544,38 +3708,10 @@
     height: calc(var(--spacing) * 8);
   }
 
-  .\[\&\>\*\]\:w-full > * {
-    width: 100%;
-  }
-
-  .\[\&\>\*\]\:data-\[slot\=field\]\:p-3 > [data-slot="field"] {
-    padding: calc(var(--spacing) * 3);
-  }
-
-  @container field-group (min-width: 28rem) {
-    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
-      width: auto;
-    }
-  }
-
   .\[\&\>\.sr-only\]\:w-auto > .sr-only {
     width: auto;
   }
 
-  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
-    gap: calc(var(--spacing) * 4);
-  }
-
-  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
-    flex: auto;
-  }
-
-  @container field-group (min-width: 28rem) {
-    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
-      flex: auto;
-    }
-  }
-
   .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
     margin-top: 1px;
   }
@@ -3618,10 +3754,6 @@
     padding-left: calc(var(--spacing) * 1.5);
   }
 
-  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
-    border-radius: calc(var(--radius)  - 5px);
-  }
-
   .\[\&\>span\:last-child\]\:truncate > span:last-child {
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -3665,7 +3797,7 @@
     border-bottom-width: 0;
   }
 
-  [data-side="left"][data-collapsible="offExamples"] .\[\[data-side\=left\]\[data-collapsible\=offExamples\]_\&\]\:-right-2 {
+  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
     right: calc(var(--spacing) * -2);
   }
 
@@ -3673,7 +3805,7 @@
     cursor: e-resize;
   }
 
-  [data-side="right"][data-collapsible="offExamples"] .\[\[data-side\=right\]\[data-collapsible\=offExamples\]_\&\]\:-left-2 {
+  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
     left: calc(var(--spacing) * -2);
   }
 
@@ -3681,15 +3813,6 @@
     cursor: w-resize;
   }
 
-  [data-slot="combobox-content"] .\[\[data-slot\=combobox-content\]_\&\]\:focus-within\:border-inherit:focus-within {
-    border-color: inherit;
-  }
-
-  [data-slot="combobox-content"] .\[\[data-slot\=combobox-content\]_\&\]\:focus-within\:ring-0:focus-within {
-    --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);
-  }
-
   [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
     margin-top: calc(var(--spacing) * -1.5);
   }