@flexkit/studio 0.2.18 → 0.2.20

package/dist/index.css

@@ -294,6 +294,9 @@
   .fk\:inset-x-0 {
     inset-inline: calc(var(--fk-spacing) * 0);
   }
+  .fk\:inset-x-4 {
+    inset-inline: calc(var(--fk-spacing) * 4);
+  }
   .fk\:inset-y-0 {
     inset-block: calc(var(--fk-spacing) * 0);
   }
@@ -351,6 +354,9 @@
   .fk\:right-1 {
     right: calc(var(--fk-spacing) * 1);
   }
+  .fk\:right-1\.5 {
+    right: calc(var(--fk-spacing) * 1.5);
+  }
   .fk\:right-2 {
     right: calc(var(--fk-spacing) * 2);
   }
@@ -372,6 +378,9 @@
   .fk\:bottom-0 {
     bottom: calc(var(--fk-spacing) * 0);
   }
+  .fk\:bottom-3 {
+    bottom: calc(var(--fk-spacing) * 3);
+  }
   .fk\:bottom-4 {
     bottom: calc(var(--fk-spacing) * 4);
   }
@@ -381,6 +390,9 @@
   .fk\:left-2 {
     left: calc(var(--fk-spacing) * 2);
   }
+  .fk\:left-2\.5 {
+    left: calc(var(--fk-spacing) * 2.5);
+  }
   .fk\:left-3 {
     left: calc(var(--fk-spacing) * 3);
   }
@@ -438,6 +450,9 @@
   .fk\:\!m-0 {
     margin: calc(var(--fk-spacing) * 0) !important;
   }
+  .fk\:m-\(--drawer-inset\,0px\) {
+    margin: var(--drawer-inset,0px);
+  }
   .fk\:m-0 {
     margin: calc(var(--fk-spacing) * 0);
   }
@@ -463,9 +478,15 @@
   .fk\:-mx-1 {
     margin-inline: calc(var(--fk-spacing) * -1);
   }
+  .fk\:-mx-2 {
+    margin-inline: calc(var(--fk-spacing) * -2);
+  }
   .fk\:-mx-3 {
     margin-inline: calc(var(--fk-spacing) * -3);
   }
+  .fk\:mx-0\.5 {
+    margin-inline: calc(var(--fk-spacing) * 0.5);
+  }
   .fk\:mx-2 {
     margin-inline: calc(var(--fk-spacing) * 2);
   }
@@ -1166,6 +1187,9 @@
   .fk\:-mr-1 {
     margin-right: calc(var(--fk-spacing) * -1);
   }
+  .fk\:-mr-1\.5 {
+    margin-right: calc(var(--fk-spacing) * -1.5);
+  }
   .fk\:mr-1 {
     margin-right: calc(var(--fk-spacing) * 1);
   }
@@ -1184,6 +1208,9 @@
   .fk\:-mb-px {
     margin-bottom: -1px;
   }
+  .fk\:mb-0 {
+    margin-bottom: calc(var(--fk-spacing) * 0);
+  }
   .fk\:mb-1 {
     margin-bottom: calc(var(--fk-spacing) * 1);
   }
@@ -1283,6 +1310,9 @@
   .fk\:field-sizing-content {
     field-sizing: content;
   }
+  .fk\:aspect-\[4\/3\] {
+    aspect-ratio: 4/3;
+  }
   .fk\:aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -1290,6 +1320,10 @@
     width: var(--cell-size);
     height: var(--cell-size);
   }
