@photonix/basic 2.0.3 → 2.0.4

package/dist/index.css

@@ -5892,7 +5892,7 @@
   border-inline-start-style: dashed;
   border-inline-start-width: var(--border-xs);
 }
-._navigationRailRoot_oprz2_2 {
+._navigationRailRoot_xghpy_2 {
   background-color: var(--surface-neutral-primary);
   block-size: 100%;
   border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -5902,12 +5902,12 @@
   overflow: hidden;
   transition: inline-size var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailFloating_oprz2_14 {
+._navigationRailFloating_xghpy_14 {
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
   box-shadow: var(--down-sm-ambient-x) var(--down-sm-ambient-y) var(--down-sm-ambient-blur) var(--down-sm-ambient-spread) var(--down-sm-ambient-color), var(--down-sm-cast-x) var(--down-sm-cast-y) var(--down-sm-cast-blur) var(--down-sm-cast-spread) var(--down-sm-cast-color);
 }
-._navigationRailHeader_oprz2_24 {
+._navigationRailHeader_xghpy_24 {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -5915,10 +5915,10 @@
   padding: var(--space-xs) var(--space-xs);
   transition: padding var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailHeader_oprz2_24 {
+._navigationRailCollapsed_xghpy_33 ._navigationRailHeader_xghpy_24 {
   padding-inline: var(--space-2xs);
 }
-._navigationRailContent_oprz2_37 {
+._navigationRailContent_xghpy_37 {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -5926,18 +5926,18 @@
   position: relative;
   transition: padding var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailScrollArea_oprz2_48 {
+._navigationRailScrollArea_xghpy_48 {
   block-size: 100%;
   flex: 1;
   min-block-size: 0;
 }
-._navigationRailContentInner_oprz2_55 {
+._navigationRailContentInner_xghpy_55 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4xs);
   padding: 0 var(--space-2xs);
 }
-._navigationRailGradient_oprz2_63 {
+._navigationRailGradient_xghpy_63 {
   block-size: var(--dimensions-48);
   inline-size: 100%;
   inset-inline: 0;
@@ -5947,7 +5947,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-local-top);
 }
-._navigationRailGradientTop_oprz2_75 {
+._navigationRailGradientTop_xghpy_75 {
   background:
     linear-gradient(
       to bottom,
@@ -5956,7 +5956,7 @@
       transparent 100%);
   inset-block-start: 0;
 }
-._navigationRailGradientBottom_oprz2_83 {
+._navigationRailGradientBottom_xghpy_83 {
   background:
     linear-gradient(
       to top,
@@ -5965,30 +5965,30 @@
       transparent 100%);
   inset-block-end: 0;
 }
-._navigationRailGradientVisible_oprz2_91 {
+._navigationRailGradientVisible_xghpy_91 {
   opacity: 1;
 }
-._navigationRailFooter_oprz2_97 {
+._navigationRailFooter_xghpy_97 {
   border-block-start: var(--border-xs) solid var(--border-neutral-tertiary);
   flex-shrink: 0;
   padding: var(--space-xs);
 }
-._navigationRailFooterNoDivider_oprz2_103 {
+._navigationRailFooterNoDivider_xghpy_103 {
   border-block-start: none;
 }
-._navigationRailExpanded_oprz2_111 ._navigationRailContentInner_oprz2_55 {
+._navigationRailExpanded_xghpy_111 ._navigationRailContentInner_xghpy_55 {
   padding: 0 var(--space-xs) var(--space-xs) var(--space-xs);
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailContentInner_oprz2_55 {
+._navigationRailCollapsed_xghpy_33 ._navigationRailContentInner_xghpy_55 {
   padding: var(--space-2xs) var(--space-2xs);
 }
-._navigationRailContent_oprz2_37:first-child ._navigationRailContentInner_oprz2_55 {
+._navigationRailContent_xghpy_37:first-child ._navigationRailContentInner_xghpy_55 {
   padding-block-start: var(--space-xs);
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailContent_oprz2_37 > ._navigationRailGroupDivider_oprz2_129:first-child {
+._navigationRailCollapsed_xghpy_33 ._navigationRailContent_xghpy_37 > ._navigationRailGroupDivider_xghpy_129:first-child {
   display: none;
 }
-._navigationRailNavItem_oprz2_138 {
+._navigationRailNavItem_xghpy_138 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -6006,7 +6006,10 @@
     padding var(--motion-duration-medium) var(--motion-ease-in),
     gap var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavItem_oprz2_138:after {
+._navigationRailNavItemSm_xghpy_158 {
+  block-size: var(--dimensions-32);
+}
+._navigationRailNavItem_xghpy_138:after {
   background-color: transparent;
   border-radius: inherit;
   content: "";
@@ -6016,41 +6019,41 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._navigationRailNavItemCollapsed_oprz2_173 {
+._navigationRailNavItemCollapsed_xghpy_177 {
   gap: 0;
   padding-inline: var(--space-xs);
 }
-._navigationRailNavItemNested_oprz2_184 {
+._navigationRailNavItemNested_xghpy_188 {
   overflow: visible;
   padding-inline: calc(var(--dimensions-32) + var(--space-xs)) var(--space-2xs);
 }
-._navigationRailNavItem_oprz2_138:hover:not(._navigationRailNavItemDisabled_oprz2_190):after,
-._navigationRailNavItem_oprz2_138:focus-visible:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItem_xghpy_138:hover:not(._navigationRailNavItemDisabled_xghpy_194):after,
+._navigationRailNavItem_xghpy_138:focus-visible:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailNavItem_oprz2_138:active:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItem_xghpy_138:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-press);
 }
-._navigationRailNavItem_oprz2_138:focus-visible {
+._navigationRailNavItem_xghpy_138:focus-visible {
   background-color: var(--surface-state-hover);
   box-shadow: inset 0 0 0 var(--border-md) var(--colors-grayscale-1000);
   outline: none;
 }
-._navigationRailNavItemSelected_oprz2_206 {
+._navigationRailNavItemSelected_xghpy_210 {
   background-color: var(--surface-neutral-secondary);
 }
-._navigationRailNavItemSelected_oprz2_206:hover:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItemSelected_xghpy_210:hover:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailNavItemSelected_oprz2_206:active:not(._navigationRailNavItemDisabled_oprz2_190):after {
+._navigationRailNavItemSelected_xghpy_210:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
   background-color: var(--surface-state-press);
 }
-._navigationRailNavItemDisabled_oprz2_190 {
+._navigationRailNavItemDisabled_xghpy_194 {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
   pointer-events: none;
 }
-._navigationRailNavItemIcon_oprz2_226 {
+._navigationRailNavItemIcon_xghpy_230 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--foreground-neutral-secondary);
@@ -6062,15 +6065,15 @@
   transition: color var(--motion-duration-fast) var(--motion-ease-in-out);
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemIconSelected_oprz2_240 {
+._navigationRailNavItemIconSelected_xghpy_244 {
   color: var(--foreground-neutral-primary);
 }
-._navigationRailNavItemSelected_oprz2_206 ._navigationRailNavItemIcon_oprz2_226 {
+._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemIcon_xghpy_230 {
   color: var(--foreground-neutral-primary);
   position: relative;
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemLabel_oprz2_251 {
+._navigationRailNavItemLabel_xghpy_255 {
   color: var(--text-neutral-secondary);
   flex: 1;
   font-family: var(--label-lg-family);
@@ -6092,17 +6095,17 @@
   white-space: nowrap;
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemLabel_oprz2_251 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemLabel_xghpy_255 {
   flex: 0;
   inline-size: 0;
   margin: 0;
   opacity: var(--opacity-hidden);
   transform: translate(-10px);
 }
-._navigationRailNavItemSelected_oprz2_206 ._navigationRailNavItemLabel_oprz2_251 {
+._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemLabel_xghpy_255 {
   color: var(--text-neutral-primary);
 }
-._navigationRailNavItemChevron_oprz2_293 {
+._navigationRailNavItemChevron_xghpy_297 {
   align-items: center;
   color: var(--foreground-neutral-secondary);
   display: flex;
@@ -6116,53 +6119,53 @@
     opacity var(--motion-duration-medium) var(--motion-ease-in),
     inline-size var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemChevron_oprz2_293 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemChevron_xghpy_297 {
   inline-size: 0;
   opacity: var(--opacity-hidden);
   overflow: hidden;
 }
-._navigationRailNavItemChevronExpanded_oprz2_313 {
+._navigationRailNavItemChevronExpanded_xghpy_317 {
   transform: rotate(90deg);
 }
-._navigationRailNavItemContainer_oprz2_319 {
+._navigationRailNavItemContainer_xghpy_323 {
   display: flex;
   flex-direction: column;
 }
-._navigationRailCollapsed_oprz2_33 ._navigationRailNavItemNoIcon_oprz2_326 {
+._navigationRailCollapsed_xghpy_33 ._navigationRailNavItemNoIcon_xghpy_330 {
   block-size: 0;
   margin: 0;
   opacity: 0;
   overflow: hidden;
   padding: 0;
 }
-._navigationRailNavItemChildrenWrapper_oprz2_334 {
+._navigationRailNavItemChildrenWrapper_xghpy_338 {
   display: grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows .25s var(--motion-ease-out);
 }
-._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 {
+._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 {
   grid-template-rows: 1fr;
 }
-._navigationRailNavItemChildrenWrapperCollapsed_oprz2_346 {
+._navigationRailNavItemChildrenWrapperCollapsed_xghpy_350 {
   display: none;
 }
-._navigationRailNavItemChildren_oprz2_334 {
+._navigationRailNavItemChildren_xghpy_338 {
   display: flex;
   flex-direction: column;
   gap: 0;
   min-block-size: 0;
   overflow: hidden;
 }
-._navigationRailNavItemChildren_oprz2_334 > * {
+._navigationRailNavItemChildren_xghpy_338 > * {
   margin-block-end: var(--space-4xs);
 }
-._navigationRailNavItemChildren_oprz2_334 > *:last-child {
+._navigationRailNavItemChildren_xghpy_338 > *:last-child {
   margin-block-end: 0;
 }
-._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 ._navigationRailNavItemChildren_oprz2_334 {
+._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNavItemChildren_xghpy_338 {
   overflow: visible;
 }
-._navigationRailNestLine_oprz2_379 {
+._navigationRailNestLine_xghpy_383 {
   block-size: calc(100% + 12px);
   inline-size: var(--dimensions-32);
   inset-block-start: calc(-1 * var(--dimensions-20));
@@ -6173,11 +6176,11 @@
   position: absolute;
   transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 ._navigationRailNestLine_oprz2_379 {
+._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNestLine_xghpy_383 {
   opacity: 1;
   transition-delay: var(--motion-duration-fast);
 }
-._navigationRailNestLine_oprz2_379:before {
+._navigationRailNestLine_xghpy_383:before {
   block-size: var(--dimensions-36);
   border-block-end: var(--dimensions-1) solid var(--border-neutral-tertiary);
   border-end-start-radius: 12px;
@@ -6188,7 +6191,7 @@
   inset-inline-start: var(--dimensions-24);
   position: absolute;
 }
-._navigationRailNavItemChildren_oprz2_334 > ._navigationRailNavItemContainer_oprz2_319:not(:last-child) ._navigationRailNestLine_oprz2_379:after {
+._navigationRailNavItemChildren_xghpy_338 > ._navigationRailNavItemContainer_xghpy_323:not(:last-child) ._navigationRailNestLine_xghpy_383:after {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--dimensions-48);
   content: "";
@@ -6197,31 +6200,31 @@
   inset-inline-start: var(--dimensions-24);
   position: absolute;
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNestLine_oprz2_379 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNestLine_xghpy_383 {
   opacity: 0;
 }
-._navigationRailNavItemBadge_oprz2_461 {
+._navigationRailNavItemBadge_xghpy_465 {
   transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
 }
-._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemBadge_oprz2_461 {
+._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemBadge_xghpy_465 {
   inset-block-start: 6px;
   inset-inline-end: 6px;
   position: absolute;
   z-index: var(--z-local-content);
 }
-._navigationRailNavItemExpanded_oprz2_477 ._navigationRailNavItemBadge_oprz2_461 {
+._navigationRailNavItemExpanded_xghpy_481 ._navigationRailNavItemBadge_xghpy_465 {
   border: none;
   margin-inline: auto var(--space-xs);
   position: static;
 }
-._navigationRailNavGroup_oprz2_489 {
+._navigationRailNavGroup_xghpy_493 {
   display: flex;
   flex-direction: column;
 }
-._navigationRailNavGroupFirst_oprz2_495 {
+._navigationRailNavGroupFirst_xghpy_499 {
   display: flex;
 }
-._navigationRailGroupDivider_oprz2_129 {
+._navigationRailGroupDivider_xghpy_129 {
   block-size: 0;
   margin: 0;
   opacity: 0;
@@ -6232,26 +6235,26 @@
     opacity var(--motion-duration-medium) var(--motion-ease-in),
     margin var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailGroupDivider_oprz2_129 {
+._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailGroupDivider_xghpy_129 {
   block-size: 0;
   opacity: 0;
   margin: 0;
   padding-block-end: 0;
 }
-._navigationRailNavGroupFirst_oprz2_495 ._navigationRailGroupDivider_oprz2_129 {
+._navigationRailNavGroupFirst_xghpy_499 ._navigationRailGroupDivider_xghpy_129 {
   display: none !important;
 }
-._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailNavGroupHeader_oprz2_529 {
+._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupHeader_xghpy_533 {
   block-size: 0;
   margin: 0;
   opacity: 0;
   overflow: hidden;
   padding: 0;
 }
-._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailNavGroupContentWrapper_oprz2_538 {
+._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupContentWrapper_xghpy_542 {
   grid-template-rows: 1fr !important;
 }
-._navigationRailNavGroupHeader_oprz2_529 {
+._navigationRailNavGroupHeader_xghpy_533 {
   align-items: center;
   block-size: var(--dimensions-32);
   border-radius: var(--radius-2xs);
@@ -6271,7 +6274,10 @@
     padding var(--motion-duration-medium) var(--motion-ease-in),
     margin var(--motion-duration-medium) var(--motion-ease-in);
 }
-._navigationRailNavGroupHeader_oprz2_529:after {
+._navigationRailNavGroupHeaderSm_xghpy_570 {
+  block-size: var(--dimensions-32);
+}
+._navigationRailNavGroupHeader_xghpy_533:after {
   background-color: transparent;
   border-radius: inherit;
   content: "";
@@ -6281,10 +6287,10 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._navigationRailNavGroupHeader_oprz2_529:hover:after {
+._navigationRailNavGroupHeader_xghpy_533:hover:after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailNavGroupLabel_oprz2_582 {
+._navigationRailNavGroupLabel_xghpy_590 {
   color: var(--text-neutral-secondary);
   flex: 1;
   font-family: var(--label-lg-family);
@@ -6297,7 +6303,7 @@
   text-transform: capitalize;
   white-space: nowrap;
 }
-._navigationRailNavGroupChevron_oprz2_596 {
+._navigationRailNavGroupChevron_xghpy_604 {
   align-items: center;
   color: var(--foreground-neutral-secondary);
   display: flex;
@@ -6306,25 +6312,25 @@
   transform: rotate(0);
   transition: transform .25s var(--motion-ease-out);
 }
-._navigationRailNavGroupChevronExpanded_oprz2_608 {
+._navigationRailNavGroupChevronExpanded_xghpy_616 {
   transform: rotate(180deg);
 }
-._navigationRailNavGroupContentWrapper_oprz2_538 {
+._navigationRailNavGroupContentWrapper_xghpy_542 {
   display: grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows .25s var(--motion-ease-standard);
 }
-._navigationRailNavGroupContentWrapperExpanded_oprz2_621 {
+._navigationRailNavGroupContentWrapperExpanded_xghpy_629 {
   grid-template-rows: 1fr;
 }
-._navigationRailNavGroupContent_oprz2_538 {
+._navigationRailNavGroupContent_xghpy_542 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4xs);
   min-block-size: 0;
   overflow: hidden;
 }
-._navigationRailRailItem_oprz2_634 {
+._navigationRailRailItem_xghpy_642 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -6339,7 +6345,7 @@
   position: relative;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), transform var(--motion-duration-fast) var(--motion-ease-out);
 }
-._navigationRailRailItem_oprz2_634:after {
+._navigationRailRailItem_xghpy_642:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -6349,39 +6355,39 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out), opacity var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._navigationRailRailItem_oprz2_634:hover:after {
+._navigationRailRailItem_xghpy_642:hover:after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailRailItem_oprz2_634:active:after {
+._navigationRailRailItem_xghpy_642:active:after {
   background-color: var(--surface-state-press);
 }
-._navigationRailRailItem_oprz2_634:active {
+._navigationRailRailItem_xghpy_642:active {
   transform: scale(.97);
 }
-._navigationRailRailItem_oprz2_634:focus-visible {
+._navigationRailRailItem_xghpy_642:focus-visible {
   outline: var(--dimensions-2) solid var(--border-state-focus);
   outline-offset: var(--dimensions-2);
 }
-._navigationRailRailItemSelected_oprz2_684 {
+._navigationRailRailItemSelected_xghpy_692 {
   background-color: var(--surface-neutral-secondary);
   color: var(--foreground-neutral-primary);
 }
-._navigationRailRailItemSelected_oprz2_684:hover:after {
+._navigationRailRailItemSelected_xghpy_692:hover:after {
   background-color: var(--surface-state-hover);
 }
-._navigationRailRailItemSelected_oprz2_684:active:after {
+._navigationRailRailItemSelected_xghpy_692:active:after {
   background-color: var(--surface-state-press);
 }
-._navigationRailRailItemDisabled_oprz2_697 {
+._navigationRailRailItemDisabled_xghpy_705 {
   background-color: transparent;
   color: var(--foreground-state-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
-._navigationRailRailItemDisabled_oprz2_697 ._railItemIcon_oprz2_704 {
+._navigationRailRailItemDisabled_xghpy_705 ._railItemIcon_xghpy_712 {
   color: var(--foreground-state-disabled);
 }
-._navigationRailRailItemIcon_oprz2_709 {
+._navigationRailRailItemIcon_xghpy_717 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: inherit;
@@ -6389,7 +6395,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._navigationRailRailBadgePosition_oprz2_718 {
+._navigationRailRailBadgePosition_xghpy_726 {
   border: var(--border-md) solid var(--surface-neutral-primary);
   inset-block-start: 6px;
   inset-inline-end: 6px;
@@ -7765,7 +7771,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListRoot_d7gxo_1 {
+._dropdownListRoot_1d3bd_1 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -7777,22 +7783,22 @@
   padding: var(--space-2xs) 0;
   isolation: isolate;
 }
-._dropdownListSearchWrapper_d7gxo_18 {
+._dropdownListSearchWrapper_1d3bd_18 {
   padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemsListContainer_d7gxo_23 {
+._dropdownListItemsListContainer_1d3bd_23 {
   overflow: hidden;
   position: relative;
 }
-._dropdownListItemsList_d7gxo_23 {
+._dropdownListItemsList_1d3bd_23 {
   overflow-y: auto;
   position: relative;
   z-index: var(--z-local-below);
 }
-._dropdownListItemsList_d7gxo_23:focus {
+._dropdownListItemsList_1d3bd_23:focus {
   outline: none;
 }
-._dropdownListGradient_d7gxo_40 {
+._dropdownListGradient_1d3bd_40 {
   block-size: var(--dimensions-32);
   inset-inline: 0;
   opacity: 0;
@@ -7801,7 +7807,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-local-above);
 }
-._dropdownListGradientTop_d7gxo_52 {
+._dropdownListGradientTop_1d3bd_52 {
   background:
     linear-gradient(
       to bottom,
@@ -7809,7 +7815,7 @@
       transparent 100%);
   inset-block-start: 0;
 }
-._dropdownListGradientBottom_d7gxo_59 {
+._dropdownListGradientBottom_1d3bd_59 {
   background:
     linear-gradient(
       to top,
@@ -7817,24 +7823,24 @@
       transparent 100%);
   inset-block-end: 0;
 }
-._dropdownListGradientVisible_d7gxo_66 {
+._dropdownListGradientVisible_1d3bd_66 {
   opacity: 1;
 }
-._dropdownListItemWrapper_d7gxo_71 {
+._dropdownListItemWrapper_1d3bd_71 {
   padding: 0 var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_d7gxo_76 {
+._dropdownListItemWrapperWithDivider_1d3bd_76 {
   padding: var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_d7gxo_76:not(:last-child) {
+._dropdownListItemWrapperWithDivider_1d3bd_76:not(:last-child) {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
 }
-._dropdownListItemWrapperWithBottomDivider_d7gxo_85 {
+._dropdownListItemWrapperWithBottomDivider_1d3bd_85 {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
   margin-block-end: var(--space-2xs);
   padding-block-end: var(--space-2xs);
 }
-._dropdownListItem_d7gxo_23 {
+._dropdownListItem_1d3bd_23 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -7848,7 +7854,10 @@
   position: relative;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
 }
-._dropdownListItem_d7gxo_23:after {
+._dropdownListItemSm_1d3bd_108 {
+  block-size: var(--dimensions-32);
+}
+._dropdownListItem_1d3bd_23:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -7857,42 +7866,42 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._dropdownListItem_d7gxo_23:hover:not(._disabled_d7gxo_120):after {
+._dropdownListItem_1d3bd_23:hover:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_d7gxo_23:active:not(._disabled_d7gxo_120):after {
+._dropdownListItem_1d3bd_23:active:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItem_d7gxo_23:focus-visible:after {
+._dropdownListItem_1d3bd_23:focus-visible:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_d7gxo_23:focus-visible {
+._dropdownListItem_1d3bd_23:focus-visible {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_d7gxo_142 {
+._dropdownListItemFocused_1d3bd_146 {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_d7gxo_142:after {
+._dropdownListItemFocused_1d3bd_146:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_d7gxo_156:hover:not(._disabled_d7gxo_120):after {
+._dropdownListItemSelected_1d3bd_160:hover:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_d7gxo_156:active:not(._disabled_d7gxo_120):after {
+._dropdownListItemSelected_1d3bd_160:active:not(._disabled_1d3bd_124):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItemDisabled_d7gxo_166 {
+._dropdownListItemDisabled_1d3bd_170 {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dropdownListCheckbox_d7gxo_172 {
+._dropdownListCheckbox_1d3bd_176 {
   block-size: var(--dimensions-24) !important;
   flex-shrink: 0;
   inline-size: var(--dimensions-24) !important;
 }
-._dropdownListItemIcon_d7gxo_179 {
+._dropdownListItemIcon_1d3bd_183 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--foreground-neutral-primary);
@@ -7903,7 +7912,7 @@
   position: relative;
   z-index: var(--z-local-content);
 }
-._dropdownListItemLabel_d7gxo_192 {
+._dropdownListItemLabel_1d3bd_196 {
   color: var(--text-neutral-primary);
   flex: 1;
   font-family: var(--body-lg-family);
@@ -7913,7 +7922,7 @@
   position: relative;
   z-index: var(--z-local-content);
 }
-._dropdownListCheckmark_d7gxo_204 {
+._dropdownListCheckmark_1d3bd_208 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--text-neutral-primary);
@@ -7922,13 +7931,25 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListEmptyState_d7gxo_215 {
+._dropdownListEmptyState_1d3bd_219 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
   padding: var(--space-sm) var(--space-xs);
   text-align: center;
 }
+._dropdownListItemSm_1d3bd_108 ._dropdownListItemLabel_1d3bd_196 {
+  font-family: var(--body-md-family);
+  font-size: var(--body-md-size);
+  font-weight: var(--body-md-weight);
+  line-height: var(--body-md-line-height);
+}
+._dropdownListItemSm_1d3bd_108 ._dropdownListItemIcon_1d3bd_183,
+._dropdownListItemSm_1d3bd_108 ._dropdownListCheckmark_1d3bd_208,
+._dropdownListItemSm_1d3bd_108 ._dropdownListCheckbox_1d3bd_176 {
+  block-size: var(--dimensions-20) !important;
+  inline-size: var(--dimensions-20) !important;
+}
 ._breadcrumbList_4fbak_2 {
   align-items: center;
   display: flex;
@@ -12565,6 +12586,172 @@
   background-color: var(--surface-neutral-secondary);
   border-radius: var(--radius-2xs);
 }
+._sectionHeaderRoot_1uj6q_4 {
+  align-items: center;
+  display: flex;
+  gap: var(--space-md);
+  justify-content: space-between;
+  padding: var(--space-sm);
+}
+._sectionHeaderTitleGroup_1uj6q_15 {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  gap: var(--space-xs);
+  min-inline-size: 0;
+}
+._sectionHeaderTitleAndDescription_1uj6q_23 {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--space-4xs);
+  min-inline-size: 0;
+}
+._sectionHeaderDescription_1uj6q_31 {
+  color: var(--text-neutral-secondary);
+  font-family: var(--body-md-family);
+  font-size: var(--body-md-size);
+  font-weight: var(--body-md-weight);
+  letter-spacing: var(--body-md-letter-spacing);
+  line-height: var(--body-md-line-height);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._sectionHeaderTitle_1uj6q_15 {
+  color: var(--text-neutral-primary);
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
+  font-family: var(--title-md-family);
+  font-size: var(--title-md-size);
+  font-weight: var(--title-md-weight-emphasize);
+  letter-spacing: var(--title-md-letter-spacing);
+  line-height: var(--title-md-line-height);
+}
+._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
+  font-family: var(--title-lg-family);
+  font-size: var(--title-lg-size);
+  font-weight: var(--title-lg-weight-emphasize);
+  letter-spacing: var(--title-lg-letter-spacing);
+  line-height: var(--title-lg-line-height);
+}
+._sectionHeaderContextualActions_1uj6q_73 {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: 0;
+}
+._sectionHeaderTrailingActions_1uj6q_83 {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--space-xs);
+}
+._uploadQueueModalRoot_14sig_6 {
+  background-color: var(--surface-neutral-elevator);
+  block-size: var(--dimensions-400);
+  border: var(--border-xs) solid var(--border-neutral-tertiary);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-md);
+  display: flex;
+  flex-direction: column;
+  inline-size: var(--dimensions-600);
+  inset-block-end: var(--space-md);
+  inset-inline-end: var(--space-xl);
+  overflow: hidden;
+  position: fixed;
+  transition: block-size var(--motion-duration-medium) var(--motion-ease-standard);
+  z-index: var(--z-index-modal);
+}
+._uploadQueueModalMinimized_14sig_27 {
+  block-size: calc(var(--dimensions-44) + var(--space-sm) * 2);
+}
+._uploadQueueModalHeader_14sig_33 {
+  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
+  flex-shrink: 0;
+  transition: border-color var(--motion-duration-medium) var(--motion-ease-standard);
+}
+._uploadQueueModalHeaderMinimized_14sig_40 {
+  border-block-end-color: transparent;
+}
+._uploadQueueModalBodyWrapper_14sig_45 {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-block-size: var(--dimensions-0);
+  overflow: hidden;
+  position: relative;
+  transition: visibility 0s linear;
+  visibility: visible;
+}
+._uploadQueueModalBodyWrapperMinimized_14sig_57 {
+  transition-delay: var(--motion-duration-medium);
+  visibility: hidden;
+}
+._uploadQueueModalBody_14sig_45 {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-block-size: var(--dimensions-0);
+  overflow-y: auto;
+}
+._uploadQueueModalList_14sig_72 {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: var(--space-2xs) var(--dimensions-0);
+}
+._uploadQueueModalGradient_14sig_80 {
+  block-size: var(--dimensions-48);
+  inset-inline: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity var(--motion-duration-medium) var(--motion-ease-standard);
+  z-index: var(--z-local-above);
+}
+._uploadQueueModalGradientTop_14sig_92 {
+  background:
+    linear-gradient(
+      to bottom,
+      var(--surface-neutral-elevator) 0%,
+      transparent 100%);
+  inset-block-start: 0;
+}
+._uploadQueueModalGradientBottom_14sig_99 {
+  background:
+    linear-gradient(
+      to top,
+      var(--surface-neutral-elevator) 0%,
+      transparent 100%);
+  inset-block-end: 0;
+}
+._uploadQueueModalGradientVisible_14sig_106 {
+  opacity: 1;
+}
+._uploadQueueModalItem_14sig_111 {
+  flex-shrink: 0;
+}
+._uploadQueueModalItemError_14sig_116 [class*=listItemDescription] {
+  color: var(--text-state-error);
+}
+._fileIconDefault_14sig_121 {
+  color: var(--foreground-neutral-primary);
+}
+._fileIconSuccess_14sig_125 {
+  color: var(--foreground-accent-green-primary);
+}
+._fileIconError_14sig_129 {
+  color: var(--foreground-accent-red-primary);
+}
+._fileIconUploading_14sig_133 {
+  color: var(--foreground-brand-primary);
+}
 ._galleryCardRoot_koup6_8 {
   break-inside: avoid;
   cursor: pointer;
@@ -14521,72 +14708,6 @@
 ._skeletonRounded_1j2jv_60 {
   border-radius: var(--radius-full);
 }
-._sectionHeaderRoot_1uj6q_4 {
-  align-items: center;
-  display: flex;
-  gap: var(--space-md);
-  justify-content: space-between;
-  padding: var(--space-sm);
-}
-._sectionHeaderTitleGroup_1uj6q_15 {
-  align-items: center;
-  display: flex;
-  flex: 1;
-  gap: var(--space-xs);
-  min-inline-size: 0;
-}
-._sectionHeaderTitleAndDescription_1uj6q_23 {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: var(--space-4xs);
-  min-inline-size: 0;
-}
-._sectionHeaderDescription_1uj6q_31 {
-  color: var(--text-neutral-secondary);
-  font-family: var(--body-md-family);
-  font-size: var(--body-md-size);
-  font-weight: var(--body-md-weight);
-  letter-spacing: var(--body-md-letter-spacing);
-  line-height: var(--body-md-line-height);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._sectionHeaderTitle_1uj6q_15 {
-  color: var(--text-neutral-primary);
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
-  font-family: var(--title-md-family);
-  font-size: var(--title-md-size);
-  font-weight: var(--title-md-weight-emphasize);
-  letter-spacing: var(--title-md-letter-spacing);
-  line-height: var(--title-md-line-height);
-}
-._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
-  font-family: var(--title-lg-family);
-  font-size: var(--title-lg-size);
-  font-weight: var(--title-lg-weight-emphasize);
-  letter-spacing: var(--title-lg-letter-spacing);
-  line-height: var(--title-lg-line-height);
-}
-._sectionHeaderContextualActions_1uj6q_73 {
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  gap: 0;
-}
-._sectionHeaderTrailingActions_1uj6q_83 {
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  gap: var(--space-xs);
-}
 ._widgetRoot_x4uft_1 {
   --widget-padding: 16px;
   background-color: var(--surface-neutral-primary);