singularity-components 0.1.194 → 0.1.196

package/dist/main.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root {
   --sg-black: oklch(0.25 0 0);
@@ -37,6 +37,7 @@
   --sg-accent-foreground: var(--sg-charcoal);
   --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);
@@ -67,6 +68,7 @@
   --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);
@@ -84,11 +86,15 @@
   :root,
   :host {
     --sg-spacing: 0.25rem;
+    --sg-container-xs: 20rem;
     --sg-container-sm: 24rem;
     --sg-container-md: 28rem;
     --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;
@@ -123,6 +129,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);
@@ -354,13 +361,13 @@
     position: sticky;
   }
   .sg\:inset-0 {
-    inset: calc(var(--sg-spacing) * 0);
+    inset: 0;
   }
   .sg\:inset-x-0 {
-    inset-inline: calc(var(--sg-spacing) * 0);
+    inset-inline: 0;
   }
   .sg\:inset-y-0 {
-    inset-block: calc(var(--sg-spacing) * 0);
+    inset-block: 0;
   }
   .sg\:end-3 {
     inset-inline-end: calc(var(--sg-spacing) * 3);
@@ -368,8 +375,14 @@
   .sg\:-top-1\.5 {
     top: calc(var(--sg-spacing) * -1.5);
   }
+  .sg\:-top-3 {
+    top: calc(var(--sg-spacing) * -3);
+  }
   .sg\:top-0 {
-    top: calc(var(--sg-spacing) * 0);
+    top: 0;
+  }
+  .sg\:top-1 {
+    top: var(--sg-spacing);
   }
   .sg\:top-1\/2 {
     top: calc(1 / 2 * 100%);
@@ -387,23 +400,41 @@
     right: calc(var(--sg-spacing) * -1.5);
   }
   .sg\:right-0 {
-    right: calc(var(--sg-spacing) * 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: calc(var(--sg-spacing) * 0);
+    bottom: 0;
+  }
+  .sg\:bottom-3 {
+    bottom: calc(var(--sg-spacing) * 3);
   }
   .sg\:left-0 {
-    left: calc(var(--sg-spacing) * 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;
   }
@@ -416,6 +447,9 @@
   .sg\:z-50 {
     z-index: 50;
   }
+  .sg\:z-\[100\] {
+    z-index: 100;
+  }
   .sg\:col-start-2 {
     grid-column-start: 2;
   }
@@ -443,6 +477,9 @@
       max-width: 96rem;
     }
   }
+  .sg\:m-0 {
+    margin: 0;
+  }
   .sg\:-mx-1 {
     margin-inline: calc(var(--sg-spacing) * -1);
   }
@@ -456,7 +493,7 @@
     margin-block: calc(var(--sg-spacing) * -2);
   }
   .sg\:my-1 {
-    margin-block: calc(var(--sg-spacing) * 1);
+    margin-block: var(--sg-spacing);
   }
   .sg\:my-4 {
     margin-block: calc(var(--sg-spacing) * 4);
@@ -465,7 +502,7 @@
     margin-top: calc(var(--sg-spacing) * 0.5);
   }
   .sg\:mt-1 {
-    margin-top: calc(var(--sg-spacing) * 1);
+    margin-top: var(--sg-spacing);
   }
   .sg\:mt-1\.5 {
     margin-top: calc(var(--sg-spacing) * 1.5);
@@ -501,13 +538,13 @@
     margin-top: auto;
   }
   .sg\:mr-1 {
-    margin-right: calc(var(--sg-spacing) * 1);
+    margin-right: var(--sg-spacing);
   }
   .sg\:mr-2 {
     margin-right: calc(var(--sg-spacing) * 2);
   }
   .sg\:mb-1 {
-    margin-bottom: calc(var(--sg-spacing) * 1);
+    margin-bottom: var(--sg-spacing);
   }
   .sg\:mb-2 {
     margin-bottom: calc(var(--sg-spacing) * 2);
@@ -518,6 +555,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);
   }
@@ -531,7 +571,7 @@
     margin-bottom: calc(var(--sg-spacing) * 12);
   }
   .sg\:ml-1 {
-    margin-left: calc(var(--sg-spacing) * 1);
+    margin-left: var(--sg-spacing);
   }
   .sg\:ml-4 {
     margin-left: calc(var(--sg-spacing) * 4);
@@ -554,6 +594,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;
   }
@@ -566,9 +612,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;
   }
@@ -623,11 +675,14 @@
     height: var(--accordion-panel-height);
   }
   .sg\:h-1 {
-    height: calc(var(--sg-spacing) * 1);
+    height: var(--sg-spacing);
   }
   .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);
   }