+  .fk\:size-0 {
+    width: calc(var(--fk-spacing) * 0);
+    height: calc(var(--fk-spacing) * 0);
+  }
   .fk\:size-2 {
     width: calc(var(--fk-spacing) * 2);
     height: calc(var(--fk-spacing) * 2);
@@ -1369,6 +1403,9 @@
   .fk\:h-\(--cell-size\) {
     height: var(--cell-size);
   }
+  .fk\:h-\(--drawer-content-height\) {
+    height: var(--drawer-content-height);
+  }
   .fk\:h-\(--radix-select-trigger-height\) {
     height: var(--radix-select-trigger-height);
   }
@@ -1381,6 +1418,9 @@
   .fk\:h-1\.5 {
     height: calc(var(--fk-spacing) * 1.5);
   }
+  .fk\:h-1\/2 {
+    height: calc(1 / 2 * 100%);
+  }
   .fk\:h-2 {
     height: calc(var(--fk-spacing) * 2);
   }
@@ -1489,6 +1529,9 @@
   .fk\:h-px {
     height: 1px;
   }
+  .fk\:max-h-\(--drawer-content-max-height\,none\) {
+    max-height: var(--drawer-content-max-height,none);
+  }
   .fk\:max-h-\(--radix-dropdown-menu-content-available-height\) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
@@ -1579,12 +1622,18 @@
   .fk\:min-h-\[160px\] {
     min-height: 160px;
   }
+  .fk\:min-h-dvh {
+    min-height: 100dvh;
+  }
   .fk\:min-h-screen {
     min-height: 100vh;
   }
   .fk\:w-\(--cell-size\) {
     width: var(--cell-size);
   }
+  .fk\:w-\(--drawer-content-width\,auto\) {
+    width: var(--drawer-content-width,auto);
+  }
   .fk\:w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
@@ -1594,6 +1643,12 @@
   .fk\:w-1\.5 {
     width: calc(var(--fk-spacing) * 1.5);
   }
+  .fk\:w-1\/2 {
+    width: calc(1 / 2 * 100%);
+  }
+  .fk\:w-1\/3 {
+    width: calc(1 / 3 * 100%);
+  }
   .fk\:w-2\.5 {
     width: calc(var(--fk-spacing) * 2.5);
   }
@@ -1750,6 +1805,9 @@
   .fk\:max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
+  .fk\:max-w-0 {
+    max-width: calc(var(--fk-spacing) * 0);
+  }
   .fk\:max-w-4xl {
     max-width: var(--fk-container-4xl);
   }
@@ -1759,6 +1817,9 @@
   .fk\:max-w-6xl {
     max-width: var(--fk-container-6xl);
   }
+  .fk\:max-w-56 {
+    max-width: calc(var(--fk-spacing) * 56);
+  }
   .fk\:max-w-60 {
     max-width: calc(var(--fk-spacing) * 60);
   }
@@ -1789,6 +1850,9 @@
   .fk\:max-w-\[95\%\] {
     max-width: 95%;
   }
+  .fk\:max-w-\[calc\(100\%-1\.5rem\)\] {
+    max-width: calc(100% - 1.5rem);
+  }
   .fk\:max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -1932,9 +1996,15 @@
   .fk\:rotate-45 {
     rotate: 45deg;
   }
+  .fk\:rotate-90 {
+    rotate: 90deg;
+  }
   .fk\:rotate-180 {
     rotate: 180deg;
   }
+  .fk\:transform-\[translate3d\(var\(--translate-x\,0px\)\,var\(--translate-y\,0px\)\,0\)_scale\(var\(--stack-scale\)\)\] {
+    transform: translate3d(var(--translate-x,0px),var(--translate-y,0px),0) scale(var(--stack-scale));
+  }
   .fk\:shimmer {
     --_spread: var(--shimmer-spread, calc(3ch + 40px));
     --_base: currentColor;
@@ -2095,12 +2165,18 @@
   .fk\:grid-cols-\[max-content_1fr\] {
     grid-template-columns: max-content 1fr;
   }
+  .fk\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
+    grid-template-columns: minmax(0,2fr) minmax(0,3fr);
+  }
   .fk\:grid-cols-\[repeat\(auto-fill\,minmax\(8rem\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(8rem,1fr));
   }
   .fk\:grid-cols-\[repeat\(auto-fill\,minmax\(10rem\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill,minmax(10rem,1fr));
   }
+  .fk\:grid-cols-\[repeat\(auto-fill\,minmax\(14rem\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(14rem,1fr));
+  }
   .fk\:grid-rows-\[auto_1fr\] {
     grid-template-rows: auto 1fr;
   }
@@ -2355,6 +2431,9 @@
   .fk\:overflow-y-hidden {
     overflow-y: hidden;
   }
+  .fk\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .fk\:overscroll-x-contain {
     overscroll-behavior-x: contain;
   }
@@ -2408,9 +2487,9 @@
     border-top-left-radius: calc(var(--radius) - 2px);
     border-top-right-radius: calc(var(--radius) - 2px);
   }
-  .fk\:rounded-l-\[20px\] {
-    border-top-left-radius: 20px;
-    border-bottom-left-radius: 20px;
+  .fk\:rounded-t-sm {
+    border-top-left-radius: calc(var(--radius) - 4px);
+    border-top-right-radius: calc(var(--radius) - 4px);
   }
   .fk\:rounded-l-md {
     border-top-left-radius: calc(var(--radius) - 2px);
@@ -2874,6 +2953,18 @@
       background-color: color-mix(in oklab, var(--fk-color-white) 10%, transparent);
     }
   }
+  .fk\:bg-gradient-to-t {
+    --tw-gradient-position: to top in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .fk\:from-background {
+    --tw-gradient-from: hsl(var(--background));
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .fk\:to-transparent {
+    --tw-gradient-to: transparent;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .fk\:mask-\[linear-gradient\(to_bottom\,black_calc\(100\%-2\.75rem\)\,\#0009_calc\(100\%-1\.25rem\)\,\#0003_calc\(100\%-0\.5rem\)\,transparent\)\] {
     mask-image: linear-gradient(to bottom,black calc(100% - 2.75rem),#0009 calc(100% - 1.25rem),#0003 calc(100% - 0.5rem),transparent);
   }
@@ -3075,6 +3166,9 @@
   .fk\:pr-9 {
     padding-right: calc(var(--fk-spacing) * 9);
   }
+  .fk\:pr-10 {
+    padding-right: calc(var(--fk-spacing) * 10);
+  }
   .fk\:pb-0 {
     padding-bottom: calc(var(--fk-spacing) * 0);
   }
@@ -3218,6 +3312,9 @@
   .fk\:text-\[0\.6875rem\] {
     font-size: 0.6875rem;
   }
+  .fk\:text-\[9px\] {
+    font-size: 9px;
+  }
   .fk\:text-\[10px\] {
     font-size: 10px;
   }
@@ -3236,6 +3333,10 @@
     --tw-leading: calc(var(--fk-spacing) * 4.5);
     line-height: calc(var(--fk-spacing) * 4.5);
   }
+  .fk\:leading-\[1\.45\] {
+    --tw-leading: 1.45;
+    line-height: 1.45;
+  }
   .fk\:leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -3291,12 +3392,18 @@
   .fk\:text-balance {
     text-wrap: balance;
   }
+  .fk\:break-words {
+    overflow-wrap: break-word;
+  }
   .fk\:wrap-break-word {
     overflow-wrap: break-word;
   }
   .fk\:break-all {
     word-break: break-all;
   }
+  .fk\:whitespace-normal {
+    white-space: normal;
+  }
   .fk\:whitespace-nowrap {
     white-space: nowrap;
   }
@@ -3363,6 +3470,12 @@
       color: color-mix(in oklab, hsl(var(--foreground)) 60%, transparent);
     }
   }
+  .fk\:text-foreground\/80 {
+    color: hsl(var(--foreground));
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, hsl(var(--foreground)) 80%, transparent);
+    }
+  }
   .fk\:text-green-600 {
     color: var(--fk-color-green-600);
   }
@@ -3456,6 +3569,9 @@
   .fk\:uppercase {
     text-transform: uppercase;
   }
+  .fk\:italic {
+    font-style: italic;
+  }
   .fk\:tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -3505,9 +3621,16 @@
   .fk\:opacity-100\! {
     opacity: 100% !important;
   }
+  .fk\:opacity-\[max\(var\(--drawer-overlay-min-opacity\,0\)\,calc\(1-var\(--drawer-swipe-progress\)\)\)\] {
+    opacity: max(var(--drawer-overlay-min-opacity,0), calc(1 - var(--drawer-swipe-progress)));
+  }
   .fk\:mix-blend-difference {
     mix-blend-mode: difference;
   }
+  .fk\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .fk\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3636,6 +3759,11 @@
     transition-timing-function: var(--tw-ease, var(--fk-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--fk-default-transition-duration));
   }
+  .fk\:transition-\[transform\,height\,opacity\,filter\] {
+    transition-property: transform,height,opacity,filter;
+    transition-timing-function: var(--tw-ease, var(--fk-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--fk-default-transition-duration));
+  }
   .fk\:transition-\[width\,height\,padding\] {
     transition-property: width,height,padding;
     transition-timing-function: var(--tw-ease, var(--fk-default-transition-timing-function));
@@ -3686,6 +3814,18 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .fk\:duration-450 {
+    --tw-duration: 450ms;
+    transition-duration: 450ms;
+  }
+  .fk\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
+    --tw-ease: cubic-bezier(0.22,1,0.36,1);
+    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
+  }
+  .fk\:ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
+    --tw-ease: cubic-bezier(0.32,0.72,0,1);
+    transition-timing-function: cubic-bezier(0.32,0.72,0,1);
+  }
   .fk\:ease-in-out {
     --tw-ease: var(--fk-ease-in-out);
     transition-timing-function: var(--fk-ease-in-out);
@@ -3698,6 +3838,9 @@
     --tw-ease: var(--fk-ease-out);
     transition-timing-function: var(--fk-ease-out);
   }
+  .fk\:will-change-transform {
+    will-change: transform;
+  }
   .fk\:animate-in {
     animation-name: enter;
     animation-duration: 150ms;
@@ -3719,18 +3862,61 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .fk\:select-text {
+    -webkit-user-select: text;
+    user-select: text;
+  }
   .fk\:\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
     --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread)));
   }
