npm - @xyd-js/ui - Versions diffs - 0.1.0-xyd.8 → 0.1.0-xyd.99 - Mend

@xyd-js/ui 0.1.0-xyd.8 → 0.1.0-xyd.99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2025 xyd
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.css CHANGED Viewed

@@ -1,51 +1,18 @@
-.h1vu90xp{position:sticky;top:0;z-index:20;width:100%;background:transparent;display:flex;}
-.s1i2i14o{pointer-events:none;position:absolute;z-index:-1;height:100%;width:100%;background-color:white;}
-.n1oemxra{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));}
-.ny6xn1c{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;}
-.hj2rxb1{display:flex;align-items:center;justify-content:center;gap:8px;}
-.hcz0c13{font-size:14px;position:relative;white-space:nowrap;color:#4b5563;padding:6px 16px;display:flex;align-items:center;justify-content:center;}
-.hcz0c13:hover{color:#1f2937;}
-.hcz0c13[data-state="active"]{font-weight:bold;background:#f9f9f9;border-radius:8px;}
-.t1lsj05a{position:absolute;inset:0;text-align:center;align-items:center;display:flex;justify-content:center;}
-.t138ur9z{visibility:hidden;font-weight:500;}
-.hso30gp{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);}}
-.hptag3l{background:#f9f9f9;height:100%;border-radius:0.5rem;display:flex;flex-direction:column;}
-.uead4fo{overflow-y:auto;overflow-x:hidden;height:100%;padding:1rem;}
-.h1hrlfak{padding:1rem;box-shadow:0 -2px 10px rgba(237, 237, 237, .1);border-top:1px solid #ededed;}
-.i1btwdcv{display:flex;width:100%;padding:2px;color:#6e6e80;}
-.i1801o7t{display:flex;align-items:center;width:100%;gap:7px;font-size:14px;padding:4px 8px;}
-.i1801o7t:hover{background:#ececf1;color:#111827;border-radius:4px;}
-.i1801o7t:hover svg{fill:#111827;}
-.i1801o7t svg{fill:#6e6e80;font-size:18px;width:18px;height:18px;}
-.hs1gieu{color:#6e6e80;font-size:14px;}
-.l1s9ffav{display:flex;width:100%;padding:2px;font-weight:500;}
-.l1041tva{background:#fff;color:#7051d4;border-radius:4px;}
-.l1hsy03l{background:unset;color:#111827;font-weight:500;}
-.lz6cy9y{display:flex;width:100%;padding:4px 8px;}
-.lz6cy9y:hover{background:#ececf1;color:#111827;border-radius:4px;}
-.hnhdi2c{margin-left:8px;}
-.hj0z21i{padding-left:10px;margin-bottom:6px;margin-top:16px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:1px;color:#111827;}
+@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%;}}
-.c12fwmxc{transform:translateZ(0);overflow:hidden;transition:all 300ms ease-in-out;}
-.bfe0v98{opacity:0;transition:opacity 500ms ease-in-out;}
-.oza7km2{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:var(--xyd-sidebar-padding);}.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;}}
-.h4ah3ok{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;}
-.p1ncaln9{color:#44474a;font-size:12px;font-weight:600;padding-left:0.50rem;padding-right:1.50rem;position:relative;text-transform:uppercase;}
-.p1ncaln9:after{background:#d2d5d8;border-radius:1px;content:" ";height:0.75rem;position:absolute;right:0.50rem;top:50%;transform:translateY(-50%);width:2px;}
-.u3wpqhn{display:flex;flex-direction:row;height:100%;}
-.lc3ej8u{display:flex;height:100%;align-items:center;position:relative;}
-.lc3ej8u[data-state="active"]{font-weight:500;}
-.lc3ej8u[data-state="active"] a{color:#202223;}
-.lc3ej8u[data-state="active"] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%;}
-.l1taqsnk{color:#4b5563;line-height:2.75rem;display:block;height:100%;padding:0 0.50rem;}
-.l1taqsnk: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;}}
-.h19g75q2{position:relative;padding-left:16px;}
-.ueg7kxf{margin:0;padding:0;list-style:none;}
-.lagigsw{position:relative;line-height:1.5;margin:0 0 10px;padding:0;}
-.lylqcp3{display:inline-block;font-size:14px;color:#6e6e80;line-height:1.4;text-wrap:pretty;transition:color .15s ease;}
-.l16swvpi{font-weight:500;color:#353740;}
-.ht0m6aa{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#ececf1;}
-.sfp1vxs{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 CHANGED Viewed

@@ -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, 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;
@@ -38,10 +50,14 @@ interface UISidebarItemProps {
     href?: string;
     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;
@@ -51,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 {
@@ -102,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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useRef as t,useEffect as n,useState as r,useContext as a}from"react";import*as c from"@radix-ui/react-tabs";var l="h1vu90xp",o="s1i2i14o",i="n1oemxra",s="ny6xn1c",u="hj2rxb1",m="hcz0c13",f="t1lsj05a",h="t138ur9z",d="hso30gp";function v(t){var n=t.children,r=t.value,a=t.onChange,m=t.logo,f=t.kind;return e.createElement(c.Root,{asChild:!0,value:r,onValueChange:a},e.createElement("div",{className:"".concat(l)},e.createElement("div",{className:o}),e.createElement("nav",{className:"\n                ".concat(i,"\n                ").concat("middle"===f&&s,"\n            ")},e.createElement("div",{className:"\n                    ".concat(d,"\n                    xyd_ui-comp-nav-logo\n                ")},m),e.createElement(c.List,{asChild:!0},e.createElement("div",{className:u},n)),"middle"===f&&e.createElement("div",null))))}function p(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 y(e){if(Array.isArray(e))return e}function E(){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 g(e,t){return y(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,o=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t);else for(;!(i=(r=c.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(e,t)||b(e,t)||E()}function N(e){return y(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||b(e)||E()}function b(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}v.Item=function(t){var n=t.children,r=t.value,a=t.href;return e.createElement(c.Trigger,{asChild:!0,value:r},e.createElement("a",{href:a,className:"".concat(m)},e.createElement("span",{className:f},n),e.createElement("span",{className:h},n)))},"function"==typeof SuppressedError&&SuppressedError;var x="hptag3l",w="uead4fo",C="h1hrlfak",O="i1btwdcv",S="i1801o7t",I="hs1gieu",j="l1s9ffav",k="l1041tva",T="l1hsy03l",A="lz6cy9y",H="hnhdi2c",q="hj0z21i",z="c12fwmxc",P="bfe0v98",V="oza7km2";function W(r){var a=r.children,c=r.isOpen,l=r.horizontal,o=void 0!==l&&l,i=t(null),s=t(null),u=t(null),m=t(c),f=t(!0);return n((function(){var e=i.current,t=s.current;if(u.current&&clearTimeout(u.current),!f.current&&e&&t)if(c)o?(t.style.width="".concat(t.scrollWidth,"px"),e.style.width="".concat(t.scrollWidth,"px")):(t.style.height="".concat(t.scrollHeight,"px"),e.style.height="".concat(t.scrollHeight,"px")),u.current=window.setTimeout((function(){e.style.removeProperty(o?"width":"height")}),300);else if(o){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"}}),[o,c]),n((function(){f.current=!1}),[]),e.createElement("div",{ref:i,className:"".concat(z),style:m.current||o?void 0:{height:0}},e.createElement("div",{ref:s,className:"".concat(P," ").concat(c?V:"")},a))}function L(t){var n=t.children,r=t.footerItems;return e.createElement("div",{className:"\n        ".concat(x,"\n        xyd_ui-comp-sidebar\n    ")},e.createElement("ul",{className:w},n),r&&e.createElement(M,null,r))}function R(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 M(t){var n=t.children;return e.createElement("div",{className:C},e.createElement("ul",null,n))}L.Item=function(t){var n=t.children,r=t.button,a=t.href,c=t.active,l=t.activeTheme,o=t.onClick,i=N(e.Children.toArray(n)),s=i[0],u=i.slice(1),m=r?"button":R;return e.createElement("li",{className:I},e.createElement(m,{href:r?void 0:a,onClick:r?o:void 0,className:"\n                ".concat(j,"\n            ")},e.createElement("div",{className:"\n                ".concat(A,"\n                ").concat(c&&k,"\n                ").concat(c&&"secondary"===l&&T,"\n            ")},s)),u)},L.ItemHeader=function(t){var n=t.children;return e.createElement("li",{className:q},n)},L.SubTree=function(t){var n=t.children,r=t.isOpen;return e.createElement("ul",{className:H},e.createElement(W,{isOpen:r||!1},n))},L.FooterItem=function(t){var n=t.children,r=t.href,a=t.icon;return e.createElement("li",{className:O},e.createElement("a",{className:S,href:r},a,n))};var _="h4ah3ok",B="p1ncaln9",D="u3wpqhn",F="lc3ej8u",U="l1taqsnk";function $(t){var n=t.children,r=t.title,a=t.value,l=t.onChange;return e.createElement(c.Root,{asChild:!0,value:a,onValueChange:l},e.createElement("nav",{className:_},e.createElement("div",{className:B},r),e.createElement(c.List,{asChild:!0},e.createElement("ul",{className:D},n))))}$.Item=function(t){var n=t.children,r=t.value,a=t.href;return e.createElement(c.Trigger,{asChild:!0,value:r},e.createElement("li",{className:F},e.createElement("a",{href:a,className:"".concat(U)},n)))};var G="h19g75q2",J="ueg7kxf",K="lagigsw",Q="lylqcp3",X="l16swvpi",Y="ht0m6aa",Z="sfp1vxs",ee=e.createContext({value:"",onChange:function(e){}});function te(t){var a=t.children,c=t.defaultValue,l=g(r(0),2),o=l[0],i=l[1],s=g(r(0),2),u=s[0],m=s[1],f=g(r(c||""),2),h=f[0],d=f[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,d(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(X));if(e){var t=e.offsetHeight;if(i(t),null==e?void 0:e.parentElement){var n=e.parentElement.offsetTop;m(n)}}}()}),[h]),e.createElement(ee.Provider,{value:{value:h,onChange:function(e){d(e)}}},e.createElement("div",{className:G},e.createElement("div",{className:Y},e.createElement("div",{style:{"--active-track-height":"".concat(o,"px"),"--active-track-top":"".concat(u,"px")},className:Z})),e.createElement("ul",{className:J},a)))}te.Item=function(t){var n=t.children,r=t.value,c=void 0===r?"#":r,l=a(ee),o=l.value,i=l.onChange,s="#"+c,u=o===c;return e.createElement("li",{className:K},e.createElement("a",{className:"".concat(Q," ").concat(u&&X),href:s,onClick:function(e){e.preventDefault(),i(c);var t=!1;document.querySelectorAll("h2").forEach((function(e){t||e.innerText===c&&(t=!0,e.scrollIntoView())}))}},n))};export{v as Nav,$ as SubNav,te as Toc,L 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/components/Nav/Nav.styles.tsx","../src/components/Nav/Nav.tsx","../../../node_modules/.pnpm/@rollup+plugin-typescript@12.1.2_rollup@4.36.0_tslib@2.8.1_typescript@5.8.2/node_modules/tslib/tslib.es6.js","../src/components/Sidebar/Sidebar.styles.tsx","../src/components/Sidebar/Collapse.styles.tsx","../src/components/Sidebar/Collapse.tsx","../src/components/Sidebar/Sidebar.tsx","../src/components/SubNav/SubNav.styles.tsx","../src/components/SubNav/SubNav.tsx","../src/components/Toc/Toc.styles.tsx","../src/components/Toc/Toc.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const $nav = {\n host: css`\n position: sticky;\n top: 0;\n z-index: 20;\n width: 100%;\n background: transparent;\n display: flex;\n `,\n shadow: css`\n pointer-events: none;\n position: absolute;\n z-index: -1;\n height: 100%;\n width: 100%;\n background-color: white;\n `,\n 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 nav$$middle: css`\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n align-items: center;\n `\n};\n\nexport const $list = {\n host: css`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n `,\n}\n\nexport const $item = {\n host: css`\n font-size: 14px; /* 0.875rem /\n position: relative;\n white-space: nowrap;\n color: #4b5563; / Gray-600 /\n padding: 6px 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 title1: css`\n position: absolute;\n inset: 0;\n text-align: center;\n align-items: center;\n display: flex;\n justify-content: center;\n `,\n title2: css`\n visibility: hidden;\n font-weight: 500;\n `,\n};\n\nexport const $logo = {\n host: css`\n display: flex;\n align-items: center;\n margin-right: auto;\n `\n}","import React from \"react\";\nimport as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport {$nav, $list, $item, $logo} 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={`${$nav.host}`}>\n <div className={$nav.shadow}/>\n <nav className={`\n ${$nav.nav}\n ${kind === \"middle\" && $nav.nav$$middle}\n `}>\n <div className={`\n ${$logo.host}\n xyd_ui-comp-nav-logo\n `}>\n {logo}\n </div>\n <RadixTabs.List asChild>\n <div className={$list.host}>\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={`${$item.host}`}\n >\n <span className={$item.title1}>{children}</span>\n <span className={$item.title2}>{children}</span>\n </a>\n </RadixTabs.Trigger>\n};\n\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 {css} from \"@linaria/core\";\n\nexport const $sidebar = {\n host: css`\n background: #f9f9f9;\n height: 100%;\n border-radius: 0.5rem;\n display: flex;\n flex-direction: column;\n `,\n ul: css`\n overflow-y: auto;\n overflow-x: hidden;\n height: 100%;\n padding: 1rem;\n\n // TODO: get height of top\n //height: calc(100vh - 54px);\n `\n}\n\nexport const $footer = {\n host: 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 item$host: css`\n display: flex;\n width: 100%;\n padding: 2px;\n color: #6e6e80;\n `,\n item: 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}\n\nexport const $item = {\n host: css`\n color: #6e6e80;\n font-size: 14px;\n `,\n link: css`\n display: flex;\n width: 100%;\n padding: 2px;\n font-weight: 500;\n `,\n link$$active: css`\n background: #fff;\n color: #7051d4;\n border-radius: 4px;\n `,\n link$$activeSecondary: css`\n background: unset;\n color: #111827;\n font-weight: 500;\n `,\n link$item: css`\n display: flex;\n width: 100%;\n padding: 4px 8px;\n\n &:hover {\n background: #ececf1;\n color: #111827;\n border-radius: 4px;\n }\n `\n}\n\nexport const $tree = {\n host: css`\n margin-left: 8px;\n `,\n}\n\nexport const $itemHeader = {\n host: css`\n // TODO: calc based on items?\n padding-left: 10px;\n margin-bottom: 6px;\n margin-top: 16px;\n font-size: 12px;\n line-height: 16px;\n font-weight: 600;\n letter-spacing: 1px;\n color: #111827;\n `\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const $collapse = {\n container: css`\n transform: translateZ(0);\n overflow: hidden;\n transition: all 300ms ease-in-out;\n\n //@media (prefers-reduced-motion: reduce) {\n // transition: none;\n //}\n `,\n base: css`\n opacity: 0;\n transition: opacity 500ms ease-in-out;\n\n //@media (prefers-reduced-motion: reduce) {\n // transition: none;\n //}\n `,\n open: css`\n opacity: 1;\n `,\n};\n","import React, {useEffect, useRef} from \"react\";\nimport type {ReactElement, ReactNode} from \"react\";\nimport {$collapse} 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\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 if (isOpen) {\n // Opening animation\n if (horizontal) {\n inner.style.width = `${inner.scrollWidth}px`;\n container.style.width = `${inner.scrollWidth}px`;\n } else {\n inner.style.height = `${inner.scrollHeight}px`;\n container.style.height = `${inner.scrollHeight}px`;\n }\n\n animationRef.current = window.setTimeout(() => {\n container.style.removeProperty(horizontal ? \"width\" : \"height\");\n }, 300);\n } else {\n // Closing animation\n if (horizontal) {\n const width = container.scrollWidth; // Cache current width\n container.style.width = `${width}px`; // Set to fixed width first\n\n // Force reflow for Firefox\n container.offsetWidth;\n\n container.style.width = \"0px\";\n } else {\n const height = container.scrollHeight; // Cache current height\n container.style.height = `${height}px`; // Set to fixed height first\n\n // Force reflow for Firefox\n container.offsetHeight;\n\n container.style.height = \"0px\";\n }\n }\n }, [horizontal, isOpen]);\n\n useEffect(() => {\n initialRender.current = false;\n }, []);\n\n return (\n <div\n ref={containerRef}\n className={`${$collapse.container}`}\n style={initialOpen.current \|\| horizontal ? undefined : {height: 0}}\n >\n <div\n ref={innerRef}\n className={`${$collapse.base} ${isOpen ? $collapse.open : \"\"}`}\n >\n {children}\n </div>\n </div>\n );\n}\n","import React from \"react\"\n\nimport {$sidebar, $footer, $item, $tree, $itemHeader} 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 ${$sidebar.host}\n xyd_ui-comp-sidebar\n `}>\n <ul className={$sidebar.ul}>\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 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 onClick\n }: UISidebarItemProps) {\n const [firstChild, ...restChilds] = React.Children.toArray(children)\n\n const ButtonOrAnchor = button ? 'button' : Link\n\n return <li\n className={$item.host}\n >\n <ButtonOrAnchor\n href={button ? undefined : href}\n onClick={button ? onClick : undefined}\n className={`\n ${$item.link}\n `}\n >\n <div className={`\n ${$item.link$item}\n ${active && $item.link$$active}\n ${active && activeTheme === \"secondary\" && $item.link$$activeSecondary}\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={$itemHeader.host}>\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={$tree.host}>\n <UICollapse isOpen={isOpen \|\| false}>\n {children}\n </UICollapse>\n </ul>\n}\n\nfunction SidebarFooter({children}: { children: React.ReactNode }) {\n return <div className={$footer.host}>\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={$footer.item$host}>\n <a className={$footer.item} href={href}>\n {icon}\n {children}\n </a>\n </li>\n}\n\n","import {css} from \"@linaria/core\";\n\nexport const $subNav = {\n host: 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 prefix: 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 ul: css`\n display: flex;\n flex-direction: row;\n height: 100%;\n `,\n li: css`\n display: flex;\n height: 100%;\n\n align-items: center;\n position: relative;\n\n &[data-state=\"active\"] {\n font-weight: 500;\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 link: 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 `\n}","import React from \"react\"\nimport as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport {$subNav} 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={$subNav.host}>\n <div className={$subNav.prefix}>\n {title}\n </div>\n <RadixTabs.List asChild>\n <ul className={$subNav.ul}>\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={$subNav.li}>\n <a href={href} className={`${$subNav.link}`}>\n {children}\n </a>\n </li>\n </RadixTabs.Trigger>\n}","import {css} from '@linaria/core';\n\nexport const $toc = {\n host: css`\n position: relative;\n padding-left: 16px;\n `,\n ul: css`\n margin: 0;\n padding: 0;\n list-style: none;\n `,\n li: css`\n position: relative;\n line-height: 1.5;\n\n margin: 0 0 10px;\n padding: 0;\n `,\n link: 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 link$$active: css`\n font-weight: 500;\n color: #353740;\n `\n}\n\nconst cubizEnter = 'cubic-bezier(.19, 1, .22, 1)';\n\nexport const $scroller = {\n host: css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 2px;\n\n background-color: #ececf1;\n `,\n scroll: 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 `\n}","import React, {useState, useEffect, useContext} from \"react\"\n\nimport {$toc, $scroller} 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\n const [value, setValue] = useState(defaultValue \|\| \"\")\n\n // TODO: more reactish implt?\n function handleScroll() {\n const activeElement = document.querySelector(`.${$toc.link$$active}`);\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 function onChange(v: string) {\n setValue(v)\n }\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={$toc.host}>\n <div className={$scroller.host}>\n <div\n style={{\n // @ts-ignore\n \"--active-track-height\": `${activeTrackHeight}px`,\n \"--active-track-top\": `${activeTrackTop}px`,\n }}\n className={$scroller.scroll}\n />\n </div>\n <ul className={$toc.ul}>\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={$toc.li}>\n <a\n className={`${$toc.link} ${active && $toc.link$$active}`}\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}"],"names":["$nav","$list","$item","$logo","Nav","_ref","children","value","onChange","logo","kind","React","createElement","RadixTabs","Root","asChild","onValueChange","className","concat","List","Item","_ref2","href","Trigger","SuppressedError","$sidebar","$footer","$tree","$itemHeader","$collapse","UICollapse","isOpen","_ref$horizontal","horizontal","containerRef","useRef","innerRef","animationRef","initialOpen","initialRender","useEffect","container","current","inner","clearTimeout","style","width","scrollWidth","height","scrollHeight","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","onClick","_React$Children$toArr2","_toArray","Children","toArray","firstChild","restChilds","slice","ButtonOrAnchor","ItemHeader","_ref3","SubTree","_ref4","FooterItem","_ref6","icon","$subNav","SubNav","title","$toc","$scroller","Context","createContext","v","Toc","defaultValue","_useState2","_slicedToArray","useState","activeTrackHeight","setActiveTrackHeight","_useState4","activeTrackTop","setActiveTrackTop","_useState6","setValue","observer","IntersectionObserver","entries","set","forEach","entry","isIntersecting","target","HTMLHeadingElement","rect","getBoundingClientRect","top","bottom","innerHeight","innerText","threshold","document","querySelectorAll","observe","disconnect","activeElement","querySelector","parentElement","offsetTop","handleScroll","Provider","_ref2$value","_useContext","useContext","rootValue","preventDefault","found","scrollIntoView"],"mappings":"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","x_google_ignoreList":[2]}
1	+ {"version":3,"file":"index.js","sources":["../../../node_modules/.pnpm/@rollup+plugin-typescript@12.1.4_rollup@4.44.1_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: var(--xyd-sidebar-padding);\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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@xyd-js/ui",
-  "version": "0.1.0-xyd.8",
+  "version": "0.1.0-xyd.99",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -19,16 +19,20 @@
   "dependencies": {
     "@linaria/atomic": "^6.2.0",
     "@linaria/core": "^6.2.0",
-    "@radix-ui/react-tabs": "^1.1.1"
+    "radix-ui": "^1.4.2"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.1.0",
+    "react-router": "^7.6.2",
+    "@xyd-js/components": "0.1.0-xyd.94"
   },
   "devDependencies": {
-    "@babel/preset-typescript": "^7.26.0",
-    "@babel/preset-react": "^7.26.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-flow": "^7.25.9",
+    "@babel/preset-react": "^7.26.0",
+    "@babel/preset-typescript": "^7.26.0",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
@@ -39,17 +43,18 @@
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.47",
     "postcss-import": "^16.1.0",
+    "rimraf": "^3.0.2",
     "rollup": "^4.27.4",
     "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "tsup": "^8.3.0",
-    "rimraf": "^3.0.2"
+    "tsup": "^8.3.0"
   },
   "scripts": {
+    "build": "rollup -c rollup.config.js",
+    "dev": "rollup -c rollup.config.js --watch",
     "clean": "rimraf build",
-    "prebuild": "pnpm clean",
-    "build": "rollup -c rollup.config.js"
+    "prebuild": "pnpm clean"
   }
 }