@@ -640,6 +695,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);
   }
@@ -649,15 +707,27 @@
   .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);
   }
+  .sg\:h-48 {
+    height: calc(var(--sg-spacing) * 48);
+  }
   .sg\:h-56 {
     height: calc(var(--sg-spacing) * 56);
   }
@@ -694,8 +764,23 @@
   .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: calc(var(--sg-spacing) * 0);
+    min-height: 0;
+  }
+  .sg\:min-h-\[24rem\] {
+    min-height: 24rem;
   }
   .sg\:min-h-\[60vh\] {
     min-height: 60vh;
@@ -713,14 +798,23 @@
     width: var(--anchor-width);
   }
   .sg\:w-1 {
-    width: calc(var(--sg-spacing) * 1);
+    width: var(--sg-spacing);
   }
   .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);
   }
@@ -733,6 +827,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);
   }
@@ -745,9 +848,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);
   }
@@ -793,9 +908,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%;
   }
@@ -820,8 +947,11 @@
   .sg\:max-w-xl {
     max-width: var(--sg-container-xl);
   }
+  .sg\:max-w-xs {
+    max-width: var(--sg-container-xs);
+  }
   .sg\:min-w-0 {
-    min-width: calc(var(--sg-spacing) * 0);
+    min-width: 0;
   }
   .sg\:min-w-6 {
     min-width: calc(var(--sg-spacing) * 6);
@@ -850,9 +980,16 @@
   .sg\:grow {
     flex-grow: 1;
   }
+  .sg\:basis-full {
+    flex-basis: 100%;
+  }
   .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);
@@ -875,12 +1012,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;
   }
@@ -951,7 +1100,7 @@
     gap: calc(var(--sg-spacing) * 0.5);
   }
   .sg\:gap-1 {
-    gap: calc(var(--sg-spacing) * 1);
+    gap: var(--sg-spacing);
   }
   .sg\:gap-1\.5 {
     gap: calc(var(--sg-spacing) * 1.5);
@@ -959,6 +1108,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);
   }
@@ -1004,8 +1156,8 @@
   .sg\:space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--sg-spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--sg-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+      margin-block-start: calc(var(--sg-spacing) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--sg-spacing) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
   .sg\:space-y-1\.5 {
@@ -1036,6 +1188,13 @@
       margin-block-end: calc(calc(var(--sg-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .sg\:space-y-5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--sg-spacing) * 5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--sg-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .sg\:space-y-6 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1050,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;
@@ -1116,6 +1289,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;
@@ -1132,6 +1317,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);
   }
@@ -1141,6 +1333,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;
   }
@@ -1150,6 +1348,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);
   }
@@ -1177,6 +1381,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)) {
@@ -1189,6 +1399,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)) {
@@ -1266,15 +1482,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: calc(var(--sg-spacing) * 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);
   }
@@ -1299,6 +1524,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);
   }
@@ -1306,7 +1534,7 @@
     padding-block: calc(var(--sg-spacing) * 0.5);
   }
   .sg\:py-1 {
-    padding-block: calc(var(--sg-spacing) * 1);
+    padding-block: var(--sg-spacing);
   }
   .sg\:py-1\.5 {
     padding-block: calc(var(--sg-spacing) * 1.5);
@@ -1323,6 +1551,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);
   }
@@ -1338,9 +1569,6 @@
   .sg\:py-32 {
     padding-block: calc(var(--sg-spacing) * 32);
   }
-  .sg\:pt-0 {
-    padding-top: calc(var(--sg-spacing) * 0);
-  }
   .sg\:pt-2 {
     padding-top: calc(var(--sg-spacing) * 2);
   }
@@ -1350,11 +1578,14 @@
   .sg\:pt-4 {
     padding-top: calc(var(--sg-spacing) * 4);
   }
+  .sg\:pt-6 {
+    padding-top: calc(var(--sg-spacing) * 6);
+  }
   .sg\:pt-8 {
     padding-top: calc(var(--sg-spacing) * 8);
   }
   .sg\:pr-1 {
-    padding-right: calc(var(--sg-spacing) * 1);
+    padding-right: var(--sg-spacing);
   }
   .sg\:pr-2 {
     padding-right: calc(var(--sg-spacing) * 2);
@@ -1368,12 +1599,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;
   }
@@ -1519,6 +1756,9 @@
   .sg\:text-destructive-foreground {
     color: var(--sg-destructive-foreground);
   }
