@tight-embedded/react 6.0.2 → 6.1.0

package/dist/index.css

@@ -115,10 +115,6 @@
     --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-animations-slideIn-right: 300ms ease-out both slide-in-right;
-    --Tight-animations-slideIn-up: 300ms ease-out both slide-in-up;
-    --Tight-animations-slideOut-right: 300ms ease-in both slide-out-right;
-    --Tight-animations-slideOut-down: 300ms ease-in both slide-out-down;
     --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-breakpoints-sm: 640px;
     --Tight-breakpoints-md: 850px;
@@ -175,9 +171,9 @@
     --Tight-colors-surface-intent-action-hover: var(--Tight-colors-brand-action);
     --Tight-colors-surface-intent-action-active: var(--Tight-colors-brand-action-strong);
     --Tight-colors-surface-intent-action-disabled: var(--Tight-colors-surface-foreground-disabled);
-    --Tight-colors-surface-intent-action-discrete: transparent;
-    --Tight-colors-surface-intent-action-discrete-hover: var(--Tight-colors-brand-action-weak);
-    --Tight-colors-surface-intent-action-discrete-active: var(--Tight-colors-brand-action);
+    --Tight-colors-surface-intent-action-discreet: transparent;
+    --Tight-colors-surface-intent-action-discreet-hover: var(--Tight-colors-brand-action-weak);
+    --Tight-colors-surface-intent-action-discreet-active: var(--Tight-colors-brand-action);
     --Tight-colors-surface-intent-success: var(--Tight-colors-brand-success-weak);
     --Tight-colors-surface-intent-success-hover: var(--Tight-colors-brand-success);
     --Tight-colors-surface-intent-success-active: var(--Tight-colors-brand-success-strong);
@@ -456,6 +452,10 @@
     border: 0.75px;
 }
 
+  .tsystem-p_8px_16px {
+    padding: 8px 16px;
+}
+
   .tsystem-p_5px {
     padding: 5px;
 }
@@ -472,6 +472,10 @@
     border: 1px solid;
 }
 
+  .tsystem-p_8px {
+    padding: 8px;
+}
+
   .tsystem-bg_surface\.background\.hover {
     background: var(--Tight-colors-surface-background-hover);
 }
@@ -512,36 +516,24 @@
     margin: 0;
 }
 
-  .tsystem-p_8px {
-    padding: 8px;
-}
-
   .tsystem-p_24px {
     padding: 24px;
 }
 
-  .tsystem-anim_slideIn\.right {
-    animation: var(--Tight-animations-slideIn-right);
-}
-
-  .tsystem-anim_slideIn\.up {
-    animation: var(--Tight-animations-slideIn-up);
-}
-
-  .tsystem-anim_slideOut\.right {
-    animation: var(--Tight-animations-slideOut-right);
+  .tsystem-p_15px {
+    padding: 15px;
 }
 
-  .tsystem-anim_slideOut\.down {
-    animation: var(--Tight-animations-slideOut-down);
+  .tsystem-bd_\{borderWidths\.lg\}_solid {
+    border: var(--Tight-borderWidths-lg) solid;
 }
 
-  .tsystem-p_15px {
-    padding: 15px;
+  .tsystem-bg_surface\.foreground {
+    background: var(--Tight-colors-surface-foreground);
 }
 
-  .tsystem-m_0_0_7px_0 {
-    margin: 0 0 7px 0;
+  .tsystem-bg_brand\.primary\.strong {
+    background: var(--Tight-colors-brand-primary-strong);
 }
 
   .tsystem-bd_1px_solid_\{colors\.border\.intent\.action\} {
@@ -556,14 +548,6 @@
     padding: 0 25px;
 }
 
-  .tsystem-bg_surface\.foreground {
-    background: var(--Tight-colors-surface-foreground);
-}
-
-  .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;
 }
@@ -572,6 +556,14 @@
     border: 2px solid red;
 }
 
+  .tsystem-p_16px_16px {
+    padding: 16px 16px;
+}
+
+  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
+    border: 1px solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-m_0_8px {
     margin: 0 8px;
 }
@@ -648,22 +640,10 @@
     padding: 10px 8px;
 }
 
-  .tsystem-bd_\{borderWidths\.lg\}_solid {
-    border: var(--Tight-borderWidths-lg) solid;
-}
-
   .tsystem-bg_surface\.intent\.danger\.opaque {
     background: var(--Tight-colors-surface-intent-danger-opaque);
 }
 
-  .tsystem-p_1px_0 {
-    padding: 1px 0;
-}
-
-  .tsystem-p_1px {
-    padding: 1px;
-}
-
   .tsystem-p_4px_8px {
     padding: 4px 8px;
 }
@@ -700,20 +680,20 @@
     border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-weak);
 }
 