+  .fk\:\[--bleed\:3rem\] {
+    --bleed: 3rem;
+  }
   .fk\:\[--cell-size\:--spacing\(8\)\] {
     --cell-size: calc(var(--fk-spacing) * 8);
   }
+  .fk\:\[--drawer-content-height\:var\(--drawer-height\,auto\)\] {
+    --drawer-content-height: var(--drawer-height,auto);
+  }
+  .fk\:\[--peek\:40\%\] {
+    --peek: 40%;
+  }
+  .fk\:\[--stack-gap\:min\(var\(--peek\)\,calc\(var\(--stack-room\)\/max\(1\,var\(--stack-levels\,1\)\)\)\)\] {
+    --stack-gap: min(var(--peek), calc(var(--stack-room) / max(1, var(--stack-levels,1))));
+  }
+  .fk\:\[--stack-height\:var\(--drawer-frontmost-height\,var\(--drawer-height\,0px\)\)\] {
+    --stack-height: var(--drawer-frontmost-height,var(--drawer-height,0px));
+  }
+  .fk\:\[--stack-peek-offset\:max\(0px\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--stack-gap\)\)\)\] {
+    --stack-peek-offset: max(0px, calc((var(--nested-drawers) - var(--stack-progress)) * var(--stack-gap)));
+  }
+  .fk\:\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\] {
+    --stack-progress: clamp(0, var(--drawer-swipe-progress), 1);
+  }
+  .fk\:\[--stack-room\:max\(0px\,calc\(100vw-100\%\)\)\] {
+    --stack-room: max(0px, calc(100vw - 100%));
+  }
+  .fk\:\[--stack-scale-base\:max\(0\,calc\(1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\] {
+    --stack-scale-base: max(0, calc(1 - (var(--nested-drawers) * var(--stack-step))));
+  }
+  .fk\:\[--stack-scale\:clamp\(0\,calc\(var\(--stack-scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\] {
+    --stack-scale: clamp(0, calc(var(--stack-scale-base) + (var(--stack-step) * var(--stack-progress))), 1);
+  }
+  .fk\:\[--stack-shrink\:calc\(1-var\(--stack-scale\)\)\] {
+    --stack-shrink: calc(1 - var(--stack-scale));
+  }
+  .fk\:\[--stack-step\:0\.02\] {
+    --stack-step: 0.02;
+  }
   .fk\:\[counter-increment\:line_0\] {
     counter-increment: line 0;
   }
   .fk\:\[counter-reset\:line\] {
     counter-reset: line;
   }
+  .fk\:\[interpolate-size\:allow-keywords\] {
+    interpolate-size: allow-keywords;
+  }
   .fk\:duration-75 {
     animation-duration: 75ms;
   }
@@ -3740,6 +3926,15 @@
   .fk\:duration-200 {
     animation-duration: 200ms;
   }
+  .fk\:duration-450 {
+    animation-duration: 450ms;
+  }
+  .fk\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
+    animation-timing-function: cubic-bezier(0.22,1,0.36,1);
+  }
+  .fk\:ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
+    animation-timing-function: cubic-bezier(0.32,0.72,0,1);
+  }
   .fk\:ease-in-out {
     animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
@@ -3840,6 +4035,12 @@
       padding-bottom: calc(var(--fk-spacing) * 2.5);
     }
   }
+  .fk\:group-data-swiping\/drawer-popup\:select-none {
+    &:is(:where(.fk\:group\/drawer-popup)[data-swiping] *) {
+      -webkit-user-select: none;
+      user-select: none;
+    }
+  }
   .fk\:group-data-\[collapsible\=icon\]\:-mt-8 {
     &:is(:where(.fk\:group)[data-collapsible="icon"] *) {
       margin-top: calc(var(--fk-spacing) * -8);
@@ -4195,6 +4396,11 @@
       }
     }
   }
+  .fk\:group-data-\[swipe-axis\=y\]\/drawer-popup\:text-center {
+    &:is(:where(.fk\:group\/drawer-popup)[data-swipe-axis="y"] *) {
+      text-align: center;
+    }
+  }
   .fk\:group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.fk\:group)[data-variant="floating"] *) {
       border-radius: var(--radius);
@@ -4222,140 +4428,6 @@
       background-color: transparent;
     }
   }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:top-4 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      top: calc(var(--fk-spacing) * 4);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:left-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      left: calc(1 / 2 * 100%);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      display: block;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:h-2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      height: calc(var(--fk-spacing) * 2);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:w-\[100px\] {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      width: 100px;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:-translate-x-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
-      text-align: center;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:top-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="left"] *) {
-      top: calc(1 / 2 * 100%);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:right-4 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="left"] *) {
-      right: calc(var(--fk-spacing) * 4);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:block {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="left"] *) {
-      display: block;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:h-\[100px\] {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="left"] *) {
-      height: 100px;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:w-2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="left"] *) {
-      width: calc(var(--fk-spacing) * 2);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:-translate-y-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="left"] *) {
-      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:top-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="right"] *) {
-      top: calc(1 / 2 * 100%);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:left-3 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="right"] *) {
-      left: calc(var(--fk-spacing) * 3);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:block {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="right"] *) {
-      display: block;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:h-\[100px\] {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="right"] *) {
-      height: 100px;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:w-2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="right"] *) {
-      width: calc(var(--fk-spacing) * 2);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:-translate-y-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="right"] *) {
-      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:bottom-4 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      bottom: calc(var(--fk-spacing) * 4);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:left-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      left: calc(1 / 2 * 100%);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:block {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      display: block;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:h-2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      height: calc(var(--fk-spacing) * 2);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:w-\[100px\] {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      width: 100px;
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:-translate-x-1\/2 {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
-  .fk\:group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
-    &:is(:where(.fk\:group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
-      text-align: center;
-    }
-  }
   .fk\:group-\[\.is-assistant\]\:text-foreground {
     &:is(:where(.fk\:group):is(.is-assistant) *) {
       color: hsl(var(--foreground));
@@ -4562,6 +4634,12 @@
       counter-increment: line;
     }
   }
+  .fk\:after\:pointer-events-none {
+    &::after {
+      content: var(--tw-content);
+      pointer-events: none;
+    }
+  }
   .fk\:after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -4605,6 +4683,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .fk\:after\:bg-\(--drawer-bleed-background\,var\(--background\)\) {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--drawer-bleed-background,var(--background));
+    }
+  }
   .fk\:after\:bg-foreground {
     &::after {
       content: var(--tw-content);
@@ -4958,6 +5042,16 @@
       }
     }
   }
+  .fk\:hover\:text-foreground\/80 {
+    &:hover {
+      @media (hover: hover) {
+        color: hsl(var(--foreground));
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, hsl(var(--foreground)) 80%, transparent);
+        }
+      }
+    }
+  }
   .fk\:hover\:text-muted-foreground {
     &:hover {
       @media (hover: hover) {
@@ -5105,6 +5199,11 @@
       background-color: hsl(var(--accent));
     }
   }
+  .fk\:focus-visible\:underline {
+    &:focus-visible {
+      text-decoration-line: underline;
+    }
+  }
   .fk\:focus-visible\:ring-0 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5247,6 +5346,11 @@
       opacity: 50%;
     }
   }