+  .sg\:text-error {
+    color: var(--sg-error);
+  }
   .sg\:text-foreground {
     color: var(--sg-foreground);
   }
@@ -1543,6 +1783,18 @@
       color: color-mix(in oklab, var(--sg-primary-foreground) 60%, transparent);
     }
   }
+  .sg\:text-primary\/70 {
+    color: var(--sg-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--sg-primary) 70%, transparent);
+    }
+  }
+  .sg\:text-primary\/80 {
+    color: var(--sg-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--sg-primary) 80%, transparent);
+    }
+  }
   .sg\:text-secondary {
     color: var(--sg-secondary);
   }
@@ -1561,6 +1813,9 @@
   .sg\:italic {
     font-style: italic;
   }
+  .sg\:underline {
+    text-decoration-line: underline;
+  }
   .sg\:decoration-primary\/40 {
     text-decoration-color: var(--sg-primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1573,6 +1828,9 @@
   .sg\:underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .sg\:opacity-0 {
+    opacity: 0%;
+  }
   .sg\:opacity-20 {
     opacity: 20%;
   }
@@ -1600,15 +1858,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:
@@ -1654,19 +1903,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 {
@@ -1696,6 +1954,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,
@@ -1724,6 +1987,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));
@@ -1767,6 +2035,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;
@@ -1814,6 +2090,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;
   }
@@ -1852,6 +2134,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) {
@@ -1879,6 +2166,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;
@@ -1901,14 +2205,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 {
@@ -2050,7 +2349,7 @@
   }
   .sg\:last\:mt-0 {
     &:last-child {
-      margin-top: calc(var(--sg-spacing) * 0);
+      margin-top: 0;
     }
   }
   .sg\:hover\:border-primary {
@@ -2097,6 +2396,13 @@
       }
     }
   }
+  .sg\:hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--sg-primary);
+      }
+    }
+  }
   .sg\:hover\:text-destructive {
     &:hover {
       @media (hover: hover) {
@@ -2118,6 +2424,13 @@
       }
     }
   }
+  .sg\:hover\:text-primary-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--sg-primary-foreground);
+      }
+    }
+  }
   .sg\:hover\:no-underline {
     &:hover {
       @media (hover: hover) {
@@ -2188,6 +2501,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);
@@ -2198,32 +2523,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 {
@@ -2247,6 +2549,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;
@@ -2259,6 +2567,11 @@
       outline-style: none;
     }
   }
+  .sg\:focus-visible\:ring-inset {
+    &:focus-visible {
+      --tw-ring-inset: inset;
+    }
+  }
   .sg\:disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -2368,7 +2681,7 @@
   }
   .sg\:has-\[\>img\:first-child\]\:pt-0 {
     &:has(> img:first-child) {
-      padding-top: calc(var(--sg-spacing) * 0);
+      padding-top: 0;
     }
   }
   .sg\:has-\[\>svg\]\:grid-cols-\[auto_1fr\] {
@@ -2381,6 +2694,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;
@@ -2414,14 +2737,24 @@
   }
   .sg\:data-ending-style\:h-0 {
     &[data-ending-style] {
-      height: calc(var(--sg-spacing) * 0);
+      height: 0;
+    }
+  }
+  .sg\:data-highlighted\:bg-accent {
+    &[data-highlighted] {
+      background-color: var(--sg-accent);
     }
   }
-  .sg\:data-open\:bg-muted\/50 {
+  .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);
       }
     }
   }
@@ -2446,9 +2779,15 @@
       --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: calc(var(--sg-spacing) * 0);
+      height: 0;
     }
   }
   .sg\:data-\[align-trigger\=true\]\:animate-none {
@@ -2456,9 +2795,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 {
@@ -2521,28 +2860,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] {
@@ -2599,16 +2916,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;
@@ -2742,17 +3049,17 @@
   }
   .sg\:min-\[442px\]\:px-0 {
     @media (width >= 442px) {
-      padding-inline: calc(var(--sg-spacing) * 0);
+      padding-inline: 0;
     }
   }
   .sg\:min-\[800px\]\:px-0 {
     @media (width >= 800px) {
-      padding-inline: calc(var(--sg-spacing) * 0);
+      padding-inline: 0;
     }
   }
   .sg\:min-\[1056px\]\:px-0 {
     @media (width >= 1056px) {
-      padding-inline: calc(var(--sg-spacing) * 0);
+      padding-inline: 0;
     }
   }
   .sg\:sm\:max-w-sm {
@@ -3335,6 +3642,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; }
@@ -3411,6 +3727,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;