-  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
-    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+  .tsystem-p_12px_0_4px {
+    padding: 12px 0 4px;
 }
 
-  .tsystem-p_26px {
-    padding: 26px;
+  .tsystem-bd_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
 }
 
   .tsystem-p_15px_15px_0_15px {
     padding: 15px 15px 0 15px;
 }
 
-  .tsystem-bd_1px_solid_\{colors\.border\.layout\} {
-    border: 1px solid var(--Tight-colors-border-layout);
+  .tsystem-p_26px {
+    padding: 26px;
 }
 
   .tsystem-p_2px {
@@ -728,14 +708,6 @@
     background: var(--Tight-colors-none);
 }
 
-  .tsystem-p_10px_25px_10px_15px {
-    padding: 10px 25px 10px 15px;
-}
-
-  .tsystem-p_5 {
-    padding: 5px;
-}
-
   .tsystem-bd_0 {
     border: 0;
 }
@@ -744,14 +716,6 @@
     padding: 25px;
 }
 
-  .tsystem-p_8px_16px {
-    padding: 8px 16px;
-}
-
-  .tsystem-p_16px_16px_45px_16px {
-    padding: 16px 16px 45px 16px;
-}
-
   .tsystem-bg_brand\.success {
     background: var(--Tight-colors-brand-success);
 }
@@ -893,8 +857,12 @@
     gap: 12px;
 }
 
-  .tsystem-flex_1 {
-    flex: 1 1 0%;
+  .tsystem-bdr_borderWidth\.sm {
+    border-radius: borderWidth.sm;
+}
+
+  .tsystem-flex_1_0_0 {
+    flex: 1 0 0;
 }
 
   .tsystem-bdr_50\% {
@@ -905,6 +873,10 @@
     border-width: 1px;
 }
 
+  .tsystem-flex_1 {
+    flex: 1 1 0%;
+}
+
   .tsystem-td_none {
     text-decoration: none;
 }
@@ -977,8 +949,12 @@
     flex: 1 1 0;
 }
 
-  .tsystem-ov_auto {
-    overflow: auto;
+  .tsystem-ovs-b_contain {
+    overscroll-behavior: contain;
+}
+
+  .tsystem-bd-c_normal {
+    border-color: normal;
 }
 
   .tsystem-gap_2px {
@@ -989,6 +965,14 @@
     padding-inline: 8px;
 }
 
+  .tsystem-bdr_9999px {
+    border-radius: 9999px;
+}
+
+  .tsystem-ring_3px_solid {
+    outline: 3px solid;
+}
+
   .tsystem-bg-p_100\%_0 {
     background-position: 100% 0;
 }
@@ -1085,10 +1069,6 @@
     border-color: var(--Tight-colors-surface-intent-success-active);
 }
 
-  .tsystem-flex_1_0_0 {
-    flex: 1 0 0;
-}
-
   .tsystem-bd-w_sm {
     border-width: var(--Tight-borderWidths-sm);
 }
@@ -1097,6 +1077,10 @@
     border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout-strong);
 }
 
+  .tsystem-gap_3px {
+    gap: 3px;
+}
+
   .tsystem-gap_10 {
     gap: 10px;
 }
@@ -1105,14 +1089,14 @@
     border-bottom: none;
 }
 
-  .tsystem-bdr_9999px {
-    border-radius: 9999px;
-}
-
   .tsystem-bdr_2px {
     border-radius: 2px;
 }
 
+  .tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+    border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
   .tsystem-gap_16 {
     gap: 16px;
 }
@@ -1125,18 +1109,6 @@
     border-left: 1px solid var(--Tight-colors-border-layout);
 }
 
