singularity-components 0.1.195 → 0.1.197

package/dist/main.css

@@ -4,6 +4,7 @@
   --sg-black: oklch(0.25 0 0);
   --sg-charcoal: oklch(0.35 0.01 60);
   --sg-ash: oklch(0.44 0 0);
+  --sg-stone: oklch(0.32 0.02 60);
   --sg-silver: oklch(0.78 0.01 60);
   --sg-fog: oklch(0.92 0.005 240);
   --sg-cream: oklch(0.97 0.01 80);
@@ -32,11 +33,12 @@
   --sg-secondary: var(--sg-amber);
   --sg-secondary-foreground: var(--sg-black);
   --sg-muted: var(--sg-fog);
-  --sg-muted-foreground: var(--sg-ash);
+  --sg-muted-foreground: var(--sg-stone);
   --sg-accent: var(--sg-sand);
-  --sg-accent-foreground: var(--sg-charcoal);
+  --sg-accent-foreground: var(--sg-stone);
   --sg-destructive: var(--sg-crimson);
   --sg-destructive-foreground: var(--sg-cream);
+  --sg-error: var(--sg-crimson);
   --sg-border: var(--sg-silver);
   --sg-input: var(--sg-silver);
   --sg-ring: var(--sg-terracotta);
@@ -62,11 +64,12 @@
   --sg-secondary: var(--sg-amber);
   --sg-secondary-foreground: var(--sg-night);
   --sg-muted: var(--sg-slate);
-  --sg-muted-foreground: var(--sg-dove);
+  --sg-muted-foreground: var(--sg-cloud);
   --sg-accent: var(--sg-onyx);
   --sg-accent-foreground: var(--sg-cloud);
   --sg-destructive: var(--sg-crimson-light);
   --sg-destructive-foreground: var(--sg-cream);
+  --sg-error: var(--sg-crimson-light);
   --sg-border: var(--sg-slate);
   --sg-input: var(--sg-slate);
   --sg-ring: var(--sg-terracotta-light);
@@ -90,6 +93,9 @@
     --sg-container-lg: 32rem;
     --sg-container-xl: 36rem;
     --sg-container-2xl: 42rem;
+    --sg-container-3xl: 48rem;
+    --sg-container-4xl: 56rem;
+    --sg-container-5xl: 64rem;
     --sg-text-xs: 0.75rem;
     --sg-text-xs--line-height: calc(1 / 0.75);
     --sg-text-sm: 0.875rem;
@@ -124,6 +130,7 @@
     --sg-animate-spin: spin 1s linear infinite;
     --sg-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --sg-animate-bounce: bounce 1s infinite;
+    --sg-blur-sm: 8px;
     --sg-default-transition-duration: 150ms;
     --sg-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --sg-default-font-family: var(--font-sans);
@@ -369,9 +376,15 @@
   .sg\:-top-1\.5 {
     top: calc(var(--sg-spacing) * -1.5);
   }
+  .sg\:-top-3 {
+    top: calc(var(--sg-spacing) * -3);
+  }
   .sg\:top-0 {
     top: 0;
   }
+  .sg\:top-1 {
+    top: var(--sg-spacing);
+  }
   .sg\:top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
@@ -390,21 +403,39 @@
   .sg\:right-0 {
     right: 0;
   }
+  .sg\:right-2 {
+    right: calc(var(--sg-spacing) * 2);
+  }
+  .sg\:right-3 {
+    right: calc(var(--sg-spacing) * 3);
+  }
   .sg\:right-4 {
     right: calc(var(--sg-spacing) * 4);
   }
   .sg\:bottom-0 {
     bottom: 0;
   }
+  .sg\:bottom-3 {
+    bottom: calc(var(--sg-spacing) * 3);
+  }
   .sg\:left-0 {
     left: 0;
   }
+  .sg\:left-1\/2 {
+    left: calc(1 / 2 * 100%);
+  }
   .sg\:left-2 {
     left: calc(var(--sg-spacing) * 2);
   }
+  .sg\:left-2\.5 {
+    left: calc(var(--sg-spacing) * 2.5);
+  }
   .sg\:left-3 {
     left: calc(var(--sg-spacing) * 3);
   }
+  .sg\:left-4 {
+    left: calc(var(--sg-spacing) * 4);
+  }
   .sg\:isolate {
     isolation: isolate;
   }
@@ -417,6 +448,9 @@
   .sg\:z-50 {
     z-index: 50;
   }
+  .sg\:z-\[100\] {
+    z-index: 100;
+  }
   .sg\:col-start-2 {
     grid-column-start: 2;
   }
@@ -444,6 +478,9 @@
       max-width: 96rem;
     }
   }
+  .sg\:m-0 {
+    margin: 0;
+  }
   .sg\:-mx-1 {
     margin-inline: calc(var(--sg-spacing) * -1);
   }
@@ -519,6 +556,9 @@
   .sg\:mb-4 {
     margin-bottom: calc(var(--sg-spacing) * 4);
   }
+  .sg\:mb-5 {
+    margin-bottom: calc(var(--sg-spacing) * 5);
+  }
   .sg\:mb-6 {
     margin-bottom: calc(var(--sg-spacing) * 6);
   }
@@ -555,6 +595,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
   }
+  .sg\:line-clamp-3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
   .sg\:block {
     display: block;
   }
@@ -567,9 +613,15 @@
   .sg\:hidden {
     display: none;
   }
+  .sg\:inline {
+    display: inline;
+  }
   .sg\:inline-flex {
     display: inline-flex;
   }
+  .sg\:aspect-4\/3 {
+    aspect-ratio: 4/3;
+  }
   .sg\:aspect-16\/10 {
     aspect-ratio: 16/10;
   }
@@ -629,6 +681,9 @@
   .sg\:h-2 {
     height: calc(var(--sg-spacing) * 2);
   }
+  .sg\:h-3 {
+    height: calc(var(--sg-spacing) * 3);
+  }
   .sg\:h-3\.5 {
     height: calc(var(--sg-spacing) * 3.5);
   }
@@ -641,6 +696,9 @@
   .sg\:h-6 {
     height: calc(var(--sg-spacing) * 6);
   }
+  .sg\:h-7 {
+    height: calc(var(--sg-spacing) * 7);
+  }
   .sg\:h-8 {
     height: calc(var(--sg-spacing) * 8);
   }
@@ -650,12 +708,21 @@
   .sg\:h-10 {
     height: calc(var(--sg-spacing) * 10);
   }
+  .sg\:h-12 {
+    height: calc(var(--sg-spacing) * 12);
+  }
   .sg\:h-14 {
     height: calc(var(--sg-spacing) * 14);
   }
   .sg\:h-16 {
     height: calc(var(--sg-spacing) * 16);
   }
+  .sg\:h-20 {
+    height: calc(var(--sg-spacing) * 20);
+  }
+  .sg\:h-24 {
+    height: calc(var(--sg-spacing) * 24);
+  }
   .sg\:h-32 {
     height: calc(var(--sg-spacing) * 32);
   }
@@ -698,6 +765,18 @@
   .sg\:max-h-\(--available-height\) {
     max-height: var(--available-height);
   }
+  .sg\:max-h-\[70vh\] {
+    max-height: 70vh;
+  }
+  .sg\:max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .sg\:max-h-\[90vh\] {
+    max-height: 90vh;
+  }
+  .sg\:max-h-\[95vh\] {
+    max-height: 95vh;
+  }
   .sg\:min-h-0 {
     min-height: 0;
   }
@@ -725,9 +804,18 @@
   .sg\:w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
+  .sg\:w-1\/3 {
+    width: calc(1 / 3 * 100%);
+  }
   .sg\:w-2 {
     width: calc(var(--sg-spacing) * 2);
   }
+  .sg\:w-2\/3 {
+    width: calc(2 / 3 * 100%);
+  }
+  .sg\:w-3 {
+    width: calc(var(--sg-spacing) * 3);
+  }
   .sg\:w-3\.5 {
     width: calc(var(--sg-spacing) * 3.5);
   }
@@ -740,6 +828,15 @@
   .sg\:w-5 {
     width: calc(var(--sg-spacing) * 5);
   }
+  .sg\:w-5\/6 {
+    width: calc(5 / 6 * 100%);
+  }
+  .sg\:w-6 {
+    width: calc(var(--sg-spacing) * 6);
+  }
+  .sg\:w-7 {
+    width: calc(var(--sg-spacing) * 7);
+  }
   .sg\:w-8 {
     width: calc(var(--sg-spacing) * 8);
   }
@@ -752,9 +849,21 @@
   .sg\:w-14 {
     width: calc(var(--sg-spacing) * 14);
   }
+  .sg\:w-16 {
+    width: calc(var(--sg-spacing) * 16);
+  }
+  .sg\:w-20 {
+    width: calc(var(--sg-spacing) * 20);
+  }
+  .sg\:w-24 {
+    width: calc(var(--sg-spacing) * 24);
+  }
   .sg\:w-32 {
     width: calc(var(--sg-spacing) * 32);
   }
+  .sg\:w-48 {
+    width: calc(var(--sg-spacing) * 48);
+  }
   .sg\:w-56 {
     width: calc(var(--sg-spacing) * 56);
   }
@@ -800,9 +909,21 @@
   .sg\:w-full {
     width: 100%;
   }
+  .sg\:w-px {
+    width: 1px;
+  }
   .sg\:max-w-2xl {
     max-width: var(--sg-container-2xl);
   }
+  .sg\:max-w-3xl {
+    max-width: var(--sg-container-3xl);
+  }
+  .sg\:max-w-4xl {
+    max-width: var(--sg-container-4xl);
+  }
+  .sg\:max-w-5xl {
+    max-width: var(--sg-container-5xl);
+  }
   .sg\:max-w-\[85\%\] {
     max-width: 85%;
   }
@@ -860,9 +981,19 @@
   .sg\:grow {
     flex-grow: 1;
   }
+  .sg\:basis-full {
+    flex-basis: 100%;
+  }
+  .sg\:border-collapse {
+    border-collapse: collapse;
+  }
   .sg\:origin-\(--transform-origin\) {
     transform-origin: var(--transform-origin);
   }
+  .sg\:-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .sg\:-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -885,12 +1016,24 @@
   .sg\:cursor-pointer {
     cursor: pointer;
   }
+  .sg\:scroll-my-0\.5 {
+    scroll-margin-block: calc(var(--sg-spacing) * 0.5);
+  }
+  .sg\:scroll-py-1 {
+    scroll-padding-block: var(--sg-spacing);
+  }
   .sg\:list-decimal {
     list-style-type: decimal;
   }
   .sg\:list-disc {
     list-style-type: disc;
   }
+  .sg\:columns-2 {
+    columns: 2;
+  }
+  .sg\:break-inside-avoid {
+    break-inside: avoid;
+  }
   .sg\:auto-rows-min {
     grid-auto-rows: min-content;
   }
@@ -900,6 +1043,9 @@
   .sg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .sg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .sg\:grid-cols-\[repeat\(auto-fill\,minmax\(210px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
   }
@@ -969,6 +1115,9 @@
   .sg\:gap-2 {
     gap: calc(var(--sg-spacing) * 2);
   }
+  .sg\:gap-2\.5 {
+    gap: calc(var(--sg-spacing) * 2.5);
+  }
   .sg\:gap-3 {
     gap: calc(var(--sg-spacing) * 3);
   }
@@ -1060,6 +1209,20 @@
       margin-block-end: calc(calc(var(--sg-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .sg\:space-y-10 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--sg-spacing) * 10) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--sg-spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .sg\:space-y-12 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--sg-spacing) * 12) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--sg-spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .sg\:-space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1081,6 +1244,9 @@
   .sg\:overflow-hidden {
     overflow: hidden;
   }
+  .sg\:overflow-x-auto {
+    overflow-x: auto;
+  }
   .sg\:overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -1126,6 +1292,18 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .sg\:border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .sg\:border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .sg\:border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
   .sg\:border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1142,6 +1320,13 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .sg\:border-l-4 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 4px;
+  }
+  .sg\:border-background {
+    border-color: var(--sg-background);
+  }
   .sg\:border-border {
     border-color: var(--sg-border);
   }
@@ -1151,6 +1336,12 @@
   .sg\:border-primary {
     border-color: var(--sg-primary);
   }
+  .sg\:border-primary\/20 {
+    border-color: var(--sg-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--sg-primary) 20%, transparent);
+    }
+  }
   .sg\:border-transparent {
     border-color: transparent;
   }
@@ -1160,6 +1351,12 @@
   .sg\:bg-background {
     background-color: var(--sg-background);
   }
+  .sg\:bg-background\/95 {
+    background-color: var(--sg-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--sg-background) 95%, transparent);
+    }
+  }
   .sg\:bg-border {
     background-color: var(--sg-border);
   }
@@ -1187,6 +1384,12 @@
       background-color: color-mix(in oklab, var(--sg-muted) 30%, transparent);
     }
   }
+  .sg\:bg-muted\/40 {
+    background-color: var(--sg-muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--sg-muted) 40%, transparent);
+    }
+  }
   .sg\:bg-muted\/50 {
     background-color: var(--sg-muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1199,6 +1402,12 @@
   .sg\:bg-primary {
     background-color: var(--sg-primary);
   }
+  .sg\:bg-primary\/5 {
+    background-color: var(--sg-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--sg-primary) 5%, transparent);
+    }
+  }
   .sg\:bg-primary\/10 {
     background-color: var(--sg-primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1276,15 +1485,24 @@
   .sg\:fill-current {
     fill: currentcolor;
   }
+  .sg\:object-contain {
+    object-fit: contain;
+  }
   .sg\:object-cover {
     object-fit: cover;
   }
+  .sg\:p-0 {
+    padding: 0;
+  }
   .sg\:p-1 {
     padding: var(--sg-spacing);
   }
   .sg\:p-2 {
     padding: calc(var(--sg-spacing) * 2);
   }
+  .sg\:p-3 {
+    padding: calc(var(--sg-spacing) * 3);
+  }
   .sg\:p-4 {
     padding: calc(var(--sg-spacing) * 4);
   }
@@ -1309,6 +1527,9 @@
   .sg\:px-4 {
     padding-inline: calc(var(--sg-spacing) * 4);
   }
+  .sg\:px-5 {
+    padding-inline: calc(var(--sg-spacing) * 5);
+  }
   .sg\:px-6 {
     padding-inline: calc(var(--sg-spacing) * 6);
   }
@@ -1333,6 +1554,9 @@
   .sg\:py-4 {
     padding-block: calc(var(--sg-spacing) * 4);
   }
+  .sg\:py-6 {
+    padding-block: calc(var(--sg-spacing) * 6);
+  }
   .sg\:py-8 {
     padding-block: calc(var(--sg-spacing) * 8);
   }
@@ -1348,9 +1572,6 @@
   .sg\:py-32 {
     padding-block: calc(var(--sg-spacing) * 32);
   }
-  .sg\:pt-0 {
-    padding-top: 0;
-  }
   .sg\:pt-2 {
     padding-top: calc(var(--sg-spacing) * 2);
   }
@@ -1372,6 +1593,9 @@
   .sg\:pr-2 {
     padding-right: calc(var(--sg-spacing) * 2);
   }
+  .sg\:pr-4 {
+    padding-right: calc(var(--sg-spacing) * 4);
+  }
   .sg\:pb-2 {
     padding-bottom: calc(var(--sg-spacing) * 2);
   }
@@ -1381,12 +1605,18 @@
   .sg\:pl-4 {
     padding-left: calc(var(--sg-spacing) * 4);
   }
+  .sg\:pl-6 {
+    padding-left: calc(var(--sg-spacing) * 6);
+  }
   .sg\:pl-8 {
     padding-left: calc(var(--sg-spacing) * 8);
   }
   .sg\:pl-9 {
     padding-left: calc(var(--sg-spacing) * 9);
   }
+  .sg\:pl-12 {
+    padding-left: calc(var(--sg-spacing) * 12);
+  }
   .sg\:text-center {
     text-align: center;
   }
@@ -1532,6 +1762,9 @@
   .sg\:text-destructive-foreground {
     color: var(--sg-destructive-foreground);
   }
+  .sg\:text-error {
+    color: var(--sg-error);
+  }
   .sg\:text-foreground {
     color: var(--sg-foreground);
   }
@@ -1589,6 +1822,9 @@
   .sg\:underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .sg\:opacity-0 {
+    opacity: 0%;
+  }
   .sg\:opacity-20 {
     opacity: 20%;
   }
@@ -1616,15 +1852,6 @@
   .sg\:bg-blend-color {
     background-blend-mode: color;
   }
-  .sg\: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);
-  }
   .sg\:shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
@@ -1670,19 +1897,28 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .sg\:ring-4 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .sg\:ring-background {
     --tw-ring-color: var(--sg-background);
   }
-  .sg\:ring-foreground\/5 {
+  .sg\:ring-foreground\/10 {
     --tw-ring-color: var(--sg-foreground);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--sg-foreground) 5%, transparent);
+      --tw-ring-color: color-mix(in oklab, var(--sg-foreground) 10%, transparent);
     }
   }
-  .sg\:ring-foreground\/10 {
-    --tw-ring-color: var(--sg-foreground);
+  .sg\:ring-primary\/20 {
+    --tw-ring-color: var(--sg-primary);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--sg-foreground) 10%, transparent);
+      --tw-ring-color: color-mix(in oklab, var(--sg-primary) 20%, transparent);
     }
   }
   .sg\:ring-offset-background {
@@ -1712,6 +1948,11 @@
     --tw-blur: blur(90px);
     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,);
   }
+  .sg\:backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--sg-blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .sg\:transition {
     transition-property:
       color,
@@ -1740,6 +1981,11 @@
     transition-timing-function: var(--tw-ease, var(--sg-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--sg-default-transition-duration));
   }
+  .sg\:transition-\[height\] {
+    transition-property: height;
+    transition-timing-function: var(--tw-ease, var(--sg-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--sg-default-transition-duration));
+  }
   .sg\:transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--sg-default-transition-timing-function));
@@ -1783,6 +2029,14 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
+  .sg\:duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .sg\:duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
   .sg\:duration-300 {
     --tw-duration: 300ms;
     transition-duration: 300ms;
@@ -1830,6 +2084,12 @@
   .sg\:duration-100 {
     animation-duration: 100ms;
   }
+  .sg\:duration-150 {
+    animation-duration: 150ms;
+  }
+  .sg\:duration-200 {
+    animation-duration: 200ms;
+  }
   .sg\:duration-300 {
     animation-duration: 300ms;
   }
@@ -1868,6 +2128,11 @@
       border-bottom-width: 1px;
     }
   }
+  .sg\:not-last\:border-border {
+    &:not(*:last-child) {
+      border-color: var(--sg-border);
+    }
+  }
   .sg\:group-hover\:scale-105 {
     &:is(:where(.sg\:group):hover *) {
       @media (hover: hover) {
@@ -1895,6 +2160,23 @@
       }
     }
   }
+  .sg\:group-hover\:opacity-100 {
+    &:is(:where(.sg\:group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .sg\:group-hover\/img\:scale-105 {
+    &:is(:where(.sg\:group\/img):hover *) {
+      @media (hover: hover) {
+        --tw-scale-x: 105%;
+        --tw-scale-y: 105%;
+        --tw-scale-z: 105%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
   .sg\:group-has-data-horizontal\/field\:text-balance {
     &:is(:where(.sg\:group\/field):has(*[data-horizontal]) *) {
       text-wrap: balance;
@@ -1917,14 +2199,9 @@
       grid-column-start: 2;
     }
   }
-  .sg\:group-aria-expanded\/accordion-trigger\:hidden {
-    &:is(:where(.sg\:group\/accordion-trigger)[aria-expanded=true] *) {
-      display: none;
-    }
-  }
-  .sg\:group-aria-expanded\/accordion-trigger\:inline {
-    &:is(:where(.sg\:group\/accordion-trigger)[aria-expanded=true] *) {
-      display: inline;
+  .sg\:group-data-panel-open\:rotate-180 {
+    &:is(:where(.sg\:group)[data-panel-open] *) {
+      rotate: 180deg;
     }
   }
   .sg\:group-data-\[disabled\=true\]\:pointer-events-none {
@@ -2113,6 +2390,13 @@
       }
     }
   }
+  .sg\:hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--sg-primary);
+      }
+    }
+  }
   .sg\:hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -2134,6 +2418,13 @@
       }
     }
   }
+  .sg\:hover\:text-primary-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--sg-primary-foreground);
+      }
+    }
+  }
   .sg\:hover\:no-underline {
     &:hover {
       @media (hover: hover) {
@@ -2204,6 +2495,18 @@
       }
     }
   }
+  .sg\:hover\:not-data-disabled\:bg-accent\/50 {
+    &:hover {
+      @media (hover: hover) {
+        &:not(*[data-disabled]) {
+          background-color: var(--sg-accent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--sg-accent) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
   .sg\:focus\:bg-accent {
     &:focus {
       background-color: var(--sg-accent);
@@ -2214,32 +2517,9 @@
       color: var(--sg-accent-foreground);
     }
   }
-  .sg\:focus\:ring-2 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow:
-        var(--tw-inset-shadow),
-        var(--tw-inset-ring-shadow),
-        var(--tw-ring-offset-shadow),
-        var(--tw-ring-shadow),
-        var(--tw-shadow);
-    }
-  }
-  .sg\:focus\:ring-ring {
-    &:focus {
-      --tw-ring-color: var(--sg-ring);
-    }
-  }
-  .sg\:focus\:ring-offset-2 {
-    &:focus {
-      --tw-ring-offset-width: 2px;
-      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    }
-  }
-  .sg\:focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
+  .sg\:focus-visible\:z-10 {
+    &:focus-visible {
+      z-index: 10;
     }
   }
   .sg\:focus-visible\:ring-2 {
@@ -2263,6 +2543,12 @@
       --tw-ring-color: var(--sg-ring);
     }
   }
+  .sg\:focus-visible\:ring-offset-0 {
+    &:focus-visible {
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .sg\:focus-visible\:ring-offset-2 {
     &:focus-visible {
       --tw-ring-offset-width: 2px;
@@ -2275,6 +2561,11 @@
       outline-style: none;
     }
   }
+  .sg\:focus-visible\:ring-inset {
+    &:focus-visible {
+      --tw-ring-inset: inset;
+    }
+  }
   .sg\:disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -2397,6 +2688,16 @@
       column-gap: calc(var(--sg-spacing) * 2.5);
     }
   }
+  .sg\:data-checked\:bg-primary {
+    &[data-checked] {
+      background-color: var(--sg-primary);
+    }
+  }
+  .sg\:data-checked\:text-primary-foreground {
+    &[data-checked] {
+      color: var(--sg-primary-foreground);
+    }
+  }
   .sg\:data-closed\:animate-out {
     &[data-closed] {
       animation-name: exit;
@@ -2433,11 +2734,21 @@
       height: 0;
     }
   }
-  .sg\:data-open\:bg-muted\/50 {
+  .sg\:data-highlighted\:bg-accent {
+    &[data-highlighted] {
+      background-color: var(--sg-accent);
+    }
+  }
+  .sg\:data-highlighted\:text-accent-foreground {
+    &[data-highlighted] {
+      color: var(--sg-accent-foreground);
+    }
+  }
+  .sg\:data-open\:bg-muted\/40 {
     &[data-open] {
       background-color: var(--sg-muted);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--sg-muted) 50%, transparent);
+        background-color: color-mix(in oklab, var(--sg-muted) 40%, transparent);
       }
     }
   }
@@ -2462,6 +2773,12 @@
       --tw-enter-scale: .95;
     }
   }
+  .sg\:data-selected\:font-medium {
+    &[data-selected] {
+      --tw-font-weight: var(--sg-font-weight-medium);
+      font-weight: var(--sg-font-weight-medium);
+    }
+  }
   .sg\:data-starting-style\:h-0 {
     &[data-starting-style] {
       height: 0;
@@ -2472,9 +2789,9 @@
       animation: none;
     }
   }
-  .sg\:data-\[invalid\=true\]\:text-destructive {
+  .sg\:data-\[invalid\=true\]\:text-error {
     &[data-invalid=true] {
-      color: var(--sg-destructive);
+      color: var(--sg-error);
     }
   }
   .sg\:data-\[orientation\=horizontal\]\:h-px {
@@ -2537,28 +2854,6 @@
       padding-block: calc(var(--sg-spacing) * 4);
     }
   }
-  .sg\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:ms-auto {
-    :is(& *) {
-      &[data-slot=accordion-trigger-icon] {
-        margin-inline-start: auto;
-      }
-    }
-  }
-  .sg\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 {
-    :is(& *) {
-      &[data-slot=accordion-trigger-icon] {
-        width: calc(var(--sg-spacing) * 4);
-        height: calc(var(--sg-spacing) * 4);
-      }
-    }
-  }
-  .sg\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground {
-    :is(& *) {
-      &[data-slot=accordion-trigger-icon] {
-        color: var(--sg-muted-foreground);
-      }
-    }
-  }
   .sg\:\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
     :is(& > *) {
       &[data-slot=alert-description] {
@@ -2615,16 +2910,6 @@
       }
     }
   }
-  .sg\:data-\[state\=checked\]\:bg-primary {
-    &[data-state=checked] {
-      background-color: var(--sg-primary);
-    }
-  }
-  .sg\:data-\[state\=checked\]\:text-primary-foreground {
-    &[data-state=checked] {
-      color: var(--sg-primary-foreground);
-    }
-  }
   .sg\:data-\[state\=closed\]\:duration-300 {
     &[data-state=closed] {
       --tw-duration: 300ms;
@@ -3351,6 +3636,15 @@
 @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
 @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
 @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
+@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
+@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
+@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
+@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
+@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
+@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
+@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
+@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
+@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-ease { syntax: "*"; inherits: false; }
 @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@@ -3427,6 +3721,15 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-scale-x: 1;