npm - @tight-embedded/react - Versions diffs - 6.7.1 → 6.9.0 - Mend

@tight-embedded/react 6.7.1 → 6.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.css CHANGED Viewed

@@ -102,28 +102,102 @@
     --Tight-colors-red400: #F45C5C;
     --Tight-colors-red500: #E84747;
     --Tight-colors-red700: #E42525;
-    --Tight-fonts-base: Duplet Regular, sans-serif;
-    --Tight-fontSizes-sm: 12px;
-    --Tight-fontSizes-md: 14px;
-    --Tight-fontSizes-lg: 16px;
-    --Tight-fontSizes-xl: 20px;
-    --Tight-fontSizes-2xl: 24px;
-    --Tight-fontWeights-sm: 400;
-    --Tight-fontWeights-md: 600;
-    --Tight-fontWeights-lg: 900;
+    --Tight-colors-template-background: var(--Tight-colors-white200);
+    --Tight-colors-template-background-weak: hsl(from var(--Tight-colors-surface-background) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-appBackground: var(--Tight-colors-surface-background);
+    --Tight-colors-template-foreground: var(--Tight-colors-white100);
+    --Tight-colors-template-foreground-weak: hsl(from var(--Tight-colors-template-foreground) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-typography: var(--Tight-colors-black700);
+    --Tight-colors-template-typography-weak: hsl(from var(--Tight-colors-template-typography) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-brand: var(--Tight-colors-black600);
+    --Tight-colors-template-brand-weak: hsl(from var(--Tight-colors-template-brand) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-brand-strong: hsl(from var(--Tight-colors-template-brand) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-brand-weaker: hsl(from var(--Tight-colors-template-brand-weak) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-brand-stronger: hsl(from var(--Tight-colors-template-brand-strong) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-brand-weakest: hsl(from var(--Tight-colors-template-brand-weaker) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-brand-strongest: hsl(from var(--Tight-colors-template-brand-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-neutral: var(--Tight-colors-white600);
+    --Tight-colors-template-neutral-weak: hsl(from var(--Tight-colors-template-neutral) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-neutral-strong: hsl(from var(--Tight-colors-template-neutral) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-neutral-weaker: hsl(from var(--Tight-colors-template-neutral-weak) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-neutral-stronger: hsl(from var(--Tight-colors-template-neutral-strong) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-neutral-weakest: hsl(from var(--Tight-colors-template-neutral-weaker) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-neutral-strongest: hsl(from var(--Tight-colors-template-neutral-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-accent: var(--Tight-colors-blue400);
+    --Tight-colors-template-accent-weak: hsl(from var(--Tight-colors-template-accent) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-accent-strong: hsl(from var(--Tight-colors-template-accent) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-accent-weaker: hsl(from var(--Tight-colors-template-accent-weak) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-accent-stronger: hsl(from var(--Tight-colors-template-accent-strong) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-accent-weakest: hsl(from var(--Tight-colors-template-accent-weaker) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-accent-strongest: hsl(from var(--Tight-colors-template-accent-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-success: var(--Tight-colors-green400);
+    --Tight-colors-template-success-weak: hsl(from var(--Tight-colors-template-success) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-success-strong: hsl(from var(--Tight-colors-template-success) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-success-weaker: hsl(from var(--Tight-colors-template-success-weak) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-success-stronger: hsl(from var(--Tight-colors-template-success-strong) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-success-weakest: hsl(from var(--Tight-colors-template-success-weaker) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-success-strongest: hsl(from var(--Tight-colors-template-success-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-warning: var(--Tight-colors-yellow400);
+    --Tight-colors-template-warning-weak: hsl(from var(--Tight-colors-template-warning) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-warning-strong: hsl(from var(--Tight-colors-template-warning) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-warning-weaker: hsl(from var(--Tight-colors-template-warning-weak) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-warning-stronger: hsl(from var(--Tight-colors-template-warning-strong) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-warning-weakest: hsl(from var(--Tight-colors-template-warning-weaker) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-warning-strongest: hsl(from var(--Tight-colors-template-warning-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-danger: var(--Tight-colors-red400);
+    --Tight-colors-template-danger-weak: hsl(from var(--Tight-colors-template-danger) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-danger-strong: hsl(from var(--Tight-colors-template-danger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-danger-weaker: hsl(from var(--Tight-colors-template-danger-weak) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-danger-stronger: hsl(from var(--Tight-colors-template-danger-strong) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-colors-template-danger-weakest: hsl(from var(--Tight-colors-template-danger-weaker) h max(calc(s - 5), 0) min(calc(l + 12), 93));
+    --Tight-colors-template-danger-strongest: hsl(from var(--Tight-colors-template-danger-stronger) h min(calc(s + 5), 100) max(calc(l - 18), 5));
+    --Tight-lineHeights-template: normal;
+    --Tight-letterSpacings-template: normal;
+    --Tight-fonts-template: Duplet Regular, sans-serif;
+    --Tight-fonts-base: var(--Tight-fonts-template);
+    --Tight-fontSizes-template: 16px;
+    --Tight-fontSizes-template-xs: calc(calc(var(--Tight-fontSizes-template)  - 2px)  - 2px);
+    --Tight-fontSizes-template-sm: calc(var(--Tight-fontSizes-template)  - 2px);
+    --Tight-fontSizes-template-lg: calc(var(--Tight-fontSizes-template)  + 4px);
+    --Tight-fontSizes-template-xl: calc(var(--Tight-fontSizes-template-lg)  + 4px);
+    --Tight-fontSizes-sm: var(--Tight-fontSizes-template-xs);
+    --Tight-fontSizes-md: var(--Tight-fontSizes-template-sm);
+    --Tight-fontSizes-lg: var(--Tight-fontSizes-template);
+    --Tight-fontSizes-xl: var(--Tight-fontSizes-template-lg);
+    --Tight-fontSizes-2xl: var(--Tight-fontSizes-template-xl);
+    --Tight-fontWeights-template-sm: 400;
+    --Tight-fontWeights-template-md: 600;
+    --Tight-fontWeights-template-lg: 900;
+    --Tight-fontWeights-sm: var(--Tight-fontWeights-template-sm);
+    --Tight-fontWeights-md: var(--Tight-fontWeights-template-md);
+    --Tight-fontWeights-lg: var(--Tight-fontWeights-template-lg);
     --Tight-radii-zero: 0;
-    --Tight-radii-sm: 1px;
-    --Tight-radii-md: 2px;
-    --Tight-radii-lg: 4px;
-    --Tight-borderWidths-sm: 0.5px;
-    --Tight-borderWidths-md: 1px;
-    --Tight-borderWidths-lg: 1px;
-    --Tight-borderWidths-xl: 2px;
+    --Tight-radii-full: 9999px;
+    --Tight-radii-template: 4px;
+    --Tight-radii-template-sm: var(--Tight-radii-template);
+    --Tight-radii-template-md: var(--Tight-radii-template);
+    --Tight-radii-template-lg: var(--Tight-radii-template);
+    --Tight-radii-sm: var(--Tight-radii-template-sm);
+    --Tight-radii-md: var(--Tight-radii-template-md);
+    --Tight-radii-lg: var(--Tight-radii-template-lg);
+    --Tight-borderWidths-template: 1px;
+    --Tight-borderWidths-template-sm: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-template-md: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-template-lg: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-template-xl: var(--Tight-borderWidths-template);
+    --Tight-borderWidths-sm: var(--Tight-borderWidths-template-sm);
+    --Tight-borderWidths-md: var(--Tight-borderWidths-template-md);
+    --Tight-borderWidths-lg: var(--Tight-borderWidths-template-lg);
+    --Tight-borderWidths-xl: var(--Tight-borderWidths-template-xl);
     --Tight-animations-appear-instant: 0.25s linear fade-in;
     --Tight-animations-appear-delay: 0.25s linear both 1.5s fade-in;
     --Tight-animations-shimmer: 2s ease-in-out infinite shimmer;
     --Tight-animations-spin: 1.5s ease-in-out 0.1s spin infinite;
     --Tight-shadows-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05), 0px 4px 12px 0px rgba(0, 0, 0, 0.15) ;
+    --Tight-durations-toast-enter: 250ms;
+    --Tight-durations-toast-exit: 200ms;
+    --Tight-easings-toast-enter: ease-out;
+    --Tight-easings-toast-exit: ease-in;
     --Tight-breakpoints-sm: 640px;
     --Tight-breakpoints-md: 850px;
     --Tight-breakpoints-lg: 1024px;
@@ -136,46 +210,46 @@
     --Tight-sizes-breakpoint-xl: 1280px;
     --Tight-sizes-breakpoint-1_5xl: 1400px;
     --Tight-sizes-breakpoint-2xl: 1536px;
-    --Tight-colors-brand-primary-weaker: var(--Tight-colors-black200);
-    --Tight-colors-brand-primary-weak: var(--Tight-colors-black400);
-    --Tight-colors-brand-primary: var(--Tight-colors-black600);
-    --Tight-colors-brand-primary-strong: var(--Tight-colors-black700);
-    --Tight-colors-brand-primary-stronger: var(--Tight-colors-black800);
-    --Tight-colors-brand-secondary-weaker: var(--Tight-colors-white100);
-    --Tight-colors-brand-secondary-weak: var(--Tight-colors-white200);
-    --Tight-colors-brand-secondary: var(--Tight-colors-white600);
-    --Tight-colors-brand-secondary-strong: var(--Tight-colors-black100);
-    --Tight-colors-brand-action-opaque: var(--Tight-colors-blue200);
-    --Tight-colors-brand-action-weaker: var(--Tight-colors-brand-action-opaque);
-    --Tight-colors-brand-action-weak: var(--Tight-colors-blue300);
-    --Tight-colors-brand-action: var(--Tight-colors-blue400);
-    --Tight-colors-brand-action-strong: var(--Tight-colors-blue500);
-    --Tight-colors-brand-action-stronger: var(--Tight-colors-blue700);
-    --Tight-colors-brand-action-strongest: var(--Tight-colors-blue900);
-    --Tight-colors-brand-success-opaque: var(--Tight-colors-green100);
-    --Tight-colors-brand-success-weaker: var(--Tight-colors-brand-success-opaque);
-    --Tight-colors-brand-success-weak: var(--Tight-colors-green300);
-    --Tight-colors-brand-success: var(--Tight-colors-green400);
-    --Tight-colors-brand-success-strong: var(--Tight-colors-green500);
-    --Tight-colors-brand-success-stronger: var(--Tight-colors-green700);
-    --Tight-colors-brand-success-strongest: var(--Tight-colors-green900);
-    --Tight-colors-brand-warning-opaque: var(--Tight-colors-yellow200);
-    --Tight-colors-brand-warning-weaker: var(--Tight-colors-brand-warning-opaque);
-    --Tight-colors-brand-warning-weak: var(--Tight-colors-yellow300);
-    --Tight-colors-brand-warning: var(--Tight-colors-yellow400);
-    --Tight-colors-brand-warning-strong: var(--Tight-colors-yellow500);
-    --Tight-colors-brand-warning-stronger: var(--Tight-colors-yellow700);
-    --Tight-colors-brand-warning-strongest: var(--Tight-colors-yellow800);
-    --Tight-colors-brand-danger-opaque: var(--Tight-colors-red200);
-    --Tight-colors-brand-danger-weaker: var(--Tight-colors-brand-danger-opaque);
-    --Tight-colors-brand-danger-weak: var(--Tight-colors-red300);
-    --Tight-colors-brand-danger: var(--Tight-colors-red400);
-    --Tight-colors-brand-danger-strong: var(--Tight-colors-red500);
-    --Tight-colors-brand-danger-stronger: var(--Tight-colors-red700);
-    --Tight-colors-surface-background: var(--Tight-colors-white200);
-    --Tight-colors-surface-background-hover: var(--Tight-colors-white300);
-    --Tight-colors-surface-foreground: var(--Tight-colors-white100);
-    --Tight-colors-surface-foreground-hover: var(--Tight-colors-white200);
+    --Tight-colors-brand-primary-weaker: var(--Tight-colors-template-brand-weaker);
+    --Tight-colors-brand-primary-weak: var(--Tight-colors-template-brand-weak);
+    --Tight-colors-brand-primary: var(--Tight-colors-template-brand);
+    --Tight-colors-brand-primary-strong: var(--Tight-colors-template-brand-strong);
+    --Tight-colors-brand-primary-stronger: var(--Tight-colors-template-brand-stronger);
+    --Tight-colors-brand-secondary-weaker: var(--Tight-colors-template-neutral-weaker);
+    --Tight-colors-brand-secondary-weak: var(--Tight-colors-template-neutral-weak);
+    --Tight-colors-brand-secondary: var(--Tight-colors-template-neutral);
+    --Tight-colors-brand-secondary-strong: var(--Tight-colors-template-neutral-strong);
+    --Tight-colors-brand-action-opaque: var(--Tight-colors-template-accent-weaker);
+    --Tight-colors-brand-action-weaker: var(--Tight-colors-template-accent-weaker);
+    --Tight-colors-brand-action-weak: var(--Tight-colors-template-accent-weak);
+    --Tight-colors-brand-action: var(--Tight-colors-template-accent);
+    --Tight-colors-brand-action-strong: var(--Tight-colors-template-accent-strong);
+    --Tight-colors-brand-action-stronger: var(--Tight-colors-template-accent-stronger);
+    --Tight-colors-brand-action-strongest: var(--Tight-colors-template-accent-strongest);
+    --Tight-colors-brand-success-opaque: var(--Tight-colors-template-success-weaker);
+    --Tight-colors-brand-success-weaker: var(--Tight-colors-template-success-weaker);
+    --Tight-colors-brand-success-weak: var(--Tight-colors-template-success-weak);
+    --Tight-colors-brand-success: var(--Tight-colors-template-success);
+    --Tight-colors-brand-success-strong: var(--Tight-colors-template-success-strong);
+    --Tight-colors-brand-success-stronger: var(--Tight-colors-template-success-stronger);
+    --Tight-colors-brand-success-strongest: var(--Tight-colors-template-success-strongest);
+    --Tight-colors-brand-warning-opaque: var(--Tight-colors-template-warning-weaker);
+    --Tight-colors-brand-warning-weaker: var(--Tight-colors-template-warning-weaker);
+    --Tight-colors-brand-warning-weak: var(--Tight-colors-template-warning-weak);
+    --Tight-colors-brand-warning: var(--Tight-colors-template-warning);
+    --Tight-colors-brand-warning-strong: var(--Tight-colors-template-warning-strong);
+    --Tight-colors-brand-warning-stronger: var(--Tight-colors-template-warning-stronger);
+    --Tight-colors-brand-warning-strongest: var(--Tight-colors-template-warning-strongest);
+    --Tight-colors-brand-danger-opaque: var(--Tight-colors-template-danger-weaker);
+    --Tight-colors-brand-danger-weaker: var(--Tight-colors-template-danger-weaker);
+    --Tight-colors-brand-danger-weak: var(--Tight-colors-template-danger-weak);
+    --Tight-colors-brand-danger: var(--Tight-colors-template-danger);
+    --Tight-colors-brand-danger-strong: var(--Tight-colors-template-danger-strong);
+    --Tight-colors-brand-danger-stronger: var(--Tight-colors-template-danger-stronger);
+    --Tight-colors-surface-background: var(--Tight-colors-template-background);
+    --Tight-colors-surface-background-hover: var(--Tight-colors-template-background-weak);
+    --Tight-colors-surface-foreground: var(--Tight-colors-template-foreground);
+    --Tight-colors-surface-foreground-hover: var(--Tight-colors-template-foreground-weak);
     --Tight-colors-surface-foreground-disabled: var(--Tight-colors-white600);
     --Tight-colors-surface-elevated: var(--Tight-colors-white300);
     --Tight-colors-surface-elevated-hover: var(--Tight-colors-white600);
@@ -211,9 +285,10 @@
     --Tight-colors-surface-intent-danger-disabled: var(--Tight-colors-surface-foreground-disabled);
     --Tight-colors-surface-intent-danger-weak: var(--Tight-colors-brand-danger-weak);
     --Tight-colors-surface-intent-danger-highlight: var(--Tight-colors-brand-danger-weaker);
+    --Tight-colors-surface-intent-notification: var(--Tight-colors-surface-foreground);
     --Tight-colors-surface-reports-alternateRows: var(--Tight-colors-brand-action-weaker);
-    --Tight-colors-typography-base: var(--Tight-colors-black700);
-    --Tight-colors-typography-base-weak: var(--Tight-colors-black400);
+    --Tight-colors-typography-base: var(--Tight-colors-template-typography);
+    --Tight-colors-typography-base-weak: var(--Tight-colors-template-typography-weak);
     --Tight-colors-typography-contrast: var(--Tight-colors-white100);
     --Tight-colors-typography-contrast-weak: var(--Tight-colors-black100);
     --Tight-colors-typography-intent-primary: var(--Tight-colors-white100);
@@ -234,6 +309,7 @@
     --Tight-colors-typography-intent-danger: var(--Tight-colors-typography-base);
     --Tight-colors-typography-intent-danger-hover: var(--Tight-colors-typography-base);
     --Tight-colors-typography-intent-danger-active: var(--Tight-colors-typography-base);
+    --Tight-colors-typography-intent-notification: var(--Tight-colors-typography-base);
     --Tight-colors-typography-accent-success: var(--Tight-colors-brand-success-strong);
     --Tight-colors-typography-accent-warning: var(--Tight-colors-brand-warning-strong);
     --Tight-colors-typography-accent-danger: var(--Tight-colors-brand-danger-strong);
@@ -411,6 +487,10 @@
 }
 @layer utilities {
+  .tsystem-all_unset {
+    all: unset;
+}
   .tsystem---thickness_1px {
     --thickness: 1px;
 }
@@ -459,10 +539,6 @@
     padding: 16px 12px;
 }
-  .tsystem-bd_0\.75px {
-    border: 0.75px;
-}
   .tsystem-p_8px_16px {
     padding: 8px 16px;
 }
@@ -543,24 +619,16 @@
     padding: 15px;
 }
-  .tsystem-p_0_25px {
-    padding: 0 25px;
-}
   .tsystem-bd_\{borderWidths\.lg\}_solid {
     border: var(--Tight-borderWidths-lg) solid;
 }
-  .tsystem-bg_brand\.primary\.strong {
-    background: var(--Tight-colors-brand-primary-strong);
-}
-  .tsystem-bd_\{borderWidths\.lg\}_solid_transparent {
-    border: var(--Tight-borderWidths-lg) solid transparent;
+  .tsystem-p_0_25px {
+    padding: 0 25px;
 }
-  .tsystem-bd_2px_solid_red {
-    border: 2px solid red;
+  .tsystem-bg_brand\.primary\.strong {
+    background: var(--Tight-colors-brand-primary-strong);
 }
   .tsystem-p_16px_16px {
@@ -587,6 +655,10 @@
     animation: linear 1s spin infinite;
 }
+  .tsystem-bg_conic-gradient\(from_90deg\,_transparent_0deg\,_\{colors\.icon\.base\.weak\}_360deg\) {
+    background: conic-gradient(from 90deg, transparent 0deg, var(--Tight-colors-icon-base-weak) 360deg);
+}
   .tsystem-anim_shimmer {
     animation: var(--Tight-animations-shimmer);
 }
@@ -643,6 +715,14 @@
     padding: 15px;
 }
+  .tsystem-p_large {
+    padding: large;
+}
+  .tsystem-p_default {
+    padding: default;
+}
   .tsystem-p_36px_24px {
     padding: 36px 24px;
 }
@@ -747,10 +827,18 @@
     padding: 25px;
 }
+  .tsystem-bd_\{borderWidths\.lg\}_solid_transparent {
+    border: var(--Tight-borderWidths-lg) solid transparent;
+}
   .tsystem-bd_\{borderWidths\.md\}_dashed_\{colors\.border\.layout\} {
     border: var(--Tight-borderWidths-md) dashed var(--Tight-colors-border-layout);
 }
+  .tsystem-bd_2px_solid_red {
+    border: 2px solid red;
+}
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -759,14 +847,14 @@
     padding: 2px 6px;
 }
-  .tsystem-p_large {
-    padding: large;
-}
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
+  .tsystem-bd_left {
+    border: left;
+}
   .tsystem-bd_0\.75px_solid_\{colors\.border\.layout\} {
     border: 0.75px solid var(--Tight-colors-border-layout);
 }
@@ -787,10 +875,6 @@
     animation: var(--Tight-animations-spin);
 }
-  .tsystem-bd_left {
-    border: left;
-}
   .tsystem-p_12 {
     padding: 12px;
 }
@@ -831,6 +915,10 @@
     border-color: var(--Tight-colors-border-intent-danger);
 }
+  .tsystem-bd-w_md {
+    border-width: var(--Tight-borderWidths-md);
+}
   .tsystem-border-style_solid {
     border-style: solid;
 }
@@ -879,6 +967,10 @@
     gap: inherit;
 }
+  .tsystem-flex_1 {
+    flex: 1 1 0%;
+}
   .tsystem-gap_4px {
     gap: 4px;
 }
@@ -924,10 +1016,6 @@
     border-radius: 2px;
 }
-  .tsystem-flex_1 {
-    flex: 1 1 0%;
-}
   .tsystem-bd-c_normal {
     border-color: normal;
 }
@@ -964,6 +1052,10 @@
     background-position: 100% 0;
 }
+  .tsystem-bd-c_transparent {
+    border-color: var(--Tight-colors-transparent);
+}
   .tsystem-gap_15px {
     gap: 15px;
 }
@@ -972,6 +1064,10 @@
     gap: 0;
 }
+  .tsystem-bd-c_border\.layout\.weak {
+    border-color: var(--Tight-colors-border-layout-weak);
+}
   .tsystem-trs_height_0\.5s\,_width_0\.5s {
     transition: height 0.5s, width 0.5s;
 }
@@ -1000,6 +1096,14 @@
     gap: 9px;
 }
+  .tsystem-px_16px {
+    padding-inline: 16px;
+}
+  .tsystem-py_12px {
+    padding-block: 12px;
+}
   .tsystem-bd-w_1 {
     border-width: 1px;
 }
@@ -1064,6 +1168,10 @@
     transition: all 300ms ease-out;
 }
+  .tsystem-bd-r_1px_solid_\{colors\.border\.layout\} {
+    border-right: 1px solid var(--Tight-colors-border-layout);
+}
   .tsystem-bdr_4px {
     border-radius: 4px;
 }
@@ -1120,10 +1228,6 @@
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
-  .tsystem-px_16px {
-    padding-inline: 16px;
-}
   .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\.strong\} {
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-strong);
 }
@@ -1144,10 +1248,6 @@
     gap: 16px;
 }
-  .tsystem-bd-r_1px_solid_\{colors\.border\.layout\} {
-    border-right: 1px solid var(--Tight-colors-border-layout);
-}
   .tsystem-bd-l_1px_solid_\{colors\.border\.layout\} {
     border-left: 1px solid var(--Tight-colors-border-layout);
 }
@@ -1184,14 +1284,6 @@
     border-width: var(--Tight-borderWidths-sm);
 }
-  .tsystem-bd-w_md {
-    border-width: var(--Tight-borderWidths-md);
-}
-  .tsystem-bd-c_border\.layout\.weak {
-    border-color: var(--Tight-colors-border-layout-weak);
-}
   .tsystem-bd-c_weak {
     border-color: weak;
 }
@@ -1260,6 +1352,10 @@
     display: flex;
 }
+  .tsystem-bg-c_surface\.foreground {
+    background-color: var(--Tight-colors-surface-foreground);
+}
   .tsystem-bg-c_brand\.primary {
     background-color: var(--Tight-colors-brand-primary);
 }
@@ -1280,10 +1376,6 @@
     justify-content: space-between;
 }
-  .tsystem-bg-c_surface\.foreground {
-    background-color: var(--Tight-colors-surface-foreground);
-}
   .tsystem-flex-d_column {
     flex-direction: column;
 }
@@ -1321,8 +1413,8 @@
     font-weight: var(--Tight-fontWeights-sm);
 }
-  .tsystem-lh_12px {
-    line-height: 12px;
+  .tsystem-lh_template {
+    line-height: var(--Tight-lineHeights-template);
 }
   .tsystem-white-space_normal {
@@ -1341,22 +1433,10 @@
     font-size: var(--Tight-fontSizes-md);
 }
-  .tsystem-lh_18px {
-    line-height: 18px;
-}
   .tsystem-fw_md {
     font-weight: var(--Tight-fontWeights-md);
 }
-  .tsystem-lh_16px {
-    line-height: 16px;
-}
-  .tsystem-lh_14px {
-    line-height: 14px;
-}
   .tsystem-bx-s_border-box {
     box-sizing: border-box;
 }
@@ -1430,10 +1510,6 @@
     font-size: var(--Tight-fontSizes-xl);
 }
-  .tsystem-lh_26px {
-    line-height: 26px;
-}
   .tsystem-pos_fixed {
     position: fixed;
 }
@@ -1478,6 +1554,10 @@
     border-block-end-width: var(--thickness);
 }
+  .tsystem-overlay_true {
+    overlay: true;
+}
   .tsystem-stk_currentColor {
     stroke: var(--Tight-colors-currentColor);
 }
@@ -1578,26 +1658,14 @@
     color: var(--Tight-colors-icon-contrast);
 }
-  .tsystem-bg-c_surface\.foreground\.disabled {
-    background-color: var(--Tight-colors-surface-foreground-disabled);
-}
-  .tsystem-pointer-events_none {
-    pointer-events: none;
+  .tsystem-fill_surface\.intent\.action\.active {
+    fill: var(--Tight-colors-surface-intent-action-active);
 }
   .tsystem-cursor_text {
     cursor: text;
 }
-  .tsystem-bg-c_yellow {
-    background-color: yellow;
-}
-  .tsystem-fill_surface\.intent\.action\.active {
-    fill: var(--Tight-colors-surface-intent-action-active);
-}
   .tsystem-ai_stretch {
     align-items: stretch;
 }
@@ -1634,6 +1702,10 @@
     justify-content: flex-end;
 }
+  .tsystem-op_1 {
+    opacity: 1;
+}
   .tsystem-bg-c_surface\.elevated {
     background-color: var(--Tight-colors-surface-elevated);
 }
@@ -1646,6 +1718,14 @@
     background-size: 400%;
 }
+  .tsystem-fw_label\.strong {
+    font-weight: var(--Tight-fontWeights-label-strong);
+}
+  .tsystem-obj-p_left {
+    object-position: left;
+}
   .tsystem-cursor_not-allowed {
     cursor: not-allowed;
 }
@@ -1666,6 +1746,18 @@
     flex-shrink: 1;
 }
+  .tsystem-isolation_isolate {
+    isolation: isolate;
+}
+  .tsystem-op_80\% {
+    opacity: 80%;
+}
+  .tsystem-pointer-events_all {
+    pointer-events: all;
+}
   .tsystem-bg-c_surface\.intent\.success\.highlight {
     background-color: var(--Tight-colors-surface-intent-success-highlight);
 }
@@ -1678,6 +1770,10 @@
     opacity: 0.6;
 }
+  .tsystem-pointer-events_none {
+    pointer-events: none;
+}
   .tsystem-jc_end {
     justify-content: end;
 }
@@ -1700,8 +1796,39 @@
     color: var(--Tight-colors-icon-intent-primary);
 }
-  .tsystem-pointer-events_all {
-    pointer-events: all;
+  .tsystem-bg-c_surface\.intent\.notification {
+    background-color: var(--Tight-colors-surface-intent-notification);
+}
+  .tsystem-c_typography\.intent\.notification {
+    color: var(--Tight-colors-typography-intent-notification);
+}
+  .tsystem-will-change_translate\,_opacity {
+    will-change: translate, opacity;
+}
+  .tsystem-trs-prop_opacity\,_translate {
+    --transition-prop: opacity, translate;
+    transition-property: opacity, translate;
+}
+  .tsystem-trs-dur_toast\.enter {
+    --transition-duration: var(--Tight-durations-toast-enter);
+    transition-duration: var(--Tight-durations-toast-enter);
+}
+  .tsystem-trs-tmf_toast\.enter {
+    --transition-easing: var(--Tight-easings-toast-enter);
+    transition-timing-function: var(--Tight-easings-toast-enter);
+}
+  .tsystem-fill_typography\.intent\.notification {
+    fill: var(--Tight-colors-typography-intent-notification);
+}
+  .tsystem-stk_surface\.intent\.notification {
+    stroke: var(--Tight-colors-surface-intent-notification);
 }
   .tsystem-fw_lg {
@@ -1764,18 +1891,10 @@
     -webkit-box-orient: vertical;
 }
-  .tsystem-lh_20px {
-    line-height: 20px;
-}
   .tsystem-trf_rotate\(-20deg\) {
     transform: rotate(-20deg);
 }
-  .tsystem-op_80\% {
-    opacity: 80%;
-}
   .tsystem-fs_4em {
     font-size: 4em;
 }
@@ -1820,6 +1939,14 @@
     background-color: var(--Tight-colors-typography-base);
 }
+  .tsystem-as_flex-start {
+    align-self: flex-start;
+}
+  .tsystem-pos_sticky {
+    position: sticky;
+}
   .tsystem-bg-linear_to-t {
     --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
     --gradient-position: to top;
@@ -1842,14 +1969,22 @@
     --gradient-to-position: 106.24%;
 }
-  .tsystem-fw_label\.strong {
-    font-weight: var(--Tight-fontWeights-label-strong);
+  .tsystem-ff_Duplet_Semibold\,_sans-serif {
+    font-family: Duplet Semibold, sans-serif;
 }
   .tsystem-c_\#FFF {
     color: #FFF;
 }
+  .tsystem-ff_Duplet_Regular\,_sans-serif {
+    font-family: Duplet Regular, sans-serif;
+}
+  .tsystem-ls_0\.84px {
+    letter-spacing: 0.84px;
+}
   .tsystem-d_inline {
     display: inline;
 }
@@ -1862,10 +1997,6 @@
     cursor: inherit;
 }
-  .tsystem-pos_sticky {
-    position: sticky;
-}
   .tsystem-z_1 {
     z-index: 1;
 }
@@ -1938,10 +2069,6 @@
     color: var(--Tight-colors-typography-heading);
 }
-  .tsystem-lh_25px {
-    line-height: 25px;
-}
   .tsystem-fw_metric\.sm {
     font-weight: var(--Tight-fontWeights-metric-sm);
 }
@@ -2010,14 +2137,14 @@
     font-size: 14px;
 }
-  .tsystem-c_black600 {
-    color: var(--Tight-colors-black600);
-}
   .tsystem-c_black400 {
     color: var(--Tight-colors-black400);
 }
+  .tsystem-op_0\.4 {
+    opacity: 0.4;
+}
   .tsystem-bg-cp_content-box {
     background-clip: content-box;
     -webkit-background-clip: content-box;
@@ -2040,6 +2167,10 @@
     -webkit-backdrop-filter: brightness(85%);
 }
+  .tsystem-c_black600 {
+    color: var(--Tight-colors-black600);
+}
   .tsystem-c_brand\.danger {
     color: var(--Tight-colors-brand-danger);
 }
@@ -2094,14 +2225,18 @@
     background-color: foreground;
 }
-  .tsystem-isolation_isolate {
-    isolation: isolate;
-}
   .tsystem-grid-tc_repeat\(7\,_1fr\) {
     grid-template-columns: repeat(7, 1fr);
 }
+  .tsystem-bg-c_surface\.foreground\.disabled {
+    background-color: var(--Tight-colors-surface-foreground-disabled);
+}
+  .tsystem-bg-c_yellow {
+    background-color: yellow;
+}
   .tsystem-vis_hidden {
     visibility: hidden;
 }
@@ -2235,24 +2370,24 @@
     font-size: 26px;
 }
-  .tsystem-c_icon\.base\.weak {
-    color: var(--Tight-colors-icon-base-weak);
+  .tsystem-lh_26px {
+    line-height: 26px;
 }
-  .tsystem-overlay_true {
-    overlay: true;
+  .tsystem-c_icon\.base\.weak {
+    color: var(--Tight-colors-icon-base-weak);
 }
-  .tsystem-c_surface\.intent\.danger\.active {
-    color: var(--Tight-colors-surface-intent-danger-active);
+  .tsystem-cursor_auto {
+    cursor: auto;
 }
-  .tsystem-grid-tc_1fr_1fr {
-    grid-template-columns: 1fr 1fr;
+  .tsystem-cq-t_scroll-state {
+    container-type: scroll-state;
 }
-  .tsystem-cursor_auto {
-    cursor: auto;
+  .tsystem-cq-n_report-table-container {
+    container-name: report-table-container;
 }
   .tsystem-bd-cl_separate {
@@ -2267,12 +2402,12 @@
     z-index: 2;
 }
-  .tsystem-cq-t_scroll-state {
-    container-type: scroll-state;
+  .tsystem-c_surface\.intent\.danger\.active {
+    color: var(--Tight-colors-surface-intent-danger-active);
 }
-  .tsystem-cq-n_report-table-container {
-    container-name: report-table-container;
+  .tsystem-grid-tc_1fr_1fr {
+    grid-template-columns: 1fr 1fr;
 }
   .tsystem-c_var\(--Tight-colors-money-positive\) {
@@ -2283,10 +2418,6 @@
     color: var(--Tight-colors-money-negative);
 }
-  .tsystem-ff_Duplet_Regular\,_sans-serif {
-    font-family: Duplet Regular, sans-serif;
-}
   .tsystem-bg-c_surface\.intent\.action\.discreet\.hover {
     background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
@@ -2323,11 +2454,23 @@
     width: fit-content;
 }
-  .tsystem-min-h_55px {
-    min-height: 55px;
+  .tsystem-h_80px {
+    height: 80px;
 }
-  .tsystem-w_100\% {
+  .tsystem-pl_16px {
+    padding-left: 16px;
+}
+  .tsystem-pr_16px {
+    padding-right: 16px;
+}
+  .tsystem-min-h_55px {
+    min-height: 55px;
+}
+  .tsystem-w_100\% {
     width: 100%;
 }
@@ -2383,14 +2526,6 @@
     height: 20px;
 }
-  .tsystem-pl_16px {
-    padding-left: 16px;
-}
-  .tsystem-pr_16px {
-    padding-right: 16px;
-}
   .tsystem-h_100\% {
     height: 100%;
 }
@@ -2467,18 +2602,10 @@
     height: 100dvh;
 }
-  .tsystem-right_0 {
-    right: 0;
-}
   .tsystem-top_0 {
     top: 0;
 }
-  .tsystem-left_0 {
-    left: 0;
-}
   .tsystem-bottom_0 {
     bottom: 0;
 }
@@ -2491,6 +2618,22 @@
     min-width: 100%;
 }
+  .tsystem-right_0 {
+    right: 0;
+}
+  .tsystem-left_0 {
+    left: 0;
+}
+  .tsystem-w_80\% {
+    width: 80%;
+}
+  .tsystem-min-w_auto {
+    min-width: auto;
+}
   .tsystem-w_1 {
     width: 1px;
 }
@@ -2539,6 +2682,22 @@
     overflow-x: hidden;
 }
+  .tsystem-max-w_420px {
+    max-width: 420px;
+}
+  .tsystem-min-w_280px {
+    min-width: 280px;
+}
+  .tsystem-ml_6px {
+    margin-left: 6px;
+}
+  .tsystem-mr_6px {
+    margin-right: 6px;
+}
   .tsystem-w_17px {
     width: 17px;
 }
@@ -2623,8 +2782,40 @@
     height: 40px;
 }
-  .tsystem-h_80px {
-    height: 80px;
+  .tsystem-mt_8px {
+    margin-top: 8px;
+}
+  .tsystem-mb_16px {
+    margin-bottom: 16px;
+}
+  .tsystem-w_auto {
+    width: auto;
+}
+  .tsystem-pt_16px {
+    padding-top: 16px;
+}
+  .tsystem-pb_16px {
+    padding-bottom: 16px;
+}
+  .tsystem-min-h_42px {
+    min-height: 42px;
+}
+  .tsystem-bd-l-w_xl {
+    border-left-width: var(--Tight-borderWidths-xl);
+}
+  .tsystem-bd-l-c_border\.intent\.action\.active {
+    border-left-color: var(--Tight-colors-border-intent-action-active);
+}
+  .tsystem-bd-l-c_transparent {
+    border-left-color: var(--Tight-colors-transparent);
 }
   .tsystem-w_14px {
@@ -2659,6 +2850,10 @@
     min-width: 325px;
 }
+  .tsystem-min-h_32px {
+    min-height: 32px;
+}
   .tsystem-w_44px {
     width: 44px;
 }
@@ -2755,6 +2950,17 @@
     min-height: 65px;
 }
+  .tsystem-w_92\% {
+    width: 92%;
+}
+  .tsystem-lc_2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
   .tsystem-h_250px {
     height: 250px;
 }
@@ -2811,14 +3017,6 @@
     border-bottom-color: var(--Tight-colors-border-layout-weak);
 }
-  .tsystem-pt_16px {
-    padding-top: 16px;
-}
-  .tsystem-pb_16px {
-    padding-bottom: 16px;
-}
   .tsystem-max-h_8 {
     max-height: 8px;
 }
@@ -2871,16 +3069,32 @@
     max-width: 250px;
 }
-  .tsystem-w_361 {
-    width: 361px;
+  .tsystem-w_256px {
+    width: 256px;
+}
+  .tsystem-max-w_256px {
+    max-width: 256px;
+}
+  .tsystem-pt_15\% {
+    padding-top: 15%;
+}
+  .tsystem-h_100vh {
+    height: 100vh;
+}
+  .tsystem-min-h_140px {
+    min-height: 140px;
 }
   .tsystem-w_89 {
     width: 89px;
 }
-  .tsystem-w_200px {
-    width: 200px;
+  .tsystem-w_fit {
+    width: fit;
 }
   .tsystem-bd-l-w_md {
@@ -2999,6 +3213,10 @@
     margin-bottom: 42px;
 }
+  .tsystem-min-h_80px {
+    min-height: 80px;
+}
   .tsystem-pl_20px {
     padding-left: 20px;
 }
@@ -3031,6 +3249,10 @@
     margin-bottom: 10px;
 }
+  .tsystem-w_200px {
+    width: 200px;
+}
   .tsystem-h_52px {
     height: 52px;
 }
@@ -3067,6 +3289,14 @@
     width: full;
 }
+  .tsystem-w_fit-content\% {
+    width: fit-content%;
+}
+  .tsystem-min-w_100px {
+    min-width: 100px;
+}
   .tsystem-mb_30px {
     margin-bottom: 30px;
 }
@@ -3107,6 +3337,30 @@
     right: 16px;
 }
+  .tsystem-pl_0 {
+    padding-left: 0;
+}
+  .tsystem-pl_19px {
+    padding-left: 19px;
+}
+  .tsystem-pl_33px {
+    padding-left: 33px;
+}
+  .tsystem-pr_0 {
+    padding-right: 0;
+}
+  .tsystem-pr_19px {
+    padding-right: 19px;
+}
+  .tsystem-pr_33px {
+    padding-right: 33px;
+}
   .tsystem-max-h_44px {
     max-height: 44px;
 }
@@ -3143,6 +3397,58 @@
     width: 26px;
 }
+  .tsystem-bd-t-w_md {
+    border-top-width: var(--Tight-borderWidths-md);
+}
+  .tsystem-border-top-style_solid {
+    border-top-style: solid;
+}
+  .tsystem-bd-t-w_4px {
+    border-top-width: 4px;
+}
+  .tsystem-border-top-style_double {
+    border-top-style: double;
+}
+  .tsystem-bd-t-c_border\.layout\.strong {
+    border-top-color: var(--Tight-colors-border-layout-strong);
+}
+  .tsystem-bd-b-w_4px {
+    border-bottom-width: 4px;
+}
+  .tsystem-border-bottom-style_double {
+    border-bottom-style: double;
+}
+  .tsystem-bd-b-c_border\.layout\.strong {
+    border-bottom-color: var(--Tight-colors-border-layout-strong);
+}
+  .tsystem-bd-b-w_md {
+    border-bottom-width: var(--Tight-borderWidths-md);
+}
+  .tsystem-ov-x_auto {
+    overflow-x: auto;
+}
+  .tsystem-max-h_80dvh {
+    max-height: 80dvh;
+}
+  .tsystem-min-w_800px {
+    min-width: 800px;
+}
+  .tsystem-bd-b-c_border\.layout {
+    border-bottom-color: var(--Tight-colors-border-layout);
+}
   .tsystem-mt_22px {
     margin-top: 22px;
 }
@@ -3175,10 +3481,6 @@
     height: 16px;
 }
-  .tsystem-w_92\% {
-    width: 92%;
-}
   .tsystem-w_90\% {
     width: 90%;
 }
@@ -3199,18 +3501,6 @@
     width: 70%;
 }
-  .tsystem-ml_6px {
-    margin-left: 6px;
-}
-  .tsystem-mr_6px {
-    margin-right: 6px;
-}
-  .tsystem-max-w_420px {
-    max-width: 420px;
-}
   .tsystem-w_151px {
     width: 151px;
 }
@@ -3223,30 +3513,6 @@
     max-width: fit-content;
 }
-  .tsystem-pl_0 {
-    padding-left: 0;
-}
-  .tsystem-pl_19px {
-    padding-left: 19px;
-}
-  .tsystem-pl_33px {
-    padding-left: 33px;
-}
-  .tsystem-pr_0 {
-    padding-right: 0;
-}
-  .tsystem-pr_19px {
-    padding-right: 19px;
-}
-  .tsystem-pr_33px {
-    padding-right: 33px;
-}
   .tsystem-min-w_24 {
     min-width: 24px;
 }
@@ -3255,10 +3521,6 @@
     min-height: 24px;
 }
-  .tsystem-mb_16px {
-    margin-bottom: 16px;
-}
   .tsystem-w_160px {
     width: 160px;
 }
@@ -3287,62 +3549,6 @@
     bottom: 5px;
 }
-  .tsystem-bd-t-w_md {
-    border-top-width: var(--Tight-borderWidths-md);
-}
-  .tsystem-border-top-style_solid {
-    border-top-style: solid;
-}
-  .tsystem-bd-t-w_4px {
-    border-top-width: 4px;
-}
-  .tsystem-border-top-style_double {
-    border-top-style: double;
-}
-  .tsystem-bd-t-c_border\.layout\.strong {
-    border-top-color: var(--Tight-colors-border-layout-strong);
-}
-  .tsystem-bd-b-w_4px {
-    border-bottom-width: 4px;
-}
-  .tsystem-border-bottom-style_double {
-    border-bottom-style: double;
-}
-  .tsystem-bd-b-c_border\.layout\.strong {
-    border-bottom-color: var(--Tight-colors-border-layout-strong);
-}
-  .tsystem-bd-b-w_md {
-    border-bottom-width: var(--Tight-borderWidths-md);
-}
-  .tsystem-min-w_800px {
-    min-width: 800px;
-}
-  .tsystem-bd-b-c_border\.layout {
-    border-bottom-color: var(--Tight-colors-border-layout);
-}
-  .tsystem-ov-x_auto {
-    overflow-x: auto;
-}
-  .tsystem-max-h_80dvh {
-    max-height: 80dvh;
-}
-  .tsystem-max-w_120px {
-    max-width: 120px;
-}
   .tsystem-min-w_180px {
     min-width: 180px;
 }
@@ -3351,6 +3557,14 @@
     height: 1px;
 }
+  .tsystem-w_14 {
+    width: 14px;
+}
+  .tsystem-h_14 {
+    height: 14px;
+}
   .tsystem-min-w_175px {
     min-width: 175px;
 }
@@ -3395,6 +3609,10 @@
     overflow: scroll;
 }
+  .disabled\:tsystem-bd-c_border\.layout:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    border-color: var(--Tight-colors-border-layout);
+}
   .\[\&\[data-haserror\=\'true\'\]\]\:tsystem-bd-c_border\.intent\.danger[data-haserror='true'] {
     border-color: var(--Tight-colors-border-intent-danger);
 }
@@ -3549,6 +3767,16 @@
     pointer-events: none;
 }
+  .\[\&\[data-state\=\'closed\'\]\]\:tsystem-trs-dur_toast\.exit[data-state='closed'] {
+    --transition-duration: var(--Tight-durations-toast-exit);
+    transition-duration: var(--Tight-durations-toast-exit);
+}
+  .\[\&\[data-state\=\'closed\'\]\]\:tsystem-trs-tmf_toast\.exit[data-state='closed'] {
+    --transition-easing: var(--Tight-easings-toast-exit);
+    transition-timing-function: var(--Tight-easings-toast-exit);
+}
   [data-scrolled-x=true] .scrolledX\:tsystem-filter_drop-shadow\(4px_2px_4px_rgba\(0\,_0\,_0\,_0\.05\)\) {
     filter: drop-shadow(4px 2px 4px rgba(0, 0, 0, 0.05));
 }
@@ -3589,8 +3817,20 @@
     cursor: default;
 }
-  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
-    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
+  .disabled\:tsystem-bg-c_surface\.foreground\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    background-color: var(--Tight-colors-surface-foreground-disabled);
+}
+  .disabled\:tsystem-c_typography\.base\.weak:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    color: var(--Tight-colors-typography-base-weak);
+}
+  .disabled\:tsystem-pointer-events_none:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    pointer-events: none;
+}
+  .\[\&\:disabled\]\:tsystem-op_0\.3:disabled {
+    opacity: 0.3;
 }
   .disabled\:tsystem-cursor_default:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
@@ -3621,10 +3861,6 @@
     background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
-  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
-}
   .odd\:tsystem-bg-c_surface\.reports\.alternateRows:nth-child(odd) {
     background-color: var(--Tight-colors-surface-reports-alternateRows);
 }
@@ -3633,12 +3869,8 @@
     background-color: var(--Tight-colors-surface-foreground);
 }
-  .\[\&_path\]\:tsystem-stk_surface\.foreground path {
-    stroke: var(--Tight-colors-surface-foreground);
-}
-  .\[\&_\.Tight-amount-input\,_\&_\.Tight-text\]\:tsystem-c_inherit .Tight-amount-input,.\[\&_\.Tight-amount-input\,_\&_\.Tight-text\]\:tsystem-c_inherit .Tight-text {
-    color: inherit;
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
   .\[\&\:\:before\]\:tsystem-top_-11px::before {
@@ -3761,39 +3993,11 @@
     left: -5px;
 }
-  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid[data-isdefaultvalue='false'] {
-    border: var(--Tight-borderWidths-lg) solid;
-}
-  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout[data-isdefaultvalue='false'] {
-    border-color: var(--Tight-colors-border-layout);
-}
   .\[\&\:focus\,_\&\:focus-within\]\:tsystem-ring_none:focus,.\[\&\:focus\,_\&\:focus-within\]\:tsystem-ring_none:focus-within {
     outline: 2px solid transparent;
     outline-offset: 2px;
 }
-  .\[\&\[data-clicked\=\'true\'\]\:focus-within\]\:tsystem-ring_1px_solid[data-clicked='true']:focus-within {
-    outline: 1px solid;
-}
-  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground[data-isdefaultvalue='false'] {
-    background-color: var(--Tight-colors-surface-foreground);
-}
-  .\[\&\:focus-within\]\:tsystem-cursor_text:focus-within {
-    cursor: text;
-}
-  .\[\&\[data-clicked\=\'true\'\]\:focus-within\]\:tsystem-ring-o_2px[data-clicked='true']:focus-within {
-    outline-offset: 2px;
-}
-  .\[\&\[data-clicked\=\'true\'\]\:focus-within\]\:tsystem-ring-c_border\.layout\.strong[data-clicked='true']:focus-within {
-    outline-color: var(--Tight-colors-border-layout-strong);
-}
   .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.secondary\.hover:focus-visible,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:tsystem-bg_surface\.intent\.secondary\.hover[data-state='open'] {
     background: var(--Tight-colors-surface-intent-secondary-hover);
 }
@@ -3868,10 +4072,6 @@
     outline: 2px solid;
 }
-  .\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid[data-active='false']:has(:focus-visible) {
-    outline: 4px solid;
-}
   .\[\&\:has\(button\:focus-visible\)\]\:tsystem-ring_4px_solid:has(button:focus-visible) {
     outline: 4px solid;
 }
@@ -3880,10 +4080,6 @@
     border-radius: var(--Tight-radii-sm);
 }
-  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid[data-clicked='false']:has(:focus-visible) {
-    outline: 4px solid;
-}
   .focusVisible\:tsystem-ring-c_border\.layout:is(:focus-visible, [data-focus-visible]) {
     outline-color: var(--Tight-colors-border-layout);
 }
@@ -3920,12 +4116,36 @@
     outline-offset: 2px;
 }
-  .\[\&\:focus-visible\]\:tsystem-ring-o_-1px:focus-visible {
-    outline-offset: -1px;
+  .\[\&\:focus-visible\]\:tsystem-ring-w_xl:focus-visible {
+    outline-width: var(--Tight-borderWidths-xl);
 }
-  .\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout[data-active='false']:has(:focus-visible) {
-    outline-color: var(--Tight-colors-border-layout);
+  .\[\&\:focus-visible\]\:tsystem-outline-style_solid:focus-visible {
+    outline-style: solid;
+}
+  .\[\&\:focus-visible\]\:tsystem-ring-c_brand\.action\.strong:focus-visible {
+    outline-color: var(--Tight-colors-brand-action-strong);
+}
+  .\[\&\:focus-visible\]\:tsystem-ring-w_borderWidths\.md:focus-visible {
+    outline-width: borderWidths.md;
+}
+  .\[\&\:focus-visible\]\:tsystem-ring-o_calc\(-1_\*_\{borderWidths\.md\}\):focus-visible {
+    outline-offset: calc(-1 * var(--Tight-borderWidths-md));
+}
+  .\[\&\:focus-visible\]\:tsystem-z_1:focus-visible {
+    z-index: 1;
+}
+  .\[\&\:focus-visible\]\:tsystem-bg-c_brand\.action\.weaker:focus-visible {
+    background-color: var(--Tight-colors-brand-action-weaker);
+}
+  .\[\&\:focus-visible\]\:tsystem-ring-o_-1px:focus-visible {
+    outline-offset: -1px;
 }
   .focus\:tsystem-z_2:is(:focus, [data-focus]) {
@@ -3944,14 +4164,6 @@
     outline-color: var(--Tight-colors-border-layout);
 }
-  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-o_2px[data-clicked='false']:has(:focus-visible) {
-    outline-offset: 2px;
-}
-  .\[\&\[data-clicked\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout[data-clicked='false']:has(:focus-visible) {
-    outline-color: var(--Tight-colors-border-layout);
-}
   .\[\&\:focus-visible\:\:before\]\:tsystem-top_0:focus-visible::before {
     top: 0;
 }
@@ -4048,6 +4260,34 @@
     fill: var(--Tight-colors-icon-intent-action-active);
 }
+  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd_\{borderWidths\.lg\}_solid:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
+    border: var(--Tight-borderWidths-lg) solid;
+}
+  .notDisabled\:\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring_4px_solid:not(:disabled, [disabled], [data-disabled])[data-active='false']:has(:focus-visible) {
+    outline: 4px solid;
+}
+  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
+    border-color: var(--Tight-colors-border-layout);
+}
+  .notDisabled\:\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:not(:disabled, [disabled], [data-disabled])[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
+}
+  .notDisabled\:\[\&\[data-active\=\'false\'\]\:has\(\:focus-visible\)\]\:tsystem-ring-c_border\.layout:not(:disabled, [disabled], [data-disabled])[data-active='false']:has(:focus-visible) {
+    outline-color: var(--Tight-colors-border-layout);
+}
+  .notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:not(:disabled, [disabled], [data-disabled]):focus-within,.notDisabled\:\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bg-c_surface\.foreground:not(:disabled, [disabled], [data-disabled])[data-isdefaultvalue='false'] {
+    background-color: var(--Tight-colors-surface-foreground);
+}
+  .notDisabled\:\[\&\:focus-within\]\:tsystem-cursor_text:not(:disabled, [disabled], [data-disabled]):focus-within {
+    cursor: text;
+}
   .\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover:focus-visible .Tight-sub-label,.\[\&\:focus-visible\,_\&\[data-state\=\'open\'\]\]\:\[\&_\.Tight-sub-label\]\:tsystem-c_typography\.intent\.secondary\.hover[data-state='open'] .Tight-sub-label {
     color: var(--Tight-colors-typography-intent-secondary-hover);
 }
@@ -4179,6 +4419,10 @@
       place-self: flex-end;
 }
+    .sm\:tsystem-gap_16px {
+      gap: 16px;
+}
     .sm\:tsystem-bg-c_surface\.intent\.action\.discreet {
       background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
@@ -4187,10 +4431,6 @@
       font-size: var(--Tight-fontSizes-label);
 }
-    .sm\:tsystem-lh_16px {
-      line-height: 16px;
-}
     .sm\:tsystem-d_none {
       display: none;
 }
@@ -4271,10 +4511,6 @@
       height: auto;
 }
-    .sm\:tsystem-left_auto {
-      left: auto;
-}
     .sm\:tsystem-bottom_auto {
       bottom: auto;
 }
@@ -4287,10 +4523,22 @@
       min-width: fit-content;
 }
+    .sm\:tsystem-left_auto {
+      left: auto;
+}
+    .sm\:tsystem-right_auto {
+      right: auto;
+}
     .sm\:tsystem-min-w_512px {
       min-width: 512px;
 }
+    .sm\:tsystem-w_316px {
+      width: 316px;
+}
     .sm\:tsystem-max-w_300 {
       max-width: 300px;
 }
@@ -4355,8 +4603,8 @@
       transform: none;
 }
-    .md\:tsystem-w_416 {
-      width: 416px;
+    .md\:tsystem-min-h_110px {
+      min-height: 110px;
 }
     .md\:tsystem-min-w_800px {
@@ -4391,6 +4639,10 @@
 }
   @media screen and (min-width: 80rem) {
+    .xl\:tsystem-p_50px {
+      padding: 50px;
+}
     .xl\:tsystem-p_15px {
       padding: 15px;
 }
@@ -4483,10 +4735,6 @@
       justify-content: flex-end;
 }
-    .xl\:tsystem-bg-c_overlay {
-      background-color: var(--Tight-colors-overlay);
-}
     .xl\:tsystem-d_flex {
       display: flex;
 }
@@ -4507,18 +4755,14 @@
       font-size: 14px;
 }
-    .xl\:tsystem-lh_16px {
-      line-height: 16px;
+    .xl\:tsystem-lh_template {
+      line-height: var(--Tight-lineHeights-template);
 }
     .xl\:tsystem-fs_label {
       font-size: var(--Tight-fontSizes-label);
 }
-    .xl\:tsystem-lh_14px {
-      line-height: 14px;
-}
     .xl\:tsystem-fs_label\.sub {
       font-size: var(--Tight-fontSizes-label-sub);
 }
@@ -4555,6 +4799,14 @@
       flex-wrap: wrap;
 }
+    .xl\:tsystem-pl_0 {
+      padding-left: 0;
+}
+    .xl\:tsystem-pr_0 {
+      padding-right: 0;
+}
     .xl\:tsystem-h_auto {
       height: auto;
 }
@@ -4575,14 +4827,6 @@
       min-width: 200px;
 }
