@fragments-sdk/ui 0.17.0 → 0.17.1

package/dist/assets/ui.css

@@ -5570,7 +5570,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--fui-space-4, 2rem);
-}._root_abepm_1 {
+}._root_j7bpl_1 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -5583,23 +5583,23 @@
   flex-shrink: 0;
 }
 @media (max-width: 767px) {
-  ._root_abepm_1:not(._mobile_abepm_14) {
+  ._root_j7bpl_1:not(._mobile_j7bpl_14) {
     position: fixed;
     transform: translateX(-100%);
   }
 }
 
-._collapsed_abepm_20 {
+._collapsed_j7bpl_20 {
   width: var(--sidebar-effective-collapsed-width, var(--sidebar-collapsed-width));
 }
-._collapsed_abepm_20 ._header_abepm_23 {
+._collapsed_j7bpl_20 ._header_j7bpl_23 {
   justify-content: center;
   padding: var(--fui-space-1, 0.5rem);
 }
-._collapsed_abepm_20 ._nav_abepm_27 {
+._collapsed_j7bpl_20 ._nav_j7bpl_27 {
   padding: var(--fui-space-1, 0.5rem);
 }
-._collapsed_abepm_20 ._sectionLabel_abepm_30 {
+._collapsed_j7bpl_20 ._sectionLabel_j7bpl_30 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5610,42 +5610,42 @@
   white-space: nowrap;
   border: 0;
 }
-._collapsed_abepm_20 ._itemLabel_abepm_41,
-._collapsed_abepm_20 ._itemBadge_abepm_42,
-._collapsed_abepm_20 ._itemChevron_abepm_43 {
+._collapsed_j7bpl_20 ._itemLabel_j7bpl_41,
+._collapsed_j7bpl_20 ._itemBadge_j7bpl_42,
+._collapsed_j7bpl_20 ._itemChevron_j7bpl_43 {
   display: none;
 }
-._collapsed_abepm_20 ._item_abepm_41 {
+._collapsed_j7bpl_20 ._item_j7bpl_41 {
   justify-content: center;
   padding: var(--fui-space-1, 0.5rem);
   min-height: 2.2857142857rem;
 }
-._collapsed_abepm_20 ._itemIcon_abepm_51 {
+._collapsed_j7bpl_20 ._itemIcon_j7bpl_51 {
   margin: 0;
 }
-._collapsed_abepm_20 ._footer_abepm_54 {
+._collapsed_j7bpl_20 ._footer_j7bpl_54 {
   justify-content: center;
   padding: var(--fui-space-1, 0.5rem);
 }
-._collapsed_abepm_20 ._collapseToggle_abepm_58 {
+._collapsed_j7bpl_20 ._collapseToggle_j7bpl_58 {
   margin: 0 auto;
 }
 
-._collapsedNoIcons_abepm_62 {
+._collapsedNoIcons_j7bpl_62 {
   overflow: visible;
 }
-._collapsedNoIcons_abepm_62 ._header_abepm_23,
-._collapsedNoIcons_abepm_62 ._nav_abepm_27,
-._collapsedNoIcons_abepm_62 ._footer_abepm_54 {
+._collapsedNoIcons_j7bpl_62 ._header_j7bpl_23,
+._collapsedNoIcons_j7bpl_62 ._nav_j7bpl_27,
+._collapsedNoIcons_j7bpl_62 ._footer_j7bpl_54 {
   visibility: hidden;
   pointer-events: none;
 }
-._collapsedNoIcons_abepm_62 ._collapseToggleFloating_abepm_71 {
+._collapsedNoIcons_j7bpl_62 ._collapseToggleFloating_j7bpl_71 {
   visibility: visible;
   pointer-events: auto;
 }
 
-._mobile_abepm_14 {
+._mobile_j7bpl_14 {
   position: fixed;
   top: 0;
   left: 0;
@@ -5654,16 +5654,16 @@
   transition: transform var(--fui-transition-normal, 200ms ease);
   box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
 }
-._mobile_abepm_14._positionRight_abepm_85 {
+._mobile_j7bpl_14._positionRight_j7bpl_85 {
   left: auto;
   right: 0;
   transform: translateX(100%);
 }
-._mobile_abepm_14[data-state=open] {
+._mobile_j7bpl_14[data-state=open] {
   transform: translateX(0);
 }
 
-._header_abepm_23 {
+._header_j7bpl_23 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-3, 1.5rem);
@@ -5672,7 +5672,7 @@
   height: var(--appshell-header-height, 56px);
 }
 
-._nav_abepm_27 {
+._nav_j7bpl_27 {
   flex: 1;
   min-height: 0;
   display: flex;
@@ -5681,27 +5681,27 @@
   padding: var(--fui-space-2, 1rem);
 }
 
-._navScrollArea_abepm_112 {
+._navScrollArea_j7bpl_112 {
   flex: 1;
   min-height: 0;
 }
 
-._section_abepm_30:not(:first-child) {
+._section_j7bpl_30:not(:first-child) {
   margin-top: var(--fui-space-4, 2rem);
 }
 
-._sectionHeader_abepm_121 {
+._sectionHeader_j7bpl_121 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-2, 1rem);
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-2, 1rem);
 }
 
-._sectionTrigger_abepm_128 {
+._sectionTrigger_j7bpl_128 {
   flex: 1;
 }
 
-._sectionLabel_abepm_30 {
+._sectionLabel_j7bpl_30 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-xs, 0.857rem);
   color: var(--fui-text-secondary, #52525b);
@@ -5713,11 +5713,11 @@
   min-width: 0;
 }
 
-._sectionActionWrapper_abepm_144 {
+._sectionActionWrapper_j7bpl_144 {
   flex-shrink: 0;
 }
 
-._sectionAction_abepm_144 {
+._sectionAction_j7bpl_144 {
   appearance: none;
   background: transparent;
   border: none;
@@ -5727,21 +5727,21 @@
   color: inherit;
   cursor: pointer;
 }
-._sectionAction_abepm_144:disabled {
+._sectionAction_j7bpl_144:disabled {
   cursor: not-allowed;
 }
-._sectionAction_abepm_144 {
+._sectionAction_j7bpl_144 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._sectionAction_abepm_144:focus-visible {
+._sectionAction_j7bpl_144:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._sectionAction_abepm_144:disabled, ._sectionAction_abepm_144[data-disabled] {
+._sectionAction_j7bpl_144:disabled, ._sectionAction_j7bpl_144[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._sectionAction_abepm_144 {
+._sectionAction_j7bpl_144 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5750,22 +5750,22 @@
   border-radius: var(--fui-radius-sm, 0.25rem);
   color: var(--fui-text-tertiary, rgb(87.2247978437, 87.2247978437, 94.5752021563));
 }
-._sectionAction_abepm_144:hover {
+._sectionAction_j7bpl_144:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-secondary, #52525b);
 }
-._sectionAction_abepm_144 svg {
+._sectionAction_j7bpl_144 svg {
   width: 1.143rem;
   height: 1.143rem;
 }
 
-._sectionList_abepm_190 {
+._sectionList_j7bpl_190 {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
-._sectionCollapsible_abepm_196 ._sectionTrigger_abepm_128 {
+._sectionCollapsible_j7bpl_196 ._sectionTrigger_j7bpl_128 {
   background: transparent;
   display: flex;
   align-items: center;
@@ -5774,15 +5774,16 @@
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-2, 1rem);
   border-radius: var(--fui-radius-md, 0.429rem);
 }
-._sectionCollapsible_abepm_196 ._sectionTrigger_abepm_128:hover {
+._sectionCollapsible_j7bpl_196 ._sectionTrigger_j7bpl_128:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
 
-._itemWrapper_abepm_209 {
+._itemWrapper_j7bpl_209 {
   list-style: none;
+  width: 100%;
 }
 
-._item_abepm_41 {
+._item_j7bpl_41 {
   appearance: none;
   background: transparent;
   border: none;
@@ -5792,21 +5793,21 @@
   color: inherit;
   cursor: pointer;
 }
-._item_abepm_41:disabled {
+._item_j7bpl_41:disabled {
   cursor: not-allowed;
 }
-._item_abepm_41 {
+._item_j7bpl_41 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._item_abepm_41:focus-visible {
+._item_j7bpl_41:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._item_abepm_41:disabled, ._item_abepm_41[data-disabled] {
+._item_j7bpl_41:disabled, ._item_j7bpl_41[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._item_abepm_41 {
+._item_j7bpl_41 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -5815,46 +5816,47 @@
   -moz-osx-font-smoothing: grayscale;
   display: flex;
   align-items: center;
-  gap: var(--fui-space-3, 1.5rem);
-  padding: var(--fui-space-1, 0.5rem) var(--fui-space-2, 1rem);
+  width: 100%;
+  gap: var(--fui-sidebar-item-gap, var(--fui-space-2, 1rem));
+  padding: var(--fui-sidebar-item-padding-y, var(--fui-space-1, 0.5rem)) var(--fui-sidebar-item-padding-x, var(--fui-space-2, 1rem));
   border-radius: var(--fui-radius-md, 0.429rem);
   color: var(--fui-text-secondary, #52525b);
   text-decoration: none;
   min-height: var(--fui-sidebar-item-height, 2.5rem);
 }
-._item_abepm_41:hover:not(._itemDisabled_abepm_253) {
+._item_j7bpl_41:hover:not(._itemDisabled_j7bpl_255) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #18181b);
   text-decoration: none;
 }
-._item_abepm_41:active:not(._itemDisabled_abepm_253) {
+._item_j7bpl_41:active:not(._itemDisabled_j7bpl_255) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._itemActive_abepm_262 {
+._itemActive_j7bpl_264 {
   background-color: var(--fui-bg-secondary, #f4f4f5);
   color: var(--fui-text-primary, #18181b);
 }
-._itemActive_abepm_262:hover {
+._itemActive_j7bpl_264:hover {
   background-color: var(--fui-bg-secondary, #f4f4f5) !important;
   color: var(--fui-text-primary, #18181b) !important;
   text-decoration: none;
 }
-._itemActive_abepm_262:active {
+._itemActive_j7bpl_264:active {
   background-color: var(--fui-bg-secondary, #f4f4f5) !important;
   color: var(--fui-text-primary, #18181b) !important;
   text-decoration: none;
 }
-._itemActive_abepm_262 ._itemIcon_abepm_51 {
+._itemActive_j7bpl_264 ._itemIcon_j7bpl_51 {
   color: inherit;
 }
 
-._itemDisabled_abepm_253 {
+._itemDisabled_j7bpl_255 {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
-._itemIcon_abepm_51 {
+._itemIcon_j7bpl_51 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5863,15 +5865,15 @@
   flex-shrink: 0;
   color: var(--fui-text-tertiary, rgb(87.2247978437, 87.2247978437, 94.5752021563));
 }
-._itemIcon_abepm_51 svg {
+._itemIcon_j7bpl_51 svg {
   width: 1.429rem;
   height: 1.429rem;
 }
-._item_abepm_41:hover:not(._itemDisabled_abepm_253) ._itemIcon_abepm_51 {
+._item_j7bpl_41:hover:not(._itemDisabled_j7bpl_255) ._itemIcon_j7bpl_51 {
   color: var(--fui-text-secondary, #52525b);
 }
 
-._itemLabel_abepm_41 {
+._itemLabel_j7bpl_41 {
   flex: 1;
   text-align: left;
   white-space: nowrap;
@@ -5879,7 +5881,7 @@
   text-overflow: ellipsis;
 }
 
-._itemBadge_abepm_42 {
+._itemBadge_j7bpl_42 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5892,12 +5894,12 @@
   min-width: 1.429rem;
   line-height: 1;
 }
-._itemActive_abepm_262 ._itemBadge_abepm_42 {
+._itemActive_j7bpl_264 ._itemBadge_j7bpl_42 {
   background-color: var(--fui-bg-primary, #ffffff);
   color: var(--fui-color-accent, #18181b);
 }
 
-._itemChevron_abepm_43 {
+._itemChevron_j7bpl_43 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5906,16 +5908,16 @@
   flex-shrink: 0;
   transition: transform var(--fui-transition-fast, 150ms ease);
 }
-._itemChevron_abepm_43 svg {
+._itemChevron_j7bpl_43 svg {
   width: 1.143rem;
   height: 1.143rem;
 }
 
-._itemExpanded_abepm_342 ._itemChevron_abepm_43 {
+._itemExpanded_j7bpl_344 ._itemChevron_j7bpl_43 {
   transform: rotate(90deg);
 }
 
-._submenu_abepm_346 {
+._submenu_j7bpl_348 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -5925,19 +5927,19 @@
   transition: max-height var(--fui-transition-normal, 200ms ease);
 }
 
-._submenuWrapper_abepm_356 {
+._submenuWrapper_j7bpl_358 {
   list-style: none;
 }
 
-._itemExpanded_abepm_342 + ._submenuWrapper_abepm_356 ._submenu_abepm_346 {
+._itemExpanded_j7bpl_344 + ._submenuWrapper_j7bpl_358 ._submenu_j7bpl_348 {
   max-height: 500px;
 }
 
-._subItemWrapper_abepm_364 {
+._subItemWrapper_j7bpl_366 {
   list-style: none;
 }
 
-._subItem_abepm_364 {
+._subItem_j7bpl_366 {
   appearance: none;
   background: transparent;
   border: none;
@@ -5947,21 +5949,21 @@
   color: inherit;
   cursor: pointer;
 }
-._subItem_abepm_364:disabled {
+._subItem_j7bpl_366:disabled {
   cursor: not-allowed;
 }
-._subItem_abepm_364 {
+._subItem_j7bpl_366 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._subItem_abepm_364:focus-visible {
+._subItem_j7bpl_366:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._subItem_abepm_364:disabled, ._subItem_abepm_364[data-disabled] {
+._subItem_j7bpl_366:disabled, ._subItem_j7bpl_366[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._subItem_abepm_364 {
+._subItem_j7bpl_366 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -5978,7 +5980,7 @@
   min-height: var(--fui-sidebar-item-height, 2.571rem);
   position: relative;
 }
-._subItem_abepm_364::before {
+._subItem_j7bpl_366::before {
   content: "";
   position: absolute;
   left: 0;
@@ -5990,29 +5992,29 @@
   border-radius: var(--fui-radius-full, 9999px);
   transition: background-color var(--fui-transition-fast, 150ms ease);
 }
-._subItem_abepm_364:hover:not(._subItemDisabled_abepm_421) {
+._subItem_j7bpl_366:hover:not(._subItemDisabled_j7bpl_423) {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #18181b);
   text-decoration: none;
 }
-._subItem_abepm_364:active:not(._subItemDisabled_abepm_421) {
+._subItem_j7bpl_366:active:not(._subItemDisabled_j7bpl_423) {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._subItemActive_abepm_430 {
+._subItemActive_j7bpl_432 {
   color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
   font-weight: var(--fui-font-weight-medium, 500);
 }
-._subItemActive_abepm_430::before {
+._subItemActive_j7bpl_432::before {
   background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
 }
 
-._subItemDisabled_abepm_421 {
+._subItemDisabled_j7bpl_423 {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
-._footer_abepm_54 {
+._footer_j7bpl_54 {
   display: flex;
   flex-direction: column;
   gap: var(--fui-space-2, 1rem);
@@ -6021,7 +6023,7 @@
   flex-shrink: 0;
 }
 
-._trigger_abepm_452 {
+._trigger_j7bpl_454 {
   appearance: none;
   background: transparent;
   border: none;
@@ -6031,21 +6033,21 @@
   color: inherit;
   cursor: pointer;
 }
-._trigger_abepm_452:disabled {
+._trigger_j7bpl_454:disabled {
   cursor: not-allowed;
 }
-._trigger_abepm_452 {
+._trigger_j7bpl_454 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._trigger_abepm_452:focus-visible {
+._trigger_j7bpl_454:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._trigger_abepm_452:disabled, ._trigger_abepm_452[data-disabled] {
+._trigger_j7bpl_454:disabled, ._trigger_j7bpl_454[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._trigger_abepm_452 {
+._trigger_j7bpl_454 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6054,15 +6056,15 @@
   border-radius: var(--fui-radius-md, 0.429rem);
   color: var(--fui-text-primary, #18181b);
 }
-._trigger_abepm_452:hover {
+._trigger_j7bpl_454:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._trigger_abepm_452 svg {
+._trigger_j7bpl_454 svg {
   width: 1.714rem;
   height: 1.714rem;
 }
 
-._overlay_abepm_493 {
+._overlay_j7bpl_495 {
   position: fixed;
   inset: 0;
   z-index: 50;
@@ -6070,11 +6072,11 @@
   opacity: 0;
   transition: opacity var(--fui-transition-normal, 200ms ease);
 }
-._overlay_abepm_493[data-state=open] {
+._overlay_j7bpl_495[data-state=open] {
   opacity: 1;
 }
 
-._collapseToggle_abepm_58 {
+._collapseToggle_j7bpl_58 {
   appearance: none;
   background: transparent;
   border: none;
@@ -6084,21 +6086,21 @@
   color: inherit;
   cursor: pointer;
 }
-._collapseToggle_abepm_58:disabled {
+._collapseToggle_j7bpl_58:disabled {
   cursor: not-allowed;
 }
-._collapseToggle_abepm_58 {
+._collapseToggle_j7bpl_58 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._collapseToggle_abepm_58:focus-visible {
+._collapseToggle_j7bpl_58:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._collapseToggle_abepm_58:disabled, ._collapseToggle_abepm_58[data-disabled] {
+._collapseToggle_j7bpl_58:disabled, ._collapseToggle_j7bpl_58[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._collapseToggle_abepm_58 {
+._collapseToggle_j7bpl_58 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6108,16 +6110,16 @@
   color: var(--fui-text-secondary, #52525b);
   margin-left: auto;
 }
-._collapseToggle_abepm_58:hover {
+._collapseToggle_j7bpl_58:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #18181b);
 }
-._collapseToggle_abepm_58 svg {
+._collapseToggle_j7bpl_58 svg {
   width: 1.429rem;
   height: 1.429rem;
 }
 
-._collapseToggleFloating_abepm_71 {
+._collapseToggleFloating_j7bpl_71 {
   position: absolute;
   top: var(--fui-space-3, 1.5rem);
   left: calc(100% + var(--fui-space-2, 1rem));
@@ -6127,28 +6129,28 @@
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
 }
-._positionRight_abepm_85 ._collapseToggleFloating_abepm_71 {
+._positionRight_j7bpl_85 ._collapseToggleFloating_j7bpl_71 {
   left: auto;
   right: calc(100% + var(--fui-space-2, 1rem));
 }
 
-._offcanvasCollapsed_abepm_563 {
+._offcanvasCollapsed_j7bpl_565 {
   width: 0;
   overflow: visible;
 }
-._offcanvasCollapsed_abepm_563 ._header_abepm_23,
-._offcanvasCollapsed_abepm_563 ._nav_abepm_27,
-._offcanvasCollapsed_abepm_563 ._footer_abepm_54,
-._offcanvasCollapsed_abepm_563 ._rail_abepm_570 {
+._offcanvasCollapsed_j7bpl_565 ._header_j7bpl_23,
+._offcanvasCollapsed_j7bpl_565 ._nav_j7bpl_27,
+._offcanvasCollapsed_j7bpl_565 ._footer_j7bpl_54,
+._offcanvasCollapsed_j7bpl_565 ._rail_j7bpl_572 {
   visibility: hidden;
   pointer-events: none;
 }
-._offcanvasCollapsed_abepm_563 ._collapseToggleFloating_abepm_71 {
+._offcanvasCollapsed_j7bpl_565 ._collapseToggleFloating_j7bpl_71 {
   visibility: visible;
   pointer-events: auto;
 }
 
-._rail_abepm_570 {
+._rail_j7bpl_572 {
   appearance: none;
   background: transparent;
   border: none;
@@ -6158,10 +6160,10 @@
   color: inherit;
   cursor: pointer;
 }
-._rail_abepm_570:disabled {
+._rail_j7bpl_572:disabled {
   cursor: not-allowed;
 }
-._rail_abepm_570 {
+._rail_j7bpl_572 {
   position: absolute;
   top: 0;
   right: 0;
@@ -6176,11 +6178,11 @@
   border: none;
   padding: 0;
 }
-._positionRight_abepm_85 ._rail_abepm_570 {
+._positionRight_j7bpl_85 ._rail_j7bpl_572 {
   right: auto;
   left: 0;
 }
-._rail_abepm_570::before {
+._rail_j7bpl_572::before {
   content: "";
   position: absolute;
   top: 50%;
@@ -6193,63 +6195,63 @@
   opacity: 0;
   transition: opacity var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease), height var(--fui-transition-fast, 150ms ease);
 }
-._positionRight_abepm_85 ._rail_abepm_570::before {
+._positionRight_j7bpl_85 ._rail_j7bpl_572::before {
   right: auto;
   left: 4px;
 }
-._rail_abepm_570:hover::before {
+._rail_j7bpl_572:hover::before {
   opacity: 1;
   height: 4rem;
   background-color: var(--fui-color-accent, #18181b);
 }
-._rail_abepm_570:focus-visible::before {
+._rail_j7bpl_572:focus-visible::before {
   opacity: 1;
   background-color: var(--fui-color-accent, #18181b);
 }
 
-._railCollapsed_abepm_638::before {
+._railCollapsed_j7bpl_640::before {
   opacity: 0.7;
 }
 
-._menuSkeleton_abepm_642 {
+._menuSkeleton_j7bpl_644 {
   display: flex;
   flex-direction: column;
   gap: var(--fui-space-2, 1rem);
   padding: var(--fui-space-2, 1rem);
 }
 
-._skeletonItem_abepm_649 {
+._skeletonItem_j7bpl_651 {
   display: flex;
   align-items: center;
-  gap: var(--fui-space-3, 1.5rem);
-  padding: var(--fui-space-1, 0.5rem) var(--fui-space-2, 1rem);
+  gap: var(--fui-sidebar-item-gap, var(--fui-space-2, 1rem));
+  padding: var(--fui-sidebar-item-padding-y, var(--fui-space-1, 0.5rem)) var(--fui-sidebar-item-padding-x, var(--fui-space-2, 1rem));
   min-height: var(--fui-sidebar-item-height, 2.5rem);
 }
 
-._skeletonLabel_abepm_657 {
+._skeletonLabel_j7bpl_659 {
   flex: 1;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._root_abepm_1 {
+  ._root_j7bpl_1 {
     transition: none;
   }
-  ._mobile_abepm_14 {
+  ._mobile_j7bpl_14 {
     transition: none;
   }
-  ._overlay_abepm_493 {
+  ._overlay_j7bpl_495 {
     transition: none;
   }
-  ._submenu_abepm_346 {
+  ._submenu_j7bpl_348 {
     transition: none;
   }
-  ._itemChevron_abepm_43 {
+  ._itemChevron_j7bpl_43 {
     transition: none;
   }
-  ._rail_abepm_570::before {
+  ._rail_j7bpl_572::before {
     transition: none;
   }
-  ._subItem_abepm_364::before {
+  ._subItem_j7bpl_366::before {
     transition: none;
   }
 }._root_14141_1 {
@@ -6424,7 +6426,7 @@
 ._sizeLg_1kmiy_78 ._toggleButton_1kmiy_9 svg {
   width: var(--fui-theme-toggle-lg-icon, 18px);
   height: var(--fui-theme-toggle-lg-icon, 18px);
-}._header_1j4bo_1 {
+}._header_1ult6_1 {
   container-type: inline-size;
   container-name: fui-header;
   display: flex;
@@ -6436,19 +6438,19 @@
   z-index: var(--fui-header-z-index, 40);
 }
 
-._fixed_1j4bo_13 {
+._fixed_1ult6_13 {
   position: sticky;
   top: 0;
   left: 0;
   right: 0;
 }
 
-._sticky_1j4bo_20 {
+._sticky_1ult6_20 {
   position: sticky;
   top: 0;
 }
 
-._container_1j4bo_25 {
+._container_1ult6_25 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-4, 2rem);
@@ -6456,12 +6458,12 @@
   max-width: 100%;
 }
 @container fui-header (max-width: 768px) {
-  ._container_1j4bo_25 {
+  ._container_1ult6_25 {
     gap: var(--fui-space-1, 0.5rem);
   }
 }
 
-._brand_1j4bo_38 {
+._brand_1ult6_38 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-2, 1rem);
@@ -6471,25 +6473,25 @@
   font-size: var(--fui-font-size-base, 1.143rem);
   flex-shrink: 0;
 }
-._brand_1j4bo_38:hover {
+._brand_1ult6_38:hover {
   color: var(--fui-text-primary, #18181b);
 }
-._brand_1j4bo_38 img,
-._brand_1j4bo_38 svg {
+._brand_1ult6_38 img,
+._brand_1ult6_38 svg {
   width: auto;
 }
 
-._nav_1j4bo_56 {
+._nav_1ult6_56 {
   display: none;
 }
 @container fui-header (min-width: 768px) {
-  ._nav_1j4bo_56 {
+  ._nav_1ult6_56 {
     display: flex;
     align-items: center;
   }
 }
 
-._navList_1j4bo_66 {
+._navList_1ult6_66 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
@@ -6498,7 +6500,7 @@
   padding: 0;
 }
 
-._navItem_1j4bo_75 {
+._navItem_1ult6_75 {
   appearance: none;
   background: transparent;
   border: none;
@@ -6508,21 +6510,21 @@
   color: inherit;
   cursor: pointer;
 }
-._navItem_1j4bo_75:disabled {
+._navItem_1ult6_75:disabled {
   cursor: not-allowed;
 }
-._navItem_1j4bo_75 {
+._navItem_1ult6_75 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._navItem_1j4bo_75:focus-visible {
+._navItem_1ult6_75:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._navItem_1j4bo_75:disabled, ._navItem_1j4bo_75[data-disabled] {
+._navItem_1ult6_75:disabled, ._navItem_1ult6_75[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._navItem_1j4bo_75 {
+._navItem_1ult6_75 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -6538,47 +6540,47 @@
   white-space: nowrap;
   min-height: var(--fui-button-height-md, 2.5714285714rem);
 }
-._navItem_1j4bo_75:hover {
+._navItem_1ult6_75:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #18181b);
 }
-._navItem_1j4bo_75:active {
+._navItem_1ult6_75:active {
   background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
 }
 
-._navItemActive_1j4bo_123 {
+._navItemActive_1ult6_123 {
   color: var(--fui-text-primary, #18181b);
   font-weight: var(--fui-font-weight-medium, 500);
   background-color: var(--fui-bg-secondary, #f4f4f5);
 }
-._navItemActive_1j4bo_123:hover {
+._navItemActive_1ult6_123:hover {
   background-color: var(--fui-bg-secondary, #f4f4f5) !important;
   color: var(--fui-text-primary, #18181b) !important;
 }
-._navItemActive_1j4bo_123:active {
+._navItemActive_1ult6_123:active {
   background-color: var(--fui-bg-secondary, #f4f4f5) !important;
   color: var(--fui-text-primary, #18181b) !important;
 }
 
-._navMenuTrigger_1j4bo_137 {
+._navMenuTrigger_1ult6_137 {
   gap: var(--fui-space-1, 0.5rem);
   cursor: pointer;
 }
 
-._navMenuChevron_1j4bo_142 {
+._navMenuChevron_1ult6_142 {
   transition: transform var(--fui-transition-fast, 150ms ease);
   flex-shrink: 0;
 }
-[data-popup-open] > ._navMenuChevron_1j4bo_142 {
+[data-popup-open] > ._navMenuChevron_1ult6_142 {
   transform: rotate(180deg);
 }
 
-._navMenuPositioner_1j4bo_150 {
+._navMenuPositioner_1ult6_150 {
   z-index: 52;
   outline: none;
 }
 
-._navMenuPopup_1j4bo_155 {
+._navMenuPopup_1ult6_155 {
   background-color: var(--fui-bg-elevated, #ffffff);
   border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
   border-radius: var(--fui-radius-lg, 0.571rem);
@@ -6590,16 +6592,16 @@
   transform-origin: var(--transform-origin);
   transition: opacity var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
 }
-._navMenuPopup_1j4bo_155[data-open] {
+._navMenuPopup_1ult6_155[data-open] {
   opacity: 1;
   transform: scale(1);
 }
-._navMenuPopup_1j4bo_155[data-starting-style], ._navMenuPopup_1j4bo_155[data-ending-style] {
+._navMenuPopup_1ult6_155[data-starting-style], ._navMenuPopup_1ult6_155[data-ending-style] {
   opacity: 0;
   transform: scale(0.95);
 }
 
-._navMenuItem_1j4bo_176 {
+._navMenuItem_1ult6_176 {
   appearance: none;
   background: transparent;
   border: none;
@@ -6609,10 +6611,10 @@
   color: inherit;
   cursor: pointer;
 }
-._navMenuItem_1j4bo_176:disabled {
+._navMenuItem_1ult6_176:disabled {
   cursor: not-allowed;
 }
-._navMenuItem_1j4bo_176 {
+._navMenuItem_1ult6_176 {
   font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   line-height: var(--fui-line-height-normal, 1.5);
@@ -6630,55 +6632,55 @@
   cursor: pointer;
   outline: none;
 }
-._navMenuItem_1j4bo_176[data-highlighted] {
+._navMenuItem_1ult6_176[data-highlighted] {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
   color: var(--fui-text-primary, #18181b);
 }
 
-._navMenuItemActive_1j4bo_212 {
+._navMenuItemActive_1ult6_212 {
   background-color: var(--fui-bg-secondary, #f4f4f5);
   color: var(--fui-text-primary, #18181b);
   font-weight: var(--fui-font-weight-medium, 500);
 }
-._navMenuItemActive_1j4bo_212[data-highlighted] {
+._navMenuItemActive_1ult6_212[data-highlighted] {
   background-color: var(--fui-bg-secondary, #f4f4f5);
   color: var(--fui-text-primary, #18181b);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._navMenuPopup_1j4bo_155 {
+  ._navMenuPopup_1ult6_155 {
     transition: none;
     transform: none;
   }
-  ._navMenuPopup_1j4bo_155[data-starting-style], ._navMenuPopup_1j4bo_155[data-ending-style] {
+  ._navMenuPopup_1ult6_155[data-starting-style], ._navMenuPopup_1ult6_155[data-ending-style] {
     transform: none;
   }
-  ._navMenuChevron_1j4bo_142 {
+  ._navMenuChevron_1ult6_142 {
     transition: none;
   }
 }
-._search_1j4bo_234 {
+._search_1ult6_234 {
   display: none;
 }
 @container fui-header (min-width: 768px) {
-  ._search_1j4bo_234 {
+  ._search_1ult6_234 {
     display: flex;
     align-items: center;
   }
 }
 
-._searchExpandable_1j4bo_244 {
+._searchExpandable_1ult6_244 {
   display: flex;
 }
 
-._actions_1j4bo_248 {
+._actions_1ult6_248 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-2, 1rem);
   margin-left: auto;
 }
 
-._trigger_1j4bo_255 {
+._trigger_1ult6_255 {
   appearance: none;
   background: transparent;
   border: none;
@@ -6688,21 +6690,21 @@
   color: inherit;
   cursor: pointer;
 }
-._trigger_1j4bo_255:disabled {
+._trigger_1ult6_255:disabled {
   cursor: not-allowed;
 }
-._trigger_1j4bo_255 {
+._trigger_1ult6_255 {
   transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
 }
-._trigger_1j4bo_255:focus-visible {
+._trigger_1ult6_255:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
 }
-._trigger_1j4bo_255:disabled, ._trigger_1j4bo_255[data-disabled] {
+._trigger_1ult6_255:disabled, ._trigger_1ult6_255[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._trigger_1j4bo_255 {
+._trigger_1ult6_255 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6712,19 +6714,154 @@
   color: var(--fui-text-primary, #18181b);
   flex-shrink: 0;
 }
-._trigger_1j4bo_255:hover {
+._trigger_1ult6_255:hover {
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._trigger_1j4bo_255 svg {
+._trigger_1ult6_255 svg {
   width: var(--fui-icon-xl, 1.714rem);
   height: var(--fui-icon-xl, 1.714rem);
 }
 
-._spacer_1j4bo_297 {
+._spacer_1ult6_297 {
+  flex: 1;
+}
+
+._mobileNavBackdrop_1ult6_301 {
+  position: fixed;
+  inset: 0;
+  z-index: 98;
+  background: rgba(0, 0, 0, 0.5);
+  animation: _mobileNavFadeIn_1ult6_1 var(--fui-transition-normal, 200ms ease) ease;
+}
+
+._mobileNavDrawer_1ult6_309 {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99;
+  width: min(320px, 85vw);
+  background-color: var(--fui-bg-primary, #ffffff);
+  border-left: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  display: flex;
+  flex-direction: column;
+  animation: _mobileNavSlideIn_1ult6_1 var(--fui-transition-normal, 200ms ease) ease;
+}
+
+._mobileNavHeader_1ult6_323 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: var(--fui-space-3, 1.5rem) var(--fui-space-4, 2rem);
+  border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+
+._mobileNavClose_1ult6_331 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._mobileNavClose_1ult6_331:disabled {
+  cursor: not-allowed;
+}
+._mobileNavClose_1ult6_331 {
+  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
+}
+._mobileNavClose_1ult6_331:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #18181b) 32%, transparent);
+}
+._mobileNavClose_1ult6_331:disabled, ._mobileNavClose_1ult6_331[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._mobileNavClose_1ult6_331 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--fui-touch-md, 2.2857142857rem);
+  height: var(--fui-touch-md, 2.2857142857rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  color: var(--fui-text-secondary, #52525b);
+}
+._mobileNavClose_1ult6_331:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  color: var(--fui-text-primary, #18181b);
+}
+
+._mobileNavBody_1ult6_369 {
   flex: 1;
+  overflow-y: auto;
+  padding: var(--fui-space-3, 1.5rem) var(--fui-space-4, 2rem);
+}
+
+._mobileNavLink_1ult6_375 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._mobileNavLink_1ult6_375:disabled {
+  cursor: not-allowed;
+}
+._mobileNavLink_1ult6_375 {
+  font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
+  font-size: var(--fui-font-size-sm, 1rem);
+  line-height: var(--fui-line-height-normal, 1.5);
+  color: var(--fui-text-primary, #18181b);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--fui-space-2, 1rem) var(--fui-space-3, 1.5rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  color: var(--fui-text-secondary, #52525b);
+  text-decoration: none;
+  font-weight: var(--fui-font-weight-medium, 500);
+}
+._mobileNavLink_1ult6_375:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  color: var(--fui-text-primary, #18181b);
 }
 
-._skipLink_1j4bo_301 {
+._mobileNavLinkActive_1ult6_409 {
+  color: var(--fui-text-primary, #18181b);
+  background-color: var(--fui-bg-secondary, #f4f4f5);
+}
+
+@keyframes _mobileNavFadeIn_1ult6_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _mobileNavSlideIn_1ult6_1 {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._mobileNavBackdrop_1ult6_301,
+  ._mobileNavDrawer_1ult6_309 {
+    animation: none;
+  }
+}
+._skipLink_1ult6_436 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -6746,7 +6883,7 @@
   text-decoration: none;
   font-weight: var(--fui-font-weight-medium, 500);
 }
-._skipLink_1j4bo_301:focus {
+._skipLink_1ult6_436:focus {
   position: absolute;
   width: auto;
   height: auto;