@tribepad/themis 1.10.1 → 1.11.0

package/dist/elements/Sidebar/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {createContext,forwardRef,useRef,useState,useEffect,useMemo,Children,isValidElement,useCallback,memo,lazy,useContext,useId,Suspense,useSyncExternalStore}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Toolbar,Link,Button,ModalOverlay,Modal,Dialog}from'react-aria-components';import {ChevronsRight,ChevronsLeft,X as X$1}from'lucide-react';import {z}from'zod';var vt=Object.defineProperty;var M=(e,t)=>()=>(e&&(t=e(e=0)),t);var xt=(e,t)=>{for(var a in t)vt(e,a,{get:t[a],enumerable:true});};function De(e){let t=useCallback(n=>{let o=window.matchMedia(e);return o.addEventListener("change",n),()=>o.removeEventListener("change",n)},[e]),a=useCallback(()=>window.matchMedia(e).matches,[e]),r=useCallback(()=>false,[]);return useSyncExternalStore(t,a,r)}var He=M(()=>{"use client";});function v(...e){return twMerge(clsx(e))}var _=M(()=>{});function W(...e){return e.flatMap(t=>Array.isArray(t)?[...t]:[t])}var J,le,se,F,$,Be=M(()=>{J=["focus-visible:outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2"],le=["min-h-[44px]","min-w-[44px]"],se={sm:"h-9",default:"h-10",lg:"h-11"},{sm:`${se.sm} px-2 text-xs`,default:`${se.default} px-3 text-sm`,lg:`${se.lg} px-4 text-base`},F=["motion-reduce:transition-none","motion-reduce:animate-none"],$=["transition-colors","duration-150"];});var de,ce,ee,te,ae,ue,ke,j,X,pe,me,be,Z,fe,ge,ve,xe,Se,Ge,ze,L=M(()=>{Be();de=cva(["flex","h-full","group/sidebar"]),ce=cva(["flex","flex-col","w-[80px]","shrink-0","pl-1","relative","z-10"],{variants:{variant:{default:"bg-[var(--menu-background)] border-r border-[var(--border)]",primary:"bg-[var(--primary-action)]"}},defaultVariants:{variant:"default"}}),ee=cva(["flex","flex-col"]),te=cva(W(J,F,$,["group/railitem","flex","flex-col","items-center","justify-center","w-full","min-h-[44px]","gap-1","py-1","rounded-[var(--radius-md)]","cursor-pointer","relative","select-none"]),{variants:{railVariant:{default:[],primary:[]},isActive:{true:[],false:[]},isDisabled:{true:["pointer-events-none","opacity-50","cursor-not-allowed"],false:[]}},defaultVariants:{railVariant:"default",isActive:false,isDisabled:false}}),ae=cva(W($,["relative","flex","items-center","justify-center","shrink-0","size-[30px]","rounded-[9px]","[&_svg]:size-5","[&_svg]:shrink-0","[&_svg]:pointer-events-none"]),{variants:{railVariant:{default:[],primary:[]},isActive:{true:[],false:[]}},compoundVariants:[{railVariant:"default",isActive:false,className:"text-[var(--content-foreground)] group-data-[hovered]/railitem:bg-[var(--primary-action)]/10"},{railVariant:"default",isActive:true,className:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)]"},{railVariant:"primary",isActive:false,className:"text-[var(--primary-action-foreground)] group-data-[hovered]/railitem:bg-white/10"},{railVariant:"primary",isActive:true,className:"bg-[var(--primary-action-foreground)] text-[var(--primary-action)]"}],defaultVariants:{railVariant:"default",isActive:false}}),ue=cva(["text-[11px]","font-normal","leading-tight","tracking-[0.165px]","text-center","max-w-full","truncate"],{variants:{railVariant:{default:[],primary:"text-[var(--primary-action-foreground)]"},isActive:{true:[],false:[]}},compoundVariants:[{railVariant:"default",isActive:false,className:"text-[var(--content-foreground)]"},{railVariant:"default",isActive:true,className:"text-[var(--primary-action)]"}],defaultVariants:{railVariant:"default",isActive:false}}),ke=cva(["absolute","right-0","top-1/2","z-10","size-[14px]","-translate-y-1/2","translate-x-1/2","rotate-45","bg-[var(--content-background)]","border-b","border-l","border-[var(--border)]","hidden","group-has-[[data-sidebar-panel]]/sidebar:block"]),j=cva(["absolute","-top-1.5","-right-1.5","min-w-[18px]","h-[18px]","rounded-full","px-1","flex","items-center","justify-center","bg-[var(--destructive-background)]","text-[var(--destructive-foreground)]","text-[10px]","font-bold","leading-none"]),X=cva(["h-full","w-full","overflow-y-auto","bg-[var(--content-background)]","text-[var(--content-foreground)]","text-sm","motion-safe:animate-in","motion-safe:fade-in-0","motion-safe:slide-in-from-bottom-1","motion-safe:duration-200","motion-safe:fill-mode-both"]),pe=cva(["flex","flex-col","h-full","overflow-hidden","bg-[var(--content-background)]","text-[var(--content-foreground)]","motion-safe:transition-[max-width,opacity]","motion-safe:duration-[var(--transition-slow)]",...F],{variants:{width:{sm:"max-w-[220px] w-[220px]",md:"max-w-[260px] w-[260px]",lg:"max-w-[340px] w-[340px]",xl:"max-w-[420px] w-[420px]"},isCollapsed:{true:"max-w-0 opacity-0 overflow-hidden",false:"opacity-100"}},defaultVariants:{width:"md",isCollapsed:false}}),me=cva(["flex","items-center","justify-between","px-3","py-2","shrink-0"]),be=cva(["text-base","font-semibold","text-[var(--content-foreground)]","truncate"]),Z=cva(W(le,J,F,$,["group/railitem","inline-flex","items-center","justify-center","rounded-[var(--radius-md)]","cursor-pointer","mb-1"]),{variants:{railVariant:{default:[],primary:[]}},defaultVariants:{railVariant:"default"}}),fe=cva(["fixed","inset-0","z-50","bg-black/50"]),ge=cva(["fixed","inset-y-0","left-0","z-50","flex","flex-col","w-[85vw]","max-w-[380px]","bg-[var(--content-background)]"]),ve=cva(["flex","items-center","justify-between","px-3","py-2","border-b","border-[var(--border)]","shrink-0"]),xe=cva(["flex","items-center","gap-1","px-2","py-2","overflow-x-auto","overflow-y-hidden","shrink-0","border-b","border-[var(--border)]","bg-[var(--menu-background)]"]),Se=cva(W(le,J,F,$,["flex","flex-col","items-center","justify-center","gap-0.5","px-2","py-1.5","rounded-[var(--radius-md)]","text-[var(--icon)]","shrink-0","cursor-pointer"]),{variants:{isActive:{true:["bg-[var(--primary-action)]","text-[var(--primary-action-foreground)]"],false:["data-[hovered]:bg-[var(--primary-action)]/10"]}},defaultVariants:{isActive:false}}),Ge=cva(["relative","[&_svg]:size-5","[&_svg]:shrink-0","[&_svg]:pointer-events-none"]),ze=cva(["text-[10px]","leading-tight","text-center","max-w-full","truncate"],{variants:{isActive:{true:"font-semibold",false:"font-medium"}},defaultVariants:{isActive:false}});});function w(){let e=useContext(Re);if(!e)throw new Error("Sidebar compound components must be used within <Sidebar>");return e}function S(){let e=useContext(Pe);if(!e)throw new Error("Sidebar compound components must be used within <Sidebar>");return e}function he({children:e,isCollapsed:t,defaultCollapsed:a=false,onCollapsedChange:r,isMobileOpen:n,onMobileOpenChange:o,mobileBreakpoint:i=768,className:c,"data-testid":l="sidebar"}){let[f,g]=useState(a),s=t!==void 0,m=s?t:f,u=useCallback(C=>{s||g(C),r?.(C);},[s,r]),P=useCallback(()=>u(!m),[u,m]),I=n??false,O=useCallback(C=>o?.(C),[o]),[x,h]=useState(null),b=useRef(null),V=useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null);},[]),H=useCallback((C=300)=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{b.current=null,h(null);},C);},[]);useEffect(()=>()=>{b.current&&clearTimeout(b.current);},[]);let A=De(`(max-width: ${i-1}px)`),B=useId(),k=`sidebar-rail-${B}`,G=`sidebar-panel-${B}`,z=useMemo(()=>({isMobile:A,railId:k,panelId:G}),[A,k,G]),U=useMemo(()=>({isCollapsed:m,setCollapsed:u,toggleCollapsed:P,isMobileOpen:I,setMobileOpen:O,activePopoverId:x,setActivePopoverId:h,cancelPopoverClose:V,schedulePopoverClose:H}),[m,u,P,I,O,x,V,H]);return A?jsx(Re.Provider,{value:z,children:jsx(Pe.Provider,{value:U,children:e})}):jsx(Re.Provider,{value:z,children:jsx(Pe.Provider,{value:U,children:jsx("div",{className:v(de(),c),"data-testid":l,children:e})})})}var Re,Pe,D=M(()=>{"use client";He();_();L();Re=createContext(null),Pe=createContext(null);he.displayName="Sidebar";});function Qt(e){if(!(e instanceof Element))return  false;let t=e;for(let n=0;t&&n<100;n++){let o=t.tagName?.toLowerCase()??"";if(o.startsWith("grammarly-")||o.startsWith("lt-")||t.hasAttribute("data-grammarly-shadow-root"))return  true;if(t.parentElement)t=t.parentElement;else {let i=t.getRootNode();t=i instanceof ShadowRoot?i.host:null;}}let a=e;for(;a&&!a.tagName.includes("-");)a=a.parentElement;if(!a)return  false;let r=a.parentElement;return r===document.body||r===document.documentElement}function st(e){return t=>!Qt(t)&&(e?.(t)??true)}var lt=M(()=>{});var ct={};xt(ct,{SidebarMobileDrawer:()=>ra});function ea(e){return e>99?"99+":String(e)}function ta(e){let t=null;return Children.forEach(e.props.children,a=>{isValidElement(a)&&a.type.displayName==="SidebarPopover"&&(t=a);}),t}function aa(e){let t=[],a=null,r="Navigation";return Children.forEach(e,n=>{if(!isValidElement(n))return;let o=n.type.displayName;o==="SidebarRail"?(r=n.props["aria-label"]??r,Children.forEach(n.props.children,i=>{if(!isValidElement(i))return;if(i.type.displayName==="SidebarRailItem"){let l=i;t.push({props:l.props,popover:ta(l)});}})):o==="SidebarPanel"&&(a=n.props.children);}),{railItems:t,panelContent:a,railAriaLabel:r}}function ra({children:e}){let{isMobileOpen:t,setMobileOpen:a,activePopoverId:r,setActivePopoverId:n}=S(),{railItems:o,panelContent:i,railAriaLabel:c}=aa(e),f=o.find(s=>s.props.id===r)?.popover??i,g=()=>{n(null),a(false);};return jsx(ModalOverlay,{isDismissable:true,shouldCloseOnInteractOutside:st(),isOpen:t,onOpenChange:s=>{s||g();},className:fe(),children:jsx(Modal,{className:ge(),children:jsxs(Dialog,{"aria-label":"Navigation menu",className:"flex flex-col h-full outline-none",children:[jsxs("header",{className:ve(),children:[jsx("span",{className:"text-base font-semibold text-[var(--content-foreground)]",children:"Menu"}),jsx(Button,{"aria-label":"Close navigation",className:v(Z()),onPress:g,children:jsx(X$1,{})})]}),o.length>0&&jsx("div",{role:"toolbar","aria-orientation":"horizontal","aria-label":c,tabIndex:0,className:xe(),children:o.map(({props:s,popover:m})=>{let u=m!=null,P=r===s.id;return jsxs(Button,{"aria-current":s.isActive?s.currentType??"page":void 0,"aria-haspopup":u?"dialog":void 0,"aria-expanded":u?P:void 0,isDisabled:s.isDisabled,className:Se({isActive:(s.isActive??false)||P}),onPress:()=>{if(s.onPress?.(),u){n(P?null:s.id);return}if(s.href){window.location.href=s.href,g();return}},"data-testid":`sidebar-mobile-rail-item-${s.id}`,children:[jsxs("span",{className:Ge(),"aria-hidden":"true",children:[s.icon,s.badgeCount!=null&&s.badgeCount>0&&jsx("span",{className:j(),"aria-hidden":"true",children:ea(s.badgeCount)})]}),jsx("span",{className:ze({isActive:(s.isActive??false)||P}),children:s.label}),s.badgeCount!=null&&s.badgeCount>0&&jsxs("span",{className:"sr-only",children:[s.badgeCount," notifications"]})]},s.id)})}),f&&jsx("div",{className:"flex-1 overflow-y-auto bg-[var(--content-background)] text-[var(--content-foreground)]","data-testid":"sidebar-mobile-panel-content",children:f})]})})})}var ut=M(()=>{"use client";_();lt();D();L();});D();_();D();_();D();L();var Nt=200,Et=300;function Ze(e,t){let{activePopoverId:a,setActivePopoverId:r,cancelPopoverClose:n,schedulePopoverClose:o}=S(),i=useRef("IDLE"),c=useRef(null),l=useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null);},[]),f=a===e;useEffect(()=>{!f&&i.current!=="IDLE"?(l(),i.current="IDLE"):f&&(i.current="OPEN");},[f,l]),useEffect(()=>l,[l]);let g=useCallback(m=>{t&&m.pointerType==="mouse"&&(l(),n(),i.current!=="OPEN"&&(i.current="HOVERING_TRIGGER",c.current=setTimeout(()=>{i.current="OPEN",r(e);},Nt)));},[e,t,r,l,n]),s=useCallback(()=>{if(t){if(l(),i.current==="HOVERING_TRIGGER"){i.current="IDLE",r(null);return}i.current==="OPEN"&&o(Et);}},[t,r,l,o]);return {onTriggerPointerEnter:g,onTriggerPointerLeave:s}}function Ie({children:e,className:t,"data-testid":a="sidebar-popover"}){return jsx("div",{className:v(X(),t),"data-testid":a,children:e})}Ie.displayName="SidebarPopover";_();D();L();function At(){let{activePopoverId:e,setActivePopoverId:t}=S(),{isMobile:a}=w(),r=useRef(null);return useEffect(()=>{if(!e)return;let n=o=>{o.key==="Escape"&&(o.preventDefault(),t(null));};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[e,t]),useEffect(()=>{if(!e)return;let n=i=>{let c=r.current,l=i.relatedTarget;if(!l||!c)return;let f=document.querySelector('[data-testid="sidebar-rail"]');!c.contains(l)&&!f?.contains(l)&&t(null);},o=r.current;return o?.addEventListener("focusout",n),()=>o?.removeEventListener("focusout",n)},[e,t]),a||!e?null:jsx(qe,{ref:r})}var Qe=createContext(null);function Ce(){let e=useContext(Qe);if(!e)throw new Error("usePopoverRegistry must be used within SidebarPanel");return e}function Ye({children:e}){let t=useRef(new Map),a=useCallback((i,c,l)=>{t.current.set(i,{content:c,label:l});},[]),r=useCallback(i=>{t.current.delete(i);},[]),n=useCallback(i=>t.current.get(i)??null,[]),o=useMemo(()=>({register:a,unregister:r,getContent:n}),[a,r,n]);return jsx(Qe.Provider,{value:o,children:e})}var qe=forwardRef((e,t)=>{let{activePopoverId:a,cancelPopoverClose:r,schedulePopoverClose:n}=S(),o=Ce();if(!a)return null;let i=o.getContent(a);return i?jsx("div",{ref:t,role:"dialog","aria-label":`${i.label} details`,className:X(),"data-testid":"sidebar-popover",onPointerEnter:r,onPointerLeave:()=>n(300),children:i.content}):null});qe.displayName="PopoverContent";var _t=300,Dt={sm:220,md:260,lg:340,xl:420},Te=forwardRef(({children:e,width:t="md","aria-label":a,skeleton:r,className:n,"data-testid":o="sidebar-panel"},i)=>{let{isMobile:c}=w(),{isCollapsed:l,activePopoverId:f}=S(),g=useRef(null),s=f!==null,[m,u]=useState(!l);useEffect(()=>{if(l){u(false);return}let x=window.setTimeout(()=>u(true),_t);return ()=>window.clearTimeout(x)},[l]);let I=r!==void 0&&!(!l&&m)?r:e;useEffect(()=>{if(!l)return;let x=g.current;if(x&&x.contains(document.activeElement)){let h=document.querySelector('[data-testid="sidebar-collapse-button"]');h&&window.requestAnimationFrame(()=>h.focus());}},[l]);let O=x=>{g.current=x,typeof i=="function"?i(x):i&&(i.current=x);};return c?null:jsxs("div",{className:v("relative shrink-0",!l&&"border-r border-[var(--border)]"),"data-sidebar-panel":"",children:[jsx("aside",{ref:O,"aria-label":a,"aria-hidden":l,inert:l||void 0,className:v(pe({width:t,isCollapsed:l}),n),"data-testid":o,children:I}),s&&jsx("div",{className:v("absolute top-0 left-0 z-10 h-full",l&&"border-r border-[var(--border)]"),style:{width:`${Dt[t]}px`},children:jsx(At,{})})]})});Te.displayName="SidebarPanel";function Ve({title:e,icon:t,children:a,as:r="h2",className:n,"data-testid":o="sidebar-panel-header"}){return jsx("header",{className:v(me(),n),"data-testid":o,children:a??jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[t?jsx("span",{"aria-hidden":"true",className:"inline-flex shrink-0 items-center justify-center text-[var(--icon)]","data-testid":`${o}-icon`,children:t}):null,jsx(r,{className:be(),children:e})]})})}Ve.displayName="SidebarPanelHeader";L();var nt=createContext({variant:"default",showActiveIndicator:true});function ot(){return useContext(nt)}var Me=forwardRef(({children:e,"aria-label":t,variant:a="default",showActiveIndicator:r=true,className:n,"data-testid":o="sidebar-rail"},i)=>{let{isMobile:c}=w(),l=useMemo(()=>({variant:a,showActiveIndicator:r}),[a,r]);if(c)return null;let f=[],g=[],s=[];Children.forEach(e,u=>{if(isValidElement(u)&&u.type.displayName==="SidebarCollapseButton"){f.push(u);return}(isValidElement(u)?u.props.placement??"top":"top")==="bottom"?s.push(u):g.push(u);});let m=f.length>0;return jsx(nt.Provider,{value:l,children:jsxs("nav",{ref:i,"aria-label":t,className:v(ce({variant:a}),"pb-2",!m&&"pt-2",n),"data-testid":o,children:[f,jsx(Toolbar,{orientation:"vertical","aria-label":"Navigation items",className:ee(),children:g}),s.length>0&&jsx(Toolbar,{orientation:"vertical","aria-label":"Secondary navigation items",className:v(ee(),"mt-auto"),"data-testid":"sidebar-rail-bottom",children:s})]})})});Me.displayName="SidebarRail";function jt(e){let t=null,a=[];return Children.forEach(e,r=>{isValidElement(r)&&r.type.displayName==="SidebarPopover"?t=r:a.push(r);}),{popover:t,rest:a.length>0?a:null}}function Xt(e){return e>99?"99+":String(e)}var it=forwardRef(({id:e,label:t,icon:a,href:r,badgeCount:n,isActive:o=false,currentType:i="page",isDisabled:c=false,onPress:l,children:f,className:g,"data-testid":s},m)=>{let{activePopoverId:u,setActivePopoverId:P}=S(),{variant:I,showActiveIndicator:O}=ot(),x=useRef(null),{popover:h}=jt(f),b=h!==null,V=u===e,H=Ze(e,b),A=Ce();useEffect(()=>{if(b&&h)return A.register(e,h,t),()=>A.unregister(e)},[e,b,h,t,A]);let B=useCallback(()=>{b&&P(V?null:e),l?.();},[b,V,e,l,P]),k=useCallback(oe=>{x.current=oe,typeof m=="function"?m(oe):m&&(m.current=oe);},[m]),G=s??`sidebar-rail-item-${e}`,z=g?v(te({railVariant:I,isActive:o,isDisabled:c}),g):te({railVariant:I,isActive:o,isDisabled:c}),U=jsxs(Fragment,{children:[jsxs("span",{className:"relative flex w-full items-center justify-center",children:[jsxs("span",{className:ae({railVariant:I,isActive:o}),"aria-hidden":"true",children:[a,n!=null&&n>0&&jsx("span",{className:j(),"aria-hidden":"true",children:Xt(n)})]}),O&&o&&jsx("span",{className:ke(),"aria-hidden":"true"})]}),jsx("span",{className:ue({railVariant:I,isActive:o}),children:t}),n!=null&&n>0&&jsxs("span",{className:"sr-only",children:[n," notifications"]})]}),C=r&&!c?jsx(Link,{ref:k,href:r,"aria-current":o?i:void 0,"aria-haspopup":b?"dialog":void 0,"aria-expanded":b?V:void 0,className:z,"data-testid":G,onPress:B,children:U}):jsx(Button,{ref:k,isDisabled:c,"aria-current":o?i:void 0,"aria-haspopup":b?"dialog":void 0,"aria-expanded":b?V:void 0,className:z,"data-testid":G,onPress:B,children:U});return jsx("div",{onPointerEnter:H.onTriggerPointerEnter,onPointerLeave:H.onTriggerPointerLeave,children:C})});it.displayName="SidebarRailItem";var Le=memo(it,(e,t)=>e.id===t.id&&e.isActive===t.isActive&&e.badgeCount===t.badgeCount&&e.isDisabled===t.isDisabled&&e.label===t.label&&e.className===t.className&&e.href===t.href);Le.displayName="SidebarRailItem";function we({className:e,"data-testid":t="sidebar-collapse-button"}){let{isCollapsed:a,toggleCollapsed:r}=S(),{variant:n}=ot();return jsx(Button,{"aria-expanded":!a,"aria-label":a?"Expand sidebar":"Collapse sidebar",className:v(Z({railVariant:n}),e),"data-testid":t,onPress:r,children:jsx("span",{className:ae({railVariant:n,isActive:false}),"aria-hidden":"true",children:a?jsx(ChevronsRight,{}):jsx(ChevronsLeft,{})})})}we.displayName="SidebarCollapseButton";var ia=lazy(()=>Promise.resolve().then(()=>(ut(),ct)).then(e=>({default:e.SidebarMobileDrawer})));function sa({children:e}){let{isMobile:t}=w(),{isMobileOpen:a}=S();return !t||!a?null:jsx(Suspense,{fallback:null,children:jsx(ia,{children:e})})}function pt(e){return jsx(he,{...e,children:jsxs(Ye,{children:[e.children,jsx(sa,{children:e.children})]})})}pt.displayName="Sidebar";var la=Object.assign(pt,{Rail:Me,RailItem:Le,Popover:Ie,Panel:Te,PanelHeader:Ve,CollapseButton:we});L();var T=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var mt=z.enum(["default","primary"]),bt=z.enum(["sm","md","lg","xl"]),ft=z.enum(["page","true","location"]),gt=z.enum(["h1","h2","h3","h4"]),ca=z.enum(["top","bottom"]),ua=T.extend({children:z.custom(),isCollapsed:z.boolean().optional(),defaultCollapsed:z.boolean().optional().default(false),onCollapsedChange:z.custom().optional(),isMobileOpen:z.boolean().optional(),onMobileOpenChange:z.custom().optional(),mobileBreakpoint:z.number().optional().default(768)}),pa=T.extend({children:z.custom(),"aria-label":z.string(),variant:mt.optional().default("default"),showActiveIndicator:z.boolean().optional().default(true)}),ma=T.extend({id:z.string(),label:z.string(),icon:z.custom(),href:z.string().optional(),badgeCount:z.number().optional(),isActive:z.boolean().optional(),currentType:ft.optional().default("page"),isDisabled:z.boolean().optional(),onPress:z.custom().optional(),children:z.custom().optional(),placement:ca.optional().default("top")}),ba=T.extend({children:z.custom()}),fa=T.extend({children:z.custom(),width:bt.optional().default("md"),"aria-label":z.string(),skeleton:z.custom().optional()}),ga=T.extend({title:z.string().optional(),icon:z.custom().optional(),children:z.custom().optional(),as:gt.optional().default("h2")}),va=T.extend({});export{la as Sidebar,va as SidebarCollapseButtonPropsSchema,ft as SidebarCurrentTypeSchema,gt as SidebarPanelHeaderLevelSchema,ga as SidebarPanelHeaderPropsSchema,fa as SidebarPanelPropsSchema,bt as SidebarPanelWidthSchema,ba as SidebarPopoverPropsSchema,ua as SidebarPropsSchema,ma as SidebarRailItemPropsSchema,pa as SidebarRailPropsSchema,mt as SidebarRailVariantSchema,Z as sidebarCollapseButtonVariants,ve as sidebarMobileDrawerHeaderVariants,ge as sidebarMobileDrawerVariants,fe as sidebarMobileOverlayVariants,Se as sidebarMobileRailItemVariants,xe as sidebarMobileRailVariants,be as sidebarPanelHeaderTitleVariants,me as sidebarPanelHeaderVariants,pe as sidebarPanelVariants,X as sidebarPopoverVariants,j as sidebarRailItemBadgeVariants,ae as sidebarRailItemIconVariants,ue as sidebarRailItemLabelVariants,te as sidebarRailItemVariants,ee as sidebarRailToolbarVariants,ce as sidebarRailVariants,de as sidebarRootVariants};//# sourceMappingURL=index.mjs.map
+import {createContext,forwardRef,useRef,useState,useEffect,useMemo,Children,isValidElement,useCallback,memo,lazy,useContext,useId,Suspense,useSyncExternalStore}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Toolbar,Link,Button,ModalOverlay,Modal,Dialog}from'react-aria-components';import {ChevronsRight,ChevronsLeft,X as X$1}from'lucide-react';import {z}from'zod';var St=Object.defineProperty;var L=(e,t,a)=>()=>{if(a)throw a[0];try{return e&&(t=e(e=0)),t}catch(r){throw a=[r],r}};var Rt=(e,t)=>{for(var a in t)St(e,a,{get:t[a],enumerable:true});};function De(e){let t=useCallback(n=>{let i=window.matchMedia(e);return i.addEventListener("change",n),()=>i.removeEventListener("change",n)},[e]),a=useCallback(()=>window.matchMedia(e).matches,[e]),r=useCallback(()=>false,[]);return useSyncExternalStore(t,a,r)}var He=L(()=>{"use strict";"use client";});function f(...e){return twMerge(clsx(e))}var G=L(()=>{"use strict";});function W(...e){return e.flatMap(t=>Array.isArray(t)?[...t]:[t])}var J,le,se,Ea,F,$,Be=L(()=>{"use strict";J=["focus-visible:outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2"],le=["min-h-[44px]","min-w-[44px]"],se={sm:"h-9",default:"h-10",lg:"h-11"},Ea={sm:`${se.sm} px-2 text-xs`,default:`${se.default} px-3 text-sm`,lg:`${se.lg} px-4 text-base`},F=["motion-reduce:transition-none","motion-reduce:animate-none"],$=["transition-colors","duration-150"];});var de,ce,ee,te,ae,ue,ke,j,X,pe,me,be,Z,fe,ge,ve,xe,Se,ze,Ge,w=L(()=>{"use strict";Be();de=cva(["flex","h-full","group/sidebar"]),ce=cva(["flex","flex-col","w-[80px]","shrink-0","pl-1","relative","z-10"],{variants:{variant:{default:"bg-[var(--menu-background)] border-r border-[var(--border)]",primary:"bg-[var(--primary-action)]"}},defaultVariants:{variant:"default"}}),ee=cva(["flex","flex-col"]),te=cva(W(J,F,$,["group/railitem","flex","flex-col","items-center","justify-center","w-full","min-h-[44px]","gap-1","py-1","rounded-[var(--radius-md)]","cursor-pointer","relative","select-none"]),{variants:{railVariant:{default:[],primary:[]},isActive:{true:[],false:[]},isDisabled:{true:["pointer-events-none","opacity-50","cursor-not-allowed"],false:[]}},defaultVariants:{railVariant:"default",isActive:!1,isDisabled:!1}}),ae=cva(W($,["relative","flex","items-center","justify-center","shrink-0","size-[30px]","rounded-[9px]","[&_svg]:size-5","[&_svg]:shrink-0","[&_svg]:pointer-events-none"]),{variants:{railVariant:{default:[],primary:[]},isActive:{true:[],false:[]}},compoundVariants:[{railVariant:"default",isActive:!1,className:"text-[var(--content-foreground)] group-data-[hovered]/railitem:bg-[var(--primary-action)]/10"},{railVariant:"default",isActive:!0,className:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)]"},{railVariant:"primary",isActive:!1,className:"text-[var(--primary-action-foreground)] group-data-[hovered]/railitem:bg-white/10"},{railVariant:"primary",isActive:!0,className:"bg-[var(--primary-action-foreground)] text-[var(--primary-action)]"}],defaultVariants:{railVariant:"default",isActive:!1}}),ue=cva(["text-[11px]","font-normal","leading-tight","tracking-[0.165px]","text-center","max-w-full","truncate"],{variants:{railVariant:{default:[],primary:"text-[var(--primary-action-foreground)]"},isActive:{true:[],false:[]}},compoundVariants:[{railVariant:"default",isActive:!1,className:"text-[var(--content-foreground)]"},{railVariant:"default",isActive:!0,className:"text-[var(--primary-action)]"}],defaultVariants:{railVariant:"default",isActive:!1}}),ke=cva(["absolute","right-0","top-1/2","z-10","size-[14px]","-translate-y-1/2","translate-x-1/2","rotate-45","bg-[var(--content-background)]","border-b","border-l","border-[var(--border)]","hidden","group-has-[[data-sidebar-panel]]/sidebar:block"]),j=cva(["absolute","-top-1.5","-right-1.5","min-w-[18px]","h-[18px]","rounded-full","px-1","flex","items-center","justify-center","bg-[var(--destructive-background)]","text-[var(--destructive-foreground)]","text-[10px]","font-bold","leading-none"]),X=cva(["h-full","w-full","overflow-y-auto","bg-[var(--content-background)]","text-[var(--content-foreground)]","text-sm","motion-safe:animate-in","motion-safe:fade-in-0","motion-safe:slide-in-from-bottom-1","motion-safe:duration-200","motion-safe:fill-mode-both"]),pe=cva(["flex","flex-col","h-full","overflow-hidden","bg-[var(--content-background)]","text-[var(--content-foreground)]","motion-safe:transition-[max-width,opacity]","motion-safe:duration-[var(--transition-slow)]",...F],{variants:{width:{sm:"max-w-[220px] w-[220px]",md:"max-w-[260px] w-[260px]",lg:"max-w-[340px] w-[340px]",xl:"max-w-[420px] w-[420px]"},isCollapsed:{true:"max-w-0 opacity-0 overflow-hidden",false:"opacity-100"}},defaultVariants:{width:"md",isCollapsed:!1}}),me=cva(["flex","items-center","justify-between","px-3","py-2","shrink-0"]),be=cva(["text-base","font-semibold","text-[var(--content-foreground)]","truncate"]),Z=cva(W(le,J,F,$,["group/railitem","inline-flex","items-center","justify-center","rounded-[var(--radius-md)]","cursor-pointer","mb-1"]),{variants:{railVariant:{default:[],primary:[]}},defaultVariants:{railVariant:"default"}}),fe=cva(["fixed","inset-0","z-50","bg-black/50"]),ge=cva(["fixed","inset-y-0","left-0","z-50","flex","flex-col","w-[85vw]","max-w-[380px]","bg-[var(--content-background)]"]),ve=cva(["flex","items-center","justify-between","px-3","py-2","border-b","border-[var(--border)]","shrink-0"]),xe=cva(["flex","items-center","gap-1","px-2","py-2","overflow-x-auto","overflow-y-hidden","shrink-0","border-b","border-[var(--border)]","bg-[var(--menu-background)]"]),Se=cva(W(le,J,F,$,["flex","flex-col","items-center","justify-center","gap-0.5","px-2","py-1.5","rounded-[var(--radius-md)]","text-[var(--icon)]","shrink-0","cursor-pointer"]),{variants:{isActive:{true:["bg-[var(--primary-action)]","text-[var(--primary-action-foreground)]"],false:["data-[hovered]:bg-[var(--primary-action)]/10"]}},defaultVariants:{isActive:!1}}),ze=cva(["relative","[&_svg]:size-5","[&_svg]:shrink-0","[&_svg]:pointer-events-none"]),Ge=cva(["text-[10px]","leading-tight","text-center","max-w-full","truncate"],{variants:{isActive:{true:"font-semibold",false:"font-medium"}},defaultVariants:{isActive:!1}});});function O(){let e=useContext(Re);if(!e)throw new Error("Sidebar compound components must be used within <Sidebar>");return e}function P(){let e=useContext(Pe);if(!e)throw new Error("Sidebar compound components must be used within <Sidebar>");return e}function he({children:e,isCollapsed:t,defaultCollapsed:a=false,onCollapsedChange:r,isMobileOpen:n,onMobileOpenChange:i,mobileBreakpoint:o=768,className:u,"data-testid":l="sidebar"}){let[m,b]=useState(a),s=t!==void 0,g=s?t:m,c=useCallback(y=>{s||b(y),r?.(y);},[s,r]),h=useCallback(()=>c(!g),[c,g]),A=n??false,N=useCallback(y=>i?.(y),[i]),[R,M]=useState(null),v=useRef(null),x=useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null);},[]),T=useCallback((y=300)=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{v.current=null,M(null);},y);},[]);useEffect(()=>()=>{v.current&&clearTimeout(v.current);},[]);let _=De(`(max-width: ${o-1}px)`),D=useId(),H=`sidebar-rail-${D}`,B=`sidebar-panel-${D}`,k=useMemo(()=>({isMobile:_,railId:H,panelId:B}),[_,H,B]),z=useMemo(()=>({isCollapsed:g,setCollapsed:c,toggleCollapsed:h,isMobileOpen:A,setMobileOpen:N,activePopoverId:R,setActivePopoverId:M,cancelPopoverClose:x,schedulePopoverClose:T}),[g,c,h,A,N,R,x,T]);return _?jsx(Re.Provider,{value:k,children:jsx(Pe.Provider,{value:z,children:e})}):jsx(Re.Provider,{value:k,children:jsx(Pe.Provider,{value:z,children:jsx("div",{className:f(de(),u),"data-testid":l,children:e})})})}var Re,Pe,U=L(()=>{"use strict";"use client";He();G();w();Re=createContext(null),Pe=createContext(null);he.displayName="Sidebar";});function qt(e){if(!(e instanceof Element))return  false;let t=e;for(let n=0;t&&n<100;n++){let i=t.tagName?.toLowerCase()??"";if(i.startsWith("grammarly-")||i.startsWith("lt-")||t.hasAttribute("data-grammarly-shadow-root"))return  true;if(t.parentElement)t=t.parentElement;else {let o=t.getRootNode();t=o instanceof ShadowRoot?o.host:null;}}let a=e;for(;a&&!a.tagName.includes("-");)a=a.parentElement;if(!a)return  false;let r=a.parentElement;return r===document.body||r===document.documentElement}function st(e){return t=>!qt(t)&&(e?.(t)??true)}var lt=L(()=>{"use strict";});var ct={};Rt(ct,{SidebarMobileDrawer:()=>ia});function aa(e){return e>99?"99+":String(e)}function ra(e){let t=null;return Children.forEach(e.props.children,a=>{isValidElement(a)&&a.type.displayName==="SidebarPopover"&&(t=a);}),t}function na(e){let t=[],a=null,r="Navigation";return Children.forEach(e,n=>{if(!isValidElement(n))return;let i=n.type.displayName;i==="SidebarRail"?(r=n.props["aria-label"]??r,Children.forEach(n.props.children,o=>{if(!isValidElement(o))return;if(o.type.displayName==="SidebarRailItem"){let l=o;t.push({props:l.props,popover:ra(l)});}})):i==="SidebarPanel"&&(a=n.props.children);}),{railItems:t,panelContent:a,railAriaLabel:r}}function ia({children:e}){let{isMobileOpen:t,setMobileOpen:a,activePopoverId:r,setActivePopoverId:n}=P(),{railItems:i,panelContent:o,railAriaLabel:u}=na(e),m=i.find(s=>s.props.id===r)?.popover??o,b=()=>{n(null),a(false);};return jsx(ModalOverlay,{isDismissable:true,shouldCloseOnInteractOutside:st(),isOpen:t,onOpenChange:s=>{s||b();},className:fe(),children:jsx(Modal,{className:ge(),children:jsxs(Dialog,{"aria-label":"Navigation menu",className:"flex flex-col h-full outline-none",children:[jsxs("header",{className:ve(),children:[jsx("span",{className:"text-base font-semibold text-[var(--content-foreground)]",children:"Menu"}),jsx(Button,{"aria-label":"Close navigation",className:f(Z()),onPress:b,children:jsx(X$1,{})})]}),i.length>0&&jsx("div",{role:"toolbar","aria-orientation":"horizontal","aria-label":u,tabIndex:0,className:xe(),children:i.map(({props:s,popover:g})=>{let c=g!=null,h=r===s.id;return jsxs(Button,{"aria-current":s.isActive?s.currentType??"page":void 0,"aria-haspopup":c?"dialog":void 0,"aria-expanded":c?h:void 0,isDisabled:s.isDisabled,className:Se({isActive:(s.isActive??false)||h}),onPress:()=>{if(s.onPress?.(),c){n(h?null:s.id);return}if(s.href){window.location.href=s.href,b();return}},"data-testid":`sidebar-mobile-rail-item-${s.id}`,children:[jsxs("span",{className:ze(),"aria-hidden":"true",children:[s.icon,s.badgeCount!=null&&s.badgeCount>0&&jsx("span",{className:j(),"aria-hidden":"true",children:aa(s.badgeCount)})]}),jsx("span",{className:Ge({isActive:(s.isActive??false)||h}),children:s.label}),s.badgeCount!=null&&s.badgeCount>0&&jsxs("span",{className:"sr-only",children:[s.badgeCount," notifications"]})]},s.id)})}),m&&jsx("div",{className:"flex-1 overflow-y-auto bg-[var(--content-background)] text-[var(--content-foreground)]","data-testid":"sidebar-mobile-panel-content",children:m})]})})})}var ut=L(()=>{"use strict";"use client";G();lt();U();w();});U();G();U();G();U();w();var Ct=200,Tt=300;function Ze(e,t){let{activePopoverId:a,setActivePopoverId:r,cancelPopoverClose:n,schedulePopoverClose:i}=P(),o=useRef("IDLE"),u=useRef(null),l=useCallback(()=>{u.current&&(clearTimeout(u.current),u.current=null);},[]),m=a===e;useEffect(()=>{!m&&o.current!=="IDLE"?(l(),o.current="IDLE"):m&&(o.current="OPEN");},[m,l]),useEffect(()=>l,[l]);let b=useCallback(g=>{t&&g.pointerType==="mouse"&&(l(),n(),o.current!=="OPEN"&&(o.current="HOVERING_TRIGGER",u.current=setTimeout(()=>{o.current="OPEN",r(e);},Ct)));},[e,t,r,l,n]),s=useCallback(()=>{if(t){if(l(),o.current==="HOVERING_TRIGGER"){o.current="IDLE",r(null);return}o.current==="OPEN"&&i(Tt);}},[t,r,l,i]);return {onTriggerPointerEnter:b,onTriggerPointerLeave:s}}function Ie({children:e,className:t,"data-testid":a="sidebar-popover"}){return jsx("div",{className:f(X(),t),"data-testid":a,children:e})}Ie.displayName="SidebarPopover";G();U();w();function Lt(){let{activePopoverId:e,setActivePopoverId:t}=P(),{isMobile:a}=O(),r=useRef(null);return useEffect(()=>{if(!e)return;let n=i=>{i.key==="Escape"&&(i.preventDefault(),t(null));};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[e,t]),useEffect(()=>{if(!e)return;let n=o=>{let u=r.current,l=o.relatedTarget;if(!l||!u)return;let m=document.querySelector('[data-testid="sidebar-rail"]');!u.contains(l)&&!m?.contains(l)&&t(null);},i=r.current;return i?.addEventListener("focusout",n),()=>i?.removeEventListener("focusout",n)},[e,t]),a||!e?null:jsx(qe,{ref:r})}var Qe=createContext(null);function Ce(){let e=useContext(Qe);if(!e)throw new Error("usePopoverRegistry must be used within SidebarPanel");return e}function Ye({children:e}){let t=useRef(new Map),a=useCallback((o,u,l)=>{t.current.set(o,{content:u,label:l});},[]),r=useCallback(o=>{t.current.delete(o);},[]),n=useCallback(o=>t.current.get(o)??null,[]),i=useMemo(()=>({register:a,unregister:r,getContent:n}),[a,r,n]);return jsx(Qe.Provider,{value:i,children:e})}var qe=forwardRef((e,t)=>{let{activePopoverId:a,cancelPopoverClose:r,schedulePopoverClose:n}=P(),i=Ce();if(!a)return null;let o=i.getContent(a);return o?jsx("div",{ref:t,role:"dialog","aria-label":`${o.label} details`,className:X(),"data-testid":"sidebar-popover",onPointerEnter:r,onPointerLeave:()=>n(300),children:o.content}):null});qe.displayName="PopoverContent";var Ht=300,Bt={sm:220,md:260,lg:340,xl:420},Te=forwardRef(({children:e,width:t="md","aria-label":a,skeleton:r,className:n,"data-testid":i="sidebar-panel"},o)=>{let{isMobile:u}=O(),{isCollapsed:l,activePopoverId:m}=P(),b=useRef(null),s=m!==null,[g,c]=useState(!l);useEffect(()=>{if(l){c(false);return}let R=window.setTimeout(()=>c(true),Ht);return ()=>window.clearTimeout(R)},[l]);let A=r!==void 0&&!(!l&&g)?r:e;useEffect(()=>{if(!l)return;let R=b.current;if(R&&R.contains(document.activeElement)){let M=document.querySelector('[data-testid="sidebar-collapse-button"]');M&&window.requestAnimationFrame(()=>M.focus());}},[l]);let N=R=>{b.current=R,typeof o=="function"?o(R):o&&(o.current=R);};return u?null:jsxs("div",{className:f("relative shrink-0",!l&&"border-r border-[var(--border)]"),"data-sidebar-panel":"",children:[jsx("aside",{ref:N,"aria-label":a,"aria-hidden":l,inert:l||void 0,className:f(pe({width:t,isCollapsed:l}),n),"data-testid":i,children:A}),s&&jsx("div",{className:f("absolute top-0 left-0 z-10 h-full",l&&"border-r border-[var(--border)]"),style:{width:`${Bt[t]}px`},children:jsx(Lt,{})})]})});Te.displayName="SidebarPanel";function Ve({title:e,icon:t,children:a,as:r="h2",className:n,"data-testid":i="sidebar-panel-header"}){return jsx("header",{className:f(me(),n),"data-testid":i,children:a??jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[t?jsx("span",{"aria-hidden":"true",className:"inline-flex shrink-0 items-center justify-center text-[var(--icon)]","data-testid":`${i}-icon`,children:t}):null,jsx(r,{className:be(),children:e})]})})}Ve.displayName="SidebarPanelHeader";w();var nt=createContext({variant:"default",showActiveIndicator:true});function it(){return useContext(nt)}var Me=forwardRef(({children:e,"aria-label":t,variant:a="default",showActiveIndicator:r=true,className:n,"data-testid":i="sidebar-rail"},o)=>{let{isMobile:u}=O(),l=useMemo(()=>({variant:a,showActiveIndicator:r}),[a,r]);if(u)return null;let m=[],b=[],s=[];Children.forEach(e,c=>{if(isValidElement(c)&&c.type.displayName==="SidebarCollapseButton"){m.push(c);return}(isValidElement(c)?c.props.placement??"top":"top")==="bottom"?s.push(c):b.push(c);});let g=m.length>0;return jsx(nt.Provider,{value:l,children:jsxs("nav",{ref:o,"aria-label":t,className:f(ce({variant:a}),"pb-2",!g&&"pt-2",n),"data-testid":i,children:[m,jsx(Toolbar,{orientation:"vertical","aria-label":"Navigation items",className:ee(),children:b}),s.length>0&&jsx(Toolbar,{orientation:"vertical","aria-label":"Secondary navigation items",className:f(ee(),"mt-auto"),"data-testid":"sidebar-rail-bottom",children:s})]})})});Me.displayName="SidebarRail";function Zt(e){let t=null,a=[];return Children.forEach(e,r=>{isValidElement(r)&&r.type.displayName==="SidebarPopover"?t=r:a.push(r);}),{popover:t,rest:a.length>0?a:null}}function Qt(e){return e>99?"99+":String(e)}var ot=forwardRef(({id:e,label:t,icon:a,href:r,badgeCount:n,isActive:i=false,currentType:o="page",isDisabled:u=false,onPress:l,children:m,className:b,"data-testid":s,routing:g="client"},c)=>{let{activePopoverId:h,setActivePopoverId:A}=P(),{variant:N,showActiveIndicator:R}=it(),M=useRef(null),{popover:v}=Zt(m),x=v!==null,T=h===e,_=Ze(e,x),D=Ce();useEffect(()=>{if(x&&v)return D.register(e,v,t),()=>D.unregister(e)},[e,x,v,t,D]);let H=useCallback(()=>{x&&A(T?null:e),l?.();},[x,T,e,l,A]),B=useCallback(ie=>{M.current=ie,typeof c=="function"?c(ie):c&&(c.current=ie);},[c]),k=s??`sidebar-rail-item-${e}`,z=b?f(te({railVariant:N,isActive:i,isDisabled:u}),b):te({railVariant:N,isActive:i,isDisabled:u}),y=jsxs(Fragment,{children:[jsxs("span",{className:"relative flex w-full items-center justify-center",children:[jsxs("span",{className:ae({railVariant:N,isActive:i}),"aria-hidden":"true",children:[a,n!=null&&n>0&&jsx("span",{className:j(),"aria-hidden":"true",children:Qt(n)})]}),R&&i&&jsx("span",{className:ke(),"aria-hidden":"true"})]}),jsx("span",{className:ue({railVariant:N,isActive:i}),children:t}),n!=null&&n>0&&jsxs("span",{className:"sr-only",children:[n," notifications"]})]}),xt=r&&!u&&g==="native"?jsx("a",{ref:B,href:r,"aria-current":i?o:void 0,"aria-haspopup":x?"dialog":void 0,"aria-expanded":x?T:void 0,className:z,"data-testid":k,onClick:H,children:y}):r&&!u?jsx(Link,{ref:B,href:r,"aria-current":i?o:void 0,"aria-haspopup":x?"dialog":void 0,"aria-expanded":x?T:void 0,className:z,"data-testid":k,onPress:H,children:y}):jsx(Button,{ref:B,isDisabled:u,"aria-current":i?o:void 0,"aria-haspopup":x?"dialog":void 0,"aria-expanded":x?T:void 0,className:z,"data-testid":k,onPress:H,children:y});return jsx("div",{onPointerEnter:_.onTriggerPointerEnter,onPointerLeave:_.onTriggerPointerLeave,children:xt})});ot.displayName="SidebarRailItem";var Le=memo(ot,(e,t)=>e.id===t.id&&e.isActive===t.isActive&&e.badgeCount===t.badgeCount&&e.isDisabled===t.isDisabled&&e.label===t.label&&e.className===t.className&&e.href===t.href&&e.routing===t.routing);Le.displayName="SidebarRailItem";function we({className:e,"data-testid":t="sidebar-collapse-button"}){let{isCollapsed:a,toggleCollapsed:r}=P(),{variant:n}=it();return jsx(Button,{"aria-expanded":!a,"aria-label":a?"Expand sidebar":"Collapse sidebar",className:f(Z({railVariant:n}),e),"data-testid":t,onPress:r,children:jsx("span",{className:ae({railVariant:n,isActive:false}),"aria-hidden":"true",children:a?jsx(ChevronsRight,{}):jsx(ChevronsLeft,{})})})}we.displayName="SidebarCollapseButton";var la=lazy(()=>Promise.resolve().then(()=>(ut(),ct)).then(e=>({default:e.SidebarMobileDrawer})));function da({children:e}){let{isMobile:t}=O(),{isMobileOpen:a}=P();return !t||!a?null:jsx(Suspense,{fallback:null,children:jsx(la,{children:e})})}function pt(e){return jsx(he,{...e,children:jsxs(Ye,{children:[e.children,jsx(da,{children:e.children})]})})}pt.displayName="Sidebar";var ca=Object.assign(pt,{Rail:Me,RailItem:Le,Popover:Ie,Panel:Te,PanelHeader:Ve,CollapseButton:we});w();var V=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var mt=z.enum(["default","primary"]),bt=z.enum(["sm","md","lg","xl"]),ft=z.enum(["page","true","location"]),gt=z.enum(["h1","h2","h3","h4"]),pa=z.enum(["top","bottom"]),vt=z.enum(["client","native"]),ma=V.extend({children:z.custom(),isCollapsed:z.boolean().optional(),defaultCollapsed:z.boolean().optional().default(false),onCollapsedChange:z.custom().optional(),isMobileOpen:z.boolean().optional(),onMobileOpenChange:z.custom().optional(),mobileBreakpoint:z.number().optional().default(768)}),ba=V.extend({children:z.custom(),"aria-label":z.string(),variant:mt.optional().default("default"),showActiveIndicator:z.boolean().optional().default(true)}),fa=V.extend({id:z.string(),label:z.string(),icon:z.custom(),href:z.string().optional(),badgeCount:z.number().optional(),isActive:z.boolean().optional(),currentType:ft.optional().default("page"),isDisabled:z.boolean().optional(),onPress:z.custom().optional(),children:z.custom().optional(),placement:pa.optional().default("top"),routing:vt.optional().default("client")}),ga=V.extend({children:z.custom()}),va=V.extend({children:z.custom(),width:bt.optional().default("md"),"aria-label":z.string(),skeleton:z.custom().optional()}),xa=V.extend({title:z.string().optional(),icon:z.custom().optional(),children:z.custom().optional(),as:gt.optional().default("h2")}),Sa=V.extend({});export{ca as Sidebar,Sa as SidebarCollapseButtonPropsSchema,ft as SidebarCurrentTypeSchema,gt as SidebarPanelHeaderLevelSchema,xa as SidebarPanelHeaderPropsSchema,va as SidebarPanelPropsSchema,bt as SidebarPanelWidthSchema,ga as SidebarPopoverPropsSchema,ma as SidebarPropsSchema,fa as SidebarRailItemPropsSchema,vt as SidebarRailItemRoutingSchema,ba as SidebarRailPropsSchema,mt as SidebarRailVariantSchema,Z as sidebarCollapseButtonVariants,ve as sidebarMobileDrawerHeaderVariants,ge as sidebarMobileDrawerVariants,fe as sidebarMobileOverlayVariants,Se as sidebarMobileRailItemVariants,xe as sidebarMobileRailVariants,be as sidebarPanelHeaderTitleVariants,me as sidebarPanelHeaderVariants,pe as sidebarPanelVariants,X as sidebarPopoverVariants,j as sidebarRailItemBadgeVariants,ae as sidebarRailItemIconVariants,ue as sidebarRailItemLabelVariants,te as sidebarRailItemVariants,ee as sidebarRailToolbarVariants,ce as sidebarRailVariants,de as sidebarRootVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map