+  .fk\:disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .fk\:in-data-\[side\=left\]\:cursor-w-resize {
     :where(*[data-side="left"]) & {
       cursor: w-resize;
@@ -5439,6 +5543,17 @@
       }
     }
   }
+  .fk\:has-\[\>a\:focus-visible\]\:ring-2 {
+    &:has(>a:focus-visible) {
+      --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);
+    }
+  }
+  .fk\:has-\[\>a\:focus-visible\]\:ring-ring {
+    &:has(>a:focus-visible) {
+      --tw-ring-color: hsl(var(--ring));
+    }
+  }
   .fk\:has-\[\>button\]\:mr-\[-0\.4rem\] {
     &:has(>button) {
       margin-right: -0.4rem;
@@ -5499,11 +5614,25 @@
       pointer-events: none;
     }
   }
+  .fk\:aria-disabled\:cursor-default {
+    &[aria-disabled="true"] {
+      cursor: default;
+    }
+  }
   .fk\:aria-disabled\:opacity-50 {
     &[aria-disabled="true"] {
       opacity: 50%;
     }
   }
+  .fk\:aria-disabled\:hover\:bg-background {
+    &[aria-disabled="true"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: hsl(var(--background));
+        }
+      }
+    }
+  }
   .fk\:aria-expanded\:bg-accent {
     &[aria-expanded="true"] {
       background-color: hsl(var(--accent));
@@ -5609,16 +5738,120 @@
       flex-direction: column;
     }
   }
