@xyd-js/ui 0.1.0-xyd.16 → 0.1.0-xyd.18

package/dist/index.css

@@ -1,51 +1,18 @@
-.XydUi-Component-Nav__NavHost{position:sticky;top:0;z-index:20;width:100%;background:transparent;display:flex;}
-.XydUi-Component-Nav__NavShadow{pointer-events:none;position:absolute;z-index:-1;height:100%;width:100%;background-color:white;}
-.XydUi-Component-Nav__Nav{display:flex;width:100%;height:var(--xyd-navbar-height);align-items:center;justify-content:flex-end;gap:8px;padding-left:calc(max(env(safe-area-inset-left), 16px));padding-right:calc(max(env(safe-area-inset-right), 16px));}
-.XydUi-Component-Nav__NavMiddle{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;}
-.XydUi-Component-Nav__ListHost{display:flex;align-items:center;justify-content:center;gap:8px;}
-.XydUi-Component-Nav__ItemHost{font-size:14px;position:relative;white-space:nowrap;color:#000;padding:8px 16px;display:flex;align-items:center;justify-content:center;}
-.XydUi-Component-Nav__ItemHost:hover{color:#1f2937;}
-.XydUi-Component-Nav__ItemHost[data-state="active"]{font-weight:bold;background:#f9f9f9;border-radius:8px;}
-.XydUi-Component-Nav__ItemTitle1{position:absolute;inset:0;text-align:center;align-items:center;display:flex;justify-content:center;}
-.XydUi-Component-Nav__ItemTitle2{visibility:hidden;font-weight:600;}
-.XydUi-Component-Nav__LogoHost{display:flex;align-items:center;margin-right:auto;}
+@layer defaults{.n1vu90xp{position:sticky;top:0;z-index:20;width:100%;background:transparent;display:flex;}.n1vu90xp [part="shadow"]{pointer-events:none;position:absolute;z-index:-1;height:100%;width:100%;background-color:var(--xyd-nav-shadow-bgcolor);}.n1vu90xp [part="nav"]{display:flex;width:100%;height:var(--xyd-nav-height);align-items:center;justify-content:flex-end;gap:8px;padding-left:calc(max(env(safe-area-inset-left), var(--xyd-padding-default)));padding-right:calc(max(env(safe-area-inset-right), var(--xyd-padding-default)));}.n1vu90xp[data-kind="middle"] [part="nav"]{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;}.n1vu90xp [part="logo"]{display:flex;align-items:center;margin-right:auto;width:100%;}.n1vu90xp [part="list"]{display:flex;align-items:center;justify-content:center;gap:8px;}.n1vu90xp [part="right"]{display:flex;align-items:center;justify-content:flex-end;}}
+@layer defaults{.i1i2i14o{position:relative;white-space:nowrap;color:var(--xyd-nav-item-color);padding:calc(var(--xyd-padding-default) / 2) var(--xyd-padding-default);display:flex;align-items:center;justify-content:center;}.i1i2i14o:hover{color:var(--xyd-nav-item-color--active);}.i1i2i14o[data-state="active"]{font-weight:bold;background:var(--xyd-nav-item-bgcolor--active);border-radius:8px;}.i1i2i14o [part="title1"]{position:absolute;inset:0;text-align:center;align-items:center;display:flex;justify-content:center;}.i1i2i14o [part="title2"]{visibility:hidden;font-weight:var(--xyd-font-weight-semibold);}}
 
-.XydUi-Component-Sidebar__SidebarHost{background:#f8f8f8;height:100%;border-radius:4px;display:flex;flex-direction:column;}
-.XydUi-Component-Sidebar__SidebarUl{overflow-y:auto;overflow-x:hidden;height:100%;padding:8px;}
-.XydUi-Component-Sidebar__FooterHost{padding:1rem;box-shadow:0 -2px 10px rgba(237, 237, 237, .1);border-top:1px solid #ededed;}
-.XydUi-Component-Sidebar__FooterItemHost{display:flex;width:100%;padding:2px;color:#6e6e80;}
-.XydUi-Component-Sidebar__FooterItem{display:flex;align-items:center;width:100%;gap:7px;font-size:14px;padding:4px 8px;}
-.XydUi-Component-Sidebar__FooterItem:hover{background:#ececf1;color:#111827;border-radius:4px;}
-.XydUi-Component-Sidebar__FooterItem:hover svg{fill:#111827;}
-.XydUi-Component-Sidebar__FooterItem svg{fill:#6e6e80;font-size:18px;width:18px;height:18px;}
-.XydUi-Component-Sidebar__ItemHost{color:#6e6e80;font-size:14px;}
-.XydUi-Component-Sidebar__ItemLink{display:flex;width:100%;font-weight:500;}
-.XydUi-Component-Sidebar__ItemLinkActive{background:#ebebeb;border-radius:4px;position:relative;font-weight:600;color:#000;}
-.XydUi-Component-Sidebar__ItemLinkActive::before{background:#7051d4;border-radius:0 2px 2px 0;bottom:7px;content:"";left:5px;position:absolute;top:7px;width:4px;border-radius:10px;}
-.XydUi-Component-Sidebar__ItemLinkParentActive{font-weight:600;background:transparent;}
-.XydUi-Component-Sidebar__ItemLinkActiveSecondary{background:unset;font-weight:500;}
-.XydUi-Component-Sidebar__ItemLinkItem{display:flex;width:100%;padding:8px 12px 8px 16px;position:relative;font-size:14px;}
-.XydUi-Component-Sidebar__ItemLinkItem:hover{background:#ececf1;color:#111827;border-radius:4px;}
-.XydUi-Component-Sidebar__TreeHost{margin-left:12px;}
-.XydUi-Component-Sidebar__ItemHeaderHost{padding-left:12px;margin-bottom:8px;margin-top:24px;font-size:13px;line-height:16px;font-weight:600;letter-spacing:0.5px;color:#111827;text-transform:uppercase;}
+@layer defaults{.p1jzdbj3{position:absolute;top:0;left:0;right:0;z-index:50;background-color:var(--xyd-progressbar-bgcolor);height:0;opacity:0;transition:opacity .1s linear;transition-delay:0s;will-change:opacity;}.p1jzdbj3[data-active="true"]{height:.25rem;opacity:1;transition-delay:.3s;}.p1jzdbj3 [part="item"]{height:100%;transition:all .5s ease-in-out;transition-delay:.1s;background-color:var(--xyd-progressbar-bgcolor--active);}.p1jzdbj3[data-loading="true"] [part="item"]{width:100%;}}
 
-.XydUi-Component-Sidebar__CollapseContainer{transform:translateZ(0);overflow:hidden;transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1),height 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:width,height;}@media (prefers-reduced-motion: reduce){.XydUi-Component-Sidebar__CollapseContainer{transition:none;}}.XydUi-Component-Sidebar__CollapseBase{opacity:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:opacity;}@media (prefers-reduced-motion: reduce){.XydUi-Component-Sidebar__CollapseBase{transition:none;}}.XydUi-Component-Sidebar__CollapseOpen{opacity:1;}
+@layer defaults{.sptag3l{background:var(--xyd-sidebar-bgcolor);height:100%;border-radius:4px;display:flex;flex-direction:column;}.sptag3l [part="list"]{overflow-y:auto;overflow-x:hidden;height:100%;padding:8px;}.sptag3l [part="footer"]{padding:1rem;box-shadow:0 -2px 10px var(--xyd-sidebar-divider-shadow-color);border-top:1px solid var(--xyd-sidebar-divider-color);}}
+@layer defaults{.iead4fo{color:var(--xyd-sidebar-item-color);}.iead4fo button{width:100%;}.iead4fo [part="link"]{display:flex;width:100%;font-weight:var(--xyd-font-weight-medium);}.iead4fo [part="first-item"]{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px 6px var(--xyd-sidebar-item-padding-left);margin-bottom:4px;position:relative;}.iead4fo [part="first-item"][data-anchor="true"]{padding:6px 12px 12px var(--xyd-sidebar-item-padding-left);}.iead4fo [part="first-item"]:not([data-anchor="true"]):hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);color:var( --xyd-sidebar-item-color--active);border-radius:4px;}.iead4fo [part="first-item"] [part="item-title-container"]{width:100%;display:flex;align-items:center;justify-content:space-between;}.iead4fo [part="first-item"] [part="item-title"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.iead4fo [part="first-item" ][data-active="true"]{background:var(--xyd-sidebar-item-bgcolor--active);border-radius:4px;position:relative;font-weight:var(--xyd-font-weight-semibold);color:var(--xyd-sidebar-item-color--active);}.iead4fo [part="first-item" ][data-active="true"]::before{content:"";position:absolute;background:var(--xyd-sidebar-item-bgcolor--active-mark);border-radius:0 2px 2px 0;bottom:9px;top:9px;width:2px;left:5px;border-radius:10px;}.iead4fo [part="first-item"][data-parent-active="true"]{font-weight:var(--xyd-font-weight-semibold);background:transparent;}.iead4fo[data-theme="secondary"] [part="first-item"][data-active="true"]{background:unset;font-weight:var(--xyd-font-weight-medium);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse){position:relative;}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse)::after{content:"";position:absolute;right:8px;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;background-color:var(--xyd-sidebar-item-color);-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-size:contain;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-position:center;mask-position:center;transition:transform 0.2s ease,background-color 0.2s ease;transform:rotate(-90deg);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse):hover::after{background-color:var(--xyd-sidebar-item-color--active);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse[data-open="true"]){font-weight:bold;}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse[data-open="true"])::after{transform:rotate(0deg);}}
+@layer defaults{.t1hrlfak{margin-left:12px;}}
+@layer defaults{.i1btwdcv{font-size:var(--xyd-font-size-xsmall);font-weight:var(--xyd-font-weight-extrabold);text-transform:uppercase;letter-spacing:0.25px;color:var( --xyd-sidebar-item-header-color);padding-left:var(--xyd-sidebar-item-padding-left);margin-bottom:8px;margin-top:24px;display:flex;align-items:center;gap:8px;}}
+@layer defaults{.f1801o7t{display:flex;width:100%;padding:2px;color:var(--xyd-sidebar-item-color);}.f1801o7t [part="item"]{display:flex;align-items:center;width:100%;gap:7px;padding:4px 8px;}.f1801o7t [part="item"]:hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);color:var(--xyd-sidebar-item-color--active);border-radius:4px;}.f1801o7t [part="item"]:hover svg{fill:var(--xyd-sidebar-item-color--active);}.f1801o7t [part="item"] svg{fill:var(--xyd-sidebar-item-color);font-size:var(--xyd-font-size-large);width:18px;height:18px;}}
 
-.XydUi-Component-SubNav__SubNavHost{align-items:center;background-color:#f6f6f7;border-radius:0.50rem;display:flex;flex-direction:row;width:100%;height:44px;margin-top:3px;padding:0 0.25rem;}
-.XydUi-Component-SubNav__SubNavPrefix{color:#44474a;font-size:12px;font-weight:600;padding-left:0.50rem;padding-right:1.50rem;position:relative;text-transform:uppercase;}
-.XydUi-Component-SubNav__SubNavPrefix:after{background:#d2d5d8;border-radius:1px;content:" ";height:0.75rem;position:absolute;right:0.50rem;top:50%;transform:translateY(-50%);width:2px;}
-.XydUi-Component-SubNav__SubNavUl{display:flex;flex-direction:row;height:100%;}
-.XydUi-Component-SubNav__SubNavLi{display:flex;height:100%;align-items:center;position:relative;}
-.XydUi-Component-SubNav__SubNavLi[data-state="active"]{font-weight:600;}
-.XydUi-Component-SubNav__SubNavLi[data-state="active"] a{color:#202223;}
-.XydUi-Component-SubNav__SubNavLi[data-state="active"] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%;}
-.XydUi-Component-SubNav__SubNavLink{color:#4b5563;line-height:2.75rem;display:block;height:100%;padding:0 0.50rem;}
-.XydUi-Component-SubNav__SubNavLink:hover{color:#202223;}
+@layer defaults{.c12fwmxc{display:block;transform:translateZ(0);overflow:hidden;transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1),height 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:width,height;}@media (prefers-reduced-motion: reduce){.c12fwmxc{transition:none;}}.c12fwmxc [part="child"]{opacity:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:opacity;}@media (prefers-reduced-motion: reduce){.c12fwmxc [part="child"]{transition:none;}}.c12fwmxc[data-open="true"] [part="child"]{opacity:1;}}
 
-.XydUi-Component-Toc__TocHost{position:relative;padding-left:16px;}
-.XydUi-Component-Toc__TocUl{margin:0;padding:0;list-style:none;}
-.XydUi-Component-Toc__TocLi{position:relative;line-height:1.5;margin:0 0 12px;padding:0;}
-.XydUi-Component-Toc__TocLink{display:inline-block;font-size:14px;color:#6e6e80;line-height:1.4;text-wrap:pretty;transition:color .15s ease;}
-.XydUi-Component-Toc__TocLinkActive{font-weight:600;color:#353740;}
-.XydUi-Component-Toc__ScrollerHost{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#ececf1;}
-.XydUi-Component-Toc__ScrollerScroll{position:absolute;top:0;left:0;width:2px;height:var(--active-track-height);transform:translateY(var(--active-track-top));background-color:#353740;transition:height .4s cubic-bezier(.19, 1, .22, 1),transform .4s cubic-bezier(.19, 1, .22, 1);}
+@layer defaults{.s4ah3ok{align-items:center;background-color:var(--xyd-subnav-bgcolor);border-radius:0.50rem;display:flex;flex-direction:row;width:100%;height:var(--xyd-subnav-height);margin-top:3px;padding:0 var(--xyd-padding-default);}.s4ah3ok [part="prefix"]{color:var(--xyd-subnav-prefix-color);font-weight:var(--xyd-font-weight-semibold);padding:0 var(--xyd-padding-default);position:relative;}.s4ah3ok [part="prefix"]:after{background:var(--xyd-subnav-prefix-marker-color);border-radius:1px;content:" ";height:12px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:2px;}.s4ah3ok [part="list"]{display:flex;flex-direction:row;height:100%;}}
+@layer defaults{.s1ncaln9{display:flex;height:100%;align-items:center;position:relative;}[data-state="active"]>.s1ncaln9{font-weight:var(--xyd-font-weight-semibold);}[data-state="active"]>.s1ncaln9 a{color:var(--xyd-subnav-item-color--active);}[data-state="active"]>.s1ncaln9 a:after{background-color:var(--xyd-subnav-item-color--active-mark);border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%;}.s1ncaln9 [part="link"]{color:var(--xyd-subnav-item-color);display:flex;height:100%;padding:0 0.50rem;align-items:center;}.s1ncaln9 [part="link"]:hover{color:var(--xyd-subnav-item-color--active);}}
+
+@layer defaults{.t19g75q2{position:relative;padding-left:16px;display:block;}.t19g75q2 [part="scroller"]{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--xyd-toc-bgcolor);}.t19g75q2 [part="scroll"]{position:absolute;top:0;left:0;width:2px;height:var(--xyd-toc-active-track-height);transform:translateY(var(--xyd-toc-active-track-top));background-color:var(--xyd-toc-scroll-bgcolor);transition:height .4s cubic-bezier(.19, 1, .22, 1),transform .4s cubic-bezier(.19, 1, .22, 1);}.t19g75q2 [part="list"]{margin:0;padding:0;list-style:none;}}
+@layer defaults{.teg7kxf{position:relative;margin:0 0 12px;padding:0;}.teg7kxf [part="link"]{display:inline-block;color:var(--xyd-toc-item-color);text-wrap:pretty;transition:color .15s ease;padding-left:0;}.teg7kxf [part="link"]:hover{color:var(--xyd-toc-item-color--active);}.teg7kxf[data-active="true"] [part="link"]{color:var(--xyd-toc-item-color--active);font-weight:var(--xyd-font-weight-semibold);}.teg7kxf[data-depth="1"] [part="link"]{padding-left:16px;}.teg7kxf[data-depth="2"] [part="link"]{padding-left:32px;}.teg7kxf[data-depth="3"] [part="link"]{padding-left:48px;}.teg7kxf[data-depth="4"] [part="link"]{padding-left:64px;}.teg7kxf[data-depth="5"] [part="link"]{padding-left:80px;}}

package/dist/index.d.ts

@@ -3,34 +3,46 @@ import React from 'react';
 interface NavProps {
     children: React.ReactNode;
     value: string;
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
     logo?: React.ReactNode;
     kind?: "middle";
+    className?: string;
+    rightSurface?: React.ReactNode;
 }
-declare function Nav({ children, value, onChange, logo, kind }: NavProps): React.JSX.Element;
+declare function Nav({ children, value, onChange, logo, kind, className, rightSurface }: NavProps): React.JSX.Element;
 declare namespace Nav {
-    var Item: ({ children, value, href }: {
-        children: any;
-        value: any;
-        href: any;
-    }) => React.JSX.Element;
+    var Tab: ({ children, value, onChange }: TabProps) => React.JSX.Element;
+    var Item: ({ children, value, href, as }: NavItemProps) => React.JSX.Element;
+}
+interface TabProps {
+    children: React.ReactNode;
+    value: string;
+    onChange?: (value: string) => void;
 }
 interface NavItemProps {
     children: React.ReactNode;
     href: string;
     value: string;
+    as?: React.ElementType;
+}
+
+interface ProgressBarProps {
+    className?: string;
+    isActive?: boolean;
 }
+declare function ProgressBar({ className, isActive }: ProgressBarProps): React.JSX.Element;
 
 interface UISidebarProps {
     children: React.ReactNode;
     footerItems?: React.ReactNode;
+    className?: string;
 }
-declare function UISidebar({ children, footerItems }: UISidebarProps): React.JSX.Element;
+declare function UISidebar({ children, footerItems, className }: UISidebarProps): React.JSX.Element;
 declare namespace UISidebar {
-    var Item: ({ children, button, href, active, activeTheme, isParentActive, onClick }: UISidebarItemProps) => React.JSX.Element;
-    var ItemHeader: ({ children }: UISidebarItemHeaderProps) => React.JSX.Element;
+    var Item: ({ children, button, href, active, activeTheme, isParentActive, anchor, icon, onClick, }: UISidebarItemProps) => React.JSX.Element;
+    var ItemHeader: ({ children, icon }: UISidebarItemHeaderProps) => React.JSX.Element;
     var SubTree: ({ children, isOpen }: UISidebarSubTreeProps) => React.JSX.Element;
-    var FooterItem: ({ children, href, icon }: SidebarFooterItemProps) => React.JSX.Element;
+    var FooterItem: ({ children, href, icon, as }: SidebarFooterItemProps) => React.JSX.Element;
 }
 interface UISidebarItemProps {
     children: React.ReactNode;
@@ -39,10 +51,13 @@ interface UISidebarItemProps {
     active?: boolean;
     activeTheme?: "secondary";
     isParentActive?: boolean;
+    anchor?: boolean;
+    icon?: React.ReactNode;
     onClick?: (v: any) => void;
 }
 interface UISidebarItemHeaderProps {
     children: React.ReactNode;
+    icon?: React.ReactNode;
 }
 interface UISidebarSubTreeProps {
     children: React.ReactNode;
@@ -52,40 +67,48 @@ interface SidebarFooterItemProps {
     children: React.ReactNode;
     href?: string;
     icon?: React.ReactNode;
+    as?: React.ElementType;
 }
 
 interface SubNavProps {
     children: React.ReactNode;
     title: string;
     value: string;
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
+    className?: string;
 }
-declare function SubNav({ children, title, value, onChange }: SubNavProps): React.JSX.Element;
+declare function SubNav({ children, title, value, onChange, className }: SubNavProps): React.JSX.Element;
 declare namespace SubNav {
-    var Item: ({ children, value, href }: SubNavItemProps) => React.JSX.Element;
+    var Item: ({ children, value, href, as }: SubNavItemProps) => React.JSX.Element;
 }
 interface SubNavItemProps {
     children: React.ReactNode;
     value: string;
     href?: string;
+    as?: React.ElementType;
 }
 
 interface TocProps {
     children: React.ReactNode;
     defaultValue?: string;
+    className?: string;
+    maxDepth?: number;
 }
-declare function Toc({ children, defaultValue }: TocProps): React.JSX.Element;
+declare function Toc({ children, defaultValue, className, maxDepth }: TocProps): React.JSX.Element;
 declare namespace Toc {
-    var Item: ({ children, value, }: TocItemProps) => React.JSX.Element;
+    var Item: ({ children, id, className, depth }: TocItemProps) => React.JSX.Element;
 }
 interface TocItemProps {
     children: React.ReactNode;
-    value: string;
+    id: string;
+    className?: string;
+    depth?: number;
 }
 
 interface ITOC {
     depth: number;
     value: string;
+    id: string;
     children: ITOC[];
 }
 interface IBreadcrumb {
@@ -103,5 +126,5 @@ interface INavLinks {
     };
 }
 
-export { Nav, SubNav, Toc, UISidebar };
-export type { IBreadcrumb, INavLinks, ITOC, NavItemProps, NavProps, SidebarFooterItemProps, SubNavProps, UISidebarItemHeaderProps, UISidebarItemProps, UISidebarProps };
+export { Nav, ProgressBar, SubNav, Toc, UISidebar };
+export type { IBreadcrumb, INavLinks, ITOC, NavItemProps, NavProps, SidebarFooterItemProps, SubNavProps, TocItemProps, TocProps, UISidebarItemHeaderProps, UISidebarItemProps, UISidebarProps };

package/dist/index.js

@@ -1,2 +1,2 @@
-import e,{useRef as t,useEffect as n,useState as r,useContext as a}from"react";import*as o from"@radix-ui/react-tabs";function c(t){var n=t.children,r=t.value,a=t.onChange,c=t.logo,i=t.kind;return e.createElement(o.Root,{asChild:!0,value:r,onValueChange:a},e.createElement("div",{className:"XydUi-Component-Nav__NavHost"},e.createElement("div",{className:"XydUi-Component-Nav__NavShadow"}),e.createElement("nav",{className:"\n                ".concat("XydUi-Component-Nav__Nav","\n                ").concat("middle"===i&&"XydUi-Component-Nav__NavMiddle","\n            ")},e.createElement("div",{className:"\n                    ".concat("XydUi-Component-Nav__LogoHost","\n                    xyd_ui-comp-nav-logo\n                ")},c),e.createElement(o.List,{asChild:!0},e.createElement("div",{className:"XydUi-Component-Nav__ListHost"},n)),"middle"===i&&e.createElement("div",null))))}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function l(e){if(Array.isArray(e))return e}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){return l(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,c,i=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t);else for(;!(l=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw a}}return i}}(e,t)||d(e,t)||s()}function m(e){return l(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||s()}function d(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}c.Item=function(t){var n=t.children,r=t.value,a=t.href;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("a",{href:a,className:"XydUi-Component-Nav__ItemHost"},e.createElement("span",{className:"XydUi-Component-Nav__ItemTitle1"},n),e.createElement("span",{className:"XydUi-Component-Nav__ItemTitle2"},n)))},"function"==typeof SuppressedError&&SuppressedError;function v(r){var a=r.children,o=r.isOpen,c=r.horizontal,i=void 0!==c&&c,l=t(null),s=t(null),u=t(null),m=t(o),d=t(!0),v=t(null),f=function(){var e=l.current,t=s.current;if(e&&t){var n=t.querySelectorAll('[class*="collapse"]'),r=[];if(n.forEach((function(e){e instanceof HTMLElement&&(r.push({element:e,height:e.style.height,overflow:e.style.overflow}),e.style.height="auto",e.style.overflow="visible")})),i){var a=t.scrollWidth;e.style.width="".concat(a,"px"),t.style.width="".concat(a,"px")}else{var o=t.scrollHeight;e.style.height="".concat(o,"px"),t.style.height="".concat(o,"px")}r.forEach((function(e){var t=e.element,n=e.height,r=e.overflow;t.style.height=n,t.style.overflow=r}))}};return n((function(){var e=l.current,t=s.current;if(u.current&&clearTimeout(u.current),!d.current&&e&&t){if(v.current&&v.current.disconnect(),o)f(),v.current=new MutationObserver((function(e){e.some((function(e){var t;return"childList"===e.type||"attributes"===e.type||"characterData"===e.type&&(null===(t=e.target.parentElement)||void 0===t?void 0:t.closest('[class*="collapse"]'))}))&&f()})),v.current.observe(t,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),u.current=window.setTimeout((function(){e.style.removeProperty(i?"width":"height"),t.style.removeProperty(i?"width":"height"),v.current&&v.current.disconnect()}),300);else if(i){var n=e.scrollWidth;e.style.width="".concat(n,"px"),e.offsetWidth,e.style.width="0px"}else{var r=e.scrollHeight;e.style.height="".concat(r,"px"),e.offsetHeight,e.style.height="0px"}return function(){v.current&&v.current.disconnect(),u.current&&clearTimeout(u.current)}}}),[i,o]),n((function(){d.current=!1}),[]),e.createElement("div",{ref:l,className:"XydUi-Component-Sidebar__CollapseContainer",style:m.current||i?void 0:{height:0}},e.createElement("div",{ref:s,className:"".concat("XydUi-Component-Sidebar__CollapseBase"," ").concat(o?"XydUi-Component-Sidebar__CollapseOpen":"")},a))}function f(t){var n=t.children,r=t.footerItems;return e.createElement("div",{className:"\n        ".concat("XydUi-Component-Sidebar__SidebarHost","\n        xyd_ui-comp-sidebar\n    ")},e.createElement("ul",{className:"XydUi-Component-Sidebar__SidebarUl"},n),r&&e.createElement(p,null,r))}function h(t){var n=t.children,r=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(t,["children"]);return e.createElement("a",Object.assign({},r),n)}function p(t){var n=t.children;return e.createElement("div",{className:"XydUi-Component-Sidebar__FooterHost"},e.createElement("ul",null,n))}f.Item=function(t){var n=t.children,r=t.button,a=t.href,o=t.active,c=t.activeTheme,i=t.isParentActive,l=t.onClick,s=m(e.Children.toArray(n)),u=s[0],d=s.slice(1),v=r?"button":h;return e.createElement("li",{className:"XydUi-Component-Sidebar__ItemHost"},e.createElement(v,{href:r?void 0:a,onClick:r?l:void 0,className:"XydUi-Component-Sidebar__ItemLink"},e.createElement("div",{className:"\n                ".concat("XydUi-Component-Sidebar__ItemLinkItem","\n                ").concat(o&&"XydUi-Component-Sidebar__ItemLinkActive","\n                ").concat(i&&"XydUi-Component-Sidebar__ItemLinkParentActive","\n                ").concat(o&&"secondary"===c&&"XydUi-Component-Sidebar__ItemLinkActiveSecondary","\n            ")},u)),d)},f.ItemHeader=function(t){var n=t.children;return e.createElement("li",{className:"XydUi-Component-Sidebar__ItemHeaderHost"},n)},f.SubTree=function(t){var n=t.children,r=t.isOpen;return e.createElement("ul",{className:"XydUi-Component-Sidebar__TreeHost"},e.createElement(v,{isOpen:r||!1},n))},f.FooterItem=function(t){var n=t.children,r=t.href,a=t.icon;return e.createElement("li",{className:"XydUi-Component-Sidebar__FooterItemHost"},e.createElement("a",{className:"XydUi-Component-Sidebar__FooterItem",href:r},a,n))};function y(t){var n=t.children,r=t.title,a=t.value,c=t.onChange;return e.createElement(o.Root,{asChild:!0,value:a,onValueChange:c},e.createElement("nav",{className:"XydUi-Component-SubNav__SubNavHost"},e.createElement("div",{className:"XydUi-Component-SubNav__SubNavPrefix"},r),e.createElement(o.List,{asChild:!0},e.createElement("ul",{className:"XydUi-Component-SubNav__SubNavUl"},n))))}y.Item=function(t){var n=t.children,r=t.value,a=t.href;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("li",{className:"XydUi-Component-SubNav__SubNavLi"},e.createElement("a",{href:a,className:"XydUi-Component-SubNav__SubNavLink"},n)))};var _="XydUi-Component-Toc__TocLinkActive",b=e.createContext({value:"",onChange:function(e){}});function C(t){var a=t.children,o=t.defaultValue,c=u(r(0),2),i=c[0],l=c[1],s=u(r(0),2),m=s[0],d=s[1],v=u(r(o||""),2),f=v[0],h=v[1];return n((function(){var e=new IntersectionObserver((function(e){var t=!1;e.forEach((function(e){if(!t&&e.isIntersecting&&e.target instanceof HTMLHeadingElement){var n=e.target.getBoundingClientRect();n.top>=0&&n.bottom<=window.innerHeight&&(t=!0,h(e.target.innerText))}}))}),{threshold:.3});return document.querySelectorAll("h2").forEach((function(t){t&&e.observe(t)})),function(){e.disconnect()}}),[]),n((function(){!function(){var e=document.querySelector(".".concat(_));if(e){var t=e.offsetHeight;if(l(t),null==e?void 0:e.parentElement){var n=e.parentElement.offsetTop;d(n)}}}()}),[f]),e.createElement(b.Provider,{value:{value:f,onChange:function(e){h(e)}}},e.createElement("div",{className:"XydUi-Component-Toc__TocHost"},e.createElement("div",{className:"XydUi-Component-Toc__ScrollerHost"},e.createElement("div",{style:{"--active-track-height":"".concat(i,"px"),"--active-track-top":"".concat(m,"px")},className:"XydUi-Component-Toc__ScrollerScroll"})),e.createElement("ul",{className:"XydUi-Component-Toc__TocUl"},a)))}C.Item=function(t){var n=t.children,r=t.value,o=void 0===r?"#":r,c=a(b),i=c.value,l=c.onChange,s="#"+o,u=i===o;return e.createElement("li",{className:"XydUi-Component-Toc__TocLi"},e.createElement("a",{className:"".concat("XydUi-Component-Toc__TocLink"," ").concat(u&&_),href:s,onClick:function(e){e.preventDefault(),l(o);var t=!1;document.querySelectorAll("h2").forEach((function(e){t||e.innerText===o&&(t=!0,e.scrollIntoView())}))}},n))};export{c as Nav,y as SubNav,C as Toc,f as UISidebar};
+import e,{useRef as t,useEffect as r,useState as n,useCallback as a,createContext as c,useContext as i}from"react";import{Tabs as l}from"radix-ui";import{Link as o}from"react-router";function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return e}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,c,i,l=[],o=!0,u=!1;try{if(c=(r=r.call(e)).next,0===t);else for(;!(o=(n=c.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||h(e,t)||f()}function m(e){return s(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||h(e)||f()}function h(e,t){if(e){if("string"==typeof e)return u(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function v(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}"function"==typeof SuppressedError&&SuppressedError;function p(t){var r=t.children,n=t.value,a=t.onChange,c=t.logo,i=t.kind,o=t.className,u=t.rightSurface;return e.createElement(l.Root,{asChild:!0,value:n,onValueChange:a},e.createElement("xyd-nav",{className:"".concat("n1vu90xp"," ").concat(o||""),"data-kind":i},e.createElement("div",{part:"shadow"}),e.createElement("nav",{part:"nav"},e.createElement("div",{part:"logo"},c),e.createElement(l.List,{asChild:!0},e.createElement("div",{part:"list"},r)),("middle"===i||u)&&e.createElement("div",{part:"right"},u))))}function y(t){var r=t.children,n=v(t,["children"]);return e.createElement("a",Object.assign({},n),r)}p.Tab=function(t){var r=t.children,n=t.value,a=t.onChange;return e.createElement(l.Root,{asChild:!0,value:n,onValueChange:a},e.createElement(l.List,null,r))},p.Item=function(t){var r=t.children,n=t.value,a=t.href,c=t.as||y;return e.createElement(l.Trigger,{asChild:!0,value:n},e.createElement("xyd-nav-item",{className:"i1i2i14o"},e.createElement(c,{href:a},e.createElement("span",{part:"title1"},r),e.createElement("span",{part:"title2"},r))))};function g(t){var r=t.className,n=t.isActive,a=void 0!==n&&n;return e.createElement("xyd-progressbar",{"data-active":String(a),role:"progressbar","aria-hidden":"true","aria-label":"loading bar",className:"".concat("p1jzdbj3"," ").concat(r||"")},e.createElement("div",{part:"item"}))}function E(n){var a=n.children,c=n.isOpen,i=n.horizontal,l=void 0!==i&&i,o=n.className,u=t(null),s=t(null),f=t(null),d=t(c),m=t(!0),h=t(null),v=function(){var e=u.current,t=s.current;if(e&&t){var r=t.querySelectorAll('[class*="collapse"]'),n=[];if(r.forEach(function(e){e instanceof HTMLElement&&(n.push({element:e,height:e.style.height,overflow:e.style.overflow}),e.style.height="auto",e.style.overflow="visible")}),l){var a=t.scrollWidth;e.style.width="".concat(a,"px"),t.style.width="".concat(a,"px")}else{var c=t.scrollHeight;e.style.height="".concat(c,"px"),t.style.height="".concat(c,"px")}n.forEach(function(e){var t=e.element,r=e.height,n=e.overflow;t.style.height=r,t.style.overflow=n})}};return r(function(){var e=u.current,t=s.current;if(f.current&&clearTimeout(f.current),!m.current&&e&&t){if(h.current&&h.current.disconnect(),c)v(),h.current=new MutationObserver(function(e){e.some(function(e){var t;return"childList"===e.type||"attributes"===e.type||"characterData"===e.type&&(null===(t=e.target.parentElement)||void 0===t?void 0:t.closest('[class*="collapse"]'))})&&v()}),h.current.observe(t,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),f.current=window.setTimeout(function(){e.style.removeProperty(l?"width":"height"),t.style.removeProperty(l?"width":"height"),h.current&&h.current.disconnect()},300);else if(l){var r=e.scrollWidth;e.style.width="".concat(r,"px"),e.offsetWidth,e.style.width="0px"}else{var n=e.scrollHeight;e.style.height="".concat(n,"px"),e.offsetHeight,e.style.height="0px"}return function(){h.current&&h.current.disconnect(),f.current&&clearTimeout(f.current)}}},[l,c]),r(function(){m.current=!1},[]),e.createElement("xyd-collapse",{"data-open":String(c),className:"".concat("c12fwmxc"," ").concat(o||""),ref:u,style:d.current||l?void 0:{height:0}},e.createElement("div",{part:"child",ref:s},a))}function b(n){var a=n.children,c=n.footerItems,i=n.className,l=t(null);return r(function(){if(l.current){var e=l.current.querySelector('[data-active="true"]');if(e){var t=l.current.clientHeight,r=e.getBoundingClientRect().top,n=e.clientHeight,a=l.current.scrollTop+r-t/2+n/2;l.current.scrollTo({top:a,behavior:"auto"})}}},[]),e.createElement("xyd-sidebar",{className:"".concat("sptag3l"," ").concat(i||"")},e.createElement("ul",{part:"list",ref:l},a),c&&e.createElement("div",{part:"footer"},e.createElement("ul",null,c)))}function w(t){var r=t.children,n=v(t,["children"]);return e.createElement("a",Object.assign({},n),r)}b.Item=function(t){var r=t.children,n=t.button,a=t.href,c=t.active,i=t.activeTheme,l=t.isParentActive,u=t.anchor,s=t.icon,f=t.onClick,d=m(e.Children.toArray(r)),h=d[0],v=d.slice(1),p=n?"button":o,y=(null==a?void 0:a.endsWith("/"))?a.slice(0,-1):a;return e.createElement("li",{part:"item",className:"iead4fo","data-theme":i,"data-anchor":u?String(u):void 0},e.createElement(p,{part:"item-".concat(n?"button":"link"),href:n?void 0:y,to:y,onClick:f},e.createElement("div",{part:"first-item","data-parent-active":l,"data-active":c,"data-anchor":u?String(u):void 0},e.createElement(e.Fragment,null,s,h))),v)},b.ItemHeader=function(t){var r=t.children,n=t.icon;return e.createElement("li",{part:"item-header",className:"i1btwdcv"},n,r)},b.SubTree=function(t){var r=t.children,n=t.isOpen;return e.createElement("ul",{part:"subtree",className:"t1hrlfak"},e.createElement(E,{isOpen:n||!1},r))},b.FooterItem=function(t){var r=t.children,n=t.href,a=t.icon,c=t.as||w;return e.createElement("li",{part:"footer-item",className:"f1801o7t"},e.createElement(c,{part:"footer-link",href:n},a,r))};function x(t){var r=t.children,n=t.title,a=t.value,c=t.onChange,i=t.className;return e.createElement(l.Root,{asChild:!0,value:a,onValueChange:c},e.createElement("xyd-subnav",{className:"".concat("s4ah3ok"," ").concat(i||"")},e.createElement("div",{part:"prefix"},n),e.createElement(l.List,{asChild:!0},e.createElement("ul",{part:"list"},r))))}function S(t){var r=t.children,n=v(t,["children"]);return e.createElement("a",Object.assign({},n),r)}x.Item=function(t){var r=t.children,n=t.value,a=t.href,c=t.as||S;return e.createElement(l.Trigger,{asChild:!0,value:n},e.createElement("xyd-subnav-item",null,e.createElement("li",{className:"s1ncaln9"},e.createElement(c,{part:"link",href:a},r))))};var C=c({value:"",onChange:function(){},registerActiveItem:function(){},unregisterActiveItem:function(){}});function A(c){var i=c.children,l=c.defaultValue,o=c.className,u=c.maxDepth,s=void 0===u?2:u,f=d(n(0),2),m=f[0],v=f[1],p=d(n(0),2),y=p[0],g=p[1],E=d(n(l||""),2),b=E[0],w=E[1],x=t(new Map),S=t([]),A=t(!1),I=a(function(e,t){x.current.set(t,e)},[]),N=a(function(e){x.current.delete(e)},[]),O=a(function(e){w(e),A.current=!0},[]);function k(){var e=Array.from({length:s},function(e,t){return"h".concat(t+2)}).join(",");S.current=Array.from(document.querySelectorAll(e)).map(function(e){return e.id})}return r(function(){return k(),!l&&S.current.length&&w(S.current[0]),window.addEventListener("resize",k),function(){return window.removeEventListener("resize",k)}},[l]),r(function(){var e=window;function t(){if(A.current)A.current=!1;else{var t,r=e instanceof Window?window.pageYOffset:e.scrollTop,n=e instanceof Window?window.innerHeight:e.clientHeight,a=.2*n,c=S.current[0]||"",i=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=h(e))||t){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,c=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw c}}}}(S.current);try{for(i.s();!(t=i.n()).done;){var l=t.value,o=document.getElementById(l);if(o){if(!(o.getBoundingClientRect().top<=a))break;c=l}}}catch(e){i.e(e)}finally{i.f()}var u=e instanceof Window?document.documentElement.scrollHeight:e.scrollHeight;u>n&&r+n>=u-1&&(c=S.current[S.current.length-1]||c),c!==b&&w(c)}}return e.addEventListener("scroll",t),t(),function(){return e.removeEventListener("scroll",t)}},[b]),r(function(){var e;(null==(e=x.current.get(b))?void 0:e.current)&&(v(e.current.offsetHeight),g(e.current.offsetTop))},[b]),e.createElement(C.Provider,{value:{value:b,onChange:O,registerActiveItem:I,unregisterActiveItem:N}},e.createElement("xyd-toc",{className:"".concat("t19g75q2"," ").concat(o||"")},e.createElement("div",{part:"scroller"},e.createElement("div",{part:"scroll",style:{"--xyd-toc-active-track-height":"".concat(m,"px"),"--xyd-toc-active-track-top":"".concat(y,"px")}})),e.createElement("ul",{part:"list"},i)))}A.Item=function(n){var a=n.children,c=n.id,l=n.className,u=n.depth,s=i(C),f=s.value,d=s.onChange,m=s.registerActiveItem,h=s.unregisterActiveItem,v=t(null),p=f===c;return r(function(){return p&&v.current&&m(v,c),function(){return h(c)}},[p,c,m,h]),e.createElement("xyd-toc-item",null,e.createElement("li",{ref:v,className:"".concat("teg7kxf"," ").concat(l||""),"data-active":String(p),"data-depth":u},e.createElement(o,{part:"link",to:"",onClick:function(e){var t;e.preventDefault(),d(c);var r=new URL(window.location.href);r.hash=c,history.replaceState(null,"",r.toString()),null===(t=document.getElementById(c))||void 0===t||t.scrollIntoView()}},a)))};export{p as Nav,g as ProgressBar,x as SubNav,A as Toc,b as UISidebar};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Nav/Nav.tsx","../src/components/Nav/Nav.styles.tsx","../../../node_modules/.pnpm/@rollup+plugin-typescript@12.1.2_rollup@4.39.0_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js","../src/components/Sidebar/Collapse.tsx","../src/components/Sidebar/Collapse.styles.tsx","../src/components/Sidebar/Sidebar.tsx","../src/components/Sidebar/Sidebar.styles.tsx","../src/components/SubNav/SubNav.tsx","../src/components/SubNav/SubNav.styles.tsx","../src/components/Toc/Toc.styles.tsx","../src/components/Toc/Toc.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./Nav.styles\";\n\nexport interface NavProps {\n    children: React.ReactNode\n    value: string\n    onChange: (value: string) => void\n    logo?: React.ReactNode;\n    kind?: \"middle\"\n}\n\nexport function Nav({children, value, onChange, logo, kind}: NavProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <div className={cn.NavHost}>\n            <div className={cn.NavShadow}/>\n            <nav className={`\n                ${cn.Nav}\n                ${kind === \"middle\" && cn.NavMiddle}\n            `}>\n                <div className={`\n                    ${cn.LogoHost}\n                    xyd_ui-comp-nav-logo\n                `}>\n                    {logo}\n                </div>\n                <RadixTabs.List asChild>\n                    <div className={cn.ListHost}>\n                        {children}\n                    </div>\n                </RadixTabs.List>\n                {kind === \"middle\" && <div/>}\n            </nav>\n        </div>\n    </RadixTabs.Root>\n}\n\nexport interface NavItemProps {\n    children: React.ReactNode;\n    href: string;\n    value: string;\n}\n\nNav.Item = function NavItem({children, value, href}) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <a\n            href={href}\n            className={cn.ItemHost}\n        >\n            <span className={cn.ItemTitle1}>{children}</span>\n            <span className={cn.ItemTitle2}>{children}</span>\n        </a>\n    </RadixTabs.Trigger>\n};\n\n","import {css} from \"@linaria/core\";\n\nexport const NavHost = css`\n    position: sticky;\n    top: 0;\n    z-index: 20;\n    width: 100%;\n    background: transparent;\n    display: flex;\n`;\n\nexport const NavShadow = css`\n    pointer-events: none;\n    position: absolute;\n    z-index: -1;\n    height: 100%;\n    width: 100%;\n    background-color: white;\n`;\n\nexport const Nav = css`\n    display: flex;\n    width: 100%;\n    height: var(--xyd-navbar-height);\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n    padding-left: calc(max(env(safe-area-inset-left), 16px));\n    padding-right: calc(max(env(safe-area-inset-right), 16px));\n`;\n\nexport const NavMiddle = css`\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    align-items: center;\n`;\n\nexport const ListHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n`;\n\nexport const ItemHost = css`\n    font-size: 14px; /* 0.875rem */\n    position: relative;\n    white-space: nowrap;\n    color: #000;\n    padding: 8px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n    &:hover {\n        color: #1f2937; /* Gray-800 */\n    }\n\n    &[data-state=\"active\"] {\n        font-weight: bold;\n        background: #f9f9f9;\n        border-radius: 8px;\n    }\n`;\n\nexport const ItemTitle1 = css`\n    position: absolute;\n    inset: 0;\n    text-align: center;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n`;\n\nexport const ItemTitle2 = css`\n    visibility: hidden;\n    font-weight: 600;\n`;\n\nexport const LogoHost = css`\n    display: flex;\n    align-items: center;\n    margin-right: auto;\n`;","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React, {useEffect, useRef} from \"react\";\nimport type {ReactElement, ReactNode} from \"react\";\nimport * as cn from \"./Collapse.styles\";\n\nexport interface UICollapseProps {\n    children: ReactNode;\n    isOpen: boolean;\n    horizontal?: boolean;\n}\n\nexport function UICollapse({\n                               children,\n                               isOpen,\n                               horizontal = false,\n                           }: UICollapseProps): ReactElement {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const animationRef = useRef<number | null>(null);\n    const initialOpen = useRef(isOpen);\n    const initialRender = useRef(true);\n    const observerRef = useRef<MutationObserver | null>(null);\n\n    const measureAndUpdateDimensions = () => {\n        const container = containerRef.current;\n        const inner = innerRef.current;\n        if (!container || !inner) return;\n\n        // Temporarily make all nested content visible for measurement\n        const nestedCollapses = inner.querySelectorAll('[class*=\"collapse\"]');\n        const originalStyles: Array<{ element: HTMLElement; height: string; overflow: string }> = [];\n\n        nestedCollapses.forEach((collapse) => {\n            if (collapse instanceof HTMLElement) {\n                originalStyles.push({\n                    element: collapse,\n                    height: collapse.style.height,\n                    overflow: collapse.style.overflow\n                });\n                collapse.style.height = 'auto';\n                collapse.style.overflow = 'visible';\n            }\n        });\n\n        if (horizontal) {\n            const width = inner.scrollWidth;\n            container.style.width = `${width}px`;\n            inner.style.width = `${width}px`;\n        } else {\n            const height = inner.scrollHeight;\n            container.style.height = `${height}px`;\n            inner.style.height = `${height}px`;\n        }\n\n        // Restore original styles\n        originalStyles.forEach(({element, height, overflow}) => {\n            element.style.height = height;\n            element.style.overflow = overflow;\n        });\n    };\n\n    useEffect(() => {\n        const container = containerRef.current;\n        const inner = innerRef.current;\n\n        if (animationRef.current) {\n            clearTimeout(animationRef.current);\n        }\n        if (initialRender.current || !container || !inner) return;\n\n        // Clean up previous observer\n        if (observerRef.current) {\n            observerRef.current.disconnect();\n        }\n\n        if (isOpen) {\n            // Opening animation\n            measureAndUpdateDimensions();\n\n            // Set up mutation observer to watch for content changes\n            observerRef.current = new MutationObserver((mutations) => {\n                // Check if the mutation affects height\n                const shouldUpdate = mutations.some(mutation => {\n                    return mutation.type === 'childList' ||\n                           mutation.type === 'attributes' ||\n                           (mutation.type === 'characterData' && mutation.target.parentElement?.closest('[class*=\"collapse\"]'));\n                });\n\n                if (shouldUpdate) {\n                    measureAndUpdateDimensions();\n                }\n            });\n\n            observerRef.current.observe(inner, {\n                childList: true,\n                subtree: true,\n                characterData: true,\n                attributes: true\n            });\n\n            animationRef.current = window.setTimeout(() => {\n                container.style.removeProperty(horizontal ? \"width\" : \"height\");\n                inner.style.removeProperty(horizontal ? \"width\" : \"height\");\n                if (observerRef.current) {\n                    observerRef.current.disconnect();\n                }\n            }, 300);\n        } else {\n            // Closing animation\n            if (horizontal) {\n                const width = container.scrollWidth;\n                container.style.width = `${width}px`;\n                container.offsetWidth; // Force reflow\n                container.style.width = \"0px\";\n            } else {\n                const height = container.scrollHeight;\n                container.style.height = `${height}px`;\n                container.offsetHeight; // Force reflow\n                container.style.height = \"0px\";\n            }\n        }\n\n        return () => {\n            if (observerRef.current) {\n                observerRef.current.disconnect();\n            }\n            if (animationRef.current) {\n                clearTimeout(animationRef.current);\n            }\n        };\n    }, [horizontal, isOpen]);\n\n    useEffect(() => {\n        initialRender.current = false;\n    }, []);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn.CollapseContainer}\n            style={initialOpen.current || horizontal ? undefined : {height: 0}}\n        >\n            <div\n                ref={innerRef}\n                className={`${cn.CollapseBase} ${isOpen ? cn.CollapseOpen : \"\"}`}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n","import { css } from \"@linaria/core\";\n\nexport const CollapseContainer = css`\n    transform: translateZ(0);\n    overflow: hidden;\n    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1),\n                height 300ms cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: width, height;\n\n    @media (prefers-reduced-motion: reduce) {\n        transition: none;\n    }\n`;\n\nexport const CollapseBase = css`\n    opacity: 0;\n    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: opacity;\n\n    @media (prefers-reduced-motion: reduce) {\n        transition: none;\n    }\n`;\n\nexport const CollapseOpen = css`\n    opacity: 1;\n`;\n","import React from \"react\"\n\nimport * as cn from \"./Sidebar.styles\";\nimport {UICollapse} from \"./Collapse\";\n\nexport interface UISidebarProps {\n    children: React.ReactNode;\n    footerItems?: React.ReactNode;\n}\n\nexport function UISidebar({children, footerItems}: UISidebarProps) {\n    // TODO: in the future theming api?\n    return <div className={`\n        ${cn.SidebarHost}\n        xyd_ui-comp-sidebar\n    `}>\n        <ul className={cn.SidebarUl}>\n            {children}\n        </ul>\n        {footerItems && <SidebarFooter>\n            {footerItems}\n        </SidebarFooter>}\n    </div>\n}\n\nexport interface UISidebarItemProps {\n    children: React.ReactNode;\n    button?: boolean;\n    href?: string;\n    active?: boolean;\n    activeTheme?: \"secondary\";\n    isParentActive?: boolean;\n    onClick?: (v: any) => void\n}\n\n// TODO: move to ui\nfunction Link({children, ...props}) {\n    return <a {...props}>\n        {children}\n    </a>\n}\n\nUISidebar.Item = function SidebarItem({\n    children,\n    button,\n    href,\n    active,\n    activeTheme,\n    isParentActive,\n    onClick\n}: UISidebarItemProps) {\n    const [firstChild, ...restChilds] = React.Children.toArray(children)\n\n    const ButtonOrAnchor = button ? 'button' : Link\n\n    return <li\n        className={cn.ItemHost}\n    >\n        <ButtonOrAnchor\n            href={button ? undefined : href}\n            onClick={button ? onClick : undefined}\n            className={cn.ItemLink}\n        >\n            <div className={`\n                ${cn.ItemLinkItem}\n                ${active && cn.ItemLinkActive}\n                ${isParentActive && cn.ItemLinkParentActive}\n                ${active && activeTheme === \"secondary\" && cn.ItemLinkActiveSecondary}\n            `}>\n                {firstChild}\n            </div>\n        </ButtonOrAnchor>\n        {restChilds}\n    </li>\n}\n\nexport interface UISidebarItemHeaderProps {\n    children: React.ReactNode;\n}\n\nUISidebar.ItemHeader = function SidebarItemHeader({children}: UISidebarItemHeaderProps) {\n    return <li className={cn.ItemHeaderHost}>\n        {children}\n    </li>\n}\n\nexport interface UISidebarSubTreeProps {\n    children: React.ReactNode;\n    isOpen?: boolean;\n}\n\nUISidebar.SubTree = function SidebarSubItem({children, isOpen}: UISidebarSubTreeProps) {\n    return <ul className={cn.TreeHost}>\n        <UICollapse isOpen={isOpen || false}>\n            {children}\n        </UICollapse>\n    </ul>\n}\n\nfunction SidebarFooter({children}: { children: React.ReactNode }) {\n    return <div className={cn.FooterHost}>\n        <ul>\n            {children}\n        </ul>\n    </div>\n}\n\nexport interface SidebarFooterItemProps {\n    children: React.ReactNode;\n    href?: string;\n    icon?: React.ReactNode;\n}\n\nUISidebar.FooterItem = function SidebarFooter({children, href, icon}: SidebarFooterItemProps) {\n    return <li className={cn.FooterItemHost}>\n        <a className={cn.FooterItem} href={href}>\n            {icon}\n            {children}\n        </a>\n    </li>\n}\n\n","import {css} from \"@linaria/core\";\nimport colors from \"@livesession/design-system-colors\"\n\nexport const SidebarHost = css`\n    background: ${colors.dark8};\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const SidebarUl = css`\n    overflow-y: auto;\n    overflow-x: hidden;\n    height: 100%;\n    padding: 8px;\n\n    // TODO: get height of top\n    //height: calc(100vh - 54px);\n`;\n\nexport const FooterHost = css`\n    padding: 1rem;\n    //box-shadow: 0 -2px 10px rgba(0, 0, 0, .06);\n    box-shadow: 0 -2px 10px rgba(237, 237, 237, .1);\n    //border: 1px solid rgb(227, 227, 235);\n    //border-top: 1px solid rgb(227, 227, 235);\n    border-top: 1px solid #ededed;\n`;\n\nexport const FooterItemHost = css`\n    display: flex;\n    width: 100%;\n    padding: 2px;\n    color: #6e6e80;\n`;\n\nexport const FooterItem = css`\n    display: flex;\n    align-items: center;\n    width: 100%;\n    gap: 7px;\n    font-size: 14px;\n    padding: 4px 8px;\n\n    &:hover {\n        background: #ececf1;\n        color: #111827;\n        border-radius: 4px;\n\n        svg {\n            fill: #111827;\n        }\n    }\n\n    svg {\n        fill: #6e6e80;\n        font-size: 18px;\n        width: 18px;\n        height: 18px;\n    }\n`;\n\nexport const ItemHost = css`\n    color: #6e6e80;\n    font-size: 14px;\n`;\n\nexport const ItemLink = css`\n    display: flex;\n    width: 100%;\n    font-weight: 500;\n`;\n\nexport const ItemLinkActive = css`\n    background: ${colors.dark16};\n    border-radius: 4px;\n    position: relative;\n    font-weight: 600;\n    color: ${colors.dark100};\n    \n    &::before {\n        background: #7051d4;\n        border-radius: 0 2px 2px 0;\n        bottom: 7px;\n        content: \"\";\n        left: 5px;\n        position: absolute;\n        top: 7px;\n        width: 4px;\n        border-radius: 10px;\n    }\n`;\n\nexport const ItemLinkParentActive = css`\n    font-weight: 600;\n    background: transparent;\n`;\n\nexport const ItemLinkActiveSecondary = css`\n    background: unset;\n    font-weight: 500;\n`;\n\nexport const ItemLinkItem = css`\n    display: flex;\n    width: 100%;\n    padding: 8px 12px 8px 16px;\n    position: relative;\n    font-size: 14px;\n\n    &:hover {\n        background: #ececf1;\n        color: #111827;\n        border-radius: 4px;\n    }\n`;\n\nexport const TreeHost = css`\n    margin-left: 12px;\n`;\n\nexport const ItemHeaderHost = css`\n    // TODO: calc based on items?\n    padding-left: 12px;\n    margin-bottom: 8px;\n    margin-top: 24px;\n    font-size: 13px;\n    line-height: 16px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    color: #111827;\n    text-transform: uppercase;\n`;\n\n","import React from \"react\"\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./SubNav.styles\";\n\nexport interface SubNavProps {\n    children: React.ReactNode\n    title: string\n    value: string\n    onChange: (value: string) => void\n}\n\nexport function SubNav({children, title, value, onChange}: SubNavProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <nav className={cn.SubNavHost}>\n            <div className={cn.SubNavPrefix}>\n                {title}\n            </div>\n            <RadixTabs.List asChild>\n                <ul className={cn.SubNavUl}>\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </nav>\n    </RadixTabs.Root>\n}\n\nexport interface SubNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n}\n\nSubNav.Item = function SubNavItem({children, value, href}: SubNavItemProps) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <li className={cn.SubNavLi}>\n            <a href={href} className={cn.SubNavLink}>\n                {children}\n            </a>\n        </li>\n    </RadixTabs.Trigger>\n}","import {css} from \"@linaria/core\";\n\nexport const SubNavHost = css`\n    align-items: center;\n    background-color: #f6f6f7;\n    border-radius: 0.50rem;\n    display: flex;\n    flex-direction: row;\n\n    width: 100%;\n    height: 44px;\n    margin-top: 3px;\n    padding: 0 0.25rem;\n`;\n\nexport const SubNavPrefix = css`\n    color: #44474a;\n    //font: var(--font-sans-font-nav-category-base);\n    font-size: 12px;\n    font-weight: 600;\n    padding-left: 0.50rem;\n    padding-right: 1.50rem;\n    position: relative;\n    text-transform: uppercase;\n\n    &:after {\n        background: #d2d5d8;\n        border-radius: 1px;\n        content: \" \";\n        height: 0.75rem;\n        position: absolute;\n        right: 0.50rem;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 2px;\n    }\n`;\n\nexport const SubNavUl = css`\n    display: flex;\n    flex-direction: row;\n    height: 100%;\n`;\n\nexport const SubNavLi = css`\n    display: flex;\n    height: 100%;\n\n    align-items: center;\n    position: relative;\n\n    &[data-state=\"active\"] {\n        font-weight: 600;\n\n        a {\n            color: #202223;\n        }\n\n        a:after {\n            background-color: #7051d4;\n            border-radius: 1px;\n            bottom: 0;\n            content: \" \";\n            height: 2px;\n            left: 0;\n            position: absolute;\n            width: 100%;\n        }\n    }\n`;\n\nexport const SubNavLink = css`\n    color: #4b5563;\n    //font: var(--font-sans-font-nav-item-active-base);\n    line-height: 2.75rem;\n    display: block;\n    height: 100%;\n    padding: 0 0.50rem;\n\n    &:hover {\n        color: #202223;\n    }\n`;","import {css} from '@linaria/core';\n\nconst cubizEnter = 'cubic-bezier(.19, 1, .22, 1)';\n\nexport const TocHost = css`\n    position: relative;\n    padding-left: 16px;\n`;\n\nexport const TocUl = css`\n    margin: 0;\n    padding: 0;\n    list-style: none;\n`;\n\nexport const TocLi = css`\n    position: relative;\n    line-height: 1.5;\n    margin: 0 0 12px;\n    padding: 0;\n`;\n\nexport const TocLink = css`\n    display: inline-block;\n    font-size: 14px;\n    color: #6e6e80;\n    line-height: 1.4;\n    text-wrap: pretty;\n    transition: color .15s ease;\n`;\n\nexport const TocLinkActive = css`\n    font-weight: 600;\n    color: #353740;\n`;\n\nexport const ScrollerHost = css`\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 2px;\n    background-color: #ececf1;\n`;\n\nexport const ScrollerScroll = css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 2px;\n    height: var(--active-track-height); // TODO: this must be dynamic\n    transform: translateY(var(--active-track-top)); // TODO: this must be dynamic\n    background-color: #353740;\n    transition: height .4s ${cubizEnter}, transform .4s ${cubizEnter};\n`;","import React, {useState, useEffect, useContext} from \"react\"\n\nimport * as cn from \"./Toc.styles\";\n\nexport interface TocProps {\n    children: React.ReactNode;\n    defaultValue?: string\n}\n\nconst Context = React.createContext({\n    value: \"\",\n    onChange: (v: string) => {\n    }\n})\n\n// TODO: based on scroller?\nexport function Toc({children, defaultValue}: TocProps) {\n    const [activeTrackHeight, setActiveTrackHeight] = useState(0)\n    const [activeTrackTop, setActiveTrackTop] = useState(0)\n    const [value, setValue] = useState(defaultValue || \"\")\n\n    function onChange(v: string) {\n        setValue(v)\n    }\n\n    // TODO: more reactish implt?\n    function handleScroll() {\n        const activeElement = document.querySelector(`.${cn.TocLinkActive}`);\n        if (!activeElement) {\n            return;\n        }\n\n        const {offsetHeight} = activeElement as HTMLElement;\n        setActiveTrackHeight(offsetHeight);\n\n        if (!activeElement?.parentElement) {\n            return\n        }\n\n        const {offsetTop} = activeElement.parentElement as HTMLElement;\n        setActiveTrackTop(offsetTop);\n    }\n\n    // TODO: more reactish\n    useEffect(() => {\n        const observer = new IntersectionObserver(\n            (entries) => {\n                let set = false\n                entries.forEach(entry => {\n                    if (set) {\n                        return\n                    }\n                    if (!entry.isIntersecting) {\n                        return\n                    }\n\n                    if (entry.target instanceof HTMLHeadingElement) {\n                        const rect = entry.target.getBoundingClientRect();\n                        const isVisible = rect.top >= 0 && rect.bottom <= window.innerHeight;\n\n                        if (isVisible) {\n                            set = true\n                            setValue(entry.target.innerText);\n                        }\n                    }\n                });\n            },\n            {threshold: 0.3}\n        );\n\n        document.querySelectorAll(\"h2\").forEach(ref => {\n            if (ref) observer.observe(ref);\n        });\n\n        return () => {\n            observer.disconnect();\n        };\n    }, []);\n\n    useEffect(() => {\n        handleScroll(); // Initial call to set the values\n    }, [value]);\n\n    return <Context.Provider value={{\n        value: value,\n        onChange\n    }}>\n        <div className={cn.TocHost}>\n            <div className={cn.ScrollerHost}>\n                <div\n                    style={{\n                        // @ts-ignore\n                        \"--active-track-height\": `${activeTrackHeight}px`,\n                        \"--active-track-top\": `${activeTrackTop}px`,\n                    }}\n                    className={cn.ScrollerScroll}\n                />\n            </div>\n            <ul className={cn.TocUl}>\n                {children}\n            </ul>\n        </div>\n    </Context.Provider>\n}\n\nexport interface TocItemProps {\n    children: React.ReactNode;\n    value: string;\n}\n\nToc.Item = function TocItem({\n                                children,\n                                value = \"#\",\n                            }: TocItemProps) {\n    const {\n        value: rootValue,\n        onChange\n    } = useContext(Context);\n\n    const href = \"#\" + value\n    const active = rootValue === value;\n\n    return <li className={cn.TocLi}>\n        <a\n            className={`${cn.TocLink} ${active && cn.TocLinkActive}`}\n            href={href}\n            onClick={(e) => {\n                // TODO: use react-router but for some reason does not work\n                e.preventDefault()\n                onChange(value)\n\n                let found = false\n\n                // TODO: below is only a temporary solution\n                document.querySelectorAll(\"h2\").forEach(e => {\n                    if (found) {\n                        return\n                    }\n\n                    if (e.innerText === value) {\n                        found = true\n                        e.scrollIntoView()\n                    }\n                })\n            }}\n        >\n            {children}\n        </a>\n    </li>\n}\n"],"names":["Nav","_ref","children","value","onChange","logo","kind","React","createElement","RadixTabs","Root","asChild","onValueChange","className","concat","List","Item","_ref2","href","Trigger","SuppressedError","UICollapse","isOpen","_ref$horizontal","horizontal","containerRef","useRef","innerRef","animationRef","initialOpen","initialRender","observerRef","measureAndUpdateDimensions","container","current","inner","nestedCollapses","querySelectorAll","originalStyles","forEach","collapse","HTMLElement","push","element","height","style","overflow","width","scrollWidth","scrollHeight","useEffect","clearTimeout","disconnect","MutationObserver","mutations","some","mutation","type","target","parentElement","closest","observe","childList","subtree","characterData","attributes","window","setTimeout","removeProperty","offsetWidth","offsetHeight","ref","undefined","UISidebar","footerItems","SidebarFooter","Link","_a","props","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__rest","assign","_ref5","button","active","activeTheme","isParentActive","onClick","_React$Children$toArr2","_toArray","Children","toArray","firstChild","restChilds","slice","ButtonOrAnchor","ItemHeader","_ref3","SubTree","_ref4","FooterItem","_ref6","icon","SubNav","title","TocLinkActive","Context","createContext","v","Toc","defaultValue","_useState2","_slicedToArray","useState","activeTrackHeight","setActiveTrackHeight","_useState4","activeTrackTop","setActiveTrackTop","_useState6","setValue","observer","IntersectionObserver","entries","set","entry","isIntersecting","HTMLHeadingElement","rect","getBoundingClientRect","top","bottom","innerHeight","innerText","threshold","document","activeElement","querySelector","cn","offsetTop","handleScroll","Provider","_ref2$value","_useContext","useContext","rootValue","preventDefault","found","scrollIntoView"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.js","sources":["../../../node_modules/.pnpm/@rollup+plugin-typescript@12.1.3_rollup@4.44.0_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js","../src/components/Nav/Nav.tsx","../src/components/Nav/Nav.styles.tsx","../src/components/ProgressBar/ProgressBar.tsx","../src/components/ProgressBar/ProgressBar.styles.tsx","../src/components/Sidebar/Collapse.tsx","../src/components/Sidebar/Collapse.styles.tsx","../src/components/Sidebar/Sidebar.tsx","../src/components/Sidebar/Sidebar.styles.tsx","../src/components/SubNav/SubNav.tsx","../src/components/SubNav/SubNav.styles.tsx","../src/components/Toc/Toc.styles.tsx","../src/components/Toc/Toc.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import React from \"react\";\nimport {Tabs as RadixTabs} from \"radix-ui\"; // TODO: remove and use separation\n\nimport * as cn from \"./Nav.styles\";\n\nexport interface NavProps {\n    children: React.ReactNode\n    value: string\n    onChange?: (value: string) => void\n    logo?: React.ReactNode;\n    kind?: \"middle\"\n    className?: string;\n    rightSurface?: React.ReactNode;\n}\n\nexport function Nav({ children, value, onChange, logo, kind, className, rightSurface }: NavProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <xyd-nav\n            className={`${cn.NavHost} ${className || \"\"}`}\n            data-kind={kind}\n        >\n            <div part=\"shadow\" />\n            <nav part=\"nav\">\n                <div part=\"logo\">\n                    {logo}\n                </div>\n                <RadixTabs.List asChild>\n                    <div part=\"list\">\n                        {children}\n                    </div>\n                </RadixTabs.List>\n                {(kind === \"middle\" || rightSurface) && <div part=\"right\">{rightSurface}</div>}\n            </nav>\n        </xyd-nav>\n    </RadixTabs.Root>\n}\n\ninterface TabProps {\n    children: React.ReactNode\n    value: string\n    onChange?: (value: string) => void\n}\n\nNav.Tab = function Tab({ children, value, onChange }: TabProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <RadixTabs.List >\n            {children}\n        </RadixTabs.List>\n    </RadixTabs.Root>\n}\n\nexport interface NavItemProps {\n    children: React.ReactNode;\n    href: string;\n    value: string;\n    as?: React.ElementType;\n}\n\nNav.Item = function NavItem({ children, value, href, as }: NavItemProps) {\n    const Link = as || $Link;\n\n    return <RadixTabs.Trigger asChild value={value}>\n        <xyd-nav-item className={cn.ItemHost}>\n            <Link href={href}>\n                <span part=\"title1\">{children}</span>\n                <span part=\"title2\">{children}</span>\n            </Link>\n        </xyd-nav-item>\n    </RadixTabs.Trigger>\n};\n\nfunction $Link({ children, ...props }) {\n    return <a {...props}>{children}</a>\n}","import { css } from \"@linaria/core\";\n\nexport const NavHost = css`\n    @layer defaults {\n        position: sticky;\n        top: 0;\n        z-index: 20;\n        width: 100%;\n        background: transparent;\n        display: flex;\n\n        [part=\"shadow\"] {\n            pointer-events: none;\n            position: absolute;\n            z-index: -1;\n            height: 100%;\n            width: 100%;\n            background-color: var(--xyd-nav-shadow-bgcolor);\n        }\n\n        [part=\"nav\"] {\n            display: flex;\n            width: 100%;\n            height: var(--xyd-nav-height);\n            align-items: center;\n            justify-content: flex-end;\n            gap: 8px;\n            padding-left: calc(max(env(safe-area-inset-left), var(--xyd-padding-default)));\n            padding-right: calc(max(env(safe-area-inset-right), var(--xyd-padding-default)));\n        }\n        &[data-kind=\"middle\"] [part=\"nav\"] {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            align-items: center;\n        }\n\n        [part=\"logo\"] {\n            display: flex;\n            align-items: center;\n            margin-right: auto;\n            width: 100%;\n        }\n\n        [part=\"list\"] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        [part=\"right\"] {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n        }\n    }\n`;\n\n\nexport const ItemHost = css`\n    @layer defaults {\n        position: relative;\n        white-space: nowrap;\n        color: var(--xyd-nav-item-color);\n        padding: calc(var(--xyd-padding-default) / 2) var(--xyd-padding-default);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \n        &:hover {\n            color: var(--xyd-nav-item-color--active);\n        }\n\n        &[data-state=\"active\"] {\n            font-weight: bold;\n            background: var(--xyd-nav-item-bgcolor--active);\n            border-radius: 8px;\n        }\n\n        [part=\"title1\"] {\n            position: absolute;\n            inset: 0;\n            text-align: center;\n            align-items: center;\n            display: flex;\n            justify-content: center;\n        }\n\n        [part=\"title2\"] {\n            visibility: hidden;\n            font-weight: var(--xyd-font-weight-semibold);\n        }\n    }\n`;\n\n","import React from \"react\";\n\nimport * as cn from \"./ProgressBar.styles\";\n\nexport interface ProgressBarProps {\n  className?: string;\n  isActive?: boolean;\n}\n\nexport function ProgressBar({ className, isActive = false }: ProgressBarProps) {\n  return (\n    <xyd-progressbar\n      data-active={String(isActive)}\n      role=\"progressbar\"\n      aria-hidden=\"true\"\n      aria-label=\"loading bar\"\n      className={`${cn.ProgressBarHost} ${className || \"\"}`}\n    >\n      <div part=\"item\" />\n    </xyd-progressbar>\n  );\n}","import { css } from \"@linaria/core\";\n\nexport const ProgressBarHost = css`\n    @layer defaults {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 50;\n        background-color: var(--xyd-progressbar-bgcolor);\n        height: 0;\n        opacity: 0;\n        transition: opacity .1s linear;\n        transition-delay: 0s;\n        will-change: opacity;\n\n        &[data-active=\"true\"] {\n            height: .25rem;\n            opacity: 1;\n            transition-delay: .3s;\n        }\n\n        [part=\"item\"] {\n            height: 100%;\n            transition: all .5s ease-in-out;\n            transition-delay: .1s;\n            background-color: var(--xyd-progressbar-bgcolor--active);\n        }\n\n        &[data-loading=\"true\"] [part=\"item\"] {\n            width: 100%;\n        }\n    }\n`;\n\n","import React, { useEffect, useRef } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport * as cn from \"./Collapse.styles\";\n\nexport interface UICollapseProps {\n    children: ReactNode;\n    isOpen: boolean;\n    horizontal?: boolean;\n    className?: string;\n}\n\nexport function UICollapse({\n    children,\n    isOpen,\n    horizontal = false,\n    className,\n}: UICollapseProps): ReactElement {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const animationRef = useRef<number | null>(null);\n    const initialOpen = useRef(isOpen);\n    const initialRender = useRef(true);\n    const observerRef = useRef<MutationObserver | null>(null);\n\n    const measureAndUpdateDimensions = () => {\n        const container = containerRef.current;\n        const inner = innerRef.current;\n        if (!container || !inner) return;\n\n        // Temporarily make all nested content visible for measurement\n        const nestedCollapses = inner.querySelectorAll('[class*=\"collapse\"]');\n        const originalStyles: Array<{ element: HTMLElement; height: string; overflow: string }> = [];\n\n        nestedCollapses.forEach((collapse) => {\n            if (collapse instanceof HTMLElement) {\n                originalStyles.push({\n                    element: collapse,\n                    height: collapse.style.height,\n                    overflow: collapse.style.overflow\n                });\n                collapse.style.height = 'auto';\n                collapse.style.overflow = 'visible';\n            }\n        });\n\n        if (horizontal) {\n            const width = inner.scrollWidth;\n            container.style.width = `${width}px`;\n            inner.style.width = `${width}px`;\n        } else {\n            const height = inner.scrollHeight;\n            container.style.height = `${height}px`;\n            inner.style.height = `${height}px`;\n        }\n\n        // Restore original styles\n        originalStyles.forEach(({ element, height, overflow }) => {\n            element.style.height = height;\n            element.style.overflow = overflow;\n        });\n    };\n\n    useEffect(() => {\n        const container = containerRef.current;\n        const inner = innerRef.current;\n\n        if (animationRef.current) {\n            clearTimeout(animationRef.current);\n        }\n        if (initialRender.current || !container || !inner) return;\n\n        // Clean up previous observer\n        if (observerRef.current) {\n            observerRef.current.disconnect();\n        }\n\n        if (isOpen) {\n            // Opening animation\n            measureAndUpdateDimensions();\n\n            // Set up mutation observer to watch for content changes\n            observerRef.current = new MutationObserver((mutations) => {\n                // Check if the mutation affects height\n                const shouldUpdate = mutations.some(mutation => {\n                    return mutation.type === 'childList' ||\n                        mutation.type === 'attributes' ||\n                        (mutation.type === 'characterData' && mutation.target.parentElement?.closest('[class*=\"collapse\"]'));\n                });\n\n                if (shouldUpdate) {\n                    measureAndUpdateDimensions();\n                }\n            });\n\n            observerRef.current.observe(inner, {\n                childList: true,\n                subtree: true,\n                characterData: true,\n                attributes: true\n            });\n\n            animationRef.current = window.setTimeout(() => {\n                container.style.removeProperty(horizontal ? \"width\" : \"height\");\n                inner.style.removeProperty(horizontal ? \"width\" : \"height\");\n                if (observerRef.current) {\n                    observerRef.current.disconnect();\n                }\n            }, 300);\n        } else {\n            // Closing animation\n            if (horizontal) {\n                const width = container.scrollWidth;\n                container.style.width = `${width}px`;\n                container.offsetWidth; // Force reflow\n                container.style.width = \"0px\";\n            } else {\n                const height = container.scrollHeight;\n                container.style.height = `${height}px`;\n                container.offsetHeight; // Force reflow\n                container.style.height = \"0px\";\n            }\n        }\n\n        return () => {\n            if (observerRef.current) {\n                observerRef.current.disconnect();\n            }\n            if (animationRef.current) {\n                clearTimeout(animationRef.current);\n            }\n        };\n    }, [horizontal, isOpen]);\n\n    useEffect(() => {\n        initialRender.current = false;\n    }, []);\n\n    return (\n        <xyd-collapse\n            data-open={String(isOpen)}\n            className={`${cn.CollapseHost} ${className || \"\"}`}\n            ref={containerRef}\n            style={initialOpen.current || horizontal ? undefined : { height: 0 }}\n        >\n            <div\n                part=\"child\"\n                ref={innerRef}\n            >\n                {children}\n            </div>\n        </xyd-collapse>\n    );\n}\n","import { css } from \"@linaria/core\";\n\nexport const CollapseHost = css`\n    @layer defaults {\n        display: block;\n        transform: translateZ(0);\n        overflow: hidden;\n        transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1),\n                    height 300ms cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: width, height;\n\n        @media (prefers-reduced-motion: reduce) {\n            transition: none;\n        }\n\n        [part=\"child\"] {\n            opacity: 0;\n            transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n            will-change: opacity;\n\n            @media (prefers-reduced-motion: reduce) {\n                transition: none;\n            }\n        }\n\n        &[data-open=\"true\"] [part=\"child\"] {\n            opacity: 1;\n        }\n    }\n`;\n","import React, { useEffect, useRef } from \"react\"\nimport { Link } from \"react-router\"\n\nimport * as cn from \"./Sidebar.styles\";\nimport { UICollapse } from \"./Collapse\";\n\nexport interface UISidebarProps {\n    children: React.ReactNode;\n    footerItems?: React.ReactNode;\n    className?: string;\n}\n[]\nexport function UISidebar({ children, footerItems, className }: UISidebarProps) {\n    const listRef = useRef<HTMLUListElement>(null);\n\n    useEffect(() => {\n        // TODO: in the future better solution to match with hydration\n        if (listRef.current) {\n            const activeElement = listRef.current.querySelector('[data-active=\"true\"]');\n            if (activeElement) {\n                const containerHeight = listRef.current.clientHeight;\n                const elementTop = activeElement.getBoundingClientRect().top;\n                const elementHeight = activeElement.clientHeight;\n                const scrollTop = listRef.current.scrollTop;\n\n                // Calculate the position to center the element\n                const targetScroll = scrollTop + elementTop - (containerHeight / 2) + (elementHeight / 2);\n\n                listRef.current.scrollTo({\n                    top: targetScroll,\n                    behavior: 'auto'\n                });\n            }\n        }\n    }, []);\n\n    // TODO: in the future theming api?\n    return <xyd-sidebar\n        className={`${cn.SidebarHost} ${className || \"\"}`}\n    >\n        <ul part=\"list\" ref={listRef}>\n            {children}\n        </ul>\n        {\n            footerItems && <div part=\"footer\">\n                <ul>\n                    {footerItems}\n                </ul>\n            </div>\n        }\n    </xyd-sidebar>\n}\n\nexport interface UISidebarItemProps {\n    children: React.ReactNode;\n    button?: boolean;\n    href?: string;\n    active?: boolean;\n    activeTheme?: \"secondary\";\n    isParentActive?: boolean;\n    anchor?: boolean;\n    icon?: React.ReactNode;\n    onClick?: (v: any) => void\n}\n\n\nUISidebar.Item = function SidebarItem({\n    children,\n    button,\n    href,\n    active,\n    activeTheme,\n    isParentActive,\n    anchor,\n    icon,\n    onClick,\n}: UISidebarItemProps) {\n    const [firstChild, ...restChilds] = React.Children.toArray(children)\n\n    const ButtonOrAnchor = button ? 'button' : Link\n\n    let h = href?.endsWith(\"/\") ? href.slice(0, -1) : href\n    return <li\n        part=\"item\"\n        className={cn.ItemHost}\n        data-theme={activeTheme}\n        data-anchor={anchor ? String(anchor) : undefined}\n    >\n        <ButtonOrAnchor\n            part={`item-${button ? \"button\" : \"link\"}`}\n            href={button ? undefined : h}\n            to={h}\n            onClick={onClick}\n        >\n            <div\n                part=\"first-item\"\n                data-parent-active={isParentActive}\n                data-active={active}\n                data-anchor={anchor ? String(anchor) : undefined}\n            >\n                <>\n                    {icon}\n\n                    {firstChild}\n                </>\n            </div>\n        </ButtonOrAnchor>\n        {restChilds}\n    </li>\n}\n\nexport interface UISidebarItemHeaderProps {\n    children: React.ReactNode;\n    icon?: React.ReactNode;\n}\n\nUISidebar.ItemHeader = function SidebarItemHeader({ children, icon }: UISidebarItemHeaderProps) {\n    return <li part=\"item-header\" className={cn.ItemHeaderHost}>\n        {icon}\n        {children}\n    </li>\n}\n\nexport interface UISidebarSubTreeProps {\n    children: React.ReactNode;\n    isOpen?: boolean;\n}\n\nUISidebar.SubTree = function SidebarSubItem({ children, isOpen }: UISidebarSubTreeProps) {\n    return <ul part=\"subtree\" className={cn.TreeHost}>\n        <UICollapse isOpen={isOpen || false}>\n            {children}\n        </UICollapse>\n    </ul>\n}\n\nexport interface SidebarFooterItemProps {\n    children: React.ReactNode;\n    href?: string;\n    icon?: React.ReactNode;\n    as?: React.ElementType;\n}\n\nUISidebar.FooterItem = function SidebarFooterItem({ children, href, icon, as }: SidebarFooterItemProps) {\n    const Link = as || $Link;\n\n    return <li part=\"footer-item\" className={cn.FooterItemHost}>\n        <Link part=\"footer-link\" href={href}>\n            {icon}\n            {children}\n        </Link>\n    </li>\n}\n\nfunction $Link({ children, ...props }) {\n    return <a {...props}>\n        {children}\n    </a>\n}","import { renderToStaticMarkup } from 'react-dom/server';\nimport { css } from \"@linaria/core\";\nimport ChevronIcon from './chevronIcon.svg';\n\nexport const SidebarHost = css`\n    @layer defaults {\n        background: var(--xyd-sidebar-bgcolor);\n    \n        height: 100%;\n        border-radius: 4px;\n        display: flex;\n        flex-direction: column;\n\n        [part=\"list\"] {\n            overflow-y: auto;\n            overflow-x: hidden;\n            height: 100%;\n            padding: 8px;\n        }\n\n        [part=\"footer\"] {\n            padding: 1rem;\n            box-shadow: 0 -2px 10px var(--xyd-sidebar-divider-shadow-color);\n            border-top: 1px solid var(--xyd-sidebar-divider-color);\n        }\n    }\n`;\n\nexport const ItemHost = css`\n    @layer defaults {\n        color:var(--xyd-sidebar-item-color);\n\n        button {\n            width: 100%;\n        }\n        \n        [part=\"link\"] {\n            display: flex;\n            width: 100%;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        [part=\"first-item\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            width: 100%;\n            padding: 6px 12px 6px var(--xyd-sidebar-item-padding-left);\n            margin-bottom: 4px;\n            position: relative;\n            \n            &[data-anchor=\"true\"] {\n                padding: 6px 12px 12px var(--xyd-sidebar-item-padding-left);\n            }\n\n            &:not([data-anchor=\"true\"]):hover {\n                background: var(--xyd-sidebar-item-bgcolor--active-hover);\n                color: var( --xyd-sidebar-item-color--active);\n                border-radius: 4px;\n            }\n\n            [part=\"item-title-container\"] {\n                width: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n            }\n\n            [part=\"item-title\"] {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n            }\n        }\n        [part=\"first-item\" ][data-active=\"true\"] {\n            background: var(--xyd-sidebar-item-bgcolor--active);\n            border-radius: 4px;\n            position: relative;\n            font-weight: var(--xyd-font-weight-semibold);\n            color: var(--xyd-sidebar-item-color--active);\n            \n            &::before {\n                content: \"\";\n                position: absolute;\n                background: var(--xyd-sidebar-item-bgcolor--active-mark);\n                border-radius: 0 2px 2px 0;\n                bottom: 9px;\n                top: 9px;\n                width: 2px;\n                left: 5px;\n                border-radius: 10px;\n            }\n        }\n        [part=\"first-item\"][data-parent-active=\"true\"] {\n            font-weight: var(--xyd-font-weight-semibold);\n            background: transparent;\n        } \n        &[data-theme=\"secondary\"] [part=\"first-item\"][data-active=\"true\"] {\n            background: unset;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        [part=\"item-button\"] {\n            &:has(+ [part=\"subtree\"] xyd-collapse) {\n                position: relative;\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    right: 8px;\n                    top: 0;\n                    bottom: 0;\n                    width: 16px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background-color: var(--xyd-sidebar-item-color);\n                    // TODO: IN THE FUTURE IN THE COMPONENTS BUT CURRENTLY IT DOES ITEM DOES NOT HAVE ENOUGH STATE KNOWLEDGE\n                    -webkit-mask-image: url(${ChevronIcon});\n                    mask-image: url(${ChevronIcon});\n                    -webkit-mask-size: contain;\n                    mask-size: contain;\n                    -webkit-mask-repeat: no-repeat;\n                    mask-repeat: no-repeat;\n                    -webkit-mask-position: center;\n                    mask-position: center;\n                    transition: transform 0.2s ease, background-color 0.2s ease;\n                    transform: rotate(-90deg);\n                }\n\n                &:hover::after {\n                    background-color: var(--xyd-sidebar-item-color--active);\n                }\n            }\n\n            &:has(+ [part=\"subtree\"] xyd-collapse[data-open=\"true\"]) {\n                font-weight: bold;\n                \n                &::after {\n                    transform: rotate(0deg);\n                }\n            }\n        }\n    }\n`;\n\nexport const TreeHost = css`\n    @layer defaults {\n        margin-left: 12px;\n    }\n`;\n\nexport const ItemHeaderHost = css`\n    @layer defaults {\n        font-size: var(--xyd-font-size-xsmall);\n        font-weight: var(--xyd-font-weight-extrabold);\n        text-transform: uppercase;\n        letter-spacing: 0.25px;\n        color: var( --xyd-sidebar-item-header-color);\n        padding-left: var(--xyd-sidebar-item-padding-left);\n        margin-bottom: 8px;\n        margin-top: 24px;\n\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n`;\n\nexport const FooterItemHost = css`\n    @layer defaults {\n        display: flex;\n        width: 100%;\n        padding: 2px;\n        color: var(--xyd-sidebar-item-color);\n\n        [part=\"item\"] {\n            display: flex;\n            align-items: center;\n            width: 100%;\n            gap: 7px;\n            padding: 4px 8px;\n\n            &:hover {\n                background: var(--xyd-sidebar-item-bgcolor--active-hover);\n                color: var(--xyd-sidebar-item-color--active);\n                border-radius: 4px;\n\n                svg {\n                    fill: var(--xyd-sidebar-item-color--active);\n                }\n            }\n\n            svg {\n                fill: var(--xyd-sidebar-item-color);\n                font-size: var(--xyd-font-size-large);\n                width: 18px;\n                height: 18px;\n            }\n        }\n    }\n`;\n\n","import React from \"react\"\nimport {Tabs as RadixTabs} from \"radix-ui\"; // TODO: remove and use separation\n\nimport * as cn from \"./SubNav.styles\";\n\nexport interface SubNavProps {\n    children: React.ReactNode\n    title: string\n    value: string\n    onChange?: (value: string) => void\n    className?: string\n}\n\nexport function SubNav({ children, title, value, onChange, className }: SubNavProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <xyd-subnav className={`${cn.SubNavHost} ${className || \"\"}`}>\n            <div part=\"prefix\">\n                {title}\n            </div>\n            <RadixTabs.List asChild>\n                <ul part=\"list\">\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </xyd-subnav>\n    </RadixTabs.Root>\n}\n\nexport interface SubNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n    as?: React.ElementType\n}\n\nSubNav.Item = function SubNavItem({ children, value, href, as }: SubNavItemProps) {\n    const Link = as || $Link;\n\n    return <RadixTabs.Trigger asChild value={value}>\n        <xyd-subnav-item>\n            <li className={cn.SubNavLi}>\n                <Link part=\"link\" href={href}>\n                    {children}\n                </Link>\n            </li>\n        </xyd-subnav-item>\n    </RadixTabs.Trigger>\n}\n\nfunction $Link({ children, ...props }) {\n    return <a {...props}>{children}</a>\n}","import { css } from \"@linaria/core\";\n\nexport const SubNavHost = css`\n    @layer defaults {\n        align-items: center;\n        background-color: var(--xyd-subnav-bgcolor);\n        border-radius: 0.50rem;\n        display: flex;\n        flex-direction: row;\n\n        width: 100%;\n        height: var(--xyd-subnav-height);\n        margin-top: 3px;\n        padding: 0 var(--xyd-padding-default);\n\n        [part=\"prefix\"] {\n            color: var(--xyd-subnav-prefix-color);\n            font-weight: var(--xyd-font-weight-semibold);\n            padding: 0 var(--xyd-padding-default);\n            position: relative;\n\n            &:after {\n                background: var(--xyd-subnav-prefix-marker-color);\n                border-radius: 1px;\n                content: \" \";\n                height: 12px;\n                position: absolute;\n                right: 4px;\n                top: 50%;\n                transform: translateY(-50%);\n                width: 2px;\n            }\n        }\n\n        [part=\"list\"] {\n            display: flex;\n            flex-direction: row;\n            height: 100%;\n        }\n    }\n`;\n\nexport const SubNavLi = css`\n    @layer defaults {\n        display: flex;\n        height: 100%;\n\n        align-items: center;\n        position: relative;\n\n        [data-state=\"active\"] > & {\n            font-weight: var(--xyd-font-weight-semibold);\n\n            a {\n                color: var(--xyd-subnav-item-color--active);\n            }\n\n            a:after {\n                background-color: var(--xyd-subnav-item-color--active-mark);\n                border-radius: 1px;\n                bottom: 0;\n                content: \" \";\n                height: 2px;\n                left: 0;\n                position: absolute;\n                width: 100%;\n            }\n        }\n\n        [part=\"link\"] {\n            color: var(--xyd-subnav-item-color);\n            display: flex;\n            height: 100%;\n            padding: 0 0.50rem;\n            align-items: center;\n\n            &:hover {\n                color: var(--xyd-subnav-item-color--active);\n            }\n        }\n    }\n`;\n","import {css} from '@linaria/core';\n\nconst cubizEnter = 'cubic-bezier(.19, 1, .22, 1)';\nconst mobileBreakpoint = '768px';\n\nexport const TocHost = css`\n    @layer defaults {\n        position: relative;\n        padding-left: 16px;\n        display: block;\n        \n        [part=\"scroller\"] {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            width: 2px;\n            background-color: var(--xyd-toc-bgcolor);\n        }\n\n        [part=\"scroll\"] {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 2px;\n            height: var(--xyd-toc-active-track-height); // TODO: this must be dynamic\n            transform: translateY(var(--xyd-toc-active-track-top)); // TODO: this must be dynamic\n            background-color: var(--xyd-toc-scroll-bgcolor);\n            transition: height .4s ${cubizEnter}, transform .4s ${cubizEnter};\n        }\n\n        [part=\"list\"] {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n        }\n    }\n`;\n\nexport const TocLi = css`\n    @layer defaults {\n        position: relative;\n        margin: 0 0 12px;\n        padding: 0;\n\n        [part=\"link\"] {\n            display: inline-block;\n            color: var(--xyd-toc-item-color);\n            text-wrap: pretty;\n            transition: color .15s ease;\n            padding-left: 0;\n\n            &:hover {\n                color: var(--xyd-toc-item-color--active);\n            }\n        }\n\n        &[data-active=\"true\"] [part=\"link\"] {\n            color: var(--xyd-toc-item-color--active);\n            font-weight: var(--xyd-font-weight-semibold);\n        }\n\n        &[data-depth=\"1\"] [part=\"link\"] {\n            padding-left: 16px;\n        }\n\n        &[data-depth=\"2\"] [part=\"link\"] {\n            padding-left: 32px;\n        }\n\n        &[data-depth=\"3\"] [part=\"link\"] {\n            padding-left: 48px;\n        }\n\n        &[data-depth=\"4\"] [part=\"link\"] {\n            padding-left: 64px;\n        }\n        \n        &[data-depth=\"5\"] [part=\"link\"] {\n            padding-left: 80px;\n        }\n    }\n`;\n\n","import React, { useState, useEffect, useRef, useCallback, createContext, useContext } from 'react'\nimport { Link } from 'react-router'\nimport * as cn from './Toc.styles'\n\n// TODO: better depth ui\n\nexport interface TocProps {\n  children: React.ReactNode\n  defaultValue?: string\n  className?: string\n  maxDepth?: number\n}\n\ninterface TocContextType {\n  value: string\n  onChange: (v: string) => void\n  registerActiveItem: (ref: React.RefObject<HTMLLIElement>, value: string) => void\n  unregisterActiveItem: (value: string) => void\n}\n\nconst Context = createContext<TocContextType>({\n  value: '',\n  onChange: () => {},\n  registerActiveItem: () => {},\n  unregisterActiveItem: () => {},\n})\n\nexport function Toc({ children, defaultValue, className, maxDepth = 2 }: TocProps) {\n  const [activeTrackHeight, setActiveTrackHeight] = useState(0)\n  const [activeTrackTop, setActiveTrackTop] = useState(0)\n  const [value, setValue] = useState(defaultValue || '')\n\n  const activeItemsRef = useRef<Map<string, React.RefObject<HTMLLIElement>>>(new Map())\n  const headingsRef = useRef<string[]>([])\n  const ignoreScrollRef = useRef(false)\n\n  const registerActiveItem = useCallback(\n    (ref: React.RefObject<HTMLLIElement>, id: string) => {\n      activeItemsRef.current.set(id, ref)\n    },\n    []\n  )\n  const unregisterActiveItem = useCallback((id: string) => {\n    activeItemsRef.current.delete(id)\n  }, [])\n\n  // Called when user clicks a TOC item\n  const handleUserSelect = useCallback((id: string) => {\n    setValue(id)\n    // temporarily ignore the next scroll event to preserve click selection\n    ignoreScrollRef.current = true\n  }, [])\n\n  function getScrollElement(): HTMLElement | Window {\n    return window\n  }\n\n  function trackHeight() {\n    const ref = activeItemsRef.current.get(value)\n    if (ref?.current) {\n      setActiveTrackHeight(ref.current.offsetHeight)\n      setActiveTrackTop(ref.current.offsetTop)\n    }\n  }\n\n  function updateHeadingsList() {\n    const selector = Array.from({ length: maxDepth }, (_, i) => `h${i + 2}`).join(',')\n    headingsRef.current = Array.from(document.querySelectorAll(selector)).map(h => h.id)\n  }\n\n  useEffect(() => {\n    updateHeadingsList()\n    if (!defaultValue && headingsRef.current.length) {\n      setValue(headingsRef.current[0])\n    }\n    window.addEventListener('resize', updateHeadingsList)\n    return () => window.removeEventListener('resize', updateHeadingsList)\n  }, [defaultValue])\n\n  // On scroll, pick active heading unless we're ignoring due to click\n  useEffect(() => {\n    const scrollEl = getScrollElement()\n    function handleScroll() {\n      if (ignoreScrollRef.current) {\n        ignoreScrollRef.current = false\n        return\n      }\n      const scrollTop = scrollEl instanceof Window ? window.pageYOffset : scrollEl.scrollTop\n      const viewportHeight = scrollEl instanceof Window ? window.innerHeight : scrollEl.clientHeight\n      const threshold = viewportHeight * 0.2\n\n      let newActive = headingsRef.current[0] || ''\n      for (const id of headingsRef.current) {\n        const elem = document.getElementById(id)\n        if (elem) {\n          const top = elem.getBoundingClientRect().top\n          if (top <= threshold) {\n            newActive = id\n          } else {\n            break\n          }\n        }\n      }\n\n      const totalHeight = scrollEl instanceof Window\n        ? document.documentElement.scrollHeight\n        : (scrollEl as HTMLElement).scrollHeight\n      // only override for bottom if content is scrollable\n      if (totalHeight > viewportHeight && scrollTop + viewportHeight >= totalHeight - 1) {\n        newActive = headingsRef.current[headingsRef.current.length - 1] || newActive\n      }\n\n      if (newActive !== value) {\n        setValue(newActive)\n      }\n    }\n\n    scrollEl.addEventListener('scroll', handleScroll)\n    handleScroll()\n    return () => scrollEl.removeEventListener('scroll', handleScroll)\n  }, [value])\n\n  useEffect(() => {\n    trackHeight()\n  }, [value])\n\n  return (\n    <Context.Provider value={{ value, onChange: handleUserSelect, registerActiveItem, unregisterActiveItem }}>\n      <xyd-toc className={`${cn.TocHost} ${className || ''}`}>\n        <div part=\"scroller\">\n          <div\n            part=\"scroll\"\n            style={{\n              // @ts-ignore\n              '--xyd-toc-active-track-height': `${activeTrackHeight}px`,\n              '--xyd-toc-active-track-top': `${activeTrackTop}px`,\n            } as any}\n          />\n        </div>\n        <ul part=\"list\">{children}</ul>\n      </xyd-toc>\n    </Context.Provider>\n  )\n}\n\nexport interface TocItemProps {\n  children: React.ReactNode\n  id: string\n  className?: string\n  depth?: number\n}\n\nToc.Item = function TocItem({ children, id, className, depth }: TocItemProps) {\n  const { value: activeId, onChange, registerActiveItem, unregisterActiveItem } = useContext(Context)\n  const itemRef = useRef<HTMLLIElement>(null)\n  const active = activeId === id\n\n  useEffect(() => {\n    if (active && itemRef.current) {\n      registerActiveItem(itemRef, id)\n    }\n    return () => unregisterActiveItem(id)\n  }, [active, id, registerActiveItem, unregisterActiveItem])\n\n  return (\n    <xyd-toc-item>\n      <li\n        ref={itemRef}\n        className={`${cn.TocLi} ${className || ''}`}\n        data-active={String(active)}\n        data-depth={depth}\n      >\n        <Link\n          part=\"link\"\n          to=\"\"\n          onClick={e => {\n            e.preventDefault()\n            onChange(id)\n            // update URL hash so browser scrolls correctly\n            const url = new URL(window.location.href)\n            url.hash = id\n            history.replaceState(null, '', url.toString())\n            document.getElementById(id)?.scrollIntoView()\n          }}\n        >\n          {children}\n        </Link>\n      </li>\n    </xyd-toc-item>\n  )\n}\n"],"names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","SuppressedError","Nav","_ref","children","value","onChange","logo","kind","className","rightSurface","React","createElement","RadixTabs","Root","asChild","onValueChange","concat","part","List","$Link","_a","props","assign","Tab","_ref2","Item","_ref3","href","Link","as","Trigger","ProgressBar","_ref$isActive","isActive","String","role","UICollapse","isOpen","_ref$horizontal","horizontal","containerRef","useRef","innerRef","animationRef","initialOpen","initialRender","observerRef","measureAndUpdateDimensions","container","current","inner","nestedCollapses","querySelectorAll","originalStyles","forEach","collapse","HTMLElement","push","element","height","style","overflow","width","scrollWidth","scrollHeight","useEffect","clearTimeout","disconnect","MutationObserver","mutations","some","mutation","type","target","parentElement","closest","observe","childList","subtree","characterData","attributes","window","setTimeout","removeProperty","offsetWidth","offsetHeight","ref","undefined","UISidebar","footerItems","listRef","activeElement","querySelector","containerHeight","clientHeight","elementTop","getBoundingClientRect","top","elementHeight","targetScroll","scrollTop","scrollTo","behavior","button","active","activeTheme","isParentActive","anchor","icon","onClick","_React$Children$toArr2","_toArray","Children","toArray","firstChild","restChilds","slice","ButtonOrAnchor","h","endsWith","to","Fragment","ItemHeader","SubTree","_ref4","FooterItem","_ref5","SubNav","title","Context","createContext","registerActiveItem","unregisterActiveItem","Toc","defaultValue","_ref$maxDepth","maxDepth","_useState2","_slicedToArray","useState","activeTrackHeight","setActiveTrackHeight","_useState4","activeTrackTop","setActiveTrackTop","_useState6","setValue","activeItemsRef","Map","headingsRef","ignoreScrollRef","useCallback","id","set","handleUserSelect","updateHeadingsList","selector","Array","from","_","join","document","map","addEventListener","removeEventListener","scrollEl","handleScroll","_step","Window","pageYOffset","viewportHeight","innerHeight","threshold","newActive","_iterator","_createForOfIteratorHelper","n","done","elem","getElementById","err","f","totalHeight","documentElement","get","offsetTop","Provider","depth","_useContext","useContext","activeId","itemRef","preventDefault","url","URL","location","hash","history","replaceState","toString","scrollIntoView"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyd-js/ui",
-  "version": "0.1.0-xyd.16",
+  "version": "0.1.0-xyd.18",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -19,13 +19,16 @@
   "dependencies": {
     "@linaria/atomic": "^6.2.0",
     "@linaria/core": "^6.2.0",
-    "@livesession/design-system-colors": "0.0.6-alpha-refactor-and-typo.0",
-    "@radix-ui/react-tabs": "^1.1.1"
+    "radix-ui": "^1.4.2"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.0.0",
+    "react-router": "^7.5.0",
+    "@xyd-js/components": "0.1.0-xyd.13"
   },
   "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-flow": "^7.25.9",
     "@babel/preset-react": "^7.26.0",