-  .tsystem-bd-c_normal {
-    border-color: normal;
-}
-
-  .tsystem-bd-l_1px_solid_\{colors\.border\.layout\.strong\} {
-    border-left: 1px solid var(--Tight-colors-border-layout-strong);
-}
-
-  .tsystem-mx_40px {
-    margin-inline: 40px;
-}
-
   .tsystem-tw_nowrap {
     text-wrap: nowrap;
 }
@@ -1157,6 +1129,14 @@
     text-emphasis: none;
 }
 
+  .tsystem-ov_auto {
+    overflow: auto;
+}
+
+  .tsystem-bdr_0px {
+    border-radius: 0px;
+}
+
   .tsystem-gap_30px {
     gap: 30px;
 }
@@ -1213,8 +1193,8 @@
     color: var(--Tight-colors-typography-intent-secondary);
 }
 
-  .tsystem-bg-c_surface\.intent\.action\.discrete {
-    background-color: var(--Tight-colors-surface-intent-action-discrete);
+  .tsystem-bg-c_surface\.intent\.action\.discreet {
+    background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
   .tsystem-fs_md {
@@ -1321,10 +1301,30 @@
     align-self: stretch;
 }
 
+  .tsystem-jc_flex-start {
+    justify-content: flex-start;
+}
+
+  .tsystem-c_typography\.base\.weak {
+    color: var(--Tight-colors-typography-base-weak);
+}
+
+  .tsystem-cursor_default {
+    cursor: default;
+}
+
   .tsystem-d_none {
     display: none;
 }
 
+  .tsystem-bg-c_money\.positive\.weak {
+    background-color: var(--Tight-colors-money-positive-weak);
+}
+
+  .tsystem-bg-c_money\.negative\.weak {
+    background-color: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-bg-c_surface\.intent\.secondary {
     background-color: var(--Tight-colors-surface-intent-secondary);
 }
@@ -1437,6 +1437,10 @@
     color: var(--Tight-colors-icon-accent-danger);
 }
 
+  .tsystem-bd-be-w_var\(--thickness\) {
+    border-block-end-width: var(--thickness);
+}
+
   .tsystem-stk_currentColor {
     stroke: var(--Tight-colors-currentColor);
 }
@@ -1513,12 +1517,16 @@
     stroke: var(--Tight-colors-icon-intent-action-active);
 }
 
+  .tsystem-obj-f_contain {
+    object-fit: contain;
+}
+
   .tsystem-fill_transparent {
     fill: var(--Tight-colors-transparent);
 }
 
-  .tsystem-obj-f_contain {
-    object-fit: contain;
+  .tsystem-c_white100 {
+    color: var(--Tight-colors-white100);
 }
 
   .tsystem-c_typography\.intent\.action {
@@ -1545,8 +1553,8 @@
     color: var(--Tight-colors-typography-intent-warning);
 }
 
-  .tsystem-jc_flex-start {
-    justify-content: flex-start;
+  .tsystem-c_icon\.contrast {
+    color: var(--Tight-colors-icon-contrast);
 }
 
   .tsystem-bg-c_surface\.foreground\.disabled {
@@ -1561,14 +1569,26 @@
     cursor: text;
 }
 
-  .tsystem-cursor_default {
-    cursor: default;
-}
-
   .tsystem-bg-c_yellow {
     background-color: yellow;
 }
 
+  .tsystem-ring-o_3px {
+    outline-offset: 3px;
+}
+
+  .tsystem-bg-c_brand\.action\.stronger {
+    background-color: var(--Tight-colors-brand-action-stronger);
+}
+
+  .tsystem-ring-c_brand\.action\.stronger {
+    outline-color: var(--Tight-colors-brand-action-stronger);
+}
+
+  .tsystem-ring-c_brand\.primary {
+    outline-color: var(--Tight-colors-brand-primary);
+}
+
   .tsystem-ov-wrap_break-word {
     overflow-wrap: break-word;
 }
@@ -1707,18 +1727,14 @@
     display: -webkit-box;
 }
 
-  .tsystem--webkit-line-clamp_3 {
-    -webkit-line-clamp: 3;
+  .tsystem--webkit-line-clamp_2 {
+    -webkit-line-clamp: 2;
 }
 
   .tsystem--webkit-box-orient_vertical {
     -webkit-box-orient: vertical;
 }
 
-  .tsystem-c_typography\.base\.weak {
-    color: var(--Tight-colors-typography-base-weak);
-}
-
   .tsystem-trf_rotate\(-20deg\) {
     transform: rotate(-20deg);
 }
@@ -1848,14 +1864,14 @@
     user-select: none;
 }
 
-  .tsystem-c_brand\.danger {
-    color: var(--Tight-colors-brand-danger);
-}
-
   .tsystem-c_brand\.primary\.weak {
     color: var(--Tight-colors-brand-primary-weak);
 }
 
+  .tsystem-c_brand\.danger {
+    color: var(--Tight-colors-brand-danger);
+}
+
   .tsystem-d_block {
     display: block;
 }
@@ -1868,10 +1884,6 @@
     grid-template-columns: 1fr;
 }
 
-  .tsystem-bd-be-w_var\(--thickness\) {
-    border-block-end-width: var(--thickness);
-}
-
   .tsystem-grid-tc_300px_auto_175px {
     grid-template-columns: 300px auto 175px;
 }
@@ -1888,10 +1900,6 @@
     transform: rotate(90deg);
 }
 