+  .fk\:data-ending-style\:pointer-events-none {
+    &[data-ending-style] {
+      pointer-events: none;
+    }
+  }
+  .fk\:data-ending-style\:transform-\(--closed-transform\) {
+    &[data-ending-style] {
+      transform: var(--closed-transform);
+    }
+  }
+  .fk\:data-ending-style\:opacity-0 {
+    &[data-ending-style] {
+      opacity: 0%;
+    }
+  }
+  .fk\:data-ending-style\:opacity-\[0\.9999\] {
+    &[data-ending-style] {
+      opacity: 0.9999;
+    }
+  }
+  .fk\:data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
+    &[data-ending-style] {
+      --tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
+      transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
+    }
+  }
+  .fk\:data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
+    &[data-ending-style] {
+      animation-duration: calc(var(--drawer-swipe-strength) * 400ms);
+    }
+  }
   .fk\:data-inset\:pl-8 {
     &[data-inset] {
       padding-left: calc(var(--fk-spacing) * 8);
     }
   }
+  .fk\:data-nested-drawer-open\:overflow-hidden {
+    &[data-nested-drawer-open] {
+      overflow: hidden;
+    }
+  }
+  .fk\:data-nested-drawer-open\:brightness-90 {
+    &[data-nested-drawer-open] {
+      --tw-brightness: brightness(90%);
+      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+    }
+  }
+  .fk\:data-nested-drawer-swiping\:duration-0 {
+    &[data-nested-drawer-swiping] {
+      --tw-duration: 0ms;
+      transition-duration: 0ms;
+    }
+  }
+  .fk\:data-nested-drawer-swiping\:duration-0 {
+    &[data-nested-drawer-swiping] {
+      animation-duration: 0s;
+    }
+  }
+  .fk\:data-ending-style\:data-nested-drawer-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
+    &[data-ending-style] {
+      &[data-nested-drawer-swiping] {
+        --tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
+        transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
+      }
+    }
+  }
+  .fk\:data-ending-style\:data-nested-drawer-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
+    &[data-ending-style] {
+      &[data-nested-drawer-swiping] {
+        animation-duration: calc(var(--drawer-swipe-strength) * 400ms);
+      }
+    }
+  }
   .fk\:data-placeholder\:text-muted-foreground {
     &[data-placeholder] {
       color: hsl(var(--muted-foreground));
     }
   }
+  .fk\:data-starting-style\:transform-\(--closed-transform\) {
+    &[data-starting-style] {
+      transform: var(--closed-transform);
+    }
+  }
+  .fk\:data-starting-style\:opacity-0 {
+    &[data-starting-style] {
+      opacity: 0%;
+    }
+  }
+  .fk\:data-swiping\:duration-0 {
+    &[data-swiping] {
+      --tw-duration: 0ms;
+      transition-duration: 0ms;
+    }
+  }
+  .fk\:data-swiping\:duration-0 {
+    &[data-swiping] {
+      animation-duration: 0s;
+    }
+  }
+  .fk\:data-ending-style\:data-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
+    &[data-ending-style] {
+      &[data-swiping] {
+        --tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
+        transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
+      }
+    }
+  }
+  .fk\:data-ending-style\:data-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
+    &[data-ending-style] {
+      &[data-swiping] {
+        animation-duration: calc(var(--drawer-swipe-strength) * 400ms);
+      }
+    }
+  }
   .fk\:data-\[active\=true\]\:bg-sidebar-accent {
     &[data-active="true"] {
       background-color: hsl(var(--sidebar-accent));
@@ -5660,6 +5893,11 @@
       color: hsl(var(--destructive));
     }
   }
+  .fk\:data-\[modal\=true\]\:pointer-events-auto {
+    &[data-modal="true"] {
+      pointer-events: auto;
+    }
+  }
   .fk\:data-\[orientation\=horizontal\]\:h-px {
     &[data-orientation="horizontal"] {
       height: 1px;
@@ -6291,173 +6529,281 @@
       background-color: hsl(var(--input));
     }
   }
-  .fk\:data-\[variant\=destructive\]\:text-destructive {
-    &[data-variant="destructive"] {
-      color: hsl(var(--destructive));
+  .fk\:data-\[swipe-axis\=x\]\:inset-y-0 {
+    &[data-swipe-axis="x"] {
+      inset-block: calc(var(--fk-spacing) * 0);
     }
   }
-  .fk\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
-    &[data-variant="destructive"] {
-      &:focus {
-        background-color: hsl(var(--destructive));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
-        }
+  .fk\:data-\[swipe-axis\=x\]\:\[--drawer-content-width\:clamp\(40vw\,95vw\,60rem\)\] {
+    &[data-swipe-axis="x"] {
+      --drawer-content-width: clamp(40vw, 95vw, 60rem);
+    }
+  }
+  .fk\:data-\[swipe-axis\=x\]\:after\:inset-y-0 {
+    &[data-swipe-axis="x"] {
+      &::after {
+        content: var(--tw-content);
+        inset-block: calc(var(--fk-spacing) * 0);
       }
     }
   }
-  .fk\:data-\[variant\=destructive\]\:focus\:text-destructive {
-    &[data-variant="destructive"] {
-      &:focus {
-        color: hsl(var(--destructive));
+  .fk\:data-\[swipe-axis\=x\]\:after\:w-\(--bleed\) {
+    &[data-swipe-axis="x"] {
+      &::after {
+        content: var(--tw-content);
+        width: var(--bleed);
       }
     }
   }
-  .fk\:data-\[variant\=line\]\:rounded-none {
-    &[data-variant="line"] {
-      border-radius: 0;
+  .fk\:data-\[swipe-axis\=y\]\:inset-x-0 {
+    &[data-swipe-axis="y"] {
+      inset-inline: calc(var(--fk-spacing) * 0);
     }
   }
-  .fk\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0 {
-    &[data-spacing="0"] {
-      &[data-variant="outline"] {
-        border-left-style: var(--tw-border-style);
-        border-left-width: 0px;
-      }
+  .fk\:data-\[swipe-axis\=y\]\:\[--drawer-content-max-height\:calc\(100dvh-6rem\)\] {
+    &[data-swipe-axis="y"] {
+      --drawer-content-max-height: calc(100dvh - 6rem);
     }
   }
-  .fk\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l {
-    &[data-spacing="0"] {
-      &[data-variant="outline"] {
-        &:first-child {
-          border-left-style: var(--tw-border-style);
-          border-left-width: 1px;
-        }
+  .fk\:data-\[swipe-axis\=y\]\:after\:inset-x-0 {
+    &[data-swipe-axis="y"] {
+      &::after {
+        content: var(--tw-content);
+        inset-inline: calc(var(--fk-spacing) * 0);
       }
     }
   }
-  .fk\:data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs {
-    &[data-spacing="default"] {
-      &[data-variant="outline"] {
-        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  .fk\:data-\[swipe-axis\=y\]\:after\:h-\(--bleed\) {
+    &[data-swipe-axis="y"] {
+      &::after {
+        content: var(--tw-content);
+        height: var(--bleed);
       }
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
-    &[data-vaul-drawer-direction="bottom"] {
-      inset-inline: calc(var(--fk-spacing) * 0);
+  .fk\:data-\[swipe-axis\=y\]\:data-nested-drawer-open\:h-\(--stack-height\) {
+    &[data-swipe-axis="y"] {
+      &[data-nested-drawer-open] {
+        height: var(--stack-height);
+      }
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
-    &[data-vaul-drawer-direction="bottom"] {
+  .fk\:data-\[swipe-direction\=down\]\:bottom-0 {
+    &[data-swipe-direction="down"] {
       bottom: calc(var(--fk-spacing) * 0);
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
-    &[data-vaul-drawer-direction="bottom"] {
-      margin-top: calc(var(--fk-spacing) * 24);
-    }
-  }
-  .fk\:data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
-    &[data-vaul-drawer-direction="bottom"] {
-      max-height: 80vh;
+  .fk\:data-\[swipe-direction\=down\]\:origin-bottom {
+    &[data-swipe-direction="down"] {
+      transform-origin: bottom;
     }
   }
-  .fk\: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);
+  .fk\:data-\[swipe-direction\=down\]\:rounded-t-\[20px\] {
+    &[data-swipe-direction="down"] {
+      border-top-left-radius: 20px;
+      border-top-right-radius: 20px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=bottom\]\:border-t {
-    &[data-vaul-drawer-direction="bottom"] {
+  .fk\:data-\[swipe-direction\=down\]\:border-t {
+    &[data-swipe-direction="down"] {
       border-top-style: var(--tw-border-style);
       border-top-width: 1px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
-    &[data-vaul-drawer-direction="left"] {
-      inset-block: calc(var(--fk-spacing) * 0);
+  .fk\:data-\[swipe-direction\=down\]\:\[--closed-transform\:translate3d\(0\,calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\)\] {
+    &[data-swipe-direction="down"] {
+      --closed-transform: translate3d(0,calc(100% + var(--drawer-inset,0px) + 2px),0);
+    }
+  }
+  .fk\:data-\[swipe-direction\=down\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\] {
+    &[data-swipe-direction="down"] {
+      --translate-y: calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y) - var(--stack-peek-offset) - (var(--stack-shrink) * var(--stack-height)));
+    }
+  }
+  .fk\:data-\[swipe-direction\=down\]\:after\:top-full {
+    &[data-swipe-direction="down"] {
+      &::after {
+        content: var(--tw-content);
+        top: 100%;
+      }
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=left\]\:left-0 {
-    &[data-vaul-drawer-direction="left"] {
+  .fk\:data-\[swipe-direction\=left\]\:left-0 {
+    &[data-swipe-direction="left"] {
       left: calc(var(--fk-spacing) * 0);
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
-    &[data-vaul-drawer-direction="left"] {
-      width: calc(3 / 4 * 100%);
+  .fk\:data-\[swipe-direction\=left\]\:origin-left {
+    &[data-swipe-direction="left"] {
+      transform-origin: 0;
+    }
+  }
+  .fk\:data-\[swipe-direction\=left\]\:rounded-r-\[20px\] {
+    &[data-swipe-direction="left"] {
+      border-top-right-radius: 20px;
+      border-bottom-right-radius: 20px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=left\]\:border-r {
-    &[data-vaul-drawer-direction="left"] {
+  .fk\:data-\[swipe-direction\=left\]\:border-r {
+    &[data-swipe-direction="left"] {
       border-right-style: var(--tw-border-style);
       border-right-width: 1px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
-    &[data-vaul-drawer-direction="right"] {
-      inset-block: calc(var(--fk-spacing) * 0);
+  .fk\:data-\[swipe-direction\=left\]\:\[--closed-transform\:translate3d\(calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\,0\)\] {
+    &[data-swipe-direction="left"] {
+      --closed-transform: translate3d(calc(-100% - var(--drawer-inset,0px) - 2px),0,0);
+    }
+  }
+  .fk\:data-\[swipe-direction\=left\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*100\%\)\)\] {
+    &[data-swipe-direction="left"] {
+      --translate-x: calc(var(--drawer-swipe-movement-x) + var(--stack-peek-offset) + (var(--stack-shrink) * 100%));
+    }
+  }
+  .fk\:data-\[swipe-direction\=left\]\:after\:right-full {
+    &[data-swipe-direction="left"] {
+      &::after {
+        content: var(--tw-content);
+        right: 100%;
+      }
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=right\]\:right-0 {
-    &[data-vaul-drawer-direction="right"] {
+  .fk\:data-\[swipe-direction\=right\]\:right-0 {
+    &[data-swipe-direction="right"] {
       right: calc(var(--fk-spacing) * 0);
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=right\]\:w-full {
-    &[data-vaul-drawer-direction="right"] {
-      width: 100%;
+  .fk\:data-\[swipe-direction\=right\]\:origin-right {
+    &[data-swipe-direction="right"] {
+      transform-origin: 100%;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=right\]\:max-w-\[clamp\(40vw\,95vw\,60rem\)\] {
-    &[data-vaul-drawer-direction="right"] {
-      max-width: clamp(40vw, 95vw, 60rem);
+  .fk\:data-\[swipe-direction\=right\]\:rounded-l-\[20px\] {
+    &[data-swipe-direction="right"] {
+      border-top-left-radius: 20px;
+      border-bottom-left-radius: 20px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=right\]\:border-l {
-    &[data-vaul-drawer-direction="right"] {
+  .fk\:data-\[swipe-direction\=right\]\:border-l {
+    &[data-swipe-direction="right"] {
       border-left-style: var(--tw-border-style);
       border-left-width: 1px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
-    &[data-vaul-drawer-direction="top"] {
-      inset-inline: calc(var(--fk-spacing) * 0);
+  .fk\:data-\[swipe-direction\=right\]\:\[--closed-transform\:translate3d\(calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\,0\)\] {
+    &[data-swipe-direction="right"] {
+      --closed-transform: translate3d(calc(100% + var(--drawer-inset,0px) + 2px),0,0);
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=top\]\:top-0 {
-    &[data-vaul-drawer-direction="top"] {
-      top: calc(var(--fk-spacing) * 0);
+  .fk\:data-\[swipe-direction\=right\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*100\%\)\)\] {
+    &[data-swipe-direction="right"] {
+      --translate-x: calc(var(--drawer-swipe-movement-x) - var(--stack-peek-offset) - (var(--stack-shrink) * 100%));
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=top\]\:mb-24 {
-    &[data-vaul-drawer-direction="top"] {
-      margin-bottom: calc(var(--fk-spacing) * 24);
+  .fk\:data-\[swipe-direction\=right\]\:after\:left-full {
+    &[data-swipe-direction="right"] {
+      &::after {
+        content: var(--tw-content);
+        left: 100%;
+      }
+    }
+  }
+  .fk\:data-\[swipe-direction\=up\]\:top-0 {
+    &[data-swipe-direction="up"] {
+      top: calc(var(--fk-spacing) * 0);
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
-    &[data-vaul-drawer-direction="top"] {
-      max-height: 80vh;
+  .fk\:data-\[swipe-direction\=up\]\:origin-top {
+    &[data-swipe-direction="up"] {
+      transform-origin: top;
     }
   }
-  .fk\: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);
+  .fk\:data-\[swipe-direction\=up\]\:rounded-b-\[20px\] {
+    &[data-swipe-direction="up"] {
+      border-bottom-right-radius: 20px;
+      border-bottom-left-radius: 20px;
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=top\]\:border-b {
-    &[data-vaul-drawer-direction="top"] {
+  .fk\:data-\[swipe-direction\=up\]\:border-b {
+    &[data-swipe-direction="up"] {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 1px;
     }
   }
-  .fk\:sm\:block {
-    @media (width >= 40rem) {
-      display: block;
+  .fk\:data-\[swipe-direction\=up\]\:\[--closed-transform\:translate3d\(0\,calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\)\] {
+    &[data-swipe-direction="up"] {
+      --closed-transform: translate3d(0,calc(-100% - var(--drawer-inset,0px) - 2px),0);
+    }
+  }
+  .fk\:data-\[swipe-direction\=up\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\] {
+    &[data-swipe-direction="up"] {
+      --translate-y: calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y) + var(--stack-peek-offset) + (var(--stack-shrink) * var(--stack-height)));
+    }
+  }
+  .fk\:data-\[swipe-direction\=up\]\:after\:bottom-full {
+    &[data-swipe-direction="up"] {
+      &::after {
+        content: var(--tw-content);
+        bottom: 100%;
+      }
+    }
+  }
+  .fk\:data-\[variant\=destructive\]\:text-destructive {
+    &[data-variant="destructive"] {
+      color: hsl(var(--destructive));
+    }
+  }
+  .fk\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
+    &[data-variant="destructive"] {
+      &:focus {
+        background-color: hsl(var(--destructive));
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
+        }
+      }
+    }
+  }
+  .fk\:data-\[variant\=destructive\]\:focus\:text-destructive {
+    &[data-variant="destructive"] {
+      &:focus {
+        color: hsl(var(--destructive));
+      }
+    }
+  }
+  .fk\:data-\[variant\=line\]\:rounded-none {
+    &[data-variant="line"] {
+      border-radius: 0;
+    }
+  }
+  .fk\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0 {
+    &[data-spacing="0"] {
+      &[data-variant="outline"] {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 0px;
+      }
+    }
+  }
+  .fk\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l {
+    &[data-spacing="0"] {
+      &[data-variant="outline"] {
+        &:first-child {
+          border-left-style: var(--tw-border-style);
+          border-left-width: 1px;
+        }
+      }
+    }
+  }
+  .fk\:data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs {
+    &[data-spacing="default"] {
+      &[data-variant="outline"] {
+        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .fk\:supports-\[-webkit-touch-callout\:none\]\:absolute {
+    @supports (-webkit-touch-callout:none) {
+      position: absolute;
     }
   }
   .fk\:sm\:hidden {
@@ -6465,6 +6811,11 @@
       display: none;
     }
   }
+  .fk\:sm\:table-cell {
+    @media (width >= 40rem) {
+      display: table-cell;
+    }
+  }
   .fk\:sm\:w-\[350px\] {
     @media (width >= 40rem) {
       width: 350px;
@@ -6556,18 +6907,21 @@
       }
     }
   }
-  .fk\:data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
-    &[data-vaul-drawer-direction="left"] {
-      @media (width >= 40rem) {
-        max-width: var(--fk-container-sm);
-      }
-    }
-  }
   .fk\:md\:block {
     @media (width >= 48rem) {
       display: block;
     }
   }
+  .fk\:md\:inline {
+    @media (width >= 48rem) {
+      display: inline;
+    }
+  }
+  .fk\:md\:table-cell {
+    @media (width >= 48rem) {
+      display: table-cell;
+    }
+  }
   .fk\:md\:w-25 {
     @media (width >= 48rem) {
       width: calc(var(--fk-spacing) * 25);
@@ -6657,6 +7011,11 @@
       padding-inline: calc(var(--fk-spacing) * 6);
     }
   }
+  .fk\:xl\:inline {
+    @media (width >= 80rem) {
+      display: inline;
+    }
+  }
   .fk\:dark\:border-input {
     &:is([style="color-scheme: dark;"] *) {
       border-color: hsl(var(--input));
@@ -6877,6 +7236,15 @@
       }
     }
   }
+  .fk\:dark\:hover\:bg-transparent {
+    &:is([style="color-scheme: dark;"] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
   .fk\:dark\:hover\:text-accent-foreground {
     &:is([style="color-scheme: dark;"] *) {
       &:hover {
@@ -7892,10 +8260,6 @@ html, body {
 [data-radix-scroll-area-viewport] > div {
   height: 100%;
 }
-.fk-drawer-fix {
-  background: hsl(var(--background)) !important;
-  bottom: 0;
-}
 .ProseMirror {
   padding: calc(var(--fk-spacing) * 4);
   padding-inline: calc(var(--fk-spacing) * 6);
@@ -8060,9 +8424,6 @@ div[data-youtube-video] > iframe {
   transition: outline 0.15s;
   outline: 6px solid #fbbf24;
 }
-[data-vaul-drawer] {
-  transform: scale(1);
-}
 @media only screen and (max-width: 480px) {
   div[data-youtube-video] > iframe {
     max-height: 50px;
@@ -8476,6 +8837,9 @@ html[data-desktop-platform] .flexkit-navbar {
 html[data-desktop-platform] .flexkit-navbar :is( a, button, input, textarea, select, [role='button'], [role='combobox'], [role='listbox'], [role='menu'], [role='dialog'], [cmdk-root] ) {
   -webkit-app-region: no-drag;
 }
+html[data-desktop-platform] :is( [data-slot='drawer-viewport'], [data-slot='dialog-overlay'], [data-slot='sheet-overlay'], [data-slot='alert-dialog-overlay'] ) {
+  -webkit-app-region: no-drag;
+}
 html[data-desktop-platform='darwin'] .flexkit-navbar {
   padding-left: 6.5rem;
 }
@@ -8506,6 +8870,26 @@ html[data-desktop-platform='darwin'] .flexkit-navbar {
   inherits: false;
   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-scroll-snap-strictness {
   syntax: "*";
   inherits: false;
@@ -8531,6 +8915,48 @@ html[data-desktop-platform='darwin'] .flexkit-navbar {
   inherits: false;
   initial-value: solid;
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -8828,11 +9254,25 @@ html[data-desktop-platform='darwin'] .flexkit-navbar {
       --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-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;