@tempoxyz/ds 0.2.5 → 0.3.0

package/dist/web/components/SidebarMenu.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-margin-inline-start-1{margin-inline-start:auto}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-duration-2{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-property-3{transition-property:transform}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-timing-function-4{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transform-5{[data-panel-open]>&{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-property-6{transition-property:none}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-display-0{display:flex}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-flex-direction-1{flex-direction:column}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-row-gap-2{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-mt-3{*+&{margin-top:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-row-gap-4{[data-sidebar-menu-size=small] &{row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-mt-5{[data-sidebar-menu-size=small] *+&{margin-top:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-border-top-color-6{&+&{border-top-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-border-top-style-7{&+&{border-top-style:solid}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-border-top-width-8{&+&{border-top-width:1px}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-pt-9{&+&{padding-top:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-text-0{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-padding-block-1{padding-block:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-padding-inline-2{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-padding-inline-3{[data-sidebar-menu-size=small] &{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-font-family-4{font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-font-size-5{font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-font-weight-6{font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-letter-spacing-7{letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-line-height-8{line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-appearance-1{appearance:none}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-bg-2{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-border-3{border:none}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-border-radius-4{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-box-sizing-5{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-6{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-column-gap-7{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-cursor-8{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-9{font:inherit}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-height-10{min-height:var(--z-tds_2f_web-spacing-40,2.5rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-width-11{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-color-12{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-offset-13{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-style-14{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-width-15{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-block-16{padding-block:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-inline-17{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-align-18{text-align:start}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-decoration-19{text-decoration:none}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-duration-20{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-property-21{transition-property:background-color,color,outline-color,outline-offset,scale}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-timing-function-22{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-family-23{font-family:var(--z-tds_2f_web-typography-label-14-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-24{font-size:var(--z-tds_2f_web-typography-label-14-strong-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-weight-25{font-weight:var(--z-tds_2f_web-typography-label-14-strong-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-letter-spacing-26{letter-spacing:var(--z-tds_2f_web-typography-label-14-strong-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-line-height-27{line-height:var(--z-tds_2f_web-typography-label-14-strong-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-w-28{width:100%}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-white-space-29{white-space:nowrap}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-flex-shrink-30{&>svg{flex-shrink:0}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-31{&>svg{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-height-32{[data-sidebar-menu-size=large] &{min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-family-33{[data-sidebar-menu-size=large] &{font-family:var(--z-tds_2f_web-typography-label-16-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-34{[data-sidebar-menu-size=large] &{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-weight-35{[data-sidebar-menu-size=large] &{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-letter-spacing-36{[data-sidebar-menu-size=large] &{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-line-height-37{[data-sidebar-menu-size=large] &{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-border-radius-38{[data-sidebar-menu-size=small] &{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-column-gap-39{[data-sidebar-menu-size=small] &{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-height-40{[data-sidebar-menu-size=small] &{min-height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-block-41{[data-sidebar-menu-size=small] &{padding-block:var(--z-tds_2f_web-spacing-4,.25rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-inline-42{[data-sidebar-menu-size=small] &{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-family-43{[data-sidebar-menu-size=small] &{font-family:var(--z-tds_2f_web-typography-label-14-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-44{[data-sidebar-menu-size=small] &{font-size:var(--z-tds_2f_web-typography-label-14-strong-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-weight-45{[data-sidebar-menu-size=small] &{font-weight:var(--z-tds_2f_web-typography-label-14-strong-fontWeight,500)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-letter-spacing-46{[data-sidebar-menu-size=small] &{letter-spacing:var(--z-tds_2f_web-typography-label-14-strong-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-line-height-47{[data-sidebar-menu-size=small] &{line-height:var(--z-tds_2f_web-typography-label-14-strong-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-48{[data-sidebar-menu-size=small] &>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-scale-49{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-color-50{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-offset-51{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-_2d_2,-2px)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-bg-52{&:hover{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-53{&:hover{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-property-54{transition-property:background-color,color,outline-color}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-scale-55{&:active{scale:none}}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-bg-56{&:where([data-active=true]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-57{&:where([data-active=true]){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu-row-gap-0{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu-row-gap-1{&:where([data-size=small]){row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-padding-inline-start-0{padding-inline-start:var(--z-tds_2f_web-spacing-32,2rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-pt-1{padding-top:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-row-gap-2{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-padding-inline-start-3{[data-sidebar-menu-size=small] &{padding-inline-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-pt-4{[data-sidebar-menu-size=small] &{padding-top:var(--z-tds_2f_web-spacing-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-row-gap-5{[data-sidebar-menu-size=small] &{row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-h-0{height:var(--collapsible-panel-height)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-overflow-1{overflow:hidden}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-duration-2{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-property-3{transition-property:height,opacity}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-timing-function-4{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-duration-5{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-180,.18s)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-h-6{&[data-ending-style],&[data-starting-style]{height:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-opacity-7{&[data-ending-style],&[data-starting-style]{opacity:0}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-property-8{transition-property:opacity}}
+.z_tds_2f_web-h4TVw80{border-top-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-h4TVw81{border-top-style:solid}.z_tds_2f_web-h4TVw82{border-top-width:1px}.z_tds_2f_web-h4TVw83{padding-top:calc(.5rem - 1px)}.z_tds_2f_web-h4TVw84{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-h4TVw85{flex-shrink:0}.z_tds_2f_web-h4TVw86{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-h4TVw87{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-h4TVw88{transition-property:color}.z_tds_2f_web-h4TVw89{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-h4TVw8a{:hover>&,[data-popup-open]>&{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-h4TVw8b{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-h4TVw8c{overflow:hidden}.z_tds_2f_web-h4TVw8d{text-overflow:ellipsis}.z_tds_2f_web-h4TVw8e{font-family:var(--z-tds_2f_web-typography-body-b3-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-h4TVw8f{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}.z_tds_2f_web-h4TVw8g{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}.z_tds_2f_web-h4TVw8h{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}.z_tds_2f_web-h4TVw8i{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}.z_tds_2f_web-h4TVw8j{white-space:nowrap}.z_tds_2f_web-h4TVw8k{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-h4TVw8l{font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-h4TVw8m{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-h4TVw8n{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-h4TVw8o{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-h4TVw8p{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-h4TVw8q{display:flex}.z_tds_2f_web-h4TVw8r{align-items:center}.z_tds_2f_web-h4TVw8s{appearance:none}.z_tds_2f_web-h4TVw8t{background-color:#0000}.z_tds_2f_web-h4TVw8u{border:none}.z_tds_2f_web-h4TVw8v{border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-h4TVw8w{box-sizing:border-box}.z_tds_2f_web-h4TVw8x{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-h4TVw8y{cursor:pointer}.z_tds_2f_web-h4TVw8z{font:inherit}.z_tds_2f_web-h4TVw810{min-height:var(--z-tds_2f_web-spacing-44,2.75rem)}.z_tds_2f_web-h4TVw811{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-h4TVw812{outline-color:#0000}.z_tds_2f_web-h4TVw813{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-h4TVw814{outline-style:solid}.z_tds_2f_web-h4TVw815{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-h4TVw816{padding-block:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-h4TVw817{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-h4TVw818{text-align:start}.z_tds_2f_web-h4TVw819{transition-property:background-color,outline-color,outline-offset,scale}.z_tds_2f_web-h4TVw81a{width:100%}.z_tds_2f_web-h4TVw81b{&:active:not(:disabled,[data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-h4TVw81c{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-h4TVw81d{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-_2d_2,-2px)}}.z_tds_2f_web-h4TVw81e{&:focus-visible{padding-inline:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-h4TVw81f{&:hover:not(:disabled,[data-disabled]),&[data-popup-open]{background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-h4TVw81g{&:is(:disabled,[data-disabled]){cursor:default}}.z_tds_2f_web-h4TVw81h{&:is(:disabled,[data-disabled]){opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-h4TVw81i{transition-property:background-color,outline-color}.z_tds_2f_web-h4TVw81j{&:active:not(:disabled,[data-disabled]){scale:none}}}.z_tds_2f_web-h4TVw81k{flex:1}.z_tds_2f_web-h4TVw81l{flex-direction:column}.z_tds_2f_web-h4TVw81m{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-h4TVw81n{margin-inline-start:auto}.z_tds_2f_web-h4TVw81o{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z_tds_2f_web-h4TVw81p{transition-property:transform}.z_tds_2f_web-h4TVw81q{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-h4TVw81r{[data-panel-open]>&{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-h4TVw81s{transition-property:none}}.z_tds_2f_web-h4TVw81t{row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-h4TVw81u{*+&{margin-top:1.375rem}}.z_tds_2f_web-h4TVw81v{[data-sidebar-menu-size=large] *+&{margin-top:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-h4TVw81w{[data-sidebar-menu-size=small] *+&{margin-top:.875rem}}.z_tds_2f_web-h4TVw81x{color:var(--z-tds_2f_web-color-content-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-040,#fff6)))}.z_tds_2f_web-h4TVw81y{padding-bottom:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-h4TVw81z{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-h4TVw820{[data-sidebar-menu-size=large] &{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-h4TVw821{font-family:var(--z-tds_2f_web-typography-body-b3-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-h4TVw822{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}.z_tds_2f_web-h4TVw823{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}.z_tds_2f_web-h4TVw824{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}.z_tds_2f_web-h4TVw825{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}.z_tds_2f_web-h4TVw826{background-color:#0000}.z_tds_2f_web-h4TVw827{border:none}.z_tds_2f_web-h4TVw828{border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-h4TVw829{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-h4TVw82a{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-h4TVw82b{cursor:pointer}.z_tds_2f_web-h4TVw82c{font:inherit}.z_tds_2f_web-h4TVw82d{min-height:var(--z-tds_2f_web-spacing-36,2.25rem)}.z_tds_2f_web-h4TVw82e{padding-block:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-h4TVw82f{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-h4TVw82g{text-decoration:none}.z_tds_2f_web-h4TVw82h{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-h4TVw82i{transition-property:background-color,color,outline-color,outline-offset,scale}.z_tds_2f_web-h4TVw82j{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-h4TVw82k{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-h4TVw82l{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-h4TVw82m{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-h4TVw82n{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-h4TVw82o{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-h4TVw82p{&>svg{flex-shrink:0}}.z_tds_2f_web-h4TVw82q{&>svg{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}.z_tds_2f_web-h4TVw82r{[data-sidebar-menu-size=large] &{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-h4TVw82s{[data-sidebar-menu-size=large] &{min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-h4TVw82t{[data-sidebar-menu-size=large] &{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-h4TVw82u{[data-sidebar-menu-size=large] &{font-family:var(--z-tds_2f_web-typography-body-b1-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-h4TVw82v{[data-sidebar-menu-size=large] &{font-size:var(--z-tds_2f_web-typography-body-b1-fontSize,16px)}}.z_tds_2f_web-h4TVw82w{[data-sidebar-menu-size=large] &{font-weight:var(--z-tds_2f_web-typography-body-b1-fontWeight,400)}}.z_tds_2f_web-h4TVw82x{[data-sidebar-menu-size=large] &{letter-spacing:var(--z-tds_2f_web-typography-body-b1-letterSpacing,.12px)}}.z_tds_2f_web-h4TVw82y{[data-sidebar-menu-size=large] &{line-height:var(--z-tds_2f_web-typography-body-b1-lineHeight,22px)}}.z_tds_2f_web-h4TVw82z{[data-sidebar-menu-size=small] &{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-h4TVw830{[data-sidebar-menu-size=small] &{min-height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-h4TVw831{[data-sidebar-menu-size=small] &{padding-block:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-h4TVw832{[data-sidebar-menu-size=small] &>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z_tds_2f_web-h4TVw833{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-h4TVw834{&:focus-visible{padding-inline:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-h4TVw835{[data-sidebar-menu-size=large] &:focus-visible{padding-inline:.875rem}}.z_tds_2f_web-h4TVw836{&:hover{background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-h4TVw837{&:hover{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-h4TVw838{transition-property:background-color,color,outline-color}.z_tds_2f_web-h4TVw839{&:active{scale:none}}}.z_tds_2f_web-h4TVw83a{&:where([data-active=true]){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-h4TVw83b{&:where([data-active=true]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-h4TVw83c{&:where([data-active=true]){font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-h4TVw83d{&:where([data-active=true]){font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}}.z_tds_2f_web-h4TVw83e{&:where([data-active=true]){font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}}.z_tds_2f_web-h4TVw83f{&:where([data-active=true]){letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}}.z_tds_2f_web-h4TVw83g{&:where([data-active=true]){line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}}.z_tds_2f_web-h4TVw83h{&:where([data-active=true]){[data-sidebar-menu-size=large] &{font-family:var(--z-tds_2f_web-typography-body-b1Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}}.z_tds_2f_web-h4TVw83i{&:where([data-active=true]){[data-sidebar-menu-size=large] &{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}}.z_tds_2f_web-h4TVw83j{&:where([data-active=true]){[data-sidebar-menu-size=large] &{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}}.z_tds_2f_web-h4TVw83k{&:where([data-active=true]){[data-sidebar-menu-size=large] &{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}}}.z_tds_2f_web-h4TVw83l{&:where([data-active=true]){[data-sidebar-menu-size=large] &{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}}.z_tds_2f_web-h4TVw83m{background-color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-h4TVw83n{border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-h4TVw83o{color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}.z_tds_2f_web-h4TVw83p{flex-shrink:0}.z_tds_2f_web-h4TVw83q{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}.z_tds_2f_web-h4TVw83r{height:var(--z-tds_2f_web-spacing-36,2.25rem)}.z_tds_2f_web-h4TVw83s{justify-content:center}.z_tds_2f_web-h4TVw83t{width:var(--z-tds_2f_web-spacing-36,2.25rem)}.z_tds_2f_web-h4TVw83u{row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-h4TVw83v{&:where([data-size=large]){row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-h4TVw83w{padding-inline-start:var(--z-tds_2f_web-spacing-32,2rem)}.z_tds_2f_web-h4TVw83x{padding-top:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-h4TVw83y{row-gap:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-h4TVw83z{[data-sidebar-menu-size=large] &{padding-top:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-h4TVw840{[data-sidebar-menu-size=large] &{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-h4TVw841{[data-sidebar-menu-size=small] &{padding-inline-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-h4TVw842{height:var(--collapsible-panel-height)}.z_tds_2f_web-h4TVw843{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z_tds_2f_web-h4TVw844{transition-property:height,opacity}.z_tds_2f_web-h4TVw845{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-h4TVw846{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-180,.18s)}}.z_tds_2f_web-h4TVw847{&[data-ending-style],&[data-starting-style]{height:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-h4TVw848{&[data-ending-style],&[data-starting-style]{opacity:0}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-h4TVw849{transition-property:opacity}}

package/dist/web/components/SidebarMenu.d.ts

@@ -1,6 +1,6 @@
 import * as BaseUi from '@base-ui/react/collapsible';
 import { useRender } from '@base-ui/react/use-render';
-import { type ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type * as zyzz from 'zyzz';
 /**
  * Vertical navigation of icon and label rows, for sidebars and drawers. It renders a `<nav>`
@@ -29,6 +29,53 @@ import type * as zyzz from 'zyzz';
  * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html | WCAG 2.2 Name, Role, Value}
  */
 export declare namespace SidebarMenu {
+    /**
+     * Holds the `AccountRow` at the bottom of a sidebar, under a 1px divider across its full width.
+     * Put it last in `AppShell.SidebarFooter`, after the menu of support links, such as Help.
+     *
+     * @example
+     * <SidebarMenu.Account>
+     *   <Menu.Root>
+     *     <Menu.Trigger render={<SidebarMenu.AccountRow description="ada@tempo.xyz" label="Ada" />}>
+     *       <Avatar size="32">
+     *         <Avatar.Fallback>AL</Avatar.Fallback>
+     *       </Avatar>
+     *     </Menu.Trigger>
+     *   </Menu.Root>
+     * </SidebarMenu.Account>
+     */
+    function Account(props: Account.Props): import("react").JSX.Element;
+    namespace Account {
+        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.account>;
+    }
+    /**
+     * Renders the 44px account `<button>` at the bottom of a sidebar: `children`, such as a 32px
+     * `Avatar`, then `label` over `description`. A row that opens a popup, through `aria-haspopup`,
+     * ends in a chevron. The children are hidden from assistive technology, so `label` names the
+     * account. Pass the row to `Menu.Trigger` through `render` to open the account menu, which sets
+     * `aria-haspopup` and fills the row while it is open. Keyboard focus draws a 2px ring inside the
+     * row and moves its content 2px inward.
+     *
+     * @example
+     * <Menu.Root>
+     *   <Menu.Trigger render={<SidebarMenu.AccountRow description="ada@tempo.xyz" label="Ada" />}>
+     *     <Avatar size="32">
+     *       <Avatar.Fallback>AL</Avatar.Fallback>
+     *     </Avatar>
+     *   </Menu.Trigger>
+     * </Menu.Root>
+     */
+    function AccountRow(props: AccountRow.Props): import("react").JSX.Element;
+    namespace AccountRow {
+        type Props = Omit<ComponentPropsWithRef<'button'>, 'children'> & zyzz.Props.Variants<typeof styles.accountRow> & {
+            /** Leading media, such as a 32px `Avatar`. Absent, the text starts at the row's edge. */
+            children?: ReactNode | undefined;
+            /** Second line in the secondary color, such as the email or address of the account. */
+            description?: ReactNode | undefined;
+            /** First line, which names the account, such as the person's name. */
+            label: ReactNode;
+        };
+    }
     /**
      * Renders a `group` that names itself after its `GroupLabel` when one renders inside it.
      * Without a label, pass `aria-label`.
@@ -44,7 +91,8 @@ export declare namespace SidebarMenu {
     }
     /**
      * Renders a link by default. Pass `render` to use a router link. `active` marks the current page
-     * with `aria-current="page"`.
+     * with `aria-current="page"`, and sets its label in the strong weight. Keyboard focus draws a
+     * 2px ring inside the row and moves its content 2px inward.
      */
     function Item(props: Item.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
     namespace Item {
@@ -52,9 +100,25 @@ export declare namespace SidebarMenu {
             active?: boolean | undefined;
         };
     }
+    /**
+     * Renders a 36px tile in the primary content color, which centers a logo in the inverse content
+     * color, such as `TempoLogo` with `type="mark"`. Pass it to an `AccountRow` that names a
+     * product or a wallet, in place of an `Avatar`.
+     *
+     * @example
+     * <SidebarMenu.AccountRow description="0xc721…s9dk" label="Tempo Wallet">
+     *   <SidebarMenu.Logo>
+     *     <TempoLogo type="mark" />
+     *   </SidebarMenu.Logo>
+     * </SidebarMenu.AccountRow>
+     */
+    function Logo(props: Logo.Props): import("react").JSX.Element;
+    namespace Logo {
+        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.logo>;
+    }
     /**
      * Renders the `<nav>` landmark, labelled `Main` unless you pass `aria-label`. Give each
-     * landmark on a page a distinct label. `size` sets 32, 40 or 56px rows, and `small` also uses
+     * landmark on a page a distinct label. `size` sets 32, 36 or 56px rows, and `small` also uses
      * 16px icons for long menus.
      */
     function Root(props: Root.Props): import("react").JSX.Element;
@@ -84,42 +148,102 @@ export declare namespace SidebarMenu {
     }
 }
 declare namespace styles {
+    const account: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly borderTopColor: "line.secondary";
+            readonly borderTopStyle: "solid";
+            readonly borderTopWidth: "1px !custom";
+            readonly paddingTop: "calc(0.5rem - 1px) !custom";
+        };
+    }, "react">;
+    const accountChevron: zyzz.style.ReturnType<"react">;
+    const accountDescription: zyzz.style.ReturnType<"react">;
+    const accountLabel: zyzz.style.ReturnType<"react">;
+    const accountMedia: zyzz.style.ReturnType<"react">;
+    const accountRow: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly alignItems: "center";
+            readonly appearance: "none !custom";
+            readonly backgroundColor: "transparent !custom";
+            readonly border: "none !custom";
+            readonly borderRadius: "2xs";
+            readonly boxSizing: "border-box";
+            readonly color: "content.primary";
+            readonly columnGap: "12";
+            readonly cursor: "pointer";
+            readonly display: "flex";
+            readonly font: "inherit !custom";
+            readonly minHeight: "44";
+            readonly minWidth: "0";
+            readonly outlineColor: "transparent !custom";
+            readonly outlineOffset: "0";
+            readonly outlineStyle: "solid !custom";
+            readonly outlineWidth: "2";
+            readonly paddingBlock: "4";
+            readonly paddingInline: "8";
+            readonly textAlign: "start";
+            readonly transitionDuration: "160";
+            readonly transitionProperty: "background-color, outline-color, outline-offset, scale !custom";
+            readonly transitionTimingFunction: "snappy";
+            readonly width: "100% !custom";
+            readonly selectors: {
+                readonly '&:active:not(:disabled, [data-disabled])': {
+                    readonly scale: "press";
+                };
+                readonly '&:focus-visible': {
+                    readonly outlineColor: "border.focus";
+                    readonly outlineOffset: "-2";
+                    readonly paddingInline: "10";
+                };
+                readonly '&:hover:not(:disabled, [data-disabled]), &[data-popup-open]': {
+                    readonly backgroundColor: "container.regular";
+                };
+                readonly '&:is(:disabled, [data-disabled])': {
+                    readonly cursor: "default";
+                    readonly opacity: "disabled";
+                };
+            };
+            readonly '@media (prefers-reduced-motion: reduce)': {
+                readonly transitionProperty: "background-color, outline-color !custom";
+                readonly selectors: {
+                    readonly '&:active:not(:disabled, [data-disabled])': {
+                        readonly scale: "none !custom";
+                    };
+                };
+            };
+        };
+    }, "react">;
+    const accountText: zyzz.style.ReturnType<"react">;
     const chevron: zyzz.style.ReturnType<"react">;
     const group: zyzz.variants.ReturnType<{
         readonly base: {
             readonly display: "flex";
             readonly flexDirection: "column";
-            readonly rowGap: "4";
+            readonly rowGap: "2";
             readonly selectors: {
                 readonly '* + &': {
-                    readonly marginTop: "20";
+                    readonly marginTop: "1.375rem !custom";
                 };
-                readonly '[data-sidebar-menu-size="small"] &': {
-                    readonly rowGap: "2";
+                readonly '[data-sidebar-menu-size="large"] * + &': {
+                    readonly marginTop: "20";
                 };
                 readonly '[data-sidebar-menu-size="small"] * + &': {
-                    readonly marginTop: "12";
-                };
-                readonly '& + &': {
-                    readonly borderTopColor: "grayAlpha.200";
-                    readonly borderTopStyle: "solid";
-                    readonly borderTopWidth: "1px !custom";
-                    readonly paddingTop: "16";
+                    readonly marginTop: "0.875rem !custom";
                 };
             };
         };
     }, "react">;
     const groupLabel: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly color: "foreground";
-            readonly paddingBlock: "4";
-            readonly paddingInline: "12";
+            readonly color: "content.tertiary";
+            readonly paddingBottom: "4";
+            readonly paddingInline: "8";
             readonly selectors: {
-                readonly '[data-sidebar-menu-size="small"] &': {
-                    readonly paddingInline: "8";
+                readonly '[data-sidebar-menu-size="large"] &': {
+                    readonly paddingInline: "12";
                 };
             };
-            readonly typography: "label.12";
+            readonly typography: "body.b3";
         };
     }, "react">;
     const item: zyzz.variants.ReturnType<{
@@ -128,27 +252,27 @@ declare namespace styles {
             readonly appearance: "none !custom";
             readonly backgroundColor: "transparent !custom";
             readonly border: "none !custom";
-            readonly borderRadius: "12";
+            readonly borderRadius: "2xs";
             readonly boxSizing: "border-box";
-            readonly color: "gray.900";
+            readonly color: "content.secondary";
             readonly columnGap: "12";
             readonly cursor: "pointer";
             readonly display: "flex";
             readonly font: "inherit !custom";
-            readonly minHeight: "40";
+            readonly minHeight: "36";
             readonly minWidth: "0";
             readonly outlineColor: "transparent !custom";
             readonly outlineOffset: "0";
             readonly outlineStyle: "solid !custom";
             readonly outlineWidth: "2";
             readonly paddingBlock: "8";
-            readonly paddingInline: "12";
+            readonly paddingInline: "8";
             readonly textAlign: "start";
             readonly textDecoration: "none !custom";
             readonly transitionDuration: "160";
             readonly transitionProperty: "background-color, color, outline-color, outline-offset, scale !custom";
             readonly transitionTimingFunction: "snappy";
-            readonly typography: "label.14.strong";
+            readonly typography: "body.b2";
             readonly width: "100% !custom";
             readonly whiteSpace: "nowrap";
             readonly selectors: {
@@ -157,16 +281,15 @@ declare namespace styles {
                     readonly fontSize: "20";
                 };
                 readonly '[data-sidebar-menu-size="large"] &': {
+                    readonly borderRadius: "xs";
                     readonly minHeight: "56";
-                    readonly typography: "label.16.strong";
+                    readonly paddingInline: "12";
+                    readonly typography: "body.b1";
                 };
                 readonly '[data-sidebar-menu-size="small"] &': {
-                    readonly borderRadius: "8";
                     readonly columnGap: "8";
                     readonly minHeight: "32";
                     readonly paddingBlock: "4";
-                    readonly paddingInline: "8";
-                    readonly typography: "label.14.strong";
                 };
                 readonly '[data-sidebar-menu-size="small"] & > svg': {
                     readonly fontSize: "16";
@@ -175,12 +298,16 @@ declare namespace styles {
                     readonly scale: "press";
                 };
                 readonly '&:focus-visible': {
-                    readonly outlineColor: "blue.700";
+                    readonly outlineColor: "border.focus";
                     readonly outlineOffset: "-2";
+                    readonly paddingInline: "10";
+                };
+                readonly '[data-sidebar-menu-size="large"] &:focus-visible': {
+                    readonly paddingInline: "0.875rem !custom";
                 };
                 readonly '&:hover': {
-                    readonly backgroundColor: "grayAlpha.100";
-                    readonly color: "foreground";
+                    readonly backgroundColor: "container.regular";
+                    readonly color: "content.primary";
                 };
             };
             readonly '@media (prefers-reduced-motion: reduce)': {
@@ -199,29 +326,49 @@ declare namespace styles {
             readonly active: {
                 readonly false: {};
                 readonly true: {
-                    readonly backgroundColor: "grayAlpha.100";
-                    readonly color: "foreground";
+                    readonly backgroundColor: "container.regular";
+                    readonly color: "content.primary";
+                    readonly typography: "body.b2Strong";
+                    readonly selectors: {
+                        readonly '[data-sidebar-menu-size="large"] &': {
+                            readonly typography: "body.b1Strong";
+                        };
+                    };
                 };
             };
         };
     }, "react">;
+    const logo: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly alignItems: "center";
+            readonly backgroundColor: "content.primary";
+            readonly borderRadius: "2xs";
+            readonly color: "inverse.content.primary";
+            readonly display: "flex";
+            readonly flexShrink: "0 !custom";
+            readonly fontSize: "20";
+            readonly height: "36";
+            readonly justifyContent: "center";
+            readonly width: "36";
+        };
+    }, "react">;
     const root: zyzz.variants.ReturnType<{
         readonly base: {
             readonly display: "flex";
             readonly flexDirection: "column";
             readonly minWidth: "0";
-            readonly rowGap: "4";
+            readonly rowGap: "2";
         };
         readonly defaultVariants: {
             readonly size: "medium";
         };
         readonly variants: {
             readonly size: {
-                readonly large: {};
-                readonly medium: {};
-                readonly small: {
-                    readonly rowGap: "2";
+                readonly large: {
+                    readonly rowGap: "4";
                 };
+                readonly medium: {};
+                readonly small: {};
             };
         };
     }, "react">;

package/dist/web/components/SidebarMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../src/web/components/SidebarMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../src/web/components/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAUjC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,yBAAiB,WAAW,CAAC;IAC3B;;;;;;;;;;;;;;OAcG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAI3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;KAC9F;IAED;;;;;;;;;;;;;;;;OAgBG;IACH,SAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,+BAwBjD;IAED,UAAiB,UAAU,CAAC;QAC1B,KAAY,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GACnE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG;YAC9C,yFAAyF;YACzF,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;YAChC,uFAAuF;YACvF,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;YACnC,sEAAsE;YACtE,KAAK,EAAE,SAAS,CAAA;SACjB,CAAA;KACJ;IAED;;;OAGG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAevC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC5F;IAED,kGAAkG;IAClG,SAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,+BAkBjD;IAED,UAAiB,UAAU,CAAC;QAC1B,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,UAAU,CAAC,CAAA;KACjG;IAED;;;;OAIG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,8FAarC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAC9D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,GAAG;YACxD,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAC7B,CAAA;KACJ;IAED;;;;;;;;;;;OAWG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAIrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC5F;IAED;;;;OAIG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAYrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC3F;IAED;;;OAGG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAE3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,CAAC,CAAA;KAC5F;IAED,6EAA6E;IAC7E,SAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,+BAWrD;IAED,UAAiB,YAAY,CAAC;QAC5B,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,YAAY,CAAC,GAC/C,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CAAC,CAAA;KAC3E;IAED;;;OAGG;IACH,SAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,+BAYzD;IAED,UAAiB,cAAc,CAAC;QAC9B,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GACjD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAA;KAC1D;CACF;AAED,kBAAU,MAAM,CAAC;IAER,MAAM,OAAO;;;;;;;eAUnB,CAAA;IAEM,MAAM,cAAc,gCAa1B,CAAA;IAEM,MAAM,kBAAkB,gCAS9B,CAAA;IAEM,MAAM,YAAY,gCASxB,CAAA;IAEM,MAAM,YAAY,gCAGxB,CAAA;IAGM,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgDtB,CAAA;IAEM,MAAM,WAAW,gCAGvB,CAAA;IAEM,MAAM,OAAO,gCAWnB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;eAgBjB,CAAA;IAEM,MAAM,UAAU;;;;;;;;;;;;eAYtB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA4EhB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;eAgBhB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;eAOhB,CAAA;IAEM,MAAM,cAAc,gCAc1B,CAAA;IAEM,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;eAoBxB,CAAA;CACF"}

package/dist/web/components/SidebarMenu.js

@@ -1,9 +1,10 @@
 
-import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/runtime';
+import { Props as __zyzzProps } from 'zyzz/runtime';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/collapsible';
 import { useRender } from '@base-ui/react/use-render';
 import { createContext, use, useId, useLayoutEffect, useState, } from 'react';
+import { ChevronDown } from '../icons/ChevronDown.js';
 import { ChevronRight } from '../icons/ChevronRight.js';
 import { style, variants } from '../zyzz.config.js';
 const groupContext = createContext(undefined);
@@ -35,6 +36,49 @@ const groupContext = createContext(undefined);
  */
 export var SidebarMenu;
 (function (SidebarMenu) {
+    /**
+     * Holds the `AccountRow` at the bottom of a sidebar, under a 1px divider across its full width.
+     * Put it last in `AppShell.SidebarFooter`, after the menu of support links, such as Help.
+     *
+     * @example
+     * <SidebarMenu.Account>
+     *   <Menu.Root>
+     *     <Menu.Trigger render={<SidebarMenu.AccountRow description="ada@tempo.xyz" label="Ada" />}>
+     *       <Avatar size="32">
+     *         <Avatar.Fallback>AL</Avatar.Fallback>
+     *       </Avatar>
+     *     </Menu.Trigger>
+     *   </Menu.Root>
+     * </SidebarMenu.Account>
+     */
+    function Account(props) {
+        const { className, vars, ...attributes } = props;
+        return _jsx("div", { ...attributes, ...styles.account({ className, style: props.style, vars }) });
+    }
+    SidebarMenu.Account = Account;
+    /**
+     * Renders the 44px account `<button>` at the bottom of a sidebar: `children`, such as a 32px
+     * `Avatar`, then `label` over `description`. A row that opens a popup, through `aria-haspopup`,
+     * ends in a chevron. The children are hidden from assistive technology, so `label` names the
+     * account. Pass the row to `Menu.Trigger` through `render` to open the account menu, which sets
+     * `aria-haspopup` and fills the row while it is open. Keyboard focus draws a 2px ring inside the
+     * row and moves its content 2px inward.
+     *
+     * @example
+     * <Menu.Root>
+     *   <Menu.Trigger render={<SidebarMenu.AccountRow description="ada@tempo.xyz" label="Ada" />}>
+     *     <Avatar size="32">
+     *       <Avatar.Fallback>AL</Avatar.Fallback>
+     *     </Avatar>
+     *   </Menu.Trigger>
+     * </Menu.Root>
+     */
+    function AccountRow(props) {
+        const { children, className, description, label, vars, ...attributes } = props;
+        const popup = Boolean(attributes['aria-haspopup']) && attributes['aria-haspopup'] !== 'false';
+        return (_jsxs("button", { type: "button", ...attributes, ...styles.accountRow({ className, style: props.style, vars }), children: [children !== undefined && children !== null && (_jsx("span", { "aria-hidden": "true", ...styles.accountMedia(), children: children })), _jsxs("span", { ...styles.accountText(), children: [_jsx("span", { ...styles.accountLabel(), children: label }), description !== undefined && description !== null && (_jsx("span", { ...styles.accountDescription(), children: description }))] }), popup && _jsx(ChevronDown, { ...styles.accountChevron() })] }));
+    }
+    SidebarMenu.AccountRow = AccountRow;
     /**
      * Renders a `group` that names itself after its `GroupLabel` when one renders inside it.
      * Without a label, pass `aria-label`.
@@ -42,27 +86,28 @@ export var SidebarMenu;
     function Group(props) {
         const { className, vars, ...attributes } = props;
         const id = useId();
-        const [labelled, setLabelled] = useState(false);
-        return (_jsx(groupContext.Provider, { value: { id, setLabelled }, children: _jsx("div", { "aria-labelledby": labelled ? id : undefined, role: "group", ...attributes, ...styles.group({ className, style: props.style, vars }) }) }));
+        const [label, setLabel] = useState(undefined);
+        return (_jsx(groupContext.Provider, { value: { id, setLabel }, children: _jsx("div", { "aria-labelledby": label, role: "group", ...attributes, ...styles.group({ className, style: props.style, vars }) }) }));
     }
     SidebarMenu.Group = Group;
     /** Visible heading text for the surrounding `Group`, which it names through `aria-labelledby`. */
     function GroupLabel(props) {
-        const { className, vars, ...attributes } = props;
         const group = use(groupContext);
-        const setLabelled = group?.setLabelled;
+        const { className, id = group?.id, vars, ...attributes } = props;
+        const setLabel = group?.setLabel;
         useLayoutEffect(() => {
-            if (!setLabelled)
+            if (!setLabel)
                 return;
-            setLabelled(true);
-            return () => setLabelled(false);
-        }, [setLabelled]);
-        return (_jsx("div", { id: group?.id, ...attributes, ...styles.groupLabel({ className, style: props.style, vars }) }));
+            setLabel(id);
+            return () => setLabel(undefined);
+        }, [id, setLabel]);
+        return (_jsx("div", { ...attributes, id: id, ...styles.groupLabel({ className, style: props.style, vars }) }));
     }
     SidebarMenu.GroupLabel = GroupLabel;
     /**
      * Renders a link by default. Pass `render` to use a router link. `active` marks the current page
-     * with `aria-current="page"`.
+     * with `aria-current="page"`, and sets its label in the strong weight. Keyboard focus draws a
+     * 2px ring inside the row and moves its content 2px inward.
      */
     function Item(props) {
         const { active = false, className, ref, render, vars, ...attributes } = props;
@@ -78,9 +123,26 @@ export var SidebarMenu;
         });
     }
     SidebarMenu.Item = Item;
+    /**
+     * Renders a 36px tile in the primary content color, which centers a logo in the inverse content
+     * color, such as `TempoLogo` with `type="mark"`. Pass it to an `AccountRow` that names a
+     * product or a wallet, in place of an `Avatar`.
+     *
+     * @example
+     * <SidebarMenu.AccountRow description="0xc721…s9dk" label="Tempo Wallet">
+     *   <SidebarMenu.Logo>
+     *     <TempoLogo type="mark" />
+     *   </SidebarMenu.Logo>
+     * </SidebarMenu.AccountRow>
+     */
+    function Logo(props) {
+        const { className, vars, ...attributes } = props;
+        return _jsx("span", { ...attributes, ...styles.logo({ className, style: props.style, vars }) });
+    }
+    SidebarMenu.Logo = Logo;
     /**
      * Renders the `<nav>` landmark, labelled `Main` unless you pass `aria-label`. Give each
-     * landmark on a page a distinct label. `size` sets 32, 40 or 56px rows, and `small` also uses
+     * landmark on a page a distinct label. `size` sets 32, 36 or 56px rows, and `small` also uses
      * 16px icons for long menus.
      */
     function Root(props) {
@@ -114,13 +176,23 @@ export var SidebarMenu;
 })(SidebarMenu || (SidebarMenu = {}));
 var styles;
 (function (styles) {
-    styles.chevron = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-text-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-margin-inline-start-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-duration-2 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-property-3 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-timing-function-4 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transform-5 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_chevron-transition-property-6"});
-    styles.group = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-display-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-row-gap-2 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-mt-3 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-row-gap-4 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-mt-5 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-border-top-color-6 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-border-top-style-7 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-border-top-width-8 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-pt-9"});
-    styles.groupLabel = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-text-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-padding-block-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-padding-inline-2 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-padding-inline-3 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-font-family-4 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-font-size-5 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-font-weight-6 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-letter-spacing-7 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group_2d_label-line-height-8"});
-    styles.item = __zyzzRecipe.create({"axes":{"active":["false","true"]},"defaults":{"active":"false"},"className":"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-align-items-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-appearance-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-bg-2 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-border-3 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-border-radius-4 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-box-sizing-5 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-6 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-column-gap-7 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-cursor-8 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-display-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-9 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-height-10 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-width-11 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-color-12 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-offset-13 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-style-14 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-width-15 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-block-16 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-inline-17 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-align-18 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-decoration-19 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-duration-20 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-property-21 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-timing-function-22 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-family-23 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-24 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-weight-25 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-letter-spacing-26 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-line-height-27 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-w-28 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-white-space-29 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-flex-shrink-30 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-31 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-height-32 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-family-33 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-34 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-weight-35 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-letter-spacing-36 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-line-height-37 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-border-radius-38 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-column-gap-39 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-height-40 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-block-41 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-padding-inline-42 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-family-43 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-44 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-weight-45 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-letter-spacing-46 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-line-height-47 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-font-size-48 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-scale-49 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-color-50 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-outline-offset-51 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-bg-52 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-53 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-transition-property-54 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-scale-55 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-bg-56 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-text-57"});
-    styles.root = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"medium"},"className":"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-display-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_item-min-width-11 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu-row-gap-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu-row-gap-1"});
-    styles.submenuContent = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-display-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_group-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-padding-inline-start-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-pt-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-row-gap-2 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-padding-inline-start-3 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-pt-4 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_content-row-gap-5"});
-    styles.submenuPanel = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-h-0 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-overflow-1 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-duration-2 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-property-3 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-timing-function-4 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-duration-5 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-h-6 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-opacity-7 z-tds_2f_web-tds_2f_web_2f_sidebar_2d_menu_2f_submenu_2d_panel-transition-property-8"});
+    // The 1px divider takes 1px of the 8px above the row, as the design's inside stroke does.
+    styles.account = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw80 z_tds_2f_web-h4TVw81 z_tds_2f_web-h4TVw82 z_tds_2f_web-h4TVw83"+" "+external:"z_tds_2f_web-h4TVw80 z_tds_2f_web-h4TVw81 z_tds_2f_web-h4TVw82 z_tds_2f_web-h4TVw83",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.accountChevron = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw84 z_tds_2f_web-h4TVw85 z_tds_2f_web-h4TVw86 z_tds_2f_web-h4TVw87 z_tds_2f_web-h4TVw88 z_tds_2f_web-h4TVw89 z_tds_2f_web-h4TVw8a"});
+    styles.accountDescription = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw8b z_tds_2f_web-h4TVw8c z_tds_2f_web-h4TVw8d z_tds_2f_web-h4TVw8e z_tds_2f_web-h4TVw8f z_tds_2f_web-h4TVw8g z_tds_2f_web-h4TVw8h z_tds_2f_web-h4TVw8i z_tds_2f_web-h4TVw8j"});
+    styles.accountLabel = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw8k z_tds_2f_web-h4TVw8c z_tds_2f_web-h4TVw8d z_tds_2f_web-h4TVw8l z_tds_2f_web-h4TVw8m z_tds_2f_web-h4TVw8n z_tds_2f_web-h4TVw8o z_tds_2f_web-h4TVw8p z_tds_2f_web-h4TVw8j"});
+    styles.accountMedia = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw85"});
+    // A 32px avatar and the two lines of text center in the 44px row with 8px at either end.
+    styles.accountRow = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw8r z_tds_2f_web-h4TVw8s z_tds_2f_web-h4TVw8t z_tds_2f_web-h4TVw8u z_tds_2f_web-h4TVw8v z_tds_2f_web-h4TVw8w z_tds_2f_web-h4TVw8k z_tds_2f_web-h4TVw8x z_tds_2f_web-h4TVw8y z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw8z z_tds_2f_web-h4TVw810 z_tds_2f_web-h4TVw811 z_tds_2f_web-h4TVw812 z_tds_2f_web-h4TVw813 z_tds_2f_web-h4TVw814 z_tds_2f_web-h4TVw815 z_tds_2f_web-h4TVw816 z_tds_2f_web-h4TVw817 z_tds_2f_web-h4TVw818 z_tds_2f_web-h4TVw87 z_tds_2f_web-h4TVw819 z_tds_2f_web-h4TVw89 z_tds_2f_web-h4TVw81a z_tds_2f_web-h4TVw81b z_tds_2f_web-h4TVw81c z_tds_2f_web-h4TVw81d z_tds_2f_web-h4TVw81e z_tds_2f_web-h4TVw81f z_tds_2f_web-h4TVw81g z_tds_2f_web-h4TVw81h z_tds_2f_web-h4TVw81i z_tds_2f_web-h4TVw81j"+" "+external:"z_tds_2f_web-h4TVw8r z_tds_2f_web-h4TVw8s z_tds_2f_web-h4TVw8t z_tds_2f_web-h4TVw8u z_tds_2f_web-h4TVw8v z_tds_2f_web-h4TVw8w z_tds_2f_web-h4TVw8k z_tds_2f_web-h4TVw8x z_tds_2f_web-h4TVw8y z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw8z z_tds_2f_web-h4TVw810 z_tds_2f_web-h4TVw811 z_tds_2f_web-h4TVw812 z_tds_2f_web-h4TVw813 z_tds_2f_web-h4TVw814 z_tds_2f_web-h4TVw815 z_tds_2f_web-h4TVw816 z_tds_2f_web-h4TVw817 z_tds_2f_web-h4TVw818 z_tds_2f_web-h4TVw87 z_tds_2f_web-h4TVw819 z_tds_2f_web-h4TVw89 z_tds_2f_web-h4TVw81a z_tds_2f_web-h4TVw81b z_tds_2f_web-h4TVw81c z_tds_2f_web-h4TVw81d z_tds_2f_web-h4TVw81e z_tds_2f_web-h4TVw81f z_tds_2f_web-h4TVw81g z_tds_2f_web-h4TVw81h z_tds_2f_web-h4TVw81i z_tds_2f_web-h4TVw81j",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.accountText = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw81k z_tds_2f_web-h4TVw81l z_tds_2f_web-h4TVw811"});
+    styles.chevron = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw81m z_tds_2f_web-h4TVw81n z_tds_2f_web-h4TVw81o z_tds_2f_web-h4TVw81p z_tds_2f_web-h4TVw81q z_tds_2f_web-h4TVw81r z_tds_2f_web-h4TVw81s"});
+    styles.group = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw81l z_tds_2f_web-h4TVw81t z_tds_2f_web-h4TVw81u z_tds_2f_web-h4TVw81v z_tds_2f_web-h4TVw81w"+" "+external:"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw81l z_tds_2f_web-h4TVw81t z_tds_2f_web-h4TVw81u z_tds_2f_web-h4TVw81v z_tds_2f_web-h4TVw81w",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.groupLabel = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw81x z_tds_2f_web-h4TVw81y z_tds_2f_web-h4TVw81z z_tds_2f_web-h4TVw820 z_tds_2f_web-h4TVw821 z_tds_2f_web-h4TVw822 z_tds_2f_web-h4TVw823 z_tds_2f_web-h4TVw824 z_tds_2f_web-h4TVw825"+" "+external:"z_tds_2f_web-h4TVw81x z_tds_2f_web-h4TVw81y z_tds_2f_web-h4TVw81z z_tds_2f_web-h4TVw820 z_tds_2f_web-h4TVw821 z_tds_2f_web-h4TVw822 z_tds_2f_web-h4TVw823 z_tds_2f_web-h4TVw824 z_tds_2f_web-h4TVw825",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.item = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw8r z_tds_2f_web-h4TVw8s z_tds_2f_web-h4TVw826 z_tds_2f_web-h4TVw827 z_tds_2f_web-h4TVw828 z_tds_2f_web-h4TVw8w z_tds_2f_web-h4TVw829 z_tds_2f_web-h4TVw82a z_tds_2f_web-h4TVw82b z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw82c z_tds_2f_web-h4TVw82d z_tds_2f_web-h4TVw811 z_tds_2f_web-h4TVw812 z_tds_2f_web-h4TVw81c z_tds_2f_web-h4TVw813 z_tds_2f_web-h4TVw81d z_tds_2f_web-h4TVw814 z_tds_2f_web-h4TVw815 z_tds_2f_web-h4TVw82e z_tds_2f_web-h4TVw82f z_tds_2f_web-h4TVw818 z_tds_2f_web-h4TVw82g z_tds_2f_web-h4TVw82h z_tds_2f_web-h4TVw82i z_tds_2f_web-h4TVw82j z_tds_2f_web-h4TVw82k z_tds_2f_web-h4TVw82l z_tds_2f_web-h4TVw82m z_tds_2f_web-h4TVw82n z_tds_2f_web-h4TVw82o z_tds_2f_web-h4TVw81a z_tds_2f_web-h4TVw8j z_tds_2f_web-h4TVw82p z_tds_2f_web-h4TVw82q z_tds_2f_web-h4TVw82r z_tds_2f_web-h4TVw82s z_tds_2f_web-h4TVw82t z_tds_2f_web-h4TVw82u z_tds_2f_web-h4TVw82v z_tds_2f_web-h4TVw82w z_tds_2f_web-h4TVw82x z_tds_2f_web-h4TVw82y z_tds_2f_web-h4TVw82z z_tds_2f_web-h4TVw830 z_tds_2f_web-h4TVw831 z_tds_2f_web-h4TVw832 z_tds_2f_web-h4TVw833 z_tds_2f_web-h4TVw834 z_tds_2f_web-h4TVw835 z_tds_2f_web-h4TVw836 z_tds_2f_web-h4TVw837 z_tds_2f_web-h4TVw838 z_tds_2f_web-h4TVw839 z_tds_2f_web-h4TVw83a z_tds_2f_web-h4TVw83b z_tds_2f_web-h4TVw83c z_tds_2f_web-h4TVw83d z_tds_2f_web-h4TVw83e z_tds_2f_web-h4TVw83f z_tds_2f_web-h4TVw83g z_tds_2f_web-h4TVw83h z_tds_2f_web-h4TVw83i z_tds_2f_web-h4TVw83j z_tds_2f_web-h4TVw83k z_tds_2f_web-h4TVw83l"+" "+external:"z_tds_2f_web-h4TVw8r z_tds_2f_web-h4TVw8s z_tds_2f_web-h4TVw826 z_tds_2f_web-h4TVw827 z_tds_2f_web-h4TVw828 z_tds_2f_web-h4TVw8w z_tds_2f_web-h4TVw829 z_tds_2f_web-h4TVw82a z_tds_2f_web-h4TVw82b z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw82c z_tds_2f_web-h4TVw82d z_tds_2f_web-h4TVw811 z_tds_2f_web-h4TVw812 z_tds_2f_web-h4TVw81c z_tds_2f_web-h4TVw813 z_tds_2f_web-h4TVw81d z_tds_2f_web-h4TVw814 z_tds_2f_web-h4TVw815 z_tds_2f_web-h4TVw82e z_tds_2f_web-h4TVw82f z_tds_2f_web-h4TVw818 z_tds_2f_web-h4TVw82g z_tds_2f_web-h4TVw82h z_tds_2f_web-h4TVw82i z_tds_2f_web-h4TVw82j z_tds_2f_web-h4TVw82k z_tds_2f_web-h4TVw82l z_tds_2f_web-h4TVw82m z_tds_2f_web-h4TVw82n z_tds_2f_web-h4TVw82o z_tds_2f_web-h4TVw81a z_tds_2f_web-h4TVw8j z_tds_2f_web-h4TVw82p z_tds_2f_web-h4TVw82q z_tds_2f_web-h4TVw82r z_tds_2f_web-h4TVw82s z_tds_2f_web-h4TVw82t z_tds_2f_web-h4TVw82u z_tds_2f_web-h4TVw82v z_tds_2f_web-h4TVw82w z_tds_2f_web-h4TVw82x z_tds_2f_web-h4TVw82y z_tds_2f_web-h4TVw82z z_tds_2f_web-h4TVw830 z_tds_2f_web-h4TVw831 z_tds_2f_web-h4TVw832 z_tds_2f_web-h4TVw833 z_tds_2f_web-h4TVw834 z_tds_2f_web-h4TVw835 z_tds_2f_web-h4TVw836 z_tds_2f_web-h4TVw837 z_tds_2f_web-h4TVw838 z_tds_2f_web-h4TVw839 z_tds_2f_web-h4TVw83a z_tds_2f_web-h4TVw83b z_tds_2f_web-h4TVw83c z_tds_2f_web-h4TVw83d z_tds_2f_web-h4TVw83e z_tds_2f_web-h4TVw83f z_tds_2f_web-h4TVw83g z_tds_2f_web-h4TVw83h z_tds_2f_web-h4TVw83i z_tds_2f_web-h4TVw83j z_tds_2f_web-h4TVw83k z_tds_2f_web-h4TVw83l",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"active")?input["active"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-active"]=String(value);return result});
+    styles.logo = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw8r z_tds_2f_web-h4TVw83m z_tds_2f_web-h4TVw83n z_tds_2f_web-h4TVw83o z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw83p z_tds_2f_web-h4TVw83q z_tds_2f_web-h4TVw83r z_tds_2f_web-h4TVw83s z_tds_2f_web-h4TVw83t"+" "+external:"z_tds_2f_web-h4TVw8r z_tds_2f_web-h4TVw83m z_tds_2f_web-h4TVw83n z_tds_2f_web-h4TVw83o z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw83p z_tds_2f_web-h4TVw83q z_tds_2f_web-h4TVw83r z_tds_2f_web-h4TVw83s z_tds_2f_web-h4TVw83t",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw81l z_tds_2f_web-h4TVw811 z_tds_2f_web-h4TVw83u z_tds_2f_web-h4TVw83v"+" "+external:"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw81l z_tds_2f_web-h4TVw811 z_tds_2f_web-h4TVw83u z_tds_2f_web-h4TVw83v",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    styles.submenuContent = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-h4TVw8q z_tds_2f_web-h4TVw81l z_tds_2f_web-h4TVw83w z_tds_2f_web-h4TVw83x z_tds_2f_web-h4TVw83y z_tds_2f_web-h4TVw83z z_tds_2f_web-h4TVw840 z_tds_2f_web-h4TVw841"});
+    styles.submenuPanel = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-h4TVw842 z_tds_2f_web-h4TVw8c z_tds_2f_web-h4TVw843 z_tds_2f_web-h4TVw844 z_tds_2f_web-h4TVw845 z_tds_2f_web-h4TVw846 z_tds_2f_web-h4TVw847 z_tds_2f_web-h4TVw848 z_tds_2f_web-h4TVw849"+" "+external:"z_tds_2f_web-h4TVw842 z_tds_2f_web-h4TVw8c z_tds_2f_web-h4TVw843 z_tds_2f_web-h4TVw844 z_tds_2f_web-h4TVw845 z_tds_2f_web-h4TVw846 z_tds_2f_web-h4TVw847 z_tds_2f_web-h4TVw848 z_tds_2f_web-h4TVw849",result=inline?{className,style:inline}:{className};let value;return result});
 })(styles || (styles = {}));
 //# sourceMappingURL=SidebarMenu.js.map
 import './SidebarMenu.css';