-  .tsystem-fs_14px {
-    font-size: 14px;
-}
-
   .tsystem-fs_26px {
     font-size: 26px;
 }
@@ -1917,18 +1925,10 @@
     stroke: var(--Tight-colors-icon-base-weak);
 }
 
-  .tsystem-ai_flexStart {
-    align-items: flexStart;
-}
-
   .tsystem-stk_icon\.base {
     stroke: var(--Tight-colors-icon-base);
 }
 
-  .tsystem-fs_16px {
-    font-size: 16px;
-}
-
   .tsystem-ls_0\.96px {
     letter-spacing: 0.96px;
 }
@@ -1955,10 +1955,6 @@
     border-bottom-left-radius: 0;
 }
 
-  .tsystem-jc_right {
-    justify-content: right;
-}
-
   .tsystem-bg-c_foreground {
     background-color: foreground;
 }
@@ -2020,18 +2016,22 @@
     -webkit-appearance: none;
 }
 
-  .tsystem-stk_var\(--Tight-colors-border-layout\) {
-    stroke: var(--Tight-colors-border-layout);
+  .tsystem-fs_16px {
+    font-size: 16px;
 }
 
-  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
-    fill: var(--Tight-colors-money-negative-weak);
+  .tsystem-stk_var\(--Tight-colors-border-layout\) {
+    stroke: var(--Tight-colors-border-layout);
 }
 
   .tsystem-fill_var\(--Tight-colors-money-positive-weak\) {
     fill: var(--Tight-colors-money-positive-weak);
 }
 
+  .tsystem-fill_var\(--Tight-colors-money-negative-weak\) {
+    fill: var(--Tight-colors-money-negative-weak);
+}
+
   .tsystem-c_var\(--Tight-colors-money-positive-weak\) {
     color: var(--Tight-colors-money-positive-weak);
 }
@@ -2048,12 +2048,12 @@
     color: var(--Tight-colors-money-negative);
 }
 
-  .tsystem-bg-c_money\.positive\.weak {
-    background-color: var(--Tight-colors-money-positive-weak);
+  .tsystem-c_positive {
+    color: positive;
 }
 
-  .tsystem-bg-c_money\.negative\.weak {
-    background-color: var(--Tight-colors-money-negative-weak);
+  .tsystem-c_negative {
+    color: negative;
 }
 
   .tsystem-va_top {
@@ -2096,12 +2096,12 @@
     stroke-width: 1;
 }
 
-  .tsystem-bg-c_\#F003 {
-    background-color: #F003;
+  .tsystem-bar1_positive {
+    bar1: positive;
 }
 
-  .tsystem-bg-c_\#00F3 {
-    background-color: #00F3;
+  .tsystem-bar2_negative {
+    bar2: negative;
 }
 
   .tsystem-z_100 {
@@ -2116,8 +2116,8 @@
     font-family: Duplet Regular, sans-serif;
 }
 
-  .tsystem-bg-c_surface\.intent\.action\.discrete\.hover {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+  .tsystem-bg-c_surface\.intent\.action\.discreet\.hover {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
   .tsystem-max-w_100\% {
@@ -2128,14 +2128,14 @@
     width: fit-content;
 }
 
-  .tsystem-h_55px {
-    height: 55px;
-}
-
   .tsystem-min-h_55px {
     min-height: 55px;
 }
 
+  .tsystem-w_100\% {
+    width: 100%;
+}
+
   .tsystem-w_50px {
     width: 50px;
 }
@@ -2152,10 +2152,6 @@
     width: fill-parent;
 }
 
-  .tsystem-w_100\% {
-    width: 100%;
-}
-
   .tsystem-w_sm {
     width: sm;
 }
@@ -2184,14 +2180,26 @@
     padding-right: 16px;
 }
 
-  .tsystem-w_200px {
-    width: 200px;
-}
-
   .tsystem-h_48px {
     height: 48px;
 }
 
+  .tsystem-pt_8px {
+    padding-top: 8px;
+}
+
+  .tsystem-pb_8px {
+    padding-bottom: 8px;
+}
+
+  .tsystem-pr_8px {
+    padding-right: 8px;
+}
+
+  .tsystem-pl_4px {
+    padding-left: 4px;
+}
+
   .tsystem-bd-l-w_4px {
     border-left-width: 4px;
 }
@@ -2416,32 +2424,24 @@
     min-width: 100%;
 }
 
-  .tsystem-min-w_128px {
-    min-width: 128px;
-}
-
-  .tsystem-w_0 {
-    width: 0;
-}
-
-  .tsystem-h_0 {
-    height: 0;
+  .tsystem-w_1 {
+    width: 1px;
 }
 
-  .tsystem-max-w_0 {
-    max-width: 0;
+  .tsystem-h_1 {
+    height: 1px;
 }
 
-  .tsystem-w_100dvw {
-    width: 100dvw;
+  .tsystem-min-h_100\% {
+    min-height: 100%;
 }
 
-  .tsystem-max-h_100dvh {
-    max-height: 100dvh;
+  .tsystem-min-w_128px {
+    min-width: 128px;
 }
 
-  .tsystem-min-h_36px {
-    min-height: 36px;
+  .tsystem-min-h_48px {
+    min-height: 48px;
 }
 
   .tsystem-w_24 {
@@ -2460,6 +2460,14 @@
     height: 15px;
 }
 
+  .tsystem-w_9px {
+    width: 9px;
+}
+
+  .tsystem-h_9px {
+    height: 9px;
+}
+
   .tsystem-h_37px {
     height: 37px;
 }
@@ -2528,6 +2536,14 @@
     width: max-content;
 }
 
+  .tsystem-w_325 {
+    width: 325px;
+}
+
+  .tsystem-min-w_325 {
+    min-width: 325px;
+}
+
   .tsystem-w_44px {
     width: 44px;
 }
@@ -2676,16 +2692,24 @@
     height: 16px;
 }
 
-  .tsystem-pb_8px {
-    padding-bottom: 8px;
+  .tsystem-w_270px {
+    width: 270px;
 }
 
-  .tsystem-pl_8px {
-    padding-left: 8px;
+  .tsystem-min-w_269px {
+    min-width: 269px;
 }
 
-  .tsystem-pl_4px {
-    padding-left: 4px;
+  .tsystem-ml_auto {
+    margin-left: auto;
+}
+
+  .tsystem-w_200px {
+    width: 200px;
+}
+
+  .tsystem-min-w_200px {
+    min-width: 200px;
 }
 
   .tsystem-bottom_-25px {
@@ -2712,16 +2736,12 @@
     margin-bottom: 42px;
 }
 
-  .tsystem-max-w_1440 {
-    max-width: 1440px;
-}
-
-  .tsystem-pt_8px {
-    padding-top: 8px;
+  .tsystem-w_1226px {
+    width: 1226px;
 }
 
-  .tsystem-h_35px {
-    height: 35px;
+  .tsystem-max-w_1440 {
+    max-width: 1440px;
 }
 
   .tsystem-pl_15px {
@@ -2732,6 +2752,10 @@
     padding-right: 15px;
 }
 
+  .tsystem-h_35px {
+    height: 35px;
+}
+
   .tsystem-pl_20px {
     padding-left: 20px;
 }
@@ -2768,6 +2792,10 @@
     width: 25px;
 }
 
+  .tsystem-mt_auto {
+    margin-top: auto;
+}
+
   .tsystem-w_14px {
     width: 14px;
 }
@@ -2812,10 +2840,6 @@
     max-width: 1px;
 }
 
-  .tsystem-w_1 {
-    width: 1px;
-}
-
   .tsystem-w_70px {
     width: 70px;
 }
@@ -2824,14 +2848,6 @@
     height: 24px;
 }
 
-  .tsystem-mt_35px {
-    margin-top: 35px;
-}
-
-  .tsystem-mb_20px {
-    margin-bottom: 20px;
-}
-
   .tsystem-w_full {
     width: full;
 }
@@ -2864,16 +2880,16 @@
     max-height: 49px;
 }
 
-  .tsystem-w_325px {
-    width: 325px;
+  .tsystem-min-h_52px {
+    min-height: 52px;
 }
 
-  .tsystem-max-h_314px {
-    max-height: 314px;
+  .tsystem-max-w_325px {
+    max-width: 325px;
 }
 
-  .tsystem-min-w_325px {
-    min-width: 325px;
+  .tsystem-max-h_314px {
+    max-height: 314px;
 }
 
   .tsystem-pt_4px {
@@ -2888,12 +2904,12 @@
     padding-left: 25px;
 }
 
-  .tsystem-w_300px {
-    width: 300px;
+  .tsystem-pr_20px {
+    padding-right: 20px;
 }
 
-  .tsystem-min-h_100\% {
-    min-height: 100%;
+  .tsystem-w_300px {
+    width: 300px;
 }
 
   .tsystem-top_20 {
@@ -2968,6 +2984,14 @@
     width: 70%;
 }
 
+  .tsystem-w_200 {
+    width: 200px;
+}
+
+  .tsystem-min-w_200 {
+    min-width: 200px;
+}
+
   .tsystem-ml_6px {
     margin-left: 6px;
 }
@@ -2980,6 +3004,10 @@
     max-width: 420px;
 }
 
+  .tsystem-w_151px {
+    width: 151px;
+}
+
   .tsystem-pt_50px {
     padding-top: 50px;
 }
@@ -3028,10 +3056,6 @@
     width: 1px;
 }
 
-  .tsystem-ml_auto {
-    margin-left: auto;
-}
-
   .tsystem-min-w_175px {
     min-width: 175px;
 }
@@ -3170,14 +3194,6 @@
     stroke: var(--Tight-colors-icon-accent-danger);
 }
 
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
-    color: var(--Tight-colors-typography-intent-action);
-}
-
-  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger .Tight-text {
-    color: var(--Tight-colors-typography-intent-danger);
-}
-
   .\[\&\:\:before\]\:tsystem-content_\'\'::before {
     content: '';
 }
@@ -3186,6 +3202,14 @@
     position: absolute;
 }
 
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.action .Tight-text {
+    color: var(--Tight-colors-typography-intent-action);
+}
+
+  .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.danger .Tight-text {
+    color: var(--Tight-colors-typography-intent-danger);
+}
+
   .\[\&_\.Tight-text\]\:tsystem-c_typography\.intent\.primary .Tight-text {
     color: var(--Tight-colors-typography-intent-primary);
 }
@@ -3226,8 +3250,8 @@
     background-color: var(--Tight-colors-currentColor);
 }
 
-  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-state='open'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-state\=\'open\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-state='open'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:\:placeholder\]\:tsystem-c_typography\.base\.weak::placeholder {
@@ -3250,8 +3274,8 @@
     cursor: default;
 }
 
-  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-selected='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-selected\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-selected='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\[data-today\=\'true\'\]\:\:after\]\:tsystem-content_\'\'[data-today='true']::after {
@@ -3274,12 +3298,12 @@
     box-shadow: none;
 }
 
-  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-focused='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+  .\[\&\[data-focused\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover[data-focused='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
-  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true'] {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\[data-active\=\'true\'\]\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true'] {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&_path\]\:tsystem-stk_surface\.foreground path {
@@ -3302,6 +3326,22 @@
     padding-bottom: 16px;
 }
 
+  .\[\&\:\:before\]\:tsystem-top_-10px::before {
+    top: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-left_-10px::before {
+    left: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-right_-10px::before {
+    right: -10px;
+}
+
+  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
+    bottom: -10px;
+}
+
   .\[\&\:\:before\]\:tsystem-top_-11px::before {
     top: -11px;
 }
@@ -3338,22 +3378,6 @@
     width: 100%;
 }
 
-  .\[\&\:\:before\]\:tsystem-top_-10px::before {
-    top: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-left_-10px::before {
-    left: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-right_-10px::before {
-    right: -10px;
-}
-
-  .\[\&\:\:before\]\:tsystem-bottom_-10px::before {
-    bottom: -10px;
-}
-
   .first\:tsystem-bdr-tl_sm:first-child {
     border-top-left-radius: var(--Tight-radii-sm);
 }
@@ -3386,6 +3410,18 @@
     height: 4px;
 }
 
+  .first\:tsystem-bd-t-w_1px:first-child {
+    border-top-width: 1px;
+}
+
+  .first\:tsystem-border-top-style_solid:first-child {
+    border-top-style: solid;
+}
+
+  .first\:tsystem-bd-t-c_border\.layout:first-child {
+    border-top-color: var(--Tight-colors-border-layout);
+}
+
   .\[\&\:\:before\]\:tsystem-top_-9px::before {
     top: -9px;
 }
@@ -3406,8 +3442,8 @@
     border: var(--Tight-borderWidths-lg) solid;
 }
 
-  .\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout\.strong:focus-within,.\[\&\:focus-within\,_\&\[data-isdefaultvalue\=\'false\'\]\]\:tsystem-bd-c_border\.layout\.strong[data-isdefaultvalue='false'] {
-    border-color: var(--Tight-colors-border-layout-strong);
+  .\[\&\: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 {
@@ -3613,8 +3649,8 @@
     z-index: 1;
 }
 
-  .hover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:is(:hover, [data-hover]) {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+  .hover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:is(:hover, [data-hover]) {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bd-c_transparent[data-active='true']:enabled {
@@ -3641,8 +3677,8 @@
     border-color: var(--Tight-colors-border-intent-warning-active);
 }
 
-  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discrete\.active[data-active='true']:enabled {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.discreet\.active[data-active='true']:enabled {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-c_icon\.intent\.action\.active[data-active='true']:enabled {
@@ -3653,8 +3689,8 @@
     fill: var(--Tight-colors-icon-intent-action-active);
 }
 
-  .active\:tsystem-bg-c_surface\.intent\.action\.discrete\.active:is(:active, [data-active]) {
-    background-color: var(--Tight-colors-surface-intent-action-discrete-active);
+  .active\:tsystem-bg-c_surface\.intent\.action\.discreet\.active:is(:active, [data-active]) {
+    background-color: var(--Tight-colors-surface-intent-action-discreet-active);
 }
 
   .\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active:active:enabled,.\[\&\:active\:enabled\,_\&\[data-active\=\'true\'\]\:enabled\]\:tsystem-bg-c_surface\.intent\.action\.active[data-active='true']:enabled {
@@ -3798,8 +3834,8 @@
       place-self: flex-end;
 }
 
-    .sm\:tsystem-bg-c_surface\.intent\.action\.discrete {
-      background-color: var(--Tight-colors-surface-intent-action-discrete);
+    .sm\:tsystem-bg-c_surface\.intent\.action\.discreet {
+      background-color: var(--Tight-colors-surface-intent-action-discreet);
 }
 
     .sm\:tsystem-fs_label\.strong {
@@ -3906,30 +3942,6 @@
       max-width: 512px;
 }
 
-    .sm\:tsystem-w_100dvw {
-      width: 100dvw;
-}
-
-    .sm\:tsystem-h_100dvh {
-      height: 100dvh;
-}
-
-    .sm\:tsystem-min-w_100dvw {
-      min-width: 100dvw;
-}
-
-    .sm\:tsystem-min-h_100dvh {
-      min-height: 100dvh;
-}
-
-    .sm\:tsystem-max-h_100dvh {
-      max-height: 100dvh;
-}
-
-    .sm\:tsystem-max-w_100dvw {
-      max-width: 100dvw;
-}
-
     .sm\:tsystem-max-w_300 {
       max-width: 300px;
 }
@@ -3938,14 +3950,6 @@
       height: fit-content;
 }
 
-    .sm\:tsystem-h_39px {
-      height: 39px;
-}
-
-    .sm\:tsystem-w_562px {
-      width: 562px;
-}
-
     .sm\:tsystem-min-h_35px {
       min-height: 35px;
 }
@@ -3971,8 +3975,8 @@
 
   @media screen and (min-width: 40rem) {
     @media (hover: hover) and (pointer: fine) {
-      .supportHover\:sm\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
-        background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+      .supportHover\:sm\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:hover {
+        background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 }
@@ -4016,8 +4020,8 @@
       border: var(--Tight-borderWidths-lg) solid var(--Tight-colors-border-layout);
 }
 
-    .xl\:tsystem-p_18px {
-      padding: 18px;
+    .xl\:tsystem-p_16px {
+      padding: 16px;
 }
 
     .xl\:tsystem-p_0_10px {
@@ -4056,6 +4060,14 @@
       border-radius: borderWidths.sm;
 }
 
+    .xl\:tsystem-ovs-b_none {
+      overscroll-behavior: none;
+}
+
+    .xl\:tsystem-bd-t_\{borderWidths\.md\}_solid_\{colors\.border\.layout\} {
+      border-top: var(--Tight-borderWidths-md) solid var(--Tight-colors-border-layout);
+}
+
     .xl\:tsystem-gap_12px {
       gap: 12px;
 }
@@ -4100,6 +4112,14 @@
       align-self: stretch;
 }
 
+    .xl\:tsystem-bg-c_overlay {
+      background-color: var(--Tight-colors-overlay);
+}
+
+    .xl\:tsystem-jc_flex-end {
+      justify-content: flex-end;
+}
+
     .xl\:tsystem-lh_16px {
       line-height: 16px;
 }
@@ -4124,10 +4144,6 @@
       font-size: var(--Tight-fontSizes-md);
 }
 
-    .xl\:tsystem-fw_lg {
-      font-weight: var(--Tight-fontWeights-lg);
-}
-
     .xl\:tsystem-fs_body {
       font-size: var(--Tight-fontSizes-body);
 }
@@ -4426,14 +4442,14 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not(:disabled, [disabled], [data-disabled]):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:notDisabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:not(:disabled, [disabled], [data-disabled]):hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:enabled:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:enabled\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:enabled:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }
 
@@ -4447,6 +4463,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) {
+    .supportHover\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
+      background-color: var(--Tight-colors-surface-background-hover);
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4480,14 +4502,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:\[\&\[data-is-checked\=\'false\'\]\]\:tsystem-bg-c_surface\.background\.hover[data-is-checked='false']:hover {
-      background-color: var(--Tight-colors-surface-background-hover);
-}
-}
-
-  @media (hover: hover) and (pointer: fine) {
-    .\[\&\[data-state\=\'closed\'\]\[data-disablehover\=\'false\'\]\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover[data-state='closed'][data-disablehover='false']:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .\[\&\[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);
 }
 }
 
@@ -4504,8 +4520,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .\[\&\:not\(\[data-state\]\)\[data-disablehover\=\'false\'\]\:not\(\:focus-within\)\]\:supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:not([data-state])[data-disablehover='false']:not(:focus-within):hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .\[\&\: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);
 }
 }
 
@@ -4606,8 +4622,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .supportHover\:tsystem-bg-c_surface\.intent\.action\.discrete\.hover:hover {
-      background-color: var(--Tight-colors-surface-intent-action-discrete-hover);
+    .supportHover\:tsystem-bg-c_surface\.intent\.action\.discreet\.hover:hover {
+      background-color: var(--Tight-colors-surface-intent-action-discreet-hover);
 }
 }