-    .xl\:tsystem-pl_0 {
-      padding-left: 0;
-}
-    .xl\:tsystem-pr_0 {
-      padding-right: 0;
-}
     .xl\:tsystem-h_35px {
       height: 35px;
 }
@@ -4603,6 +4847,18 @@
       height: 60px;
 }
+    .xl\:tsystem-w_328px {
+      width: 328px;
+}
+    .xl\:tsystem-w_368px {
+      width: 368px;
+}
+    .xl\:tsystem-h_80px {
+      height: 80px;
+}
     .xl\:tsystem-max-h_35px {
       max-height: 35px;
 }
@@ -4674,6 +4930,18 @@
     .supportHover\:notDisabled\:\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.warning\.hover:not(:disabled, [disabled], [data-disabled]) .Tight-text:hover {
       color: var(--Tight-colors-typography-intent-warning-hover);
 }
+}
+  @media (hover: hover) and (pointer: fine) {
+    .notDisabled\:\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled])[data-state='closed'][data-disablehover='false']:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
+}
+}
+  @media (hover: hover) and (pointer: fine) {
+    .notDisabled\:\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled]):not([data-state])[data-disablehover='false']:not(:focus-within):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
+}
 }
   @media (hover: hover) and (pointer: fine) {
@@ -4701,14 +4969,14 @@
 }
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-primary-hover);
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-action-hover);
 }
 }
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.action\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      border-color: var(--Tight-colors-border-intent-action-hover);
+    .supportHover\:notDisabled\:tsystem-bd-c_border\.intent\.primary\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      border-color: var(--Tight-colors-border-intent-primary-hover);
 }
 }
