@mastra/playground-ui 61.0.0-alpha.2 → 61.0.0-alpha.4

package/dist/style.css

@@ -180,6 +180,7 @@
     --blur-xs: 4px;
     --blur-sm: 8px;
     --blur-md: 12px;
+    --blur-lg: 16px;
     --blur-xl: 24px;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -1911,6 +1912,11 @@
     aspect-ratio: 1;
   }
 
+  .\!size-3\.5 {
+    width: calc(var(--spacing) * 3.5) !important;
+    height: calc(var(--spacing) * 3.5) !important;
+  }
+
   .size-1 {
     width: var(--spacing);
     height: var(--spacing);
@@ -2142,6 +2148,10 @@
     height: calc(var(--spacing) * 25);
   }
 
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
+
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -2150,6 +2160,10 @@
     height: calc(var(--spacing) * 40);
   }
 
+  .h-44 {
+    height: calc(var(--spacing) * 44);
+  }
+
   .h-50 {
     height: calc(var(--spacing) * 50);
   }
@@ -2242,6 +2256,10 @@
     height: 46px;
   }
 
+  .h-\[60dvh\] {
+    height: 60dvh;
+  }
+
   .h-\[60vh\] {
     height: 60vh;
   }
@@ -2422,6 +2440,10 @@
     max-height: calc(85vh + 3rem);
   }
 
+  .max-h-\[calc\(100\%-1\.5rem\)\] {
+    max-height: calc(100% - 1.5rem);
+  }
+
   .max-h-\[calc\(100cqh-64px\)\] {
     max-height: calc(100cqh - 64px);
   }
@@ -2550,6 +2572,10 @@
     min-height: calc(var(--spacing) * 45);
   }
 
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
+
   .min-h-50 {
     min-height: calc(var(--spacing) * 50);
   }
@@ -2754,6 +2780,10 @@
     width: calc(var(--spacing) * 28);
   }
 
+  .w-30 {
+    width: calc(var(--spacing) * 30);
+  }
+
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
@@ -3370,6 +3400,10 @@
     min-width: calc(var(--spacing) * 7);
   }
 
+  .min-w-12 {
+    min-width: calc(var(--spacing) * 12);
+  }
+
   .min-w-16 {
     min-width: calc(var(--spacing) * 16);
   }
@@ -3398,6 +3432,10 @@
     min-width: calc(var(--spacing) * 45);
   }
 
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
+
   .min-w-56 {
     min-width: calc(var(--spacing) * 56);
   }
@@ -3534,6 +3572,10 @@
     transform-origin: 0 0;
   }
 
+  .origin-top-right {
+    transform-origin: 100% 0;
+  }
+
   .-translate-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
@@ -3621,6 +3663,13 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .scale-98 {
+    --tw-scale-x: 98%;
+    --tw-scale-y: 98%;
+    --tw-scale-z: 98%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
   .scale-100 {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -4571,16 +4620,6 @@
     }
   }
 
-  .border-border\/30 {
-    border-color: var(--border);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-border\/30 {
-      border-color: color-mix(in oklab, var(--border) 30%, transparent);
-    }
-  }
-
   .border-border\/50 {
     border-color: var(--border);
   }
@@ -4591,26 +4630,6 @@
     }
   }
 
-  .border-border\/60 {
-    border-color: var(--border);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-border\/60 {
-      border-color: color-mix(in oklab, var(--border) 60%, transparent);
-    }
-  }
-
-  .border-border\/70 {
-    border-color: var(--border);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-border\/70 {
-      border-color: color-mix(in oklab, var(--border) 70%, transparent);
-    }
-  }
-
   .border-brand-green-indicator {
     border-color: var(--brand-green-indicator);
   }
@@ -4677,6 +4696,10 @@
     border-color: var(--success-indicator);
   }
 
+  .border-surface-rim {
+    border-color: var(--surface-rim);
+  }
+
   .border-transparent {
     border-color: #0000;
   }
@@ -5455,6 +5478,18 @@
     mask-composite: intersect;
   }
 
+  .mask-b-from-45\% {
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
+    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
+    --tw-mask-bottom-from-position: 45%;
+    -webkit-mask-composite: source-in;
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+  }
+
   .mask-b-from-60 {
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
@@ -5491,6 +5526,18 @@
     mask-composite: intersect;
   }
 
+  .mask-b-to-95\% {
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
+    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
+    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
+    --tw-mask-bottom-to-position: 95%;
+    -webkit-mask-composite: source-in;
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+  }
+
   .mask-b-to-100 {
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
     -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
@@ -5532,6 +5579,31 @@
     mask-image: linear-gradient(#000, #000), linear-gradient(#000 40%, #0000), linear-gradient(to top, #000 40%, #0000);
   }
 
+  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_15\%\,black_30\%\,transparent_45\%\)\] {
+    -webkit-mask-image: linear-gradient(#0000, #000 15% 30%, #0000 45%);
+    mask-image: linear-gradient(#0000, #000 15% 30%, #0000 45%);
+  }
+
+  .\[mask-image\:linear-gradient\(to_bottom\,transparent_15\%\,black_30\%\,black_45\%\,transparent_60\%\)\] {
+    -webkit-mask-image: linear-gradient(#0000 15%, #000 30% 45%, #0000 60%);
+    mask-image: linear-gradient(#0000 15%, #000 30% 45%, #0000 60%);
+  }
+
+  .\[mask-image\:linear-gradient\(to_bottom\,transparent_30\%\,black_45\%\,black_60\%\,transparent_75\%\)\] {
+    -webkit-mask-image: linear-gradient(#0000 30%, #000 45% 60%, #0000 75%);
+    mask-image: linear-gradient(#0000 30%, #000 45% 60%, #0000 75%);
+  }
+
+  .\[mask-image\:linear-gradient\(to_bottom\,transparent_45\%\,black_60\%\,black_75\%\,transparent_90\%\)\] {
+    -webkit-mask-image: linear-gradient(#0000 45%, #000 60% 75%, #0000 90%);
+    mask-image: linear-gradient(#0000 45%, #000 60% 75%, #0000 90%);
+  }
+
+  .\[mask-image\:linear-gradient\(to_bottom\,transparent_60\%\,black_75\%\)\] {
+    -webkit-mask-image: linear-gradient(#0000 60%, #000 75%);
+    mask-image: linear-gradient(#0000 60%, #000 75%);
+  }
+
   .box-decoration-clone {
     -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
@@ -5596,6 +5668,10 @@
     mask-repeat: no-repeat;
   }
 
+  .fill-background {
+    fill: var(--background);
+  }
+
   .fill-badge-amber-strong {
     fill: var(--badge-amber-strong);
   }
@@ -5700,6 +5776,14 @@
     stroke-width: 2px;
   }
 
+  .stroke-\[1\.5\] {
+    stroke-width: 1.5px;
+  }
+
+  .stroke-\[3\.25\] {
+    stroke-width: 3.25px;
+  }
+
   .object-contain {
     object-fit: contain;
   }
@@ -6435,6 +6519,10 @@
     color: var(--badge-amber-foreground);
   }
 
+  .text-badge-amber-indicator {
+    color: var(--badge-amber-indicator);
+  }
+
   .text-badge-blue-foreground {
     color: var(--badge-blue-foreground);
   }
@@ -6780,6 +6868,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-\(--elevation-raised\) {
+    --tw-shadow: var(--elevation-raised);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-\[0_Npx…\] {
     --tw-shadow: 0 Npx…;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -6820,6 +6913,10 @@
     box-shadow: inset 0 1px 0 var(--inset-highlight), inset 0 0 0 1px var(--inset-rim);
   }
 
+  .shadow-rim {
+    box-shadow: inset 0 0 0 1px var(--surface-rim);
+  }
+
   .shadow-dialog {
     --tw-shadow-color: var(--dialog);
   }
@@ -6931,6 +7028,24 @@
     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, );
   }
 
+  .backdrop-blur-\[2px\] {
+    --tw-backdrop-blur: blur(2px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
+  .backdrop-blur-\[32px\] {
+    --tw-backdrop-blur: blur(32px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
+  .backdrop-blur-lg {
+    --tw-backdrop-blur: blur(var(--blur-lg));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
   .backdrop-blur-md {
     --tw-backdrop-blur: blur(var(--blur-md));
     -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -7129,20 +7244,20 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
-  .transition-\[stroke-dashoffset\,transform\] {
-    transition-property: stroke-dashoffset, transform;
+  .transition-\[scale\,opacity\] {
+    transition-property: scale, opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
-  .transition-\[transform\,scale\,opacity\] {
-    transition-property: transform, scale, opacity;
+  .transition-\[stroke-dashoffset\,transform\] {
+    transition-property: stroke-dashoffset, transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
-  .transition-\[translate\,scale\,opacity\] {
-    transition-property: translate, scale, opacity;
+  .transition-\[transform\,scale\,opacity\] {
+    transition-property: transform, scale, opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -7519,6 +7634,10 @@
     content-visibility: visible;
   }
 
+  .\[font-size-adjust\:cap-height_0\.729\] {
+    font-size-adjust: cap-height .729;
+  }
+
   .\[overflow-clip-margin\:0\.75rem\] {
     overflow-clip-margin: .75rem;
   }
@@ -7918,6 +8037,10 @@
     font-weight: var(--tw-font-weight, var(--text-caption--font-weight));
   }
 
+  .group-data-\[tone\=error\]\/empty-state\:text-destructive-indicator:is(:where(.group\/empty-state)[data-tone="error"] *) {
+    color: var(--destructive-indicator);
+  }
+
   .group-data-\[variant\=default\]\/section\:flex:is(:where(.group\/section)[data-variant="default"] *) {
     display: flex;
   }
@@ -8419,6 +8542,11 @@
     z-index: calc(20 * -1);
   }
 
+  .after\:z-10:after {
+    content: var(--tw-content);
+    z-index: 10;
+  }
+
   .after\:h-1:after {
     content: var(--tw-content);
     height: var(--spacing);
@@ -8434,6 +8562,11 @@
     width: 0;
   }
 
+  .after\:rounded-\[inherit\]:after {
+    content: var(--tw-content);
+    border-radius: inherit;
+  }
+
   .after\:rounded-xl:after {
     content: var(--tw-content);
     border-radius: var(--radius-xl);
@@ -8533,6 +8666,23 @@
     mask-composite: intersect;
   }
 
+  .after\:inset-ring-1:after {
+    content: var(--tw-content);
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
+  }
+
+  .after\:inset-ring-white\/15:after {
+    content: var(--tw-content);
+    --tw-inset-ring-color: #ffffff26;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .after\:inset-ring-white\/15:after {
+      --tw-inset-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
+    }
+  }
+
   .after\:transition-\[background-color\]:after {
     content: var(--tw-content);
     transition-property: background-color;
@@ -9512,11 +9662,6 @@
     transition-timing-function: cubic-bezier(.7, 0, .84, 0);
   }
 
-  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
-    --tw-translate-y: 0px;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   .data-\[active\=true\]\:scale-100[data-active="true"] {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -9654,20 +9799,10 @@
     bottom: calc(var(--spacing) * 4);
   }
 
-  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] {
-    --tw-translate-y: 100%;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   .data-\[direction\=start\]\:top-4[data-direction="start"] {
     top: calc(var(--spacing) * 4);
   }
 
-  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] {
-    --tw-translate-y: -100%;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
   .data-\[disabled\]\:pointer-events-none[data-disabled] {
     pointer-events: none;
   }
@@ -10155,12 +10290,46 @@
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .motion-safe\:transition-\[translate\,rotate\] {
+      transition-property: translate, rotate;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .motion-safe\:transition-\[translate\,transform\] {
+      transition-property: translate, transform;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
+    .motion-safe\:transition-colors {
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .motion-safe\:transition-opacity {
       transition-property: opacity;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .motion-safe\:delay-75 {
+      transition-delay: 75ms;
+    }
+
+    .motion-safe\:delay-100 {
+      transition-delay: .1s;
+    }
+
+    .motion-safe\:delay-150 {
+      transition-delay: .15s;
+    }
+
+    .motion-safe\:delay-200 {
+      transition-delay: .2s;
+    }
+
     .motion-safe\:duration-150 {
       --tw-duration: .15s;
       transition-duration: .15s;
@@ -10171,6 +10340,69 @@
       transition-duration: .2s;
     }
 
+    .motion-safe\:duration-slow {
+      transition-duration: var(--duration-slow);
+    }
+
+    .motion-safe\:ease-out-custom {
+      --tw-ease: var(--ease-out-custom);
+      transition-timing-function: var(--ease-out-custom);
+    }
+
+    .motion-safe\:delay-75 {
+      --tw-animation-delay: 75ms;
+      animation-delay: 75ms;
+    }
+
+    .motion-safe\:delay-100 {
+      --tw-animation-delay: .1s;
+      animation-delay: .1s;
+    }
+
+    .motion-safe\:delay-150 {
+      --tw-animation-delay: .15s;
+      animation-delay: .15s;
+    }
+
+    .motion-safe\:delay-200 {
+      --tw-animation-delay: .2s;
+      animation-delay: .2s;
+    }
+
+    @media (hover: hover) {
+      .motion-safe\:group-hover\/empty-state\:-translate-y-0\.5:is(:where(.group\/empty-state):hover *) {
+        --tw-translate-y: calc(var(--spacing) * -.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+
+      .motion-safe\:group-hover\/empty-state\:-translate-y-1:is(:where(.group\/empty-state):hover *) {
+        --tw-translate-y: calc(var(--spacing) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+
+      .motion-safe\:group-hover\/empty-state\:-translate-y-1\.5:is(:where(.group\/empty-state):hover *) {
+        --tw-translate-y: calc(var(--spacing) * -1.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+
+      .motion-safe\:group-hover\/empty-state\:-translate-y-2:is(:where(.group\/empty-state):hover *) {
+        --tw-translate-y: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+
+      .motion-safe\:group-hover\/empty-state\:\[translate\:var\(--hover-shift\)\]:is(:where(.group\/empty-state):hover *) {
+        translate: var(--hover-shift);
+      }
+
+      .motion-safe\:group-hover\/empty-state\:\[transform\:var\(--hover-transform\)\]:is(:where(.group\/empty-state):hover *) {
+        transform: var(--hover-transform);
+      }
+
+      .motion-safe\:group-hover\/empty-state\:animate-\[empty-state-swing_1\.6s_ease-in-out\]:is(:where(.group\/empty-state):hover *) {
+        animation: 1.6s ease-in-out empty-state-swing;
+      }
+    }
+
     .motion-safe\:before\:animate-spin:before {
       content: var(--tw-content);
       animation: var(--animate-spin);
@@ -10264,6 +10496,12 @@
     }
   }
 
+  @media not all and (min-width: 40rem) {
+    .max-sm\:hidden {
+      display: none;
+    }
+  }
+
   @media not all and (min-width: 22rem) {
     .max-\[22rem\]\:w-full {
       width: 100%;
@@ -10639,6 +10877,10 @@
       margin: calc(var(--spacing) * 6);
     }
 
+    .lg\:block {
+      display: block;
+    }
+
     .lg\:flex {
       display: flex;
     }
@@ -10715,6 +10957,10 @@
       gap: calc(var(--spacing) * 6);
     }
 
+    .lg\:gap-x-32 {
+      column-gap: calc(var(--spacing) * 32);
+    }
+
     .lg\:p-2 {
       padding: calc(var(--spacing) * 2);
     }
@@ -11255,11 +11501,6 @@
     height: calc(var(--spacing) * 4);
   }
 
-  .\[\&_svg\]\:size-5 svg {
-    width: calc(var(--spacing) * 5);
-    height: calc(var(--spacing) * 5);
-  }
-
   .\[\&_svg\]\:size-\[1\.1em\] svg {
     width: 1.1em;
     height: 1.1em;
@@ -11278,6 +11519,10 @@
     stroke-width: 1.75px;
   }
 
+  .\[\&_svg\]\:stroke-\[2\.5\] svg {
+    stroke-width: 2.5px;
+  }
+
   .\[\&_svg\]\:text-destructive-foreground\! svg {
     color: var(--destructive-foreground) !important;
   }
@@ -11320,16 +11565,10 @@
     border-top-width: 1px;
   }
 
-  .\[\&\+\&\]\:border-border\/50 + .\[\&\+\&\]\:border-border\/50 {
+  .\[\&\+\&\]\:border-border + .\[\&\+\&\]\:border-border {
     border-color: var(--border);
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .\[\&\+\&\]\:border-border\/50 + .\[\&\+\&\]\:border-border\/50 {
-      border-color: color-mix(in oklab, var(--border) 50%, transparent);
-    }
-  }
-
   .\[\&\:\:-moz-progress-bar\]\:bg-success-indicator::-moz-progress-bar {
     background-color: var(--success-indicator);
   }

package/dist/{switch-BlE5ReVZ.cjs → switch-Dwvg61n9.cjs}

@@ -85,7 +85,7 @@ function SwitchThumbIcon({
   const iconClassName = utils_cn.cn(
     "absolute inset-0 flex items-center justify-center text-background",
     "transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none",
-    "[&_svg]:stroke-2.5 [&_svg]:size-2.5"
+    "[&_svg]:size-2.5 [&_svg]:stroke-[2.5]"
   );
   if (icon !== void 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -123,4 +123,4 @@ function SwitchThumbIcon({
 }
 
 exports.Switch = Switch;
-//# sourceMappingURL=switch-BlE5ReVZ.cjs.map
+//# sourceMappingURL=switch-Dwvg61n9.cjs.map