@segmentify/ui 0.0.29 → 0.0.32

package/dist/ui.css

@@ -8,8 +8,11 @@
     --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --ui-color-red-500: oklch(63.7% 0.237 25.331);
+    --ui-color-orange-600: #f25847;
     --ui-color-amber-50: oklch(98.7% 0.022 95.277);
     --ui-color-amber-200: oklch(92.4% 0.12 95.746);
+    --ui-color-amber-500: oklch(76.9% 0.188 70.08);
+    --ui-color-amber-600: oklch(66.6% 0.179 58.318);
     --ui-color-amber-800: oklch(47.3% 0.137 46.201);
     --ui-color-yellow-500: oklch(79.5% 0.184 86.047);
     --ui-color-green-50: oklch(98.2% 0.018 155.826);
@@ -18,11 +21,21 @@
     --ui-color-green-500: oklch(72.3% 0.219 149.579);
     --ui-color-green-700: oklch(52.7% 0.154 150.069);
     --ui-color-green-800: oklch(44.8% 0.119 151.328);
+    --ui-color-emerald-500: oklch(69.6% 0.17 162.48);
+    --ui-color-emerald-600: oklch(59.6% 0.145 163.225);
+    --ui-color-teal-600: oklch(60% 0.118 184.704);
+    --ui-color-cyan-600: oklch(60.9% 0.126 221.723);
     --ui-color-blue-50: oklch(97% 0.014 254.604);
     --ui-color-blue-200: oklch(88.2% 0.059 254.128);
     --ui-color-blue-500: oklch(62.3% 0.214 259.815);
+    --ui-color-blue-600: oklch(54.6% 0.245 262.881);
     --ui-color-blue-800: oklch(42.4% 0.199 265.638);
+    --ui-color-indigo-600: oklch(51.1% 0.262 276.966);
+    --ui-color-violet-600: oklch(54.1% 0.281 293.009);
     --ui-color-purple-500: oklch(62.7% 0.265 303.9);
+    --ui-color-pink-600: oklch(59.2% 0.249 0.584);
+    --ui-color-rose-500: oklch(64.5% 0.246 16.439);
+    --ui-color-rose-600: oklch(58.6% 0.253 17.585);
     --ui-color-slate-50: oklch(98.4% 0.003 247.858);
     --ui-color-slate-200: oklch(92.9% 0.013 255.508);
     --ui-color-gray-200: #e5e7eb;
@@ -30,6 +43,7 @@
     --ui-color-gray-400: #9fa6b2;
     --ui-color-gray-500: #6b7280;
     --ui-color-gray-600: #4b5563;
+    --ui-color-zinc-50: oklch(98.5% 0 0);
     --ui-color-neutral-500: oklch(55.6% 0 0);
     --ui-color-neutral-700: oklch(37.1% 0 0);
     --ui-color-neutral-800: oklch(26.9% 0 0);
@@ -327,6 +341,9 @@
   .ui\:top-4 {
     top: calc(var(--ui-spacing) * 4);
   }
+  .ui\:top-11 {
+    top: calc(var(--ui-spacing) * 11);
+  }
   .ui\:top-\[50\%\] {
     top: 50%;
   }
@@ -354,6 +371,9 @@
   .ui\:bottom-0 {
     bottom: calc(var(--ui-spacing) * 0);
   }
+  .ui\:bottom-4 {
+    bottom: calc(var(--ui-spacing) * 4);
+  }
   .ui\:-left-12 {
     left: calc(var(--ui-spacing) * -12);
   }
@@ -366,9 +386,15 @@
   .ui\:left-2 {
     left: calc(var(--ui-spacing) * 2);
   }
+  .ui\:left-5 {
+    left: calc(var(--ui-spacing) * 5);
+  }
   .ui\:left-\[50\%\] {
     left: 50%;
   }
+  .ui\:isolate {
+    isolation: isolate;
+  }
   .ui\:z-10 {
     z-index: 10;
   }
@@ -384,6 +410,9 @@
   .ui\:z-\[102\] {
     z-index: 102;
   }
+  .ui\:order-first {
+    order: -9999;
+  }
   .ui\:order-last {
     order: 9999;
   }
@@ -453,6 +482,9 @@
   .ui\:mt-6 {
     margin-top: calc(var(--ui-spacing) * 6);
   }
+  .ui\:mt-8 {
+    margin-top: calc(var(--ui-spacing) * 8);
+  }
   .ui\:mt-24 {
     margin-top: calc(var(--ui-spacing) * 24);
   }
@@ -483,6 +515,9 @@
   .ui\:mb-8 {
     margin-bottom: calc(var(--ui-spacing) * 8);
   }
+  .ui\:-ml-1 {
+    margin-left: calc(var(--ui-spacing) * -1);
+  }
   .ui\:-ml-4 {
     margin-left: calc(var(--ui-spacing) * -4);
   }
@@ -492,6 +527,12 @@
   .ui\:ml-auto {
     margin-left: auto;
   }
+  .ui\:line-clamp-1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
   .ui\:block {
     display: block;
   }
@@ -547,6 +588,10 @@
     width: calc(var(--ui-spacing) * 5);
     height: calc(var(--ui-spacing) * 5);
   }
+  .ui\:size-6 {
+    width: calc(var(--ui-spacing) * 6);
+    height: calc(var(--ui-spacing) * 6);
+  }
   .ui\:size-7 {
     width: calc(var(--ui-spacing) * 7);
     height: calc(var(--ui-spacing) * 7);
@@ -563,10 +608,18 @@
     width: calc(var(--ui-spacing) * 10);
     height: calc(var(--ui-spacing) * 10);
   }
+  .ui\:size-11 {
+    width: calc(var(--ui-spacing) * 11);
+    height: calc(var(--ui-spacing) * 11);
+  }
   .ui\:size-12 {
     width: calc(var(--ui-spacing) * 12);
     height: calc(var(--ui-spacing) * 12);
   }
+  .ui\:size-16 {
+    width: calc(var(--ui-spacing) * 16);
+    height: calc(var(--ui-spacing) * 16);
+  }
   .ui\:size-auto {
     width: auto;
     height: auto;
@@ -593,6 +646,9 @@
   .ui\:h-5 {
     height: calc(var(--ui-spacing) * 5);
   }
+  .ui\:h-6 {
+    height: calc(var(--ui-spacing) * 6);
+  }
   .ui\:h-7 {
     height: calc(var(--ui-spacing) * 7);
   }
@@ -623,6 +679,9 @@
   .ui\:h-\[200px\] {
     height: 200px;
   }
+  .ui\:h-\[calc\(--spacing\(5\.5\)\)\] {
+    height: calc(calc(var(--ui-spacing) * 5.5));
+  }
   .ui\:h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -662,9 +721,15 @@
   .ui\:max-h-\[300px\] {
     max-height: 300px;
   }
+  .ui\:max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
+    max-height: min(calc(calc(var(--ui-spacing) * 96) - calc(var(--ui-spacing) * 9)), calc(var(--available-height) - calc(var(--ui-spacing) * 9)));
+  }
   .ui\:min-h-0 {
     min-height: calc(var(--ui-spacing) * 0);
   }
+  .ui\:min-h-9 {
+    min-height: calc(var(--ui-spacing) * 9);
+  }
   .ui\:min-h-10\! {
     min-height: calc(var(--ui-spacing) * 10) !important;
   }
@@ -683,6 +748,9 @@
   .ui\:min-h-svh {
     min-height: 100svh;
   }
+  .ui\:w-\(--anchor-width\) {
+    width: var(--anchor-width);
+  }
   .ui\:w-\(--cell-size\) {
     width: var(--cell-size);
   }
@@ -692,6 +760,9 @@
   .ui\:w-0 {
     width: calc(var(--ui-spacing) * 0);
   }
+  .ui\:w-0\.5 {
+    width: calc(var(--ui-spacing) * 0.5);
+  }
   .ui\:w-1 {
     width: calc(var(--ui-spacing) * 1);
   }
@@ -770,6 +841,9 @@
   .ui\:w-px {
     width: 1px;
   }
+  .ui\:max-w-\(--available-width\) {
+    max-width: var(--available-width);
+  }
   .ui\:max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
@@ -827,15 +901,24 @@
   .ui\:min-w-5 {
     min-width: calc(var(--ui-spacing) * 5);
   }
+  .ui\:min-w-16 {
+    min-width: calc(var(--ui-spacing) * 16);
+  }
   .ui\:min-w-32 {
     min-width: calc(var(--ui-spacing) * 32);
   }
   .ui\:min-w-44 {
     min-width: calc(var(--ui-spacing) * 44);
   }
+  .ui\:min-w-64 {
+    min-width: calc(var(--ui-spacing) * 64);
+  }
   .ui\:min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .ui\:min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
+    min-width: calc(var(--anchor-width) + calc(var(--ui-spacing) * 7));
+  }
   .ui\:flex-1 {
     flex: 1;
   }
@@ -866,6 +949,9 @@
   .ui\:origin-\(--radix-tooltip-content-transform-origin\) {
     transform-origin: var(--radix-tooltip-content-transform-origin);
   }
+  .ui\:origin-\(--transform-origin\) {
+    transform-origin: var(--transform-origin);
+  }
   .ui\:-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -931,6 +1017,9 @@
   .ui\:cursor-pointer {
     cursor: pointer;
   }
+  .ui\:cursor-text {
+    cursor: text;
+  }
   .ui\:touch-none {
     touch-action: none;
   }
@@ -964,6 +1053,9 @@
   .ui\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .ui\:grid-rows-\[auto_1fr\] {
+    grid-template-rows: auto 1fr;
+  }
   .ui\:grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
@@ -982,6 +1074,9 @@
   .ui\:place-content-center {
     place-content: center;
   }
+  .ui\:place-items-center {
+    place-items: center;
+  }
   .ui\:items-center {
     align-items: center;
   }
@@ -1090,13 +1185,6 @@
       margin-inline-end: calc(calc(var(--ui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
-  .ui\:space-x-4 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--ui-spacing) * 4) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--ui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
   .ui\:self-start {
     align-self: flex-start;
   }
@@ -1132,6 +1220,9 @@
   .ui\:rounded-\[4px\] {
     border-radius: 4px;
   }
+  .ui\:rounded-\[calc\(var\(--radius\)-5px\)\] {
+    border-radius: calc(var(--radius) - 5px);
+  }
   .ui\:rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1177,10 +1268,6 @@
     border-top-right-radius: var(--ui-radius-md);
     border-bottom-right-radius: var(--ui-radius-md);
   }
-  .ui\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
   .ui\:border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1213,10 +1300,6 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .ui\:border-b-0\! {
-    border-bottom-style: var(--tw-border-style) !important;
-    border-bottom-width: 0px !important;
-  }
   .ui\:border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -1225,10 +1308,6 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
-  .ui\:border-none\! {
-    --tw-border-style: none !important;
-    border-style: none !important;
-  }
   .ui\:border-solid {
     --tw-border-style: solid;
     border-style: solid;
@@ -1272,6 +1351,12 @@
   .ui\:border-primary\! {
     border-color: var(--ui-color-primary) !important;
   }
+  .ui\:border-primary\/30 {
+    border-color: var(--ui-color-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ui-color-primary) 30%, transparent);
+    }
+  }
   .ui\:border-segmentify-200 {
     border-color: var(--ui-color-segmentify-200);
   }
@@ -1284,6 +1369,9 @@
   .ui\:border-transparent {
     border-color: transparent;
   }
+  .ui\:border-zinc-50 {
+    border-color: var(--ui-color-zinc-50);
+  }
   .ui\:border-t-transparent {
     border-top-color: transparent;
   }
@@ -1302,6 +1390,18 @@
   .ui\:bg-amber-200 {
     background-color: var(--ui-color-amber-200);
   }
+  .ui\:bg-amber-500\/10 {
+    background-color: var(--ui-color-amber-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-amber-500) 10%, transparent);
+    }
+  }
+  .ui\:bg-amber-600\/10 {
+    background-color: var(--ui-color-amber-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-amber-600) 10%, transparent);
+    }
+  }
   .ui\:bg-background {
     background-color: var(--ui-color-background);
   }
@@ -1320,15 +1420,45 @@
       background-color: color-mix(in oklab, var(--ui-color-blue-500) 30%, transparent);
     }
   }
+  .ui\:bg-blue-600\/10 {
+    background-color: var(--ui-color-blue-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-blue-600) 10%, transparent);
+    }
+  }
   .ui\:bg-border {
     background-color: var(--ui-color-border);
   }
+  .ui\:bg-border\/60 {
+    background-color: var(--ui-color-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-border) 60%, transparent);
+    }
+  }
   .ui\:bg-card {
     background-color: var(--ui-color-card);
   }
+  .ui\:bg-cyan-600\/10 {
+    background-color: var(--ui-color-cyan-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-cyan-600) 10%, transparent);
+    }
+  }
   .ui\:bg-destructive {
     background-color: var(--ui-color-destructive);
   }
+  .ui\:bg-emerald-500\/10 {
+    background-color: var(--ui-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-emerald-500) 10%, transparent);
+    }
+  }
+  .ui\:bg-emerald-600\/10 {
+    background-color: var(--ui-color-emerald-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-emerald-600) 10%, transparent);
+    }
+  }
   .ui\:bg-foreground {
     background-color: var(--ui-color-foreground);
   }
@@ -1347,6 +1477,12 @@
   .ui\:bg-green-500 {
     background-color: var(--ui-color-green-500);
   }
+  .ui\:bg-indigo-600\/10 {
+    background-color: var(--ui-color-indigo-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-indigo-600) 10%, transparent);
+    }
+  }
   .ui\:bg-kashmir-blue-500 {
     background-color: var(--ui-color-kashmir-blue-500);
   }
@@ -1374,6 +1510,18 @@
   .ui\:bg-neutral-700 {
     background-color: var(--ui-color-neutral-700);
   }
+  .ui\:bg-orange-600\/10 {
+    background-color: var(--ui-color-orange-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-orange-600) 10%, transparent);
+    }
+  }
+  .ui\:bg-pink-600\/10 {
+    background-color: var(--ui-color-pink-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-pink-600) 10%, transparent);
+    }
+  }
   .ui\:bg-popover {
     background-color: var(--ui-color-popover);
   }
@@ -1401,6 +1549,18 @@
   .ui\:bg-red-500 {
     background-color: var(--ui-color-red-500);
   }
+  .ui\:bg-rose-500\/10 {
+    background-color: var(--ui-color-rose-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-rose-500) 10%, transparent);
+    }
+  }
+  .ui\:bg-rose-600\/10 {
+    background-color: var(--ui-color-rose-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-rose-600) 10%, transparent);
+    }
+  }
   .ui\:bg-secondary {
     background-color: var(--ui-color-secondary);
   }
@@ -1425,15 +1585,33 @@
   .ui\:bg-slate-50 {
     background-color: var(--ui-color-slate-50);
   }
+  .ui\:bg-teal-600\/10 {
+    background-color: var(--ui-color-teal-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-teal-600) 10%, transparent);
+    }
+  }
   .ui\:bg-transparent {
     background-color: transparent;
   }
+  .ui\:bg-violet-600\/10 {
+    background-color: var(--ui-color-violet-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ui-color-violet-600) 10%, transparent);
+    }
+  }
   .ui\:bg-white {
     background-color: var(--ui-color-white);
   }
   .ui\:bg-yellow-500 {
     background-color: var(--ui-color-yellow-500);
   }
+  .ui\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+  .ui\:fill-amber-500 {
+    fill: var(--ui-color-amber-500);
+  }
   .ui\:fill-current {
     fill: currentcolor;
   }
@@ -1443,6 +1621,9 @@
   .ui\:fill-primary {
     fill: var(--ui-color-primary);
   }
+  .ui\:fill-rose-500 {
+    fill: var(--ui-color-rose-500);
+  }
   .ui\:object-cover {
     object-fit: cover;
   }
@@ -1485,6 +1666,9 @@
   .ui\:px-1 {
     padding-inline: calc(var(--ui-spacing) * 1);
   }
+  .ui\:px-1\.5 {
+    padding-inline: calc(var(--ui-spacing) * 1.5);
+  }
   .ui\:px-2 {
     padding-inline: calc(var(--ui-spacing) * 2);
   }
@@ -1548,6 +1732,9 @@
   .ui\:pr-2 {
     padding-right: calc(var(--ui-spacing) * 2);
   }
+  .ui\:pr-3 {
+    padding-right: calc(var(--ui-spacing) * 3);
+  }
   .ui\:pr-8 {
     padding-right: calc(var(--ui-spacing) * 8);
   }
@@ -1566,6 +1753,9 @@
   .ui\:pb-4 {
     padding-bottom: calc(var(--ui-spacing) * 4);
   }
+  .ui\:pb-6 {
+    padding-bottom: calc(var(--ui-spacing) * 6);
+  }
   .ui\:pl-2 {
     padding-left: calc(var(--ui-spacing) * 2);
   }
@@ -1693,6 +1883,12 @@
   .ui\:text-accent-foreground {
     color: var(--ui-color-accent-foreground);
   }
+  .ui\:text-amber-500 {
+    color: var(--ui-color-amber-500);
+  }
+  .ui\:text-amber-600 {
+    color: var(--ui-color-amber-600);
+  }
   .ui\:text-amber-800 {
     color: var(--ui-color-amber-800);
   }
@@ -1711,6 +1907,9 @@
   .ui\:text-black-950\! {
     color: var(--ui-color-black-950) !important;
   }
+  .ui\:text-blue-600 {
+    color: var(--ui-color-blue-600);
+  }
   .ui\:text-blue-800 {
     color: var(--ui-color-blue-800);
   }
@@ -1720,12 +1919,21 @@
   .ui\:text-current {
     color: currentcolor;
   }
+  .ui\:text-cyan-600 {
+    color: var(--ui-color-cyan-600);
+  }
   .ui\:text-destructive {
     color: var(--ui-color-destructive);
   }
   .ui\:text-destructive-foreground {
     color: var(--ui-color-destructive-foreground);
   }
+  .ui\:text-emerald-500 {
+    color: var(--ui-color-emerald-500);
+  }
+  .ui\:text-emerald-600 {
+    color: var(--ui-color-emerald-600);
+  }
   .ui\:text-foreground {
     color: var(--ui-color-foreground);
   }
@@ -1741,12 +1949,21 @@
   .ui\:text-green-800 {
     color: var(--ui-color-green-800);
   }
+  .ui\:text-indigo-600 {
+    color: var(--ui-color-indigo-600);
+  }
   .ui\:text-muted-foreground {
     color: var(--ui-color-muted-foreground);
   }
   .ui\:text-muted-foreground\! {
     color: var(--ui-color-muted-foreground) !important;
   }
+  .ui\:text-orange-600 {
+    color: var(--ui-color-orange-600);
+  }
+  .ui\:text-pink-600 {
+    color: var(--ui-color-pink-600);
+  }
   .ui\:text-popover-foreground {
     color: var(--ui-color-popover-foreground);
   }
@@ -1765,6 +1982,12 @@
   .ui\:text-red-500 {
     color: var(--ui-color-red-500);
   }
+  .ui\:text-rose-500 {
+    color: var(--ui-color-rose-500);
+  }
+  .ui\:text-rose-600 {
+    color: var(--ui-color-rose-600);
+  }
   .ui\:text-secondary-foreground {
     color: var(--ui-color-secondary-foreground);
   }
@@ -1783,6 +2006,12 @@
       color: color-mix(in oklab, var(--ui-sidebar-foreground) 70%, transparent);
     }
   }
+  .ui\:text-teal-600 {
+    color: var(--ui-color-teal-600);
+  }
+  .ui\:text-violet-600 {
+    color: var(--ui-color-violet-600);
+  }
   .ui\:text-white {
     color: var(--ui-color-white);
   }
@@ -1817,9 +2046,6 @@
   .ui\:opacity-70 {
     opacity: 70%;
   }
-  .ui\:opacity-100 {
-    opacity: 100%;
-  }
   .ui\:shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1878,6 +2104,12 @@
       --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 50%, transparent) !important;
     }
   }
+  .ui\:ring-foreground\/10 {
+    --tw-ring-color: var(--ui-color-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ui-color-foreground) 10%, transparent);
+    }
+  }
   .ui\:ring-primary {
     --tw-ring-color: var(--ui-color-primary);
   }
@@ -1962,6 +2194,10 @@
   .ui\:transition-none {
     transition-property: none;
   }
+  .ui\:duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
   .ui\:duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -2028,6 +2264,31 @@
       padding-right: calc(var(--ui-spacing) * 8);
     }
   }
+  .ui\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden {
+    &:is(:where(.ui\:group\/input-group):has(*[data-slot="combobox-clear"]) *) {
+      display: none;
+    }
+  }
+  .ui\:group-has-\[\>input\]\/input-group\:pt-2\.5 {
+    &:is(:where(.ui\:group\/input-group):has(>input) *) {
+      padding-top: calc(var(--ui-spacing) * 2.5);
+    }
+  }
+  .ui\:group-has-\[\>input\]\/input-group\:pb-2\.5 {
+    &:is(:where(.ui\:group\/input-group):has(>input) *) {
+      padding-bottom: calc(var(--ui-spacing) * 2.5);
+    }
+  }
+  .ui\:group-data-empty\/combobox-content\:flex {
+    &:is(:where(.ui\:group\/combobox-content)[data-empty] *) {
+      display: flex;
+    }
+  }
+  .ui\:group-data-empty\/combobox-content\:hidden {
+    &:is(:where(.ui\:group\/combobox-content)[data-empty] *) {
+      display: none;
+    }
+  }
   .ui\:group-data-\[collapsible\=icon\]\:-mt-8 {
     &:is(:where(.ui\:group)[data-collapsible="icon"] *) {
       margin-top: calc(var(--ui-spacing) * -8);
@@ -2100,6 +2361,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .ui\:group-data-\[disabled\=true\]\/input-group\:opacity-50 {
+    &:is(:where(.ui\:group\/input-group)[data-disabled="true"] *) {
+      opacity: 50%;
+    }
+  }
   .ui\:group-data-\[focused\=true\]\/day\:relative {
     &:is(:where(.ui\:group\/day)[data-focused="true"] *) {
       position: relative;
@@ -2156,6 +2422,16 @@
       border-left-width: 1px;
     }
   }
+  .ui\:group-data-\[size\=sm\]\/alert-dialog-content\:grid {
+    &:is(:where(.ui\:group\/alert-dialog-content)[data-size="sm"] *) {
+      display: grid;
+    }
+  }
+  .ui\:group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
+    &:is(:where(.ui\:group\/alert-dialog-content)[data-size="sm"] *) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .ui\:group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.ui\:group)[data-variant="floating"] *) {
       border-radius: var(--ui-radius-lg);
@@ -2417,6 +2693,30 @@
       border-bottom-width: 0px;
     }
   }
+  .ui\:last\:pb-0 {
+    &:last-child {
+      padding-bottom: calc(var(--ui-spacing) * 0);
+    }
+  }
+  .ui\:focus-within\:border-ring {
+    &:focus-within {
+      border-color: var(--ui-color-ring);
+    }
+  }
+  .ui\:focus-within\:ring-\[3px\] {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .ui\:focus-within\:ring-ring\/50 {
+    &:focus-within {
+      --tw-ring-color: var(--ui-color-ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ui-color-ring) 50%, transparent);
+      }
+    }
+  }
   .ui\:hover\:scale-110 {
     &:hover {
       @media (hover: hover) {
@@ -2631,6 +2931,14 @@
       }
     }
   }
+  .ui\:hover\:shadow-sm {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .ui\:hover\:ring-4 {
     &:hover {
       @media (hover: hover) {
@@ -2716,6 +3024,12 @@
       border-color: var(--ui-color-ring);
     }
   }
+  .ui\:focus-visible\:ring-0 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .ui\:focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2883,26 +3197,162 @@
       }
     }
   }
+  .ui\:has-disabled\:pointer-events-none {
+    &:has(*:disabled) {
+      pointer-events: none;
+    }
+  }
+  .ui\:has-disabled\:cursor-not-allowed {
+    &:has(*:disabled) {
+      cursor: not-allowed;
+    }
+  }
   .ui\:has-disabled\:opacity-50 {
     &:has(*:disabled) {
       opacity: 50%;
     }
   }
+  .ui\:has-aria-invalid\:border-destructive {
+    &:has(*[aria-invalid="true"]) {
+      border-color: var(--ui-color-destructive);
+    }
+  }
+  .ui\:has-aria-invalid\:ring-\[3px\] {
+    &:has(*[aria-invalid="true"]) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .ui\:has-aria-invalid\:ring-destructive\/20 {
+    &:has(*[aria-invalid="true"]) {
+      --tw-ring-color: var(--ui-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 20%, transparent);
+      }
+    }
+  }
+  .ui\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\] {
+    &:has(*[data-slot="alert-dialog-media"]) {
+      grid-template-rows: auto auto 1fr;
+    }
+  }
+  .ui\:has-data-\[slot\=alert-dialog-media\]\:gap-x-6 {
+    &:has(*[data-slot="alert-dialog-media"]) {
+      column-gap: calc(var(--ui-spacing) * 6);
+    }
+  }
   .ui\:has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
     &:has(*[data-slot="card-action"]) {
       grid-template-columns: 1fr auto;
     }
   }
+  .ui\:has-data-\[slot\=combobox-chip\]\:px-1\.5 {
+    &:has(*[data-slot="combobox-chip"]) {
+      padding-inline: calc(var(--ui-spacing) * 1.5);
+    }
+  }
+  .ui\:has-data-\[slot\=combobox-chip-remove\]\:pr-0 {
+    &:has(*[data-slot="combobox-chip-remove"]) {
+      padding-right: calc(var(--ui-spacing) * 0);
+    }
+  }
   .ui\:has-data-\[variant\=inset\]\:bg-sidebar {
     &:has(*[data-variant="inset"]) {
       background-color: var(--ui-sidebar);
     }
   }
+  .ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      border-color: var(--ui-color-ring);
+    }
+  }
+  .ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-color: var(--ui-color-ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ui-color-ring) 50%, transparent);
+      }
+    }
+  }
+  .ui\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      border-color: var(--ui-color-destructive);
+    }
+  }
+  .ui\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      --tw-ring-color: var(--ui-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 20%, transparent);
+      }
+    }
+  }
   .ui\:has-\[select\:disabled\]\:opacity-50 {
     &:has(*:is(select:disabled)) {
       opacity: 50%;
     }
   }
+  .ui\:has-\[\>\[data-align\=block-end\]\]\:h-auto {
+    &:has(>[data-align=block-end]) {
+      height: auto;
+    }
+  }
+  .ui\:has-\[\>\[data-align\=block-end\]\]\:flex-col {
+    &:has(>[data-align=block-end]) {
+      flex-direction: column;
+    }
+  }
+  .ui\:has-\[\>\[data-align\=block-start\]\]\:h-auto {
+    &:has(>[data-align=block-start]) {
+      height: auto;
+    }
+  }
+  .ui\:has-\[\>\[data-align\=block-start\]\]\:flex-col {
+    &:has(>[data-align=block-start]) {
+      flex-direction: column;
+    }
+  }
+  .ui\:has-\[\>button\]\:mr-\[-0\.45rem\] {
+    &:has(>button) {
+      margin-right: -0.45rem;
+    }
+  }
+  .ui\:has-\[\>button\]\:ml-\[-0\.45rem\] {
+    &:has(>button) {
+      margin-left: -0.45rem;
+    }
+  }
+  .ui\:has-\[\>kbd\]\:mr-\[-0\.35rem\] {
+    &:has(>kbd) {
+      margin-right: -0.35rem;
+    }
+  }
+  .ui\:has-\[\>kbd\]\:ml-\[-0\.35rem\] {
+    &:has(>kbd) {
+      margin-left: -0.35rem;
+    }
+  }
+  .ui\:has-\[\>svg\]\:p-0 {
+    &:has(>svg) {
+      padding: calc(var(--ui-spacing) * 0);
+    }
+  }
+  .ui\:has-\[\>svg\]\:px-0 {
+    &:has(>svg) {
+      padding-inline: calc(var(--ui-spacing) * 0);
+    }
+  }
+  .ui\:has-\[\>svg\]\:px-2 {
+    &:has(>svg) {
+      padding-inline: calc(var(--ui-spacing) * 2);
+    }
+  }
   .ui\:has-\[\>svg\]\:px-2\.5 {
     &:has(>svg) {
       padding-inline: calc(var(--ui-spacing) * 2.5);
@@ -2918,6 +3368,16 @@
       padding-inline: calc(var(--ui-spacing) * 4);
     }
   }
+  .ui\:has-\[\>svg\]\:py-0 {
+    &:has(>svg) {
+      padding-block: calc(var(--ui-spacing) * 0);
+    }
+  }
+  .ui\:has-\[\>textarea\]\:h-auto {
+    &:has(>textarea) {
+      height: auto;
+    }
+  }
   .ui\:aria-disabled\:pointer-events-none {
     &[aria-disabled="true"] {
       pointer-events: none;
@@ -2946,6 +3406,23 @@
       color: var(--ui-color-muted-foreground) !important;
     }
   }
+  .ui\:data-closed\:animate-out {
+    &[data-closed] {
+      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
+  .ui\:data-closed\:fade-out-0 {
+    &[data-closed] {
+      --tw-exit-opacity: calc(0/100);
+      --tw-exit-opacity: 0;
+    }
+  }
+  .ui\:data-closed\:zoom-out-95 {
+    &[data-closed] {
+      --tw-exit-scale: calc(95*1%);
+      --tw-exit-scale: .95;
+    }
+  }
   .ui\:data-disabled\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -2956,6 +3433,43 @@
       opacity: 50%;
     }
   }
+  .ui\:data-empty\:p-0 {
+    &[data-empty] {
+      padding: calc(var(--ui-spacing) * 0);
+    }
+  }
+  .ui\:data-highlighted\:bg-accent {
+    &[data-highlighted] {
+      background-color: var(--ui-color-accent);
+    }
+  }
+  .ui\:data-highlighted\:text-accent-foreground {
+    &[data-highlighted] {
+      color: var(--ui-color-accent-foreground);
+    }
+  }
+  .ui\:data-open\:animate-in {
+    &[data-open] {
+      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
+  .ui\:data-open\:fade-in-0 {
+    &[data-open] {
+      --tw-enter-opacity: calc(0/100);
+      --tw-enter-opacity: 0;
+    }
+  }
+  .ui\:data-open\:zoom-in-95 {
+    &[data-open] {
+      --tw-enter-scale: calc(95*1%);
+      --tw-enter-scale: .95;
+    }
+  }
+  .ui\:data-pressed\:bg-transparent {
+    &[data-pressed] {
+      background-color: transparent;
+    }
+  }
   .ui\:data-\[active\=true\]\:bg-sidebar-accent {
     &[data-active="true"] {
       background-color: var(--ui-sidebar-accent);
@@ -2972,6 +3486,11 @@
       color: var(--ui-sidebar-accent-foreground);
     }
   }
+  .ui\:data-\[chips\=true\]\:min-w-\(--anchor-width\) {
+    &[data-chips="true"] {
+      min-width: var(--anchor-width);
+    }
+  }
   .ui\:data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -3183,6 +3702,11 @@
       height: calc(var(--ui-spacing) * 8);
     }
   }
+  .ui\:data-\[size\=sm\]\:max-w-xs {
+    &[data-size="sm"] {
+      max-width: var(--ui-container-xs);
+    }
+  }
   .ui\:data-\[size\=sm\]\:py-1 {
     &[data-size="sm"] {
       padding-block: calc(var(--ui-spacing) * 1);
@@ -3195,6 +3719,55 @@
       }
     }
   }
+  .ui\:\*\:data-\[slot\=input-group\]\:m-1 {
+    :is(& > *) {
+      &[data-slot="input-group"] {
+        margin: calc(var(--ui-spacing) * 1);
+      }
+    }
+  }
+  .ui\:\*\:data-\[slot\=input-group\]\:mb-0 {
+    :is(& > *) {
+      &[data-slot="input-group"] {
+        margin-bottom: calc(var(--ui-spacing) * 0);
+      }
+    }
+  }
+  .ui\:\*\:data-\[slot\=input-group\]\:h-8 {
+    :is(& > *) {
+      &[data-slot="input-group"] {
+        height: calc(var(--ui-spacing) * 8);
+      }
+    }
+  }
+  .ui\:\*\:data-\[slot\=input-group\]\:border-input\/30 {
+    :is(& > *) {
+      &[data-slot="input-group"] {
+        border-color: var(--ui-color-input);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--ui-color-input) 30%, transparent);
+        }
+      }
+    }
+  }
+  .ui\:\*\:data-\[slot\=input-group\]\:bg-input\/30 {
+    :is(& > *) {
+      &[data-slot="input-group"] {
+        background-color: var(--ui-color-input);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--ui-color-input) 30%, transparent);
+        }
+      }
+    }
+  }
+  .ui\:\*\:data-\[slot\=input-group\]\:shadow-none {
+    :is(& > *) {
+      &[data-slot="input-group"] {
+        --tw-shadow: 0 0 #0000;
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .ui\:data-\[state\=active\]\:bg-background {
     &[data-state="active"] {
       background-color: var(--ui-color-background);
@@ -3571,6 +4144,52 @@
       text-align: left;
     }
   }
+  .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
+    @media (width >= 40rem) {
+      &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
+        grid-row: span 2 / span 2;
+      }
+    }
+  }
+  .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
+    @media (width >= 40rem) {
+      &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
+        place-items: start;
+      }
+    }
+  }
+  .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
+    @media (width >= 40rem) {
+      &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
+        text-align: left;
+      }
+    }
+  }
+  .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2 {
+    @media (width >= 40rem) {
+      &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
+        &:is(:where(.ui\:group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
+          grid-column-start: 2;
+        }
+      }
+    }
+  }
+  .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\] {
+    @media (width >= 40rem) {
+      &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
+        &:has(*[data-slot="alert-dialog-media"]) {
+          grid-template-rows: auto 1fr;
+        }
+      }
+    }
+  }
+  .ui\:data-\[size\=default\]\:sm\:max-w-lg {
+    &[data-size="default"] {
+      @media (width >= 40rem) {
+        max-width: var(--ui-container-lg);
+      }
+    }
+  }
   .ui\:data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
     &[data-vaul-drawer-direction="left"] {
       @media (width >= 40rem) {
@@ -3610,6 +4229,11 @@
       flex-basis: calc(1/2 * 100%);
     }
   }
+  .ui\:md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .ui\:md\:grid-cols-3 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -3712,6 +4336,11 @@
       flex-basis: calc(1/3 * 100%);
     }
   }
+  .ui\:lg\:grid-cols-3 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .ui\:dark\:bg-input\/30 {
     &:is(.dark *) {
       background-color: var(--ui-color-input);
@@ -3720,6 +4349,11 @@
       }
     }
   }
+  .ui\:dark\:bg-transparent {
+    &:is(.dark *) {
+      background-color: transparent;
+    }
+  }
   .ui\:dark\:text-muted-foreground {
     &:is(.dark *) {
       color: var(--ui-color-muted-foreground);
@@ -3746,6 +4380,36 @@
       }
     }
   }
+  .ui\:dark\:has-aria-invalid\:border-destructive\/50 {
+    &:is(.dark *) {
+      &:has(*[aria-invalid="true"]) {
+        border-color: var(--ui-color-destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--ui-color-destructive) 50%, transparent);
+        }
+      }
+    }
+  }
+  .ui\:dark\:has-aria-invalid\:ring-destructive\/40 {
+    &:is(.dark *) {
+      &:has(*[aria-invalid="true"]) {
+        --tw-ring-color: var(--ui-color-destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 40%, transparent);
+        }
+      }
+    }
+  }
+  .ui\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
+    &:is(.dark *) {
+      &:has(*:is([data-slot][aria-invalid=true])) {
+        --tw-ring-color: var(--ui-color-destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 40%, transparent);
+        }
+      }
+    }
+  }
   .ui\:dark\:aria-invalid\:ring-destructive\/40 {
     &:is(.dark *) {
       &[aria-invalid="true"] {
@@ -3823,6 +4487,28 @@
       }
     }
   }
+  .ui\:pointer-coarse\:size-5 {
+    @media (pointer: coarse) {
+      width: calc(var(--ui-spacing) * 5);
+      height: calc(var(--ui-spacing) * 5);
+    }
+  }
+  .ui\:pointer-coarse\:px-3 {
+    @media (pointer: coarse) {
+      padding-inline: calc(var(--ui-spacing) * 3);
+    }
+  }
+  .ui\:pointer-coarse\:py-2 {
+    @media (pointer: coarse) {
+      padding-block: calc(var(--ui-spacing) * 2);
+    }
+  }
+  .ui\:pointer-coarse\:text-sm {
+    @media (pointer: coarse) {
+      font-size: var(--ui-text-sm);
+      line-height: var(--tw-leading, var(--ui-text-sm--line-height));
+    }
+  }
   .ui\:\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
     & .recharts-cartesian-axis-tick text {
       fill: var(--ui-color-muted-foreground);
@@ -4006,6 +4692,12 @@
       color: var(--ui-color-muted-foreground);
     }
   }
+  .ui\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
+    & svg:not([class*=size-]) {
+      width: calc(var(--ui-spacing) * 4);
+      height: calc(var(--ui-spacing) * 4);
+    }
+  }
   .ui\:\[\&_tr\]\:border-b {
     & tr {
       border-bottom-style: var(--tw-border-style);
@@ -4024,11 +4716,21 @@
       border-bottom-left-radius: var(--ui-radius-md);
     }
   }
+  .ui\:\[\.border-b\]\:pb-3 {
+    &:is(.border-b) {
+      padding-bottom: calc(var(--ui-spacing) * 3);
+    }
+  }
   .ui\:\[\.border-b\]\:pb-6 {
     &:is(.border-b) {
       padding-bottom: calc(var(--ui-spacing) * 6);
     }
   }
+  .ui\:\[\.border-t\]\:pt-3 {
+    &:is(.border-t) {
+      padding-top: calc(var(--ui-spacing) * 3);
+    }
+  }
   .ui\:\[\.border-t\]\:pt-6 {
     &:is(.border-t) {
       padding-top: calc(var(--ui-spacing) * 6);
@@ -4096,6 +4798,14 @@
       }
     }
   }
+  .ui\:\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-8 {
+    :is(& > *) {
+      &:is(svg:not([class*=size-])) {
+        width: calc(var(--ui-spacing) * 8);
+        height: calc(var(--ui-spacing) * 8);
+      }
+    }
+  }
   .ui\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md {
     &:nth-child(2)[data-selected=true] button {
       border-top-left-radius: var(--ui-radius-md);
@@ -4122,6 +4832,39 @@
       display: none;
     }
   }
+  .ui\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
+    &:has(>[data-align=block-end]) {
+      &>input {
+        padding-top: calc(var(--ui-spacing) * 3);
+      }
+    }
+  }
+  .ui\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
+    &:has(>[data-align=block-start]) {
+      &>input {
+        padding-bottom: calc(var(--ui-spacing) * 3);
+      }
+    }
+  }
+  .ui\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 {
+    &:has(>[data-align=inline-end]) {
+      &>input {
+        padding-right: calc(var(--ui-spacing) * 2);
+      }
+    }
+  }
+  .ui\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 {
+    &:has(>[data-align=inline-start]) {
+      &>input {
+        padding-left: calc(var(--ui-spacing) * 2);
+      }
+    }
+  }
+  .ui\:\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
+    &>kbd {
+      border-radius: calc(var(--radius) - 5px);
+    }
+  }
   .ui\:\[\&\>span\]\:line-clamp-1 {
     &>span {
       overflow: hidden;
@@ -4206,6 +4949,18 @@
       color: var(--ui-sidebar-accent-foreground);
     }
   }
+  .ui\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 {
+    &>svg:not([class*=size-]) {
+      width: calc(var(--ui-spacing) * 3.5);
+      height: calc(var(--ui-spacing) * 3.5);
+    }
+  }
+  .ui\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
+    &>svg:not([class*=size-]) {
+      width: calc(var(--ui-spacing) * 4);
+      height: calc(var(--ui-spacing) * 4);
+    }
+  }
   .ui\:\[\&\>tr\]\:last\:border-b-0 {
     &>tr {
       &:last-child {