@@ -4896,36 +5164,12 @@
     .supportHover\:enabled\:tsystem-fill_icon\.intent\.action\.hover:enabled:hover {
       fill: var(--Tight-colors-icon-intent-action-hover);
 }
-}
-  @media (hover: hover) and (pointer: fine) {
-    .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover[data-state='closed'][data-disablehover='false']:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
-}
-}
-  @media (hover: hover) and (pointer: fine) {
-    .\[\&_\.Tight-icon_\>_path\]\:supportHover\:tsystem-stk_typography\.intent\.action\.hover .Tight-icon > path:hover {
-      stroke: var(--Tight-colors-typography-intent-action-hover);
-}
 }
   @media (hover: hover) and (pointer: fine) {
     .\[\&_\.Tight-text\:\:after\]\:supportHover\:tsystem-w_100\% .Tight-text::after:hover {
       width: 100%;
 }
-}
-  @media (hover: hover) and (pointer: fine) {
-    .\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not([data-state])[data-disablehover='false']:not(:focus-within):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
-}
-}
-  @media (hover: hover) and (pointer: fine) {
-    .\[\&\:not\(\:focus-within\)\]\:supportHover\:tsystem-c_typography\.intent\.action\.hover:not(:focus-within):hover {
-      color: var(--Tight-colors-typography-intent-action-hover);
-}
 }
   @media (hover: hover) and (pointer: fine) {
@@ -5064,11 +5308,5 @@
     .supportHover\:tsystem-bg-c_surface\.background:hover {
       background-color: var(--Tight-colors-surface-background);
 }
-}
-  @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-c_typography\.intent\.action\.hover:hover {
-      color: var(--Tight-colors-typography-intent-action-hover);
-}
 }
 }