@jbpark/live-editor 4.0.0 → 4.1.0

package/dist/style.css

@@ -540,11 +540,7 @@
       --color-pink-500: oklch(65.6% .241 354.308);
       --color-gray-100: oklch(96.7% .003 264.542);
       --color-gray-200: oklch(92.8% .006 264.531);
-      --color-gray-300: oklch(87.2% .01 258.338);
-      --color-gray-400: oklch(70.7% .022 261.325);
-      --color-gray-600: oklch(44.6% .03 256.802);
       --color-gray-800: oklch(27.8% .033 256.848);
-      --color-gray-900: oklch(21% .034 264.665);
       --color-black: #000;
       --color-white: #fff;
       --spacing: .25rem;
@@ -590,6 +586,7 @@
       --radius-xs: .125rem;
       --radius-sm: calc(var(--radius) - 4px);
       --radius-lg: var(--radius);
+      --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;
       --default-transition-duration: .15s;
@@ -598,6 +595,10 @@
   }
 
   @layer base {
+    [data-ui-root] {
+      isolation: isolate;
+    }
+
     * {
       border-color: var(--border);
       outline-color: var(--ring);
@@ -899,32 +900,20 @@
       right: calc(var(--spacing) * 5);
     }
 
-    .right-full {
-      right: 100%;
-    }
-
-    .bottom-4 {
-      bottom: calc(var(--spacing) * 4);
+    .-bottom-2 {
+      bottom: calc(var(--spacing) * -2);
     }
 
     .bottom-5 {
       bottom: calc(var(--spacing) * 5);
     }
 
-    .bottom-full {
-      bottom: 100%;
-    }
-
     .left-0 {
       left: 0;
     }
 
-    .left-1\/2 {
-      left: 50%;
-    }
-
-    .left-4 {
-      left: calc(var(--spacing) * 4);
+    .left-0\.5 {
+      left: calc(var(--spacing) * .5);
     }
 
     .left-\[50\%\] {
@@ -935,6 +924,10 @@
       left: 100%;
     }
 
+    .isolate {
+      isolation: isolate;
+    }
+
     .z-10 {
       z-index: 10;
     }
@@ -1051,6 +1044,10 @@
       margin-right: calc(var(--spacing) * 2);
     }
 
+    .mr-2\.5 {
+      margin-right: calc(var(--spacing) * 2.5);
+    }
+
     .mr-6 {
       margin-right: calc(var(--spacing) * 6);
     }
@@ -1059,6 +1056,10 @@
       margin-right: calc(var(--spacing) * 7);
     }
 
+    .mr-9 {
+      margin-right: calc(var(--spacing) * 9);
+    }
+
     .mb-2 {
       margin-bottom: calc(var(--spacing) * 2);
     }
@@ -1079,6 +1080,10 @@
       margin-left: calc(var(--spacing) * 2);
     }
 
+    .ml-2\.5 {
+      margin-left: calc(var(--spacing) * 2.5);
+    }
+
     .ml-4 {
       margin-left: calc(var(--spacing) * 4);
     }
@@ -1091,6 +1096,10 @@
       margin-left: calc(var(--spacing) * 7);
     }
 
+    .ml-9 {
+      margin-left: calc(var(--spacing) * 9);
+    }
+
     .box-border {
       box-sizing: border-box;
     }
@@ -1188,6 +1197,11 @@
       height: calc(var(--spacing) * 8);
     }
 
+    .size-8\! {
+      width: calc(var(--spacing) * 8) !important;
+      height: calc(var(--spacing) * 8) !important;
+    }
+
     .size-9 {
       width: calc(var(--spacing) * 9);
       height: calc(var(--spacing) * 9);
@@ -1238,6 +1252,10 @@
       height: calc(var(--spacing) * 10);
     }
 
+    .h-10\! {
+      height: calc(var(--spacing) * 10) !important;
+    }
+
     .h-12 {
       height: calc(var(--spacing) * 12);
     }
@@ -1258,10 +1276,6 @@
       height: --cell-size;
     }
 
-    .h-\[var\(--radix-select-trigger-height\)\] {
-      height: var(--radix-select-trigger-height);
-    }
-
     .h-auto {
       height: auto;
     }
@@ -1274,8 +1288,8 @@
       height: 1px;
     }
 
-    .max-h-\(--radix-select-content-available-height\) {
-      max-height: var(--radix-select-content-available-height);
+    .max-h-\(--available-height\) {
+      max-height: var(--available-height);
     }
 
     .min-h-0 {
@@ -1322,6 +1336,10 @@
       width: calc(var(--spacing) * 15);
     }
 
+    .w-16\! {
+      width: calc(var(--spacing) * 16) !important;
+    }
+
     .w-20 {
       width: calc(var(--spacing) * 20);
     }
@@ -1354,10 +1372,6 @@
       width: calc(var(--spacing) * 100);
     }
 
-    .w-\[100px\] {
-      width: 100px;
-    }
-
     .w-auto {
       width: auto;
     }
@@ -1446,6 +1460,10 @@
       max-width: var(--container-xs);
     }
 
+    .min-w-\(--anchor-width\) {
+      min-width: var(--anchor-width);
+    }
+
     .min-w-\(--cell-size\) {
       min-width: var(--cell-size);
     }
@@ -1466,10 +1484,6 @@
       min-width: 200px;
     }
 
-    .min-w-\[var\(--radix-select-trigger-width\)\] {
-      min-width: var(--radix-select-trigger-width);
-    }
-
     .flex-1 {
       flex: 1;
     }
@@ -1502,12 +1516,8 @@
       border-collapse: collapse;
     }
 
-    .origin-\(--radix-popover-content-transform-origin\) {
-      transform-origin: var(--radix-popover-content-transform-origin);
-    }
-
-    .origin-\(--radix-select-content-transform-origin\) {
-      transform-origin: var(--radix-select-content-transform-origin);
+    .origin-\(--transform-origin\) {
+      transform-origin: var(--transform-origin);
     }
 
     .\!translate-x-0 {
@@ -1515,11 +1525,6 @@
       translate: var(--tw-translate-x) var(--tw-translate-y) !important;
     }
 
-    .-translate-x-1\/2 {
-      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-      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);
@@ -1535,11 +1540,6 @@
       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);
@@ -1562,8 +1562,12 @@
       rotate: 0deg;
     }
 
-    .transform {
-      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+    .rotate-90 {
+      rotate: 90deg;
+    }
+
+    .rotate-180 {
+      rotate: 180deg;
     }
 
     .animate-none {
@@ -1602,10 +1606,6 @@
       resize: both;
     }
 
-    .scroll-my-1 {
-      scroll-margin-block: var(--spacing);
-    }
-
     .list-disc {
       list-style-type: disc;
     }
@@ -1768,10 +1768,6 @@
       overflow: hidden;
     }
 
-    .overflow-x-hidden {
-      overflow-x: hidden;
-    }
-
     .overflow-y-auto {
       overflow-y: auto;
     }
@@ -1788,6 +1784,10 @@
       border-radius: calc(var(--radius) + 12px);
     }
 
+    .rounded-\[4px\] {
+      border-radius: 4px;
+    }
+
     .rounded-full {
       border-radius: 3.40282e38px;
     }
@@ -2019,6 +2019,14 @@
       background-color: var(--destructive);
     }
 
+    .bg-foreground {
+      background-color: var(--foreground);
+    }
+
+    .bg-gray-100 {
+      background-color: var(--color-gray-100);
+    }
+
     .bg-inherit {
       background-color: inherit;
     }
@@ -2063,6 +2071,14 @@
       background-color: var(--color-white);
     }
 
+    .fill-border {
+      fill: var(--border);
+    }
+
+    .fill-popover {
+      fill: var(--popover);
+    }
+
     .fill-primary {
       fill: var(--primary);
     }
@@ -2343,10 +2359,18 @@
       color: var(--accent-foreground);
     }
 
+    .text-background {
+      color: var(--background);
+    }
+
     .text-blue-400 {
       color: var(--color-blue-400);
     }
 
+    .text-blue-600 {
+      color: var(--color-blue-600);
+    }
+
     .text-card-foreground {
       color: var(--card-foreground);
     }
@@ -2543,6 +2567,12 @@
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .transition-\[opacity\,transform\] {
+      transition-property: opacity, transform;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .transition-\[width\] {
       transition-property: width;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2583,11 +2613,26 @@
       transition-property: none;
     }
 
+    .duration-150 {
+      --tw-duration: .15s;
+      transition-duration: .15s;
+    }
+
     .duration-200 {
       --tw-duration: .2s;
       transition-duration: .2s;
     }
 
+    .duration-300 {
+      --tw-duration: .3s;
+      transition-duration: .3s;
+    }
+
+    .ease-in-out {
+      --tw-ease: var(--ease-in-out);
+      transition-timing-function: var(--ease-in-out);
+    }
+
     .will-change-\[left\] {
       will-change: left;
     }
@@ -2620,6 +2665,14 @@
       text-wrap: balance;
     }
 
+    .group-data-\[direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-direction="bottom"] *) {
+      display: block;
+    }
+
+    .group-data-\[direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-direction="bottom"] *), .group-data-\[direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-direction="top"] *) {
+      text-align: center;
+    }
+
     .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
       pointer-events: none;
     }
@@ -2667,14 +2720,6 @@
       margin-bottom: calc(var(--spacing) * -2);
     }
 
-    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      display: block;
-    }
-
-    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      text-align: center;
-    }
-
     .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
     }
@@ -2726,387 +2771,131 @@
       color: var(--muted-foreground);
     }
 
-    .before\:absolute:before {
+    .after\:absolute:after {
       content: var(--tw-content);
       position: absolute;
     }
 
-    .before\:top-0:before {
-      content: var(--tw-content);
-      top: 0;
-    }
-
-    .before\:top-1\/2:before {
-      content: var(--tw-content);
-      top: 50%;
-    }
-
-    .before\:right-0:before {
-      content: var(--tw-content);
-      right: 0;
-    }
-
-    .before\:bottom-0:before {
-      content: var(--tw-content);
-      bottom: 0;
-    }
-
-    .before\:left-0:before {
+    .after\:inset-y-0:after {
       content: var(--tw-content);
-      left: 0;
+      inset-block: 0;
     }
 
-    .before\:left-1\/2:before {
+    .after\:left-1\/2:after {
       content: var(--tw-content);
       left: 50%;
     }
 
-    .before\:h-0:before {
-      content: var(--tw-content);
-      height: 0;
-    }
-
-    .before\:w-0:before {
+    .after\:w-1:after {
       content: var(--tw-content);
-      width: 0;
+      width: var(--spacing);
     }
 
-    .before\:-translate-x-1\/2:before {
+    .after\:-translate-x-1\/2:after {
       content: var(--tw-content);
       --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
 
-    .before\:-translate-y-1\/2:before {
-      content: var(--tw-content);
-      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-
-    .before\:border-t-\[9px\]:before {
-      content: var(--tw-content);
-      border-top-style: var(--tw-border-style);
-      border-top-width: 9px;
-    }
-
-    .before\:border-r-\[9px\]:before {
-      content: var(--tw-content);
-      border-right-style: var(--tw-border-style);
-      border-right-width: 9px;
+    .last\:mt-0:last-child {
+      margin-top: 0;
     }
 
-    .before\:border-b-\[9px\]:before {
-      content: var(--tw-content);
+    .last\:border-b-0:last-child {
       border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 9px;
-    }
-
-    .before\:border-l-\[9px\]:before {
-      content: var(--tw-content);
-      border-left-style: var(--tw-border-style);
-      border-left-width: 9px;
+      border-bottom-width: 0;
     }
 
-    .before\:border-t-border:before {
-      content: var(--tw-content);
-      border-top-color: var(--border);
-    }
+    @media (hover: hover) {
+      .hover\:border-current:hover {
+        border-color: currentColor;
+      }
 
-    .before\:border-t-transparent:before {
-      content: var(--tw-content);
-      border-top-color: #0000;
-    }
+      .hover\:bg-\(--btn-bg-hover\):hover {
+        background-color: var(--btn-bg-hover);
+      }
 
-    .before\:border-r-border:before {
-      content: var(--tw-content);
-      border-right-color: var(--border);
-    }
+      .hover\:bg-accent:hover {
+        background-color: var(--accent);
+      }
 
-    .before\:border-r-transparent:before {
-      content: var(--tw-content);
-      border-right-color: #0000;
-    }
+      .hover\:bg-black\/5:hover {
+        background-color: #0000000d;
+      }
 
-    .before\:border-b-border:before {
-      content: var(--tw-content);
-      border-bottom-color: var(--border);
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-black\/5:hover {
+          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+        }
+      }
 
-    .before\:border-b-transparent:before {
-      content: var(--tw-content);
-      border-bottom-color: #0000;
-    }
+      .hover\:bg-border\/80:hover {
+        background-color: var(--border);
+      }
 
-    .before\:border-l-border:before {
-      content: var(--tw-content);
-      border-left-color: var(--border);
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-border\/80:hover {
+          background-color: color-mix(in oklab, var(--border) 80%, transparent);
+        }
+      }
 
-    .before\:border-l-transparent:before {
-      content: var(--tw-content);
-      border-left-color: #0000;
-    }
+      .hover\:bg-destructive\/90:hover {
+        background-color: var(--destructive);
+      }
 
-    .before\:content-\[\"\"\]:before {
-      --tw-content: "";
-      content: var(--tw-content);
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-destructive\/90:hover {
+          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+        }
+      }
 
-    .after\:absolute:after {
-      content: var(--tw-content);
-      position: absolute;
-    }
+      .hover\:bg-muted\/80:hover {
+        background-color: var(--muted);
+      }
 
-    .after\:inset-y-0:after {
-      content: var(--tw-content);
-      inset-block: 0;
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-muted\/80:hover {
+          background-color: color-mix(in oklab, var(--muted) 80%, transparent);
+        }
+      }
 
-    .after\:-top-px:after {
-      content: var(--tw-content);
-      top: -1px;
-    }
+      .hover\:bg-primary\/10:hover {
+        background-color: var(--primary);
+      }
 
-    .after\:top-1\/2:after {
-      content: var(--tw-content);
-      top: 50%;
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-primary\/10:hover {
+          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+        }
+      }
 
-    .after\:top-px:after {
-      content: var(--tw-content);
-      top: 1px;
-    }
+      .hover\:bg-primary\/90:hover {
+        background-color: var(--primary);
+      }
 
-    .after\:-right-px:after {
-      content: var(--tw-content);
-      right: -1px;
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-primary\/90:hover {
+          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+        }
+      }
 
-    .after\:right-px:after {
-      content: var(--tw-content);
-      right: 1px;
-    }
+      .hover\:bg-secondary\/80:hover {
+        background-color: var(--secondary);
+      }
 
-    .after\:-bottom-px:after {
-      content: var(--tw-content);
-      bottom: -1px;
-    }
+      @supports (color: color-mix(in lab, red, red)) {
+        .hover\:bg-secondary\/80:hover {
+          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
+        }
+      }
 
-    .after\:bottom-px:after {
-      content: var(--tw-content);
-      bottom: 1px;
-    }
+      .hover\:text-accent-foreground:hover {
+        color: var(--accent-foreground);
+      }
 
-    .after\:-left-px:after {
-      content: var(--tw-content);
-      left: -1px;
-    }
-
-    .after\:left-1\/2:after {
-      content: var(--tw-content);
-      left: 50%;
-    }
-
-    .after\:left-px:after {
-      content: var(--tw-content);
-      left: 1px;
-    }
-
-    .after\:h-0:after {
-      content: var(--tw-content);
-      height: 0;
-    }
-
-    .after\:w-0:after {
-      content: var(--tw-content);
-      width: 0;
-    }
-
-    .after\:w-1:after {
-      content: var(--tw-content);
-      width: var(--spacing);
-    }
-
-    .after\:-translate-x-1\/2:after {
-      content: var(--tw-content);
-      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-
-    .after\:-translate-y-1\/2:after {
-      content: var(--tw-content);
-      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-
-    .after\:border-t-8:after {
-      content: var(--tw-content);
-      border-top-style: var(--tw-border-style);
-      border-top-width: 8px;
-    }
-
-    .after\:border-r-8:after {
-      content: var(--tw-content);
-      border-right-style: var(--tw-border-style);
-      border-right-width: 8px;
-    }
-
-    .after\:border-b-8:after {
-      content: var(--tw-content);
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 8px;
-    }
-
-    .after\:border-l-8:after {
-      content: var(--tw-content);
-      border-left-style: var(--tw-border-style);
-      border-left-width: 8px;
-    }
-
-    .after\:border-t-popover:after {
-      content: var(--tw-content);
-      border-top-color: var(--popover);
-    }
-
-    .after\:border-t-transparent:after {
-      content: var(--tw-content);
-      border-top-color: #0000;
-    }
-
-    .after\:border-r-popover:after {
-      content: var(--tw-content);
-      border-right-color: var(--popover);
-    }
-
-    .after\:border-r-transparent:after {
-      content: var(--tw-content);
-      border-right-color: #0000;
-    }
-
-    .after\:border-b-popover:after {
-      content: var(--tw-content);
-      border-bottom-color: var(--popover);
-    }
-
-    .after\:border-b-transparent:after {
-      content: var(--tw-content);
-      border-bottom-color: #0000;
-    }
-
-    .after\:border-l-popover:after {
-      content: var(--tw-content);
-      border-left-color: var(--popover);
-    }
-
-    .after\:border-l-transparent:after {
-      content: var(--tw-content);
-      border-left-color: #0000;
-    }
-
-    .after\:content-\[\"\"\]:after {
-      --tw-content: "";
-      content: var(--tw-content);
-    }
-
-    .last\:mt-0:last-child {
-      margin-top: 0;
-    }
-
-    .last\:border-b-0:last-child {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0;
-    }
-
-    @media (hover: hover) {
-      .hover\:border-current:hover {
-        border-color: currentColor;
-      }
-
-      .hover\:bg-\(--btn-bg-hover\):hover {
-        background-color: var(--btn-bg-hover);
-      }
-
-      .hover\:bg-accent:hover {
-        background-color: var(--accent);
-      }
-
-      .hover\:bg-black\/5:hover {
-        background-color: #0000000d;
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-black\/5:hover {
-          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
-        }
-      }
-
-      .hover\:bg-border\/80:hover {
-        background-color: var(--border);
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-border\/80:hover {
-          background-color: color-mix(in oklab, var(--border) 80%, transparent);
-        }
-      }
-
-      .hover\:bg-destructive\/90:hover {
-        background-color: var(--destructive);
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-destructive\/90:hover {
-          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
-        }
-      }
-
-      .hover\:bg-muted\/80:hover {
-        background-color: var(--muted);
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-muted\/80:hover {
-          background-color: color-mix(in oklab, var(--muted) 80%, transparent);
-        }
-      }
-
-      .hover\:bg-primary\/10:hover {
-        background-color: var(--primary);
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-primary\/10:hover {
-          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-        }
-      }
-
-      .hover\:bg-primary\/90:hover {
-        background-color: var(--primary);
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-primary\/90:hover {
-          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
-        }
-      }
-
-      .hover\:bg-secondary\/80:hover {
-        background-color: var(--secondary);
-      }
-
-      @supports (color: color-mix(in lab, red, red)) {
-        .hover\:bg-secondary\/80:hover {
-          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
-        }
-      }
-
-      .hover\:text-accent-foreground:hover {
-        color: var(--accent-foreground);
-      }
-
-      .hover\:text-foreground:hover {
-        color: var(--foreground);
-      }
+      .hover\:text-foreground:hover {
+        color: var(--foreground);
+      }
 
       .hover\:no-underline:hover {
         text-decoration-line: none;
@@ -3130,14 +2919,6 @@
       }
     }
 
-    .focus\:bg-accent:focus {
-      background-color: var(--accent);
-    }
-
-    .focus\:text-accent-foreground:focus {
-      color: var(--accent-foreground);
-    }
-
     .focus\:ring-2:focus {
       --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
@@ -3171,11 +2952,6 @@
       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-4: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);
-    }
-
     .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);
@@ -3261,6 +3037,21 @@
       }
     }
 
+    .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);
+    }
+
+    .has-\[\:focus-visible\]\:outline-hidden:has(:focus-visible) {
+      --tw-outline-style: none;
+      outline-style: none;
+
+      @media (forced-colors: active) {
+        outline-offset: 2px;
+        outline: 2px solid #0000;
+      }
+    }
+
     .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
       gap: calc(var(--spacing) * 3);
     }
@@ -3277,100 +3068,310 @@
       flex-direction: column;
     }
 
-    .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
-      border-radius: calc(var(--radius) - 2px);
+    .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
+      border-radius: calc(var(--radius) - 2px);
+    }
+
+    .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+
+    .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
+      gap: calc(var(--spacing) * 3);
+    }
+
+    .has-\[\>svg\]\:px-1\.5:has( > svg) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+
+    .has-\[\>svg\]\:px-2\.5:has( > svg) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+
+    .has-\[\>svg\]\:px-3:has( > svg) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+
+    .has-\[\>svg\]\:px-4:has( > svg) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+
+    .aria-disabled\:opacity-50[aria-disabled="true"] {
+      opacity: .5;
+    }
+
+    .aria-invalid\:border-destructive[aria-invalid="true"] {
+      border-color: var(--destructive);
+    }
+
+    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+      --tw-ring-color: var(--destructive);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+
+    .aria-selected\:text-muted-foreground[aria-selected="true"] {
+      color: var(--muted-foreground);
+    }
+
+    .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
+      height: 1px;
+    }
+
+    .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
+      width: 100%;
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      left: 0;
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      height: var(--spacing);
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      width: 100%;
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      --tw-translate-x: 0px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]:after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
+      flex-direction: column;
+    }
+
+    .data-checked\:left-\[calc\(100\%-22px\)\][data-checked] {
+      left: calc(100% - 22px);
+    }
+
+    .data-checked\:left-\[calc\(100\%-26px\)\][data-checked] {
+      left: calc(100% - 26px);
+    }
+
+    .data-checked\:left-\[calc\(100\%-34px\)\][data-checked] {
+      left: calc(100% - 34px);
+    }
+
+    .data-checked\:translate-x-\[calc\(100\%-2px\)\][data-checked] {
+      --tw-translate-x: calc(100% - 2px);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-checked\:border-primary[data-checked] {
+      border-color: var(--primary);
+    }
+
+    .data-checked\:bg-primary[data-checked] {
+      background-color: var(--primary);
+    }
+
+    .data-checked\:text-primary-foreground[data-checked] {
+      color: var(--primary-foreground);
+    }
+
+    .data-disabled\:pointer-events-none[data-disabled] {
+      pointer-events: none;
+    }
+
+    .data-disabled\:cursor-not-allowed[data-disabled] {
+      cursor: not-allowed;
+    }
+
+    .data-disabled\:opacity-50[data-disabled] {
+      opacity: .5;
+    }
+
+    .data-ending-style\:scale-95[data-ending-style] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+
+    .data-ending-style\:opacity-0[data-ending-style] {
+      opacity: 0;
+    }
+
+    .data-highlighted\:bg-accent[data-highlighted] {
+      background-color: var(--accent);
+    }
+
+    .data-highlighted\:text-accent-foreground[data-highlighted] {
+      color: var(--accent-foreground);
+    }
+
+    .data-open\:bg-accent[data-open] {
+      background-color: var(--accent);
+    }
+
+    .data-open\:text-muted-foreground[data-open], .data-placeholder\:text-muted-foreground[data-placeholder] {
+      color: var(--muted-foreground);
+    }
+
+    .data-separator-active\:bg-border[data-separator-active] {
+      background-color: var(--border);
+    }
+
+    .data-starting-style\:scale-95[data-starting-style] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+
+    .data-starting-style\:opacity-0[data-starting-style] {
+      opacity: 0;
+    }
+
+    .data-unchecked\:left-0\.5[data-unchecked] {
+      left: calc(var(--spacing) * .5);
+    }
+
+    .data-unchecked\:translate-x-0[data-unchecked] {
+      --tw-translate-x: 0px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+
+    .data-unchecked\:bg-input[data-unchecked] {
+      background-color: var(--input);
+    }
+
+    .data-\[direction\=bottom\]\:inset-x-0[data-direction="bottom"] {
+      inset-inline: 0;
+    }
+
+    .data-\[direction\=bottom\]\:bottom-0[data-direction="bottom"] {
+      bottom: 0;
+    }
+
+    .data-\[direction\=bottom\]\:mt-24[data-direction="bottom"] {
+      margin-top: calc(var(--spacing) * 24);
+    }
+
+    .data-\[direction\=bottom\]\:max-h-\[80vh\][data-direction="bottom"] {
+      max-height: 80vh;
+    }
+
+    .data-\[direction\=bottom\]\:w-full[data-direction="bottom"] {
+      width: 100%;
+    }
+
+    .data-\[direction\=bottom\]\:rounded-t-lg[data-direction="bottom"] {
+      border-top-left-radius: var(--radius);
+      border-top-right-radius: var(--radius);
+    }
+
+    .data-\[direction\=bottom\]\:border-t[data-direction="bottom"] {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+
+    .data-\[direction\=bottom\]\:data-ending-style\:translate-y-full[data-direction="bottom"][data-ending-style], .data-\[direction\=bottom\]\:data-starting-style\:translate-y-full[data-direction="bottom"][data-starting-style] {
+      --tw-translate-y: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
 
-    .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
-      border-style: var(--tw-border-style);
-      border-width: 1px;
+    .data-\[direction\=left\]\:inset-y-0[data-direction="left"] {
+      inset-block: 0;
     }
 
-    .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
-      gap: calc(var(--spacing) * 3);
+    .data-\[direction\=left\]\:left-0[data-direction="left"] {
+      left: 0;
     }
 
-    .has-\[\>svg\]\:px-1\.5:has( > svg) {
-      padding-inline: calc(var(--spacing) * 1.5);
+    .data-\[direction\=left\]\:h-full[data-direction="left"] {
+      height: 100%;
     }
 
-    .has-\[\>svg\]\:px-2\.5:has( > svg) {
-      padding-inline: calc(var(--spacing) * 2.5);
+    .data-\[direction\=left\]\:w-3\/4[data-direction="left"] {
+      width: 75%;
     }
 
-    .has-\[\>svg\]\:px-3:has( > svg) {
-      padding-inline: calc(var(--spacing) * 3);
+    .data-\[direction\=left\]\:border-r[data-direction="left"] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
     }
 
-    .has-\[\>svg\]\:px-4:has( > svg) {
-      padding-inline: calc(var(--spacing) * 4);
+    .data-\[direction\=left\]\:data-ending-style\:-translate-x-full[data-direction="left"][data-ending-style], .data-\[direction\=left\]\:data-starting-style\:-translate-x-full[data-direction="left"][data-starting-style] {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
 
-    .aria-disabled\:opacity-50[aria-disabled="true"] {
-      opacity: .5;
+    .data-\[direction\=right\]\:inset-y-0[data-direction="right"] {
+      inset-block: 0;
     }
 
-    .aria-invalid\:border-destructive[aria-invalid="true"] {
-      border-color: var(--destructive);
+    .data-\[direction\=right\]\:right-0[data-direction="right"] {
+      right: 0;
     }
 
-    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
-      --tw-ring-color: var(--destructive);
-
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
-      }
+    .data-\[direction\=right\]\:h-full[data-direction="right"] {
+      height: 100%;
     }
 
-    .aria-selected\:text-muted-foreground[aria-selected="true"] {
-      color: var(--muted-foreground);
+    .data-\[direction\=right\]\:w-3\/4[data-direction="right"] {
+      width: 75%;
     }
 
-    .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
-      height: 1px;
+    .data-\[direction\=right\]\:border-l[data-direction="right"] {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
     }
 
-    .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
-      width: 100%;
+    .data-\[direction\=right\]\:data-ending-style\:translate-x-full[data-direction="right"][data-ending-style], .data-\[direction\=right\]\:data-starting-style\:translate-x-full[data-direction="right"][data-starting-style] {
+      --tw-translate-x: 100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
 
-    .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
-      content: var(--tw-content);
-      left: 0;
+    .data-\[direction\=top\]\:inset-x-0[data-direction="top"] {
+      inset-inline: 0;
     }
 
-    .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]:after {
-      content: var(--tw-content);
-      height: var(--spacing);
+    .data-\[direction\=top\]\:top-0[data-direction="top"] {
+      top: 0;
     }
 
-    .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]:after {
-      content: var(--tw-content);
-      width: 100%;
+    .data-\[direction\=top\]\:mb-24[data-direction="top"] {
+      margin-bottom: calc(var(--spacing) * 24);
     }
 
-    .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]:after {
-      content: var(--tw-content);
-      --tw-translate-x: 0px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+    .data-\[direction\=top\]\:max-h-\[80vh\][data-direction="top"] {
+      max-height: 80vh;
     }
 
-    .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]:after {
-      content: var(--tw-content);
-      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+    .data-\[direction\=top\]\:w-full[data-direction="top"] {
+      width: 100%;
     }
 
-    .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
-      flex-direction: column;
+    .data-\[direction\=top\]\:rounded-b-lg[data-direction="top"] {
+      border-bottom-right-radius: var(--radius);
+      border-bottom-left-radius: var(--radius);
     }
 
-    .data-separator-active\:bg-border[data-separator-active] {
-      background-color: var(--border);
+    .data-\[direction\=top\]\:border-b[data-direction="top"] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
     }
 
-    .data-\[disabled\]\:pointer-events-none[data-disabled] {
-      pointer-events: none;
+    .data-\[direction\=top\]\:data-ending-style\:-translate-y-full[data-direction="top"][data-ending-style], .data-\[direction\=top\]\:data-starting-style\:-translate-y-full[data-direction="top"][data-starting-style] {
+      --tw-translate-y: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
 
     .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
@@ -3433,10 +3434,6 @@
       flex-direction: column;
     }
 
-    .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
-      color: var(--muted-foreground);
-    }
-
     .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
       border-radius: calc(var(--radius) - 2px);
     }
@@ -3485,24 +3482,36 @@
       border-radius: 0;
     }
 
-    .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
-      --tw-translate-y: var(--spacing);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+    .data-\[side\=bottom\]\:-top-2[data-side="bottom"] {
+      top: calc(var(--spacing) * -2);
     }
 
-    .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
-      --tw-translate-x: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+    .data-\[side\=left\]\:-right-\[13px\][data-side="left"] {
+      right: -13px;
     }
 
-    .data-\[side\=right\]\:translate-x-1[data-side="right"] {
-      --tw-translate-x: var(--spacing);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+    .data-\[side\=left\]\:rotate-90[data-side="left"] {
+      rotate: 90deg;
     }
 
-    .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
-      --tw-translate-y: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+    .data-\[side\=right\]\:-left-\[13px\][data-side="right"] {
+      left: -13px;
+    }
+
+    .data-\[side\=right\]\:-rotate-90[data-side="right"] {
+      rotate: -90deg;
+    }
+
+    .data-\[side\=top\]\:-bottom-2[data-side="top"] {
+      bottom: calc(var(--spacing) * -2);
+    }
+
+    .data-\[side\=top\]\:rotate-180[data-side="top"] {
+      rotate: 180deg;
+    }
+
+    .data-\[side\=…\]\:-top-2[data-side="…"] {
+      top: calc(var(--spacing) * -2);
     }
 
     .data-\[size\=default\]\:h-9[data-size="default"] {
@@ -3552,52 +3561,6 @@
       gap: calc(var(--spacing) * 2);
     }
 
-    .data-\[state\=checked\]\:left-\[calc\(100\%-22px\)\][data-state="checked"] {
-      left: calc(100% - 22px);
-    }
-
-    .data-\[state\=checked\]\:left-\[calc\(100\%-26px\)\][data-state="checked"] {
-      left: calc(100% - 26px);
-    }
-
-    .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
-      --tw-translate-x: calc(100% - 2px);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-
-    .data-\[state\=checked\]\:border-primary[data-state="checked"] {
-      border-color: var(--primary);
-    }
-
-    .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
-      background-color: var(--primary);
-    }
-
-    .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
-      color: var(--primary-foreground);
-    }
-
-    .data-\[state\=open\]\:bg-accent[data-state="open"] {
-      background-color: var(--accent);
-    }
-
-    .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
-      color: var(--muted-foreground);
-    }
-
-    .data-\[state\=unchecked\]\:left-0\.5[data-state="unchecked"] {
-      left: calc(var(--spacing) * .5);
-    }
-
-    .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
-      --tw-translate-x: 0px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-
-    .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
-      background-color: var(--input);
-    }
-
     .data-\[variant\=label\]\:text-sm[data-variant="label"] {
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -3608,92 +3571,6 @@
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
 
-    .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
-      inset-inline: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
-      bottom: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
-      margin-top: calc(var(--spacing) * 24);
-    }
-
-    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
-      max-height: 80vh;
-    }
-
-    .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
-      border-top-left-radius: var(--radius);
-      border-top-right-radius: var(--radius);
-    }
-
-    .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
-      border-top-style: var(--tw-border-style);
-      border-top-width: 1px;
-    }
-
-    .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
-      inset-block: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
-      left: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
-      width: 75%;
-    }
-
-    .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
-      border-right-style: var(--tw-border-style);
-      border-right-width: 1px;
-    }
-
-    .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
-      inset-block: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
-      right: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
-      width: 75%;
-    }
-
-    .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 1px;
-    }
-
-    .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
-      inset-inline: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
-      top: 0;
-    }
-
-    .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
-      margin-bottom: calc(var(--spacing) * 24);
-    }
-
-    .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
-      max-height: 80vh;
-    }
-
-    .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
-      border-bottom-right-radius: var(--radius);
-      border-bottom-left-radius: var(--radius);
-    }
-
-    .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
-    }
-
     .nth-last-2\:-mt-1:nth-last-child(2) {
       margin-top: calc(var(--spacing) * -1);
     }
@@ -3755,7 +3632,7 @@
         line-height: var(--tw-leading, var(--text-xl--line-height));
       }
 
-      .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
+      .data-\[direction\=left\]\:sm\:max-w-sm[data-direction="left"], .data-\[direction\=right\]\:sm\:max-w-sm[data-direction="right"] {
         max-width: var(--container-sm);
       }
     }
@@ -3895,19 +3772,19 @@
       }
     }
 
-    .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *, [data-theme="dark"] *)[data-state="checked"] {
+    .dark\:data-checked\:bg-primary:is(.dark *, [data-theme="dark"] *)[data-checked] {
       background-color: var(--primary);
     }
 
-    .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *, [data-theme="dark"] *)[data-state="checked"] {
+    .dark\:data-checked\:bg-primary-foreground:is(.dark *, [data-theme="dark"] *)[data-checked] {
       background-color: var(--primary-foreground);
     }
 
-    .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *, [data-theme="dark"] *)[data-state="unchecked"] {
+    .dark\:data-unchecked\:bg-foreground:is(.dark *, [data-theme="dark"] *)[data-unchecked] {
       background-color: var(--foreground);
     }
 
-    .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *, [data-theme="dark"] *)[data-state="unchecked"] {
+    .dark\:data-unchecked\:bg-input\/80:is(.dark *, [data-theme="dark"] *)[data-unchecked] {
       background-color: var(--input);
 
       @supports (color: color-mix(in lab, red, red)) {
@@ -3920,10 +3797,6 @@
       outline-style: none;
     }
 
-    .\[\&_\.tiptap_a\]\:text-blue-600 .tiptap a {
-      color: var(--color-blue-600);
-    }
-
     .\[\&_\.tiptap_a\]\:underline .tiptap a {
       text-decoration-line: underline;
     }
@@ -3941,16 +3814,16 @@
       border-left-width: 2px;
     }
 
-    .\[\&_\.tiptap_blockquote\]\:border-gray-300 .tiptap blockquote {
-      border-color: var(--color-gray-300);
+    .\[\&_\.tiptap_blockquote\]\:border-border .tiptap blockquote {
+      border-color: var(--border);
     }
 
     .\[\&_\.tiptap_blockquote\]\:pl-3 .tiptap blockquote {
       padding-left: calc(var(--spacing) * 3);
     }
 
-    .\[\&_\.tiptap_blockquote\]\:text-gray-600 .tiptap blockquote {
-      color: var(--color-gray-600);
+    .\[\&_\.tiptap_blockquote\]\:text-muted-foreground .tiptap blockquote {
+      color: var(--muted-foreground);
     }
 
     .\[\&_\.tiptap_blockquote\]\:italic .tiptap blockquote {
@@ -3961,8 +3834,8 @@
       border-radius: .25rem;
     }
 
-    .\[\&_\.tiptap_code\]\:bg-gray-100 .tiptap code {
-      background-color: var(--color-gray-100);
+    .\[\&_\.tiptap_code\]\:bg-muted .tiptap code {
+      background-color: var(--muted);
     }
 
     .\[\&_\.tiptap_code\]\:px-1 .tiptap code {
@@ -4057,8 +3930,8 @@
       margin-block: calc(var(--spacing) * 4);
     }
 
-    .\[\&_\.tiptap_hr\]\:border-gray-200 .tiptap hr {
-      border-color: var(--color-gray-200);
+    .\[\&_\.tiptap_hr\]\:border-border .tiptap hr {
+      border-color: var(--border);
     }
 
     .\[\&_\.tiptap_li\]\:my-1 .tiptap li {
@@ -4089,8 +3962,8 @@
       height: 0;
     }
 
-    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 .tiptap p.is-editor-empty:first-child:before {
-      color: var(--color-gray-400);
+    .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:text-muted-foreground .tiptap p.is-editor-empty:first-child:before {
+      color: var(--muted-foreground);
     }
 
     .\[\&_\.tiptap_p\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .tiptap p.is-editor-empty:first-child:before {
@@ -4110,8 +3983,8 @@
       border-radius: .25rem;
     }
 
-    .\[\&_\.tiptap_pre\]\:bg-gray-900 .tiptap pre {
-      background-color: var(--color-gray-900);
+    .\[\&_\.tiptap_pre\]\:bg-foreground .tiptap pre {
+      background-color: var(--foreground);
     }
 
     .\[\&_\.tiptap_pre\]\:p-3 .tiptap pre {
@@ -4127,8 +4000,8 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
 
-    .\[\&_\.tiptap_pre\]\:text-gray-100 .tiptap pre {
-      color: var(--color-gray-100);
+    .\[\&_\.tiptap_pre\]\:text-background .tiptap pre {
+      color: var(--background);
     }
 
     .\[\&_\.tiptap_pre_code\]\:bg-transparent .tiptap pre code {
@@ -4218,18 +4091,6 @@
       rotate: 180deg;
     }
 
-    :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
-      display: flex;
-    }
-
-    :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
-      align-items: center;
-    }
-
-    :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
-      gap: calc(var(--spacing) * 2);
-    }
-
     .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
       border-top-right-radius: calc(var(--radius) - 2px);
       border-bottom-right-radius: calc(var(--radius) - 2px);
@@ -4320,7 +4181,7 @@
       rotate: 90deg;
     }
 
-    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
+    .\[\&\[data-panel-open\]\>svg\]\:rotate-180[data-panel-open] > svg {
       rotate: 180deg;
     }
 
@@ -4328,6 +4189,10 @@
       background-color: #0000;
     }
 
+    [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:p-0 {
+      padding: 0;
+    }
+
     [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
       margin-top: calc(var(--spacing) * -1.5);
     }
@@ -4464,31 +4329,6 @@
     initial-value: 0;
   }
 
-  @property --tw-rotate-x {
-    syntax: "*";
-    inherits: false
-  }
-
-  @property --tw-rotate-y {
-    syntax: "*";
-    inherits: false
-  }
-
-  @property --tw-rotate-z {
-    syntax: "*";
-    inherits: false
-  }
-
-  @property --tw-skew-x {
-    syntax: "*";
-    inherits: false
-  }
-
-  @property --tw-skew-y {
-    syntax: "*";
-    inherits: false
-  }
-
   @property --tw-space-y-reverse {
     syntax: "*";
     inherits: false;
@@ -4667,12 +4507,35 @@
     inherits: false
   }
 
+  @property --tw-ease {
+    syntax: "*";
+    inherits: false
+  }
+
   @property --tw-content {
     syntax: "*";
     inherits: false;
     initial-value: "";
   }
 
+  @property --tw-scale-x {
+    syntax: "*";
+    inherits: false;
+    initial-value: 1;
+  }
+
+  @property --tw-scale-y {
+    syntax: "*";
+    inherits: false;
+    initial-value: 1;
+  }
+
+  @property --tw-scale-z {
+    syntax: "*";
+    inherits: false;
+    initial-value: 1;
+  }
+
   @keyframes spin {
     to {
       transform: rotate(360deg);
@@ -4691,11 +4554,6 @@
         --tw-translate-x: 0;
         --tw-translate-y: 0;
         --tw-translate-z: 0;
-        --tw-rotate-x: initial;
-        --tw-rotate-y: initial;
-        --tw-rotate-z: initial;
-        --tw-skew-x: initial;
-        --tw-skew-y: initial;
         --tw-space-y-reverse: 0;
         --tw-border-style: solid;
         --tw-leading: initial;
@@ -4729,7 +4587,11 @@
         --tw-drop-shadow-alpha: 100%;
         --tw-drop-shadow-size: initial;
         --tw-duration: initial;
+        --tw-ease: initial;
         --tw-content: "";
+        --tw-scale-x: 1;
+        --tw-scale-y: 1;
+        --tw-scale-z: 1;
       }
     }
   }