@alkimi.org/ui-kit 0.11.1 → 0.11.3

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 (13) hide show
  1. package/dist/chunk-7CNB76Y6.mjs +3 -0
  2. package/dist/chunk-7CNB76Y6.mjs.map +1 -0
  3. package/dist/chunk-IJXDHNI2.js +3 -0
  4. package/dist/chunk-IJXDHNI2.js.map +1 -0
  5. package/dist/components/sidebar.js +1 -1
  6. package/dist/components/sidebar.mjs +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/index.mjs +1 -1
  9. package/package.json +1 -1
  10. package/dist/chunk-36JKB3PI.mjs +0 -3
  11. package/dist/chunk-36JKB3PI.mjs.map +0 -1
  12. package/dist/chunk-5ZAJ6LSM.js +0 -3
  13. package/dist/chunk-5ZAJ6LSM.js.map +0 -1
package/dist/chunk-7CNB76Y6.mjs ADDED
@@ -0,0 +1,3 @@
1
+ "use client";
2
+ import{a as Y,b as J,c as Q,d as Z}from"./chunk-QC5MA4WL.mjs";import{a as j}from"./chunk-YBV4CPVD.mjs";import{a as $,f as W,g as U,i as q,j as X}from"./chunk-QVMQ55JW.mjs";import{a as _}from"./chunk-CNRZOMR4.mjs";import{a as K}from"./chunk-NEOUFWZN.mjs";import{a as z,b as D}from"./chunk-BLHKJHNV.mjs";import{a as o}from"./chunk-S5TKCF6T.mjs";import*as e from"react";import{Slot as C}from"@radix-ui/react-slot";import{cva as ie}from"class-variance-authority";import{PanelLeft as se,X as de,Menu as le}from"lucide-react";import{Fragment as k,jsx as r,jsxs as u}from"react/jsx-runtime";var ce="sidebar_state",pe=3600*24*7,be="16.75rem",ee="23rem",ue="calc(3rem + 0.75rem)",fe="b",me="55px",ae=e.createContext(null),te=e.createContext(!1);function N(){let a=e.useContext(ae);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}var ge=e.forwardRef(({defaultOpen:a=!0,open:t,onOpenChange:n,bannerHeight:i=me,className:s,style:c,children:p,...d},R)=>{let[v,b]=e.useState(!1),[g,x]=e.useState(a),[S,w]=e.useState(!1),[m,M]=e.useState(!1),[E,h]=e.useState(a),L=t??E,T=e.useCallback(l=>{let f=typeof l=="function"?l(L):l;n?n(f):h(f),document.cookie=`${ce}=${f}; path=/; max-age=${pe}`},[n,L]),B=e.useCallback(()=>{T(l=>!l)},[T]),A=e.useCallback(()=>{let l=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-md").trim();l&&window.matchMedia(`(min-width: ${l})`).matches||b(f=>!f)},[b]);e.useEffect(()=>{let l=f=>{f.key===fe&&(f.metaKey||f.ctrlKey)&&(f.preventDefault(),B())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[B]);let O=L?"expanded":"collapsed",P=e.useRef([]),V=e.Children.toArray(p),I=V.filter(l=>e.isValidElement(l)&&l.type?.displayName==="SidebarBanner"),ne=V.filter(l=>!e.isValidElement(l)||l.type?.displayName!=="SidebarBanner");I.length>0&&m&&(P.current=I);let G=I.length>0,y=G&&m,H=!y&&P.current.length>0,F=G,oe=e.useMemo(()=>({state:O,isOpen:g,setOpen:T,openMobile:v,setOpenMobile:b,toggleSidebar:B,toggleMobileSidebar:A,setIsFullyOpen:x,isAnimating:S,setIsAnimating:w,isBannerClosing:H,bannerVisible:m,setBannerVisible:M}),[O,g,T,v,b,B,A,x,S,w,H,m]);return r(ae.Provider,{value:oe,children:r(Y,{delayDuration:0,children:r("div",{style:{"--sidebar-width":be,"--sidebar-width-icon":ue,"--sidebar-top":y?i:"0px",...c},className:o("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",F&&"flex-col",s),ref:R,...d,children:F?u(k,{children:[r("div",{className:"relative overflow-hidden transition-[height] duration-200 ease-linear",style:{height:y?i:"0px"},children:r("div",{className:"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full",style:{height:i},"data-state":y?"open":"closed",onTransitionEnd:()=>{H&&(P.current=[])},children:y?I:P.current})}),r("div",{className:"flex flex-1",children:ne})]}):p})})})});ge.displayName="SidebarProvider";var ve=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"banner",className:o("w-full",a),...t}));ve.displayName="SidebarBanner";var he=e.forwardRef(({side:a="left",variant:t="sidebar",collapsible:n="offcanvas",className:i,children:s,...c},p)=>{let{state:d,openMobile:R,setOpenMobile:v,setIsFullyOpen:b,setIsAnimating:g,isBannerClosing:x}=N(),S=e.useRef(null),w=e.useRef(!0);return e.useEffect(()=>{let m=S.current;if(!m)return;if(w.current){w.current=!1,b(d==="expanded"),g(!1);return}g(!0);let M=setTimeout(()=>{b(d==="expanded"),g(!1)},300),E=h=>{h.target===m&&(h.propertyName==="left"||h.propertyName==="right"||h.propertyName==="width")&&(clearTimeout(M),b(d==="expanded"),g(!1))};return m.addEventListener("transitionend",E),()=>{m.removeEventListener("transitionend",E),clearTimeout(M)}},[d,b,g]),n==="none"?r("aside",{className:o("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:p,...c,children:s}):u(k,{children:[r($,{open:R,onOpenChange:v,children:u(W,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:ee,maxWidth:ee},side:a,children:[u(U,{className:"sr-only",children:[r(q,{children:"Sidebar"}),r(X,{children:"Displays the mobile sidebar."})]}),r(te.Provider,{value:!0,children:r("div",{className:"flex h-full w-full flex-col",children:s})})]})}),u("aside",{ref:p,className:"group peer hidden text-sidebar-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":t,"data-side":a,children:[r("div",{className:o("w-(--sidebar-width) transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),r("div",{ref:S,"data-banner-closing":x,className:o("fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",x&&"transition-[left,right,width,top,height]","top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]",a==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...c,children:r("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:r("div",{className:"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0",children:s})})})]})]})});he.displayName="Sidebar";var re=e.forwardRef(({className:a,onClick:t,...n},i)=>{let{toggleSidebar:s,toggleMobileSidebar:c,openMobile:p}=N();return u(k,{children:[u(D,{"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("md:hidden bg-transparent hover:bg-transparent",a),onClick:d=>{t?.(d),c()},...n,children:[p?r("span",{className:o(z({variant:"secondary",size:"icon"})),children:r(de,{size:16})}):r("span",{className:o(z({variant:"outline",size:"icon"})),children:r(le,{size:16})}),r("span",{className:"sr-only",children:"Toggle Sidebar"})]}),u(D,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("hidden md:inline-flex h-7 w-7",a),onClick:d=>{t?.(d),s()},...n,children:[r("span",{className:"rounded-full p-2",children:r(se,{size:16})}),r("span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});re.displayName="SidebarTrigger";var Re=e.forwardRef(({className:a,...t},n)=>{let{toggleSidebar:i}=N();return r("button",{ref:n,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:o("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})});Re.displayName="SidebarRail";var xe=e.memo(e.forwardRef(({className:a,...t},n)=>r("main",{ref:n,className:o("relative flex min-w-0 w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",a),...t})));xe.displayName="SidebarInset";var Se=e.forwardRef(({className:a,...t},n)=>r(K,{ref:n,"data-sidebar":"input",className:o("h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",a),...t}));Se.displayName="SidebarInput";var we=e.forwardRef(({className:a,showTrigger:t=!1,children:n,...i},s)=>{let{state:c}=N(),p=e.useContext(te),d=c==="collapsed"&&!p;return u("div",{ref:s,"data-sidebar":"header",className:o("flex w-full gap-2 p-2 items-center",d?"justify-center items-center":"justify-between items-start",a),...i,children:[!d&&r("div",{className:"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden",children:r("div",{className:"whitespace-nowrap",children:n})}),t&&r(re,{})]})});we.displayName="SidebarHeader";var ye=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"footer",className:o("flex flex-col gap-2 p-2",a),...t}));ye.displayName="SidebarFooter";var Ce=e.forwardRef(({className:a,...t},n)=>r(j,{ref:n,"data-sidebar":"separator",className:o("mx-2 w-auto bg-border",a),...t}));Ce.displayName="SidebarSeparator";var Ne=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"content",className:o("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",a),...t}));Ne.displayName="SidebarContent";var Me=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"group",className:o("relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",a),...t}));Me.displayName="SidebarGroup";var Ee=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>r(t?C:"div",{ref:i,"data-sidebar":"group-label",className:o("flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...n}));Ee.displayName="SidebarGroupLabel";var Te=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>r(t?C:"button",{ref:i,"data-sidebar":"group-action",className:o("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",a),...n}));Te.displayName="SidebarGroupAction";var Be=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"group-content",className:o("w-full text-sm",a),...t}));Be.displayName="SidebarGroupContent";var Pe=e.forwardRef(({className:a,...t},n)=>r("ul",{ref:n,"data-sidebar":"menu",className:o("flex w-full min-w-0 flex-col gap-1",a),...t}));Pe.displayName="SidebarMenu";var Ie=e.forwardRef(({className:a,...t},n)=>r("li",{ref:n,"data-sidebar":"menu-item",className:o("group/menu-item relative",a),...t}));Ie.displayName="SidebarMenuItem";var Le=ie("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"",outline:"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),He=e.forwardRef(({asChild:a=!1,isActive:t=!1,variant:n="default",size:i="default",tooltip:s,className:c,...p},d)=>{let R=a?C:"button",{state:v}=N(),b=r(R,{ref:d,"data-sidebar":"menu-button","data-size":i,"data-active":t,className:o(Le({variant:n,size:i}),c),...p});return s?(typeof s=="string"&&(s={children:s}),u(J,{children:[r(Q,{asChild:!0,children:b}),r(Z,{side:"right",align:"center",hidden:v!=="collapsed",...s})]})):b});He.displayName="SidebarMenuButton";var ze=e.forwardRef(({className:a,asChild:t=!1,showOnHover:n=!1,...i},s)=>r(t?C:"button",{ref:s,"data-sidebar":"menu-action",className:o("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",n&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0",a),...i}));ze.displayName="SidebarMenuAction";var De=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"menu-badge",className:o("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t}));De.displayName="SidebarMenuBadge";var _e=e.forwardRef(({className:a,showIcon:t=!1,...n},i)=>{let s=e.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return u("div",{ref:i,"data-sidebar":"menu-skeleton",className:o("flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[t&&r(_,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),r(_,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});_e.displayName="SidebarMenuSkeleton";var ke=e.forwardRef(({className:a,...t},n)=>r("ul",{ref:n,"data-sidebar":"menu-sub",className:o("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t}));ke.displayName="SidebarMenuSub";var Ae=e.forwardRef(({...a},t)=>r("li",{ref:t,...a}));Ae.displayName="SidebarMenuSubItem";var Oe=e.forwardRef(({asChild:a=!1,size:t="md",isActive:n,className:i,...s},c)=>r(a?C:"a",{ref:c,"data-sidebar":"menu-sub-button","data-size":t,"data-active":n,className:o("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Oe.displayName="SidebarMenuSubButton";export{N as a,ge as b,ve as c,he as d,re as e,Re as f,xe as g,Se as h,we as i,ye as j,Ce as k,Ne as l,Me as m,Ee as n,Te as o,Be as p,Pe as q,Ie as r,He as s,ze as t,De as u,_e as v,ke as w,Ae as x,Oe as y};
3
+ //# sourceMappingURL=chunk-7CNB76Y6.mjs.map
package/dist/chunk-7CNB76Y6.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst SIDEBAR_BANNER_HEIGHT = \"55px\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n isOpen: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n toggleSidebar: () => void\n toggleMobileSidebar: () => void\n setIsFullyOpen: (open: boolean) => void\n isAnimating: boolean\n setIsAnimating: (animating: boolean) => void\n isBannerClosing: boolean\n bannerVisible: boolean\n setBannerVisible: (visible: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n bannerHeight?: string\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n bannerHeight: bannerHeightProp = SIDEBAR_BANNER_HEIGHT,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const [openMobile, setOpenMobile] = React.useState(false)\n const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n const [isAnimating, setIsAnimating] = React.useState(false)\n const [bannerVisible, setBannerVisible] = React.useState(false)\n\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n const toggleSidebar = React.useCallback(() => {\n setOpen((open) => !open)\n }, [setOpen])\n\n const toggleMobileSidebar = React.useCallback(() => {\n const mdBreakpoint = getComputedStyle(document.documentElement)\n .getPropertyValue(\"--breakpoint-md\")\n .trim()\n if (\n mdBreakpoint &&\n window.matchMedia(`(min-width: ${mdBreakpoint})`).matches\n ) {\n return\n }\n setOpenMobile((open) => !open)\n }, [setOpenMobile])\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n const state = open ? \"expanded\" : \"collapsed\"\n\n const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n const childArray = React.Children.toArray(children)\n const bannerChildren = childArray.filter(\n (child) =>\n React.isValidElement(child) &&\n (child.type as React.FC & { displayName?: string })?.displayName ===\n \"SidebarBanner\"\n )\n const layoutChildren = childArray.filter(\n (child) =>\n !React.isValidElement(child) ||\n (child.type as React.FC & { displayName?: string })?.displayName !==\n \"SidebarBanner\"\n )\n\n // Store previous banner children for closing animation\n if (bannerChildren.length > 0 && bannerVisible) {\n previousBannerChildrenRef.current = bannerChildren\n }\n\n const hasBannerSlot = bannerChildren.length > 0\n const hasBanner = hasBannerSlot && bannerVisible\n const isClosing =\n !hasBanner && previousBannerChildrenRef.current.length > 0\n const displayBanner = hasBannerSlot\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n isOpen: isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isBannerClosing: isClosing,\n bannerVisible,\n setBannerVisible,\n }),\n [\n state,\n isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isClosing,\n bannerVisible,\n ]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n \"--sidebar-top\": hasBanner ? bannerHeightProp : \"0px\",\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n displayBanner && \"flex-col\",\n className\n )}\n ref={ref}\n {...props}\n >\n {displayBanner ? (\n <>\n <div\n className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n style={\n {\n height: hasBanner ? bannerHeightProp : \"0px\",\n } as React.CSSProperties\n }\n >\n <div\n className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n style={{ height: bannerHeightProp }}\n data-state={hasBanner ? \"open\" : \"closed\"}\n onTransitionEnd={() => {\n if (isClosing) {\n previousBannerChildrenRef.current = []\n }\n }}\n >\n {hasBanner\n ? bannerChildren\n : previousBannerChildrenRef.current}\n </div>\n </div>\n <div className=\"flex flex-1\">{layoutChildren}</div>\n </>\n ) : (\n children\n )}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"banner\"\n className={cn(\"w-full\", className)}\n {...props}\n />\n )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n HTMLElement,\n React.ComponentProps<\"aside\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n }\n>(\n (\n {\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const {\n state,\n openMobile,\n setOpenMobile,\n setIsFullyOpen,\n setIsAnimating,\n isBannerClosing,\n } = useSidebar()\n const sidebarRef = React.useRef<HTMLDivElement>(null)\n const isFirstRenderRef = React.useRef(true)\n\n // Track when the sidebar animation completes\n React.useEffect(() => {\n const sidebar = sidebarRef.current\n if (!sidebar) return\n\n // On first render, set isFullyOpen immediately without waiting for animation\n if (isFirstRenderRef.current) {\n isFirstRenderRef.current = false\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n return\n }\n\n // Mark as animating when state changes\n setIsAnimating(true)\n\n // Fallback timeout in case transitionend doesn't fire\n const fallbackTimeout = setTimeout(() => {\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }, 300) // Slightly longer than the 200ms transition duration\n\n const handleTransitionEnd = (event: TransitionEvent) => {\n // Only respond to transitions on the sidebar itself, not children\n if (event.target !== sidebar) return\n\n // Check if we're transitioning width, left, or right properties\n if (\n event.propertyName === \"left\" ||\n event.propertyName === \"right\" ||\n event.propertyName === \"width\"\n ) {\n clearTimeout(fallbackTimeout)\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }\n }\n\n sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n return () => {\n sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n clearTimeout(fallbackTimeout)\n }\n }, [state, setIsFullyOpen, setIsAnimating])\n\n if (collapsible === \"none\") {\n return (\n <aside\n className={cn(\n \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n </aside>\n )\n }\n\n return (\n <>\n {/* Mobile Sheet - visible only on mobile (< md) */}\n <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-mobile=\"true\"\n className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n style={\n {\n width: SIDEBAR_WIDTH_MOBILE,\n maxWidth: SIDEBAR_WIDTH_MOBILE,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <SidebarMobileContext.Provider value={true}>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SidebarMobileContext.Provider>\n </SheetContent>\n </Sheet>\n\n {/* Desktop Sidebar - visible only on desktop (md+) */}\n <aside\n ref={ref}\n className=\"group peer hidden text-sidebar-foreground md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n >\n {/* Spacer to reserve horizontal space */}\n <div\n className={cn(\n \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n )}\n />\n {/* Fixed sidebar */}\n <div\n ref={sidebarRef}\n data-banner-closing={isBannerClosing}\n className={cn(\n \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n isBannerClosing && \"transition-[left,right,width,top,height]\",\n \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n {children}\n </div>\n </div>\n </div>\n </aside>\n </>\n )\n }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n React.ElementRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n return (\n <>\n {/* Mobile trigger - visible below md */}\n <Button\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"md:hidden bg-transparent hover:bg-transparent\",\n className\n )}\n onClick={(event) => {\n onClick?.(event)\n toggleMobileSidebar()\n }}\n {...props}\n >\n {openMobile ? (\n <span\n className={cn(\n buttonVariants({ variant: \"secondary\", size: \"icon\" })\n )}\n >\n <X size={16} />\n </span>\n ) : (\n <span\n className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n >\n <Menu size={16} />\n </span>\n )}\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n\n {/* Desktop trigger - visible at md+ */}\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <span className=\"rounded-full p-2\">\n <PanelLeft size={16} />\n </span>\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n </>\n )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n <button\n ref={ref}\n data-sidebar=\"rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n \"relative flex min-w-0 w-full flex-1 flex-col\",\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n className\n )}\n {...props}\n />\n )\n }\n )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n React.ElementRef<typeof Input>,\n React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-sidebar=\"input\"\n className={cn(\n \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showTrigger?: boolean\n }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n const { state } = useSidebar()\n const isMobile = React.useContext(SidebarMobileContext)\n\n const isCollapsed = state === \"collapsed\" && !isMobile\n\n return (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn(\n \"flex w-full gap-2 p-2 items-center\",\n isCollapsed\n ? \"justify-center items-center\"\n : \"justify-between items-start\",\n className\n )}\n {...props}\n >\n {!isCollapsed && (\n <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n <div className=\"whitespace-nowrap\">{children}</div>\n </div>\n )}\n\n {showTrigger && <SidebarTrigger />}\n </div>\n )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n React.ElementRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n return (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn(\"mx-2 w-auto bg-border\", className)}\n {...props}\n />\n )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn(\n \"relative flex w-full min-w-0 flex-col\",\n \"group-data-[collapsible=icon]:p-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-action\"\n className={cn(\n \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"\",\n outline:\n \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const { state } = useSidebar()\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n )\n\n if (!tooltip) {\n return button\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n }\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\"}\n {...tooltip}\n />\n </Tooltip>\n )\n }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n showOnHover?: boolean\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"menu-badge\"\n className={cn(\n \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n }\n>(({ className, showIcon = false, ...props }, ref) => {\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n }, [])\n\n return (\n <div\n ref={ref}\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-[--skeleton-width] flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu-sub\"\n className={cn(\n \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentProps<\"a\"> & {\n asChild?: boolean\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n Sidebar,\n SidebarBanner,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n}\n"],"mappings":"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","names":["React","Slot","cva","PanelLeft","X","Menu","Fragment","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_BANNER_HEIGHT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","bannerHeightProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","bannerVisible","setBannerVisible","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","toggleMobileSidebar","mdBreakpoint","handleKeyDown","event","state","previousBannerChildrenRef","childArray","bannerChildren","child","layoutChildren","hasBannerSlot","hasBanner","isClosing","displayBanner","contextValue","TooltipProvider","cn","SidebarBanner","Sidebar","side","variant","collapsible","isBannerClosing","sidebarRef","isFirstRenderRef","sidebar","fallbackTimeout","handleTransitionEnd","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","buttonVariants","X","Menu","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","showTrigger","isMobile","isCollapsed","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"]}
package/dist/chunk-IJXDHNI2.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
+ var _chunkRRAIGAHUjs = require('./chunk-RRAIGAHU.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunkUNR6ATUHjs = require('./chunk-UNR6ATUH.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunkK4GMCVHOjs = require('./chunk-K4GMCVHO.js');var _chunkXQILGD5Bjs = require('./chunk-XQILGD5B.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _classvarianceauthority = require('class-variance-authority');var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');var ce="sidebar_state",pe=3600*24*7,be="16.75rem",ee="23rem",ue="calc(3rem + 0.75rem)",fe="b",me="55px",ae=e.createContext(null),te=e.createContext(!1);function N(){let a=e.useContext(ae);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}var ge=e.forwardRef(({defaultOpen:a=!0,open:t,onOpenChange:n,bannerHeight:i=me,className:s,style:c,children:p,...d},R)=>{let[v,b]=e.useState(!1),[g,x]=e.useState(a),[S,w]=e.useState(!1),[m,M]=e.useState(!1),[E,h]=e.useState(a),L=_nullishCoalesce(t, () => (E)),T=e.useCallback(l=>{let f=typeof l=="function"?l(L):l;n?n(f):h(f),document.cookie=`${ce}=${f}; path=/; max-age=${pe}`},[n,L]),B=e.useCallback(()=>{T(l=>!l)},[T]),A=e.useCallback(()=>{let l=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-md").trim();l&&window.matchMedia(`(min-width: ${l})`).matches||b(f=>!f)},[b]);e.useEffect(()=>{let l=f=>{f.key===fe&&(f.metaKey||f.ctrlKey)&&(f.preventDefault(),B())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[B]);let O=L?"expanded":"collapsed",P=e.useRef([]),V=e.Children.toArray(p),I=V.filter(l=>e.isValidElement(l)&&_optionalChain([l, 'access', _2 => _2.type, 'optionalAccess', _3 => _3.displayName])==="SidebarBanner"),ne=V.filter(l=>!e.isValidElement(l)||_optionalChain([l, 'access', _4 => _4.type, 'optionalAccess', _5 => _5.displayName])!=="SidebarBanner");I.length>0&&m&&(P.current=I);let G=I.length>0,y=G&&m,H=!y&&P.current.length>0,F=G,oe=e.useMemo(()=>({state:O,isOpen:g,setOpen:T,openMobile:v,setOpenMobile:b,toggleSidebar:B,toggleMobileSidebar:A,setIsFullyOpen:x,isAnimating:S,setIsAnimating:w,isBannerClosing:H,bannerVisible:m,setBannerVisible:M}),[O,g,T,v,b,B,A,x,S,w,H,m]);return _jsxruntime.jsx.call(void 0, ae.Provider,{value:oe,children:_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.a,{delayDuration:0,children:_jsxruntime.jsx.call(void 0, "div",{style:{"--sidebar-width":be,"--sidebar-width-icon":ue,"--sidebar-top":y?i:"0px",...c},className:_chunkFUYXCJOQjs.a.call(void 0, "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",F&&"flex-col",s),ref:R,...d,children:F?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "div",{className:"relative overflow-hidden transition-[height] duration-200 ease-linear",style:{height:y?i:"0px"},children:_jsxruntime.jsx.call(void 0, "div",{className:"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full",style:{height:i},"data-state":y?"open":"closed",onTransitionEnd:()=>{H&&(P.current=[])},children:y?I:P.current})}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-1",children:ne})]}):p})})})});ge.displayName="SidebarProvider";var ve=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"banner",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full",a),...t}));ve.displayName="SidebarBanner";var he=e.forwardRef(({side:a="left",variant:t="sidebar",collapsible:n="offcanvas",className:i,children:s,...c},p)=>{let{state:d,openMobile:R,setOpenMobile:v,setIsFullyOpen:b,setIsAnimating:g,isBannerClosing:x}=N(),S=e.useRef(null),w=e.useRef(!0);return e.useEffect(()=>{let m=S.current;if(!m)return;if(w.current){w.current=!1,b(d==="expanded"),g(!1);return}g(!0);let M=setTimeout(()=>{b(d==="expanded"),g(!1)},300),E=h=>{h.target===m&&(h.propertyName==="left"||h.propertyName==="right"||h.propertyName==="width")&&(clearTimeout(M),b(d==="expanded"),g(!1))};return m.addEventListener("transitionend",E),()=>{m.removeEventListener("transitionend",E),clearTimeout(M)}},[d,b,g]),n==="none"?_jsxruntime.jsx.call(void 0, "aside",{className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:p,...c,children:s}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkUNR6ATUHjs.a,{open:R,onOpenChange:v,children:_jsxruntime.jsxs.call(void 0, _chunkUNR6ATUHjs.f,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:ee,maxWidth:ee},side:a,children:[_jsxruntime.jsxs.call(void 0, _chunkUNR6ATUHjs.g,{className:"sr-only",children:[_jsxruntime.jsx.call(void 0, _chunkUNR6ATUHjs.i,{children:"Sidebar"}),_jsxruntime.jsx.call(void 0, _chunkUNR6ATUHjs.j,{children:"Displays the mobile sidebar."})]}),_jsxruntime.jsx.call(void 0, te.Provider,{value:!0,children:_jsxruntime.jsx.call(void 0, "div",{className:"flex h-full w-full flex-col",children:s})})]})}),_jsxruntime.jsxs.call(void 0, "aside",{ref:p,className:"group peer hidden text-sidebar-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":t,"data-side":a,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "w-(--sidebar-width) transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),_jsxruntime.jsx.call(void 0, "div",{ref:S,"data-banner-closing":x,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",x&&"transition-[left,right,width,top,height]","top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]",a==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...c,children:_jsxruntime.jsx.call(void 0, "div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0",children:s})})})]})]})});he.displayName="Sidebar";var re=e.forwardRef(({className:a,onClick:t,...n},i)=>{let{toggleSidebar:s,toggleMobileSidebar:c,openMobile:p}=N();return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _chunkXQILGD5Bjs.b,{"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "md:hidden bg-transparent hover:bg-transparent",a),onClick:d=>{_optionalChain([t, 'optionalCall', _6 => _6(d)]),c()},...n,children:[p?_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkXQILGD5Bjs.a.call(void 0, {variant:"secondary",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16})}):_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkXQILGD5Bjs.a.call(void 0, {variant:"outline",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.Menu,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]}),_jsxruntime.jsxs.call(void 0, _chunkXQILGD5Bjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "hidden md:inline-flex h-7 w-7",a),onClick:d=>{_optionalChain([t, 'optionalCall', _7 => _7(d)]),s()},...n,children:[_jsxruntime.jsx.call(void 0, "span",{className:"rounded-full p-2",children:_jsxruntime.jsx.call(void 0, _lucidereact.PanelLeft,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});re.displayName="SidebarTrigger";var Re=e.forwardRef(({className:a,...t},n)=>{let{toggleSidebar:i}=N();return _jsxruntime.jsx.call(void 0, "button",{ref:n,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})});Re.displayName="SidebarRail";var xe=e.memo(e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "main",{ref:n,className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex min-w-0 w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",a),...t})));xe.displayName="SidebarInset";var Se=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, _chunkK4GMCVHOjs.a,{ref:n,"data-sidebar":"input",className:_chunkFUYXCJOQjs.a.call(void 0, "h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",a),...t}));Se.displayName="SidebarInput";var we=e.forwardRef(({className:a,showTrigger:t=!1,children:n,...i},s)=>{let{state:c}=N(),p=e.useContext(te),d=c==="collapsed"&&!p;return _jsxruntime.jsxs.call(void 0, "div",{ref:s,"data-sidebar":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full gap-2 p-2 items-center",d?"justify-center items-center":"justify-between items-start",a),...i,children:[!d&&_jsxruntime.jsx.call(void 0, "div",{className:"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{className:"whitespace-nowrap",children:n})}),t&&_jsxruntime.jsx.call(void 0, re,{})]})});we.displayName="SidebarHeader";var ye=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-2",a),...t}));ye.displayName="SidebarFooter";var Ce=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, _chunk7SOZ6MOVjs.a,{ref:n,"data-sidebar":"separator",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-2 w-auto bg-border",a),...t}));Ce.displayName="SidebarSeparator";var Ne=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"content",className:_chunkFUYXCJOQjs.a.call(void 0, "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",a),...t}));Ne.displayName="SidebarContent";var Me=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"group",className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",a),...t}));Me.displayName="SidebarGroup";var Ee=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"div",{ref:i,"data-sidebar":"group-label",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...n}));Ee.displayName="SidebarGroupLabel";var Te=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"button",{ref:i,"data-sidebar":"group-action",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",a),...n}));Te.displayName="SidebarGroupAction";var Be=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"group-content",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full text-sm",a),...t}));Be.displayName="SidebarGroupContent";var Pe=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "ul",{ref:n,"data-sidebar":"menu",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full min-w-0 flex-col gap-1",a),...t}));Pe.displayName="SidebarMenu";var Ie=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "li",{ref:n,"data-sidebar":"menu-item",className:_chunkFUYXCJOQjs.a.call(void 0, "group/menu-item relative",a),...t}));Ie.displayName="SidebarMenuItem";var Le=_classvarianceauthority.cva.call(void 0, "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"",outline:"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),He= exports.s =e.forwardRef(({asChild:a=!1,isActive:t=!1,variant:n="default",size:i="default",tooltip:s,className:c,...p},d)=>{let R=a?_reactslot.Slot:"button",{state:v}=N(),b=_jsxruntime.jsx.call(void 0, R,{ref:d,"data-sidebar":"menu-button","data-size":i,"data-active":t,className:_chunkFUYXCJOQjs.a.call(void 0, Le({variant:n,size:i}),c),...p});return s?(typeof s=="string"&&(s={children:s}),_jsxruntime.jsxs.call(void 0, _chunkRRAIGAHUjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.c,{asChild:!0,children:b}),_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.d,{side:"right",align:"center",hidden:v!=="collapsed",...s})]})):b});He.displayName="SidebarMenuButton";var ze=e.forwardRef(({className:a,asChild:t=!1,showOnHover:n=!1,...i},s)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"button",{ref:s,"data-sidebar":"menu-action",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",n&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0",a),...i}));ze.displayName="SidebarMenuAction";var De=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"menu-badge",className:_chunkFUYXCJOQjs.a.call(void 0, "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t}));De.displayName="SidebarMenuBadge";var _e=e.forwardRef(({className:a,showIcon:t=!1,...n},i)=>{let s=e.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return _jsxruntime.jsxs.call(void 0, "div",{ref:i,"data-sidebar":"menu-skeleton",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[t&&_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});_e.displayName="SidebarMenuSkeleton";var ke=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "ul",{ref:n,"data-sidebar":"menu-sub",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t}));ke.displayName="SidebarMenuSub";var Ae=e.forwardRef(({...a},t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...a}));Ae.displayName="SidebarMenuSubItem";var Oe=e.forwardRef(({asChild:a=!1,size:t="md",isActive:n,className:i,...s},c)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"a",{ref:c,"data-sidebar":"menu-sub-button","data-size":t,"data-active":n,className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Oe.displayName="SidebarMenuSubButton";exports.a = N; exports.b = ge; exports.c = ve; exports.d = he; exports.e = re; exports.f = Re; exports.g = xe; exports.h = Se; exports.i = we; exports.j = ye; exports.k = Ce; exports.l = Ne; exports.m = Me; exports.n = Ee; exports.o = Te; exports.p = Be; exports.q = Pe; exports.r = Ie; exports.s = He; exports.t = ze; exports.u = De; exports.v = _e; exports.w = ke; exports.x = Ae; exports.y = Oe;
3
+ //# sourceMappingURL=chunk-IJXDHNI2.js.map
package/dist/chunk-IJXDHNI2.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-IJXDHNI2.js","../src/components/sidebar.tsx"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_BANNER_HEIGHT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","bannerHeightProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","bannerVisible","setBannerVisible","_open","_setOpen","open","setOpen","value","openState"],"mappings":"AAAA,+8BAAY;AACZ,sDAA4D,sDAAwC,sDAAoE,sDAAwC,sDAAwC,sDAA+C,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CAuNrB,IAlMRA,EAAAA,CAAsB,eAAA,CACtBC,EAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,UAAA,CAChBC,EAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,sBAAA,CACrBC,EAAAA,CAA4B,GAAA,CAC5BC,EAAAA,CAAwB,MAAA,CAkBxBC,EAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CACrEC,EAAAA,CAA6B,CAAA,CAAA,aAAA,CAAc,CAAA,CAAK,CAAA,CAEtD,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWH,EAAc,CAAA,CAC/C,EAAA,CAAI,CAACG,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,mDAAmD,CAAA,CAGrE,OAAOA,CACT,CAEA,IAAMC,EAAAA,CAAwB,CAAA,CAAA,UAAA,CAS5B,CACE,CACE,WAAA,CAAAC,CAAAA,CAAc,CAAA,CAAA,CACd,IAAA,CAAMC,CAAAA,CACN,YAAA,CAAcC,CAAAA,CACd,YAAA,CAAcC,CAAAA,CAAmBT,EAAAA,CACjC,SAAA,CAAAU,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAClD,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAASZ,CAAW,CAAA,CAC1D,CAACa,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CACpD,CAACC,CAAAA,CAAeC,CAAgB,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAExD,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAU,CAAA,CAAA,QAAA,CAASlB,CAAW,CAAA,CAC9CmB,CAAAA,kBAAOlB,CAAAA,SAAYgB,GAAAA,CACnBG,CAAAA,CAAgB,CAAA,CAAA,WAAA,CACnBC,CAAAA,EAAmD,CAClD,IAAMC,CAAAA,CAAY,OAAOD,CAAAA,EAAU,UAAA,CAAaA,CAAAA,CAAMF,CAAI,CAAA,CAAIE,CAAAA,CAC1DnB,CAAAA,CACFA,CAAAA,CAAYoB,CAAS,CAAA,CAErBJ,CAAAA,CAASI,CAAS,CAAA,CAGpB,QAAA,CAAS,MAAA,CAAS,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-IJXDHNI2.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst SIDEBAR_BANNER_HEIGHT = \"55px\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n isOpen: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n toggleSidebar: () => void\n toggleMobileSidebar: () => void\n setIsFullyOpen: (open: boolean) => void\n isAnimating: boolean\n setIsAnimating: (animating: boolean) => void\n isBannerClosing: boolean\n bannerVisible: boolean\n setBannerVisible: (visible: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n bannerHeight?: string\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n bannerHeight: bannerHeightProp = SIDEBAR_BANNER_HEIGHT,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const [openMobile, setOpenMobile] = React.useState(false)\n const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n const [isAnimating, setIsAnimating] = React.useState(false)\n const [bannerVisible, setBannerVisible] = React.useState(false)\n\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n const toggleSidebar = React.useCallback(() => {\n setOpen((open) => !open)\n }, [setOpen])\n\n const toggleMobileSidebar = React.useCallback(() => {\n const mdBreakpoint = getComputedStyle(document.documentElement)\n .getPropertyValue(\"--breakpoint-md\")\n .trim()\n if (\n mdBreakpoint &&\n window.matchMedia(`(min-width: ${mdBreakpoint})`).matches\n ) {\n return\n }\n setOpenMobile((open) => !open)\n }, [setOpenMobile])\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n const state = open ? \"expanded\" : \"collapsed\"\n\n const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n const childArray = React.Children.toArray(children)\n const bannerChildren = childArray.filter(\n (child) =>\n React.isValidElement(child) &&\n (child.type as React.FC & { displayName?: string })?.displayName ===\n \"SidebarBanner\"\n )\n const layoutChildren = childArray.filter(\n (child) =>\n !React.isValidElement(child) ||\n (child.type as React.FC & { displayName?: string })?.displayName !==\n \"SidebarBanner\"\n )\n\n // Store previous banner children for closing animation\n if (bannerChildren.length > 0 && bannerVisible) {\n previousBannerChildrenRef.current = bannerChildren\n }\n\n const hasBannerSlot = bannerChildren.length > 0\n const hasBanner = hasBannerSlot && bannerVisible\n const isClosing =\n !hasBanner && previousBannerChildrenRef.current.length > 0\n const displayBanner = hasBannerSlot\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n isOpen: isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isBannerClosing: isClosing,\n bannerVisible,\n setBannerVisible,\n }),\n [\n state,\n isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isClosing,\n bannerVisible,\n ]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n \"--sidebar-top\": hasBanner ? bannerHeightProp : \"0px\",\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n displayBanner && \"flex-col\",\n className\n )}\n ref={ref}\n {...props}\n >\n {displayBanner ? (\n <>\n <div\n className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n style={\n {\n height: hasBanner ? bannerHeightProp : \"0px\",\n } as React.CSSProperties\n }\n >\n <div\n className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n style={{ height: bannerHeightProp }}\n data-state={hasBanner ? \"open\" : \"closed\"}\n onTransitionEnd={() => {\n if (isClosing) {\n previousBannerChildrenRef.current = []\n }\n }}\n >\n {hasBanner\n ? bannerChildren\n : previousBannerChildrenRef.current}\n </div>\n </div>\n <div className=\"flex flex-1\">{layoutChildren}</div>\n </>\n ) : (\n children\n )}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"banner\"\n className={cn(\"w-full\", className)}\n {...props}\n />\n )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n HTMLElement,\n React.ComponentProps<\"aside\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n }\n>(\n (\n {\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const {\n state,\n openMobile,\n setOpenMobile,\n setIsFullyOpen,\n setIsAnimating,\n isBannerClosing,\n } = useSidebar()\n const sidebarRef = React.useRef<HTMLDivElement>(null)\n const isFirstRenderRef = React.useRef(true)\n\n // Track when the sidebar animation completes\n React.useEffect(() => {\n const sidebar = sidebarRef.current\n if (!sidebar) return\n\n // On first render, set isFullyOpen immediately without waiting for animation\n if (isFirstRenderRef.current) {\n isFirstRenderRef.current = false\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n return\n }\n\n // Mark as animating when state changes\n setIsAnimating(true)\n\n // Fallback timeout in case transitionend doesn't fire\n const fallbackTimeout = setTimeout(() => {\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }, 300) // Slightly longer than the 200ms transition duration\n\n const handleTransitionEnd = (event: TransitionEvent) => {\n // Only respond to transitions on the sidebar itself, not children\n if (event.target !== sidebar) return\n\n // Check if we're transitioning width, left, or right properties\n if (\n event.propertyName === \"left\" ||\n event.propertyName === \"right\" ||\n event.propertyName === \"width\"\n ) {\n clearTimeout(fallbackTimeout)\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }\n }\n\n sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n return () => {\n sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n clearTimeout(fallbackTimeout)\n }\n }, [state, setIsFullyOpen, setIsAnimating])\n\n if (collapsible === \"none\") {\n return (\n <aside\n className={cn(\n \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n </aside>\n )\n }\n\n return (\n <>\n {/* Mobile Sheet - visible only on mobile (< md) */}\n <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-mobile=\"true\"\n className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n style={\n {\n width: SIDEBAR_WIDTH_MOBILE,\n maxWidth: SIDEBAR_WIDTH_MOBILE,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <SidebarMobileContext.Provider value={true}>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SidebarMobileContext.Provider>\n </SheetContent>\n </Sheet>\n\n {/* Desktop Sidebar - visible only on desktop (md+) */}\n <aside\n ref={ref}\n className=\"group peer hidden text-sidebar-foreground md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n >\n {/* Spacer to reserve horizontal space */}\n <div\n className={cn(\n \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n )}\n />\n {/* Fixed sidebar */}\n <div\n ref={sidebarRef}\n data-banner-closing={isBannerClosing}\n className={cn(\n \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n isBannerClosing && \"transition-[left,right,width,top,height]\",\n \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n {children}\n </div>\n </div>\n </div>\n </aside>\n </>\n )\n }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n React.ElementRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n return (\n <>\n {/* Mobile trigger - visible below md */}\n <Button\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"md:hidden bg-transparent hover:bg-transparent\",\n className\n )}\n onClick={(event) => {\n onClick?.(event)\n toggleMobileSidebar()\n }}\n {...props}\n >\n {openMobile ? (\n <span\n className={cn(\n buttonVariants({ variant: \"secondary\", size: \"icon\" })\n )}\n >\n <X size={16} />\n </span>\n ) : (\n <span\n className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n >\n <Menu size={16} />\n </span>\n )}\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n\n {/* Desktop trigger - visible at md+ */}\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <span className=\"rounded-full p-2\">\n <PanelLeft size={16} />\n </span>\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n </>\n )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n <button\n ref={ref}\n data-sidebar=\"rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n \"relative flex min-w-0 w-full flex-1 flex-col\",\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n className\n )}\n {...props}\n />\n )\n }\n )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n React.ElementRef<typeof Input>,\n React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-sidebar=\"input\"\n className={cn(\n \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showTrigger?: boolean\n }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n const { state } = useSidebar()\n const isMobile = React.useContext(SidebarMobileContext)\n\n const isCollapsed = state === \"collapsed\" && !isMobile\n\n return (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn(\n \"flex w-full gap-2 p-2 items-center\",\n isCollapsed\n ? \"justify-center items-center\"\n : \"justify-between items-start\",\n className\n )}\n {...props}\n >\n {!isCollapsed && (\n <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n <div className=\"whitespace-nowrap\">{children}</div>\n </div>\n )}\n\n {showTrigger && <SidebarTrigger />}\n </div>\n )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n React.ElementRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n return (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn(\"mx-2 w-auto bg-border\", className)}\n {...props}\n />\n )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn(\n \"relative flex w-full min-w-0 flex-col\",\n \"group-data-[collapsible=icon]:p-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-action\"\n className={cn(\n \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"\",\n outline:\n \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const { state } = useSidebar()\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n )\n\n if (!tooltip) {\n return button\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n }\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\"}\n {...tooltip}\n />\n </Tooltip>\n )\n }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n showOnHover?: boolean\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"menu-badge\"\n className={cn(\n \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n }\n>(({ className, showIcon = false, ...props }, ref) => {\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n }, [])\n\n return (\n <div\n ref={ref}\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-[--skeleton-width] flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu-sub\"\n className={cn(\n \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentProps<\"a\"> & {\n asChild?: boolean\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n Sidebar,\n SidebarBanner,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n}\n"]}
package/dist/components/sidebar.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
- "use client";var _chunk5ZAJ6LSMjs = require('../chunk-5ZAJ6LSM.js');require('../chunk-RRAIGAHU.js');require('../chunk-7SOZ6MOV.js');require('../chunk-UNR6ATUH.js');require('../chunk-5L5DM2X5.js');require('../chunk-K4GMCVHO.js');require('../chunk-XQILGD5B.js');require('../chunk-FUYXCJOQ.js');require('../chunk-XYO4VLMF.js');exports.Sidebar = _chunk5ZAJ6LSMjs.d; exports.SidebarBanner = _chunk5ZAJ6LSMjs.c; exports.SidebarContent = _chunk5ZAJ6LSMjs.l; exports.SidebarFooter = _chunk5ZAJ6LSMjs.j; exports.SidebarGroup = _chunk5ZAJ6LSMjs.m; exports.SidebarGroupAction = _chunk5ZAJ6LSMjs.o; exports.SidebarGroupContent = _chunk5ZAJ6LSMjs.p; exports.SidebarGroupLabel = _chunk5ZAJ6LSMjs.n; exports.SidebarHeader = _chunk5ZAJ6LSMjs.i; exports.SidebarInput = _chunk5ZAJ6LSMjs.h; exports.SidebarInset = _chunk5ZAJ6LSMjs.g; exports.SidebarMenu = _chunk5ZAJ6LSMjs.q; exports.SidebarMenuAction = _chunk5ZAJ6LSMjs.t; exports.SidebarMenuBadge = _chunk5ZAJ6LSMjs.u; exports.SidebarMenuButton = _chunk5ZAJ6LSMjs.s; exports.SidebarMenuItem = _chunk5ZAJ6LSMjs.r; exports.SidebarMenuSkeleton = _chunk5ZAJ6LSMjs.v; exports.SidebarMenuSub = _chunk5ZAJ6LSMjs.w; exports.SidebarMenuSubButton = _chunk5ZAJ6LSMjs.y; exports.SidebarMenuSubItem = _chunk5ZAJ6LSMjs.x; exports.SidebarProvider = _chunk5ZAJ6LSMjs.b; exports.SidebarRail = _chunk5ZAJ6LSMjs.f; exports.SidebarSeparator = _chunk5ZAJ6LSMjs.k; exports.SidebarTrigger = _chunk5ZAJ6LSMjs.e; exports.useSidebar = _chunk5ZAJ6LSMjs.a;
2
+ "use client";var _chunkIJXDHNI2js = require('../chunk-IJXDHNI2.js');require('../chunk-RRAIGAHU.js');require('../chunk-7SOZ6MOV.js');require('../chunk-UNR6ATUH.js');require('../chunk-5L5DM2X5.js');require('../chunk-K4GMCVHO.js');require('../chunk-XQILGD5B.js');require('../chunk-FUYXCJOQ.js');require('../chunk-XYO4VLMF.js');exports.Sidebar = _chunkIJXDHNI2js.d; exports.SidebarBanner = _chunkIJXDHNI2js.c; exports.SidebarContent = _chunkIJXDHNI2js.l; exports.SidebarFooter = _chunkIJXDHNI2js.j; exports.SidebarGroup = _chunkIJXDHNI2js.m; exports.SidebarGroupAction = _chunkIJXDHNI2js.o; exports.SidebarGroupContent = _chunkIJXDHNI2js.p; exports.SidebarGroupLabel = _chunkIJXDHNI2js.n; exports.SidebarHeader = _chunkIJXDHNI2js.i; exports.SidebarInput = _chunkIJXDHNI2js.h; exports.SidebarInset = _chunkIJXDHNI2js.g; exports.SidebarMenu = _chunkIJXDHNI2js.q; exports.SidebarMenuAction = _chunkIJXDHNI2js.t; exports.SidebarMenuBadge = _chunkIJXDHNI2js.u; exports.SidebarMenuButton = _chunkIJXDHNI2js.s; exports.SidebarMenuItem = _chunkIJXDHNI2js.r; exports.SidebarMenuSkeleton = _chunkIJXDHNI2js.v; exports.SidebarMenuSub = _chunkIJXDHNI2js.w; exports.SidebarMenuSubButton = _chunkIJXDHNI2js.y; exports.SidebarMenuSubItem = _chunkIJXDHNI2js.x; exports.SidebarProvider = _chunkIJXDHNI2js.b; exports.SidebarRail = _chunkIJXDHNI2js.f; exports.SidebarSeparator = _chunkIJXDHNI2js.k; exports.SidebarTrigger = _chunkIJXDHNI2js.e; exports.useSidebar = _chunkIJXDHNI2js.a;
3
3
  //# sourceMappingURL=sidebar.js.map
package/dist/components/sidebar.mjs CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- "use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunk-36JKB3PI.mjs";import"../chunk-QC5MA4WL.mjs";import"../chunk-YBV4CPVD.mjs";import"../chunk-QVMQ55JW.mjs";import"../chunk-CNRZOMR4.mjs";import"../chunk-NEOUFWZN.mjs";import"../chunk-BLHKJHNV.mjs";import"../chunk-S5TKCF6T.mjs";import"../chunk-KPAOPUY2.mjs";export{d as Sidebar,c as SidebarBanner,l as SidebarContent,j as SidebarFooter,m as SidebarGroup,o as SidebarGroupAction,p as SidebarGroupContent,n as SidebarGroupLabel,i as SidebarHeader,h as SidebarInput,g as SidebarInset,q as SidebarMenu,t as SidebarMenuAction,u as SidebarMenuBadge,s as SidebarMenuButton,r as SidebarMenuItem,v as SidebarMenuSkeleton,w as SidebarMenuSub,y as SidebarMenuSubButton,x as SidebarMenuSubItem,b as SidebarProvider,f as SidebarRail,k as SidebarSeparator,e as SidebarTrigger,a as useSidebar};
2
+ "use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunk-7CNB76Y6.mjs";import"../chunk-QC5MA4WL.mjs";import"../chunk-YBV4CPVD.mjs";import"../chunk-QVMQ55JW.mjs";import"../chunk-CNRZOMR4.mjs";import"../chunk-NEOUFWZN.mjs";import"../chunk-BLHKJHNV.mjs";import"../chunk-S5TKCF6T.mjs";import"../chunk-KPAOPUY2.mjs";export{d as Sidebar,c as SidebarBanner,l as SidebarContent,j as SidebarFooter,m as SidebarGroup,o as SidebarGroupAction,p as SidebarGroupContent,n as SidebarGroupLabel,i as SidebarHeader,h as SidebarInput,g as SidebarInset,q as SidebarMenu,t as SidebarMenuAction,u as SidebarMenuBadge,s as SidebarMenuButton,r as SidebarMenuItem,v as SidebarMenuSkeleton,w as SidebarMenuSub,y as SidebarMenuSubButton,x as SidebarMenuSubItem,b as SidebarProvider,f as SidebarRail,k as SidebarSeparator,e as SidebarTrigger,a as useSidebar};
3
3
  //# sourceMappingURL=sidebar.mjs.map
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
- var _chunk5X26XR44js = require('./chunk-5X26XR44.js');var _chunkVBPIXXIAjs = require('./chunk-VBPIXXIA.js');var _chunkTDMRUCR6js = require('./chunk-TDMRUCR6.js');var _chunkEKCAULFPjs = require('./chunk-EKCAULFP.js');var _chunkLQMOWEA7js = require('./chunk-LQMOWEA7.js');var _chunkZ5V4P3ECjs = require('./chunk-Z5V4P3EC.js');var _chunk5ZAJ6LSMjs = require('./chunk-5ZAJ6LSM.js');var _chunkRRAIGAHUjs = require('./chunk-RRAIGAHU.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunkUNR6ATUHjs = require('./chunk-UNR6ATUH.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunk3TLCOZ5Rjs = require('./chunk-3TLCOZ5R.js');var _chunkRKRTEMMZjs = require('./chunk-RKRTEMMZ.js');var _chunkRJMIOBXZjs = require('./chunk-RJMIOBXZ.js');var _chunkEIM5R7AJjs = require('./chunk-EIM5R7AJ.js');var _chunkCT2CRYC2js = require('./chunk-CT2CRYC2.js');var _chunkUSPGZYMVjs = require('./chunk-USPGZYMV.js');var _chunkK4GMCVHOjs = require('./chunk-K4GMCVHO.js');var _chunkI5INE4KGjs = require('./chunk-I5INE4KG.js');var _chunkWYRD4UAKjs = require('./chunk-WYRD4UAK.js');var _chunkYKXP3INYjs = require('./chunk-YKXP3INY.js');var _chunkULIOO55Ijs = require('./chunk-ULIOO55I.js');var _chunk7J2ETVGKjs = require('./chunk-7J2ETVGK.js');var _chunkBV7RXRSLjs = require('./chunk-BV7RXRSL.js');require('./chunk-3BVMHDYA.js');var _chunkDHHZMQ72js = require('./chunk-DHHZMQ72.js');var _chunkGRXC46JCjs = require('./chunk-GRXC46JC.js');var _chunkXQILGD5Bjs = require('./chunk-XQILGD5B.js');var _chunk3PEPOFYUjs = require('./chunk-3PEPOFYU.js');var _chunkEJTY2ABYjs = require('./chunk-EJTY2ABY.js');var _chunkWFD523CVjs = require('./chunk-WFD523CV.js');var _chunkEWRKHBIVjs = require('./chunk-EWRKHBIV.js');var _chunkUJZP6L4Sjs = require('./chunk-UJZP6L4S.js');var _chunk372VUZFEjs = require('./chunk-372VUZFE.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');require('./chunk-XYO4VLMF.js');exports.Accordion = _chunkUJZP6L4Sjs.a; exports.AccordionContent = _chunkUJZP6L4Sjs.d; exports.AccordionItem = _chunkUJZP6L4Sjs.b; exports.AccordionTrigger = _chunkUJZP6L4Sjs.c; exports.Button = _chunkXQILGD5Bjs.b; exports.Calendar = _chunkGRXC46JCjs.a; exports.Checkbox = _chunkWYRD4UAKjs.a; exports.Combobox = _chunkYKXP3INYjs.a; exports.Command = _chunk7J2ETVGKjs.a; exports.CommandDialog = _chunk7J2ETVGKjs.b; exports.CommandEmpty = _chunk7J2ETVGKjs.e; exports.CommandGroup = _chunk7J2ETVGKjs.f; exports.CommandInput = _chunk7J2ETVGKjs.c; exports.CommandItem = _chunk7J2ETVGKjs.h; exports.CommandList = _chunk7J2ETVGKjs.d; exports.CommandSeparator = _chunk7J2ETVGKjs.g; exports.CommandShortcut = _chunk7J2ETVGKjs.i; exports.DatePicker = _chunkDHHZMQ72js.a; exports.DateRangePicker = _chunk3TLCOZ5Rjs.a; exports.Dialog = _chunkBV7RXRSLjs.a; exports.DialogClose = _chunkBV7RXRSLjs.d; exports.DialogContent = _chunkBV7RXRSLjs.f; exports.DialogDescription = _chunkBV7RXRSLjs.j; exports.DialogFooter = _chunkBV7RXRSLjs.h; exports.DialogHeader = _chunkBV7RXRSLjs.g; exports.DialogOverlay = _chunkBV7RXRSLjs.e; exports.DialogPortal = _chunkBV7RXRSLjs.c; exports.DialogTitle = _chunkBV7RXRSLjs.i; exports.DialogTrigger = _chunkBV7RXRSLjs.b; exports.Drawer = _chunkRKRTEMMZjs.b; exports.DrawerBody = _chunkRKRTEMMZjs.e; exports.DrawerFooter = _chunkRKRTEMMZjs.f; exports.DrawerHeader = _chunkRKRTEMMZjs.c; exports.DrawerTitle = _chunkRKRTEMMZjs.d; exports.DropdownMenu = _chunkEIM5R7AJjs.a; exports.DropdownMenuCheckboxItem = _chunkEIM5R7AJjs.k; exports.DropdownMenuContent = _chunkEIM5R7AJjs.i; exports.DropdownMenuGroup = _chunkEIM5R7AJjs.c; exports.DropdownMenuItem = _chunkEIM5R7AJjs.j; exports.DropdownMenuLabel = _chunkEIM5R7AJjs.m; exports.DropdownMenuPortal = _chunkEIM5R7AJjs.d; exports.DropdownMenuRadioGroup = _chunkEIM5R7AJjs.f; exports.DropdownMenuRadioItem = _chunkEIM5R7AJjs.l; exports.DropdownMenuSeparator = _chunkEIM5R7AJjs.n; exports.DropdownMenuShortcut = _chunkEIM5R7AJjs.o; exports.DropdownMenuSub = _chunkEIM5R7AJjs.e; exports.DropdownMenuSubContent = _chunkEIM5R7AJjs.h; exports.DropdownMenuSubTrigger = _chunkEIM5R7AJjs.g; exports.DropdownMenuTrigger = _chunkEIM5R7AJjs.b; exports.Field = _chunkCT2CRYC2js.a; exports.FieldDescription = _chunkCT2CRYC2js.c; exports.FieldLabel = _chunkCT2CRYC2js.b; exports.FileUpload = _chunkUSPGZYMVjs.a; exports.GeometricFluidGrid = _chunk3PEPOFYUjs.a; exports.GlitchLink = _chunkEJTY2ABYjs.b; exports.Input = _chunkK4GMCVHOjs.a; exports.Label = _chunkI5INE4KGjs.a; exports.PixelLoad = _chunkWFD523CVjs.a; exports.Popover = _chunkULIOO55Ijs.a; exports.PopoverContent = _chunkULIOO55Ijs.c; exports.PopoverTrigger = _chunkULIOO55Ijs.b; exports.RadioGroup = _chunkZ5V4P3ECjs.a; exports.RadioGroupItem = _chunkZ5V4P3ECjs.b; exports.ScrollArea = _chunkRJMIOBXZjs.a; exports.ScrollBar = _chunkRJMIOBXZjs.b; exports.Separator = _chunk7SOZ6MOVjs.a; exports.Sheet = _chunkUNR6ATUHjs.a; exports.SheetClose = _chunkUNR6ATUHjs.c; exports.SheetContent = _chunkUNR6ATUHjs.f; exports.SheetDescription = _chunkUNR6ATUHjs.j; exports.SheetFooter = _chunkUNR6ATUHjs.h; exports.SheetHeader = _chunkUNR6ATUHjs.g; exports.SheetOverlay = _chunkUNR6ATUHjs.e; exports.SheetPortal = _chunkUNR6ATUHjs.d; exports.SheetTitle = _chunkUNR6ATUHjs.i; exports.SheetTrigger = _chunkUNR6ATUHjs.b; exports.Sidebar = _chunk5ZAJ6LSMjs.d; exports.SidebarBanner = _chunk5ZAJ6LSMjs.c; exports.SidebarContent = _chunk5ZAJ6LSMjs.l; exports.SidebarFooter = _chunk5ZAJ6LSMjs.j; exports.SidebarGroup = _chunk5ZAJ6LSMjs.m; exports.SidebarGroupAction = _chunk5ZAJ6LSMjs.o; exports.SidebarGroupContent = _chunk5ZAJ6LSMjs.p; exports.SidebarGroupLabel = _chunk5ZAJ6LSMjs.n; exports.SidebarHeader = _chunk5ZAJ6LSMjs.i; exports.SidebarInput = _chunk5ZAJ6LSMjs.h; exports.SidebarInset = _chunk5ZAJ6LSMjs.g; exports.SidebarMenu = _chunk5ZAJ6LSMjs.q; exports.SidebarMenuAction = _chunk5ZAJ6LSMjs.t; exports.SidebarMenuBadge = _chunk5ZAJ6LSMjs.u; exports.SidebarMenuButton = _chunk5ZAJ6LSMjs.s; exports.SidebarMenuItem = _chunk5ZAJ6LSMjs.r; exports.SidebarMenuSkeleton = _chunk5ZAJ6LSMjs.v; exports.SidebarMenuSub = _chunk5ZAJ6LSMjs.w; exports.SidebarMenuSubButton = _chunk5ZAJ6LSMjs.y; exports.SidebarMenuSubItem = _chunk5ZAJ6LSMjs.x; exports.SidebarProvider = _chunk5ZAJ6LSMjs.b; exports.SidebarRail = _chunk5ZAJ6LSMjs.f; exports.SidebarSeparator = _chunk5ZAJ6LSMjs.k; exports.SidebarTrigger = _chunk5ZAJ6LSMjs.e; exports.Skeleton = _chunk5L5DM2X5js.a; exports.Table = _chunk5X26XR44js.a; exports.TableBody = _chunk5X26XR44js.c; exports.TableCaption = _chunk5X26XR44js.i; exports.TableCell = _chunk5X26XR44js.g; exports.TableCellAction = _chunk5X26XR44js.h; exports.TableFooter = _chunk5X26XR44js.d; exports.TableHead = _chunk5X26XR44js.f; exports.TableHeader = _chunk5X26XR44js.b; exports.TableRow = _chunk5X26XR44js.e; exports.Tabs = _chunkVBPIXXIAjs.a; exports.TabsContent = _chunkVBPIXXIAjs.d; exports.TabsList = _chunkVBPIXXIAjs.b; exports.TabsTrigger = _chunkVBPIXXIAjs.c; exports.TextDecoder = _chunkEWRKHBIVjs.a; exports.Textarea = _chunkTDMRUCR6js.a; exports.Toaster = _chunkEKCAULFPjs.b; exports.Tooltip = _chunkRRAIGAHUjs.b; exports.TooltipContent = _chunkRRAIGAHUjs.d; exports.TooltipProvider = _chunkRRAIGAHUjs.a; exports.TooltipTrigger = _chunkRRAIGAHUjs.c; exports.TreeSelect = _chunkLQMOWEA7js.a; exports.buttonVariants = _chunkXQILGD5Bjs.a; exports.cn = _chunkFUYXCJOQjs.a; exports.getSeedColor = _chunk372VUZFEjs.b; exports.getSphericalGradient = _chunk372VUZFEjs.a; exports.toast = _chunkEKCAULFPjs.a; exports.useDrawer = _chunkRKRTEMMZjs.a; exports.useSidebar = _chunk5ZAJ6LSMjs.a;
2
+ var _chunk5X26XR44js = require('./chunk-5X26XR44.js');var _chunkVBPIXXIAjs = require('./chunk-VBPIXXIA.js');var _chunkTDMRUCR6js = require('./chunk-TDMRUCR6.js');var _chunkEKCAULFPjs = require('./chunk-EKCAULFP.js');var _chunkLQMOWEA7js = require('./chunk-LQMOWEA7.js');var _chunkZ5V4P3ECjs = require('./chunk-Z5V4P3EC.js');var _chunkIJXDHNI2js = require('./chunk-IJXDHNI2.js');var _chunkRRAIGAHUjs = require('./chunk-RRAIGAHU.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunkUNR6ATUHjs = require('./chunk-UNR6ATUH.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunk3TLCOZ5Rjs = require('./chunk-3TLCOZ5R.js');var _chunkRKRTEMMZjs = require('./chunk-RKRTEMMZ.js');var _chunkRJMIOBXZjs = require('./chunk-RJMIOBXZ.js');var _chunkEIM5R7AJjs = require('./chunk-EIM5R7AJ.js');var _chunkCT2CRYC2js = require('./chunk-CT2CRYC2.js');var _chunkUSPGZYMVjs = require('./chunk-USPGZYMV.js');var _chunkK4GMCVHOjs = require('./chunk-K4GMCVHO.js');var _chunkI5INE4KGjs = require('./chunk-I5INE4KG.js');var _chunkWYRD4UAKjs = require('./chunk-WYRD4UAK.js');var _chunkYKXP3INYjs = require('./chunk-YKXP3INY.js');var _chunkULIOO55Ijs = require('./chunk-ULIOO55I.js');var _chunk7J2ETVGKjs = require('./chunk-7J2ETVGK.js');var _chunkBV7RXRSLjs = require('./chunk-BV7RXRSL.js');require('./chunk-3BVMHDYA.js');var _chunkDHHZMQ72js = require('./chunk-DHHZMQ72.js');var _chunkGRXC46JCjs = require('./chunk-GRXC46JC.js');var _chunkXQILGD5Bjs = require('./chunk-XQILGD5B.js');var _chunk3PEPOFYUjs = require('./chunk-3PEPOFYU.js');var _chunkEJTY2ABYjs = require('./chunk-EJTY2ABY.js');var _chunkWFD523CVjs = require('./chunk-WFD523CV.js');var _chunkEWRKHBIVjs = require('./chunk-EWRKHBIV.js');var _chunkUJZP6L4Sjs = require('./chunk-UJZP6L4S.js');var _chunk372VUZFEjs = require('./chunk-372VUZFE.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');require('./chunk-XYO4VLMF.js');exports.Accordion = _chunkUJZP6L4Sjs.a; exports.AccordionContent = _chunkUJZP6L4Sjs.d; exports.AccordionItem = _chunkUJZP6L4Sjs.b; exports.AccordionTrigger = _chunkUJZP6L4Sjs.c; exports.Button = _chunkXQILGD5Bjs.b; exports.Calendar = _chunkGRXC46JCjs.a; exports.Checkbox = _chunkWYRD4UAKjs.a; exports.Combobox = _chunkYKXP3INYjs.a; exports.Command = _chunk7J2ETVGKjs.a; exports.CommandDialog = _chunk7J2ETVGKjs.b; exports.CommandEmpty = _chunk7J2ETVGKjs.e; exports.CommandGroup = _chunk7J2ETVGKjs.f; exports.CommandInput = _chunk7J2ETVGKjs.c; exports.CommandItem = _chunk7J2ETVGKjs.h; exports.CommandList = _chunk7J2ETVGKjs.d; exports.CommandSeparator = _chunk7J2ETVGKjs.g; exports.CommandShortcut = _chunk7J2ETVGKjs.i; exports.DatePicker = _chunkDHHZMQ72js.a; exports.DateRangePicker = _chunk3TLCOZ5Rjs.a; exports.Dialog = _chunkBV7RXRSLjs.a; exports.DialogClose = _chunkBV7RXRSLjs.d; exports.DialogContent = _chunkBV7RXRSLjs.f; exports.DialogDescription = _chunkBV7RXRSLjs.j; exports.DialogFooter = _chunkBV7RXRSLjs.h; exports.DialogHeader = _chunkBV7RXRSLjs.g; exports.DialogOverlay = _chunkBV7RXRSLjs.e; exports.DialogPortal = _chunkBV7RXRSLjs.c; exports.DialogTitle = _chunkBV7RXRSLjs.i; exports.DialogTrigger = _chunkBV7RXRSLjs.b; exports.Drawer = _chunkRKRTEMMZjs.b; exports.DrawerBody = _chunkRKRTEMMZjs.e; exports.DrawerFooter = _chunkRKRTEMMZjs.f; exports.DrawerHeader = _chunkRKRTEMMZjs.c; exports.DrawerTitle = _chunkRKRTEMMZjs.d; exports.DropdownMenu = _chunkEIM5R7AJjs.a; exports.DropdownMenuCheckboxItem = _chunkEIM5R7AJjs.k; exports.DropdownMenuContent = _chunkEIM5R7AJjs.i; exports.DropdownMenuGroup = _chunkEIM5R7AJjs.c; exports.DropdownMenuItem = _chunkEIM5R7AJjs.j; exports.DropdownMenuLabel = _chunkEIM5R7AJjs.m; exports.DropdownMenuPortal = _chunkEIM5R7AJjs.d; exports.DropdownMenuRadioGroup = _chunkEIM5R7AJjs.f; exports.DropdownMenuRadioItem = _chunkEIM5R7AJjs.l; exports.DropdownMenuSeparator = _chunkEIM5R7AJjs.n; exports.DropdownMenuShortcut = _chunkEIM5R7AJjs.o; exports.DropdownMenuSub = _chunkEIM5R7AJjs.e; exports.DropdownMenuSubContent = _chunkEIM5R7AJjs.h; exports.DropdownMenuSubTrigger = _chunkEIM5R7AJjs.g; exports.DropdownMenuTrigger = _chunkEIM5R7AJjs.b; exports.Field = _chunkCT2CRYC2js.a; exports.FieldDescription = _chunkCT2CRYC2js.c; exports.FieldLabel = _chunkCT2CRYC2js.b; exports.FileUpload = _chunkUSPGZYMVjs.a; exports.GeometricFluidGrid = _chunk3PEPOFYUjs.a; exports.GlitchLink = _chunkEJTY2ABYjs.b; exports.Input = _chunkK4GMCVHOjs.a; exports.Label = _chunkI5INE4KGjs.a; exports.PixelLoad = _chunkWFD523CVjs.a; exports.Popover = _chunkULIOO55Ijs.a; exports.PopoverContent = _chunkULIOO55Ijs.c; exports.PopoverTrigger = _chunkULIOO55Ijs.b; exports.RadioGroup = _chunkZ5V4P3ECjs.a; exports.RadioGroupItem = _chunkZ5V4P3ECjs.b; exports.ScrollArea = _chunkRJMIOBXZjs.a; exports.ScrollBar = _chunkRJMIOBXZjs.b; exports.Separator = _chunk7SOZ6MOVjs.a; exports.Sheet = _chunkUNR6ATUHjs.a; exports.SheetClose = _chunkUNR6ATUHjs.c; exports.SheetContent = _chunkUNR6ATUHjs.f; exports.SheetDescription = _chunkUNR6ATUHjs.j; exports.SheetFooter = _chunkUNR6ATUHjs.h; exports.SheetHeader = _chunkUNR6ATUHjs.g; exports.SheetOverlay = _chunkUNR6ATUHjs.e; exports.SheetPortal = _chunkUNR6ATUHjs.d; exports.SheetTitle = _chunkUNR6ATUHjs.i; exports.SheetTrigger = _chunkUNR6ATUHjs.b; exports.Sidebar = _chunkIJXDHNI2js.d; exports.SidebarBanner = _chunkIJXDHNI2js.c; exports.SidebarContent = _chunkIJXDHNI2js.l; exports.SidebarFooter = _chunkIJXDHNI2js.j; exports.SidebarGroup = _chunkIJXDHNI2js.m; exports.SidebarGroupAction = _chunkIJXDHNI2js.o; exports.SidebarGroupContent = _chunkIJXDHNI2js.p; exports.SidebarGroupLabel = _chunkIJXDHNI2js.n; exports.SidebarHeader = _chunkIJXDHNI2js.i; exports.SidebarInput = _chunkIJXDHNI2js.h; exports.SidebarInset = _chunkIJXDHNI2js.g; exports.SidebarMenu = _chunkIJXDHNI2js.q; exports.SidebarMenuAction = _chunkIJXDHNI2js.t; exports.SidebarMenuBadge = _chunkIJXDHNI2js.u; exports.SidebarMenuButton = _chunkIJXDHNI2js.s; exports.SidebarMenuItem = _chunkIJXDHNI2js.r; exports.SidebarMenuSkeleton = _chunkIJXDHNI2js.v; exports.SidebarMenuSub = _chunkIJXDHNI2js.w; exports.SidebarMenuSubButton = _chunkIJXDHNI2js.y; exports.SidebarMenuSubItem = _chunkIJXDHNI2js.x; exports.SidebarProvider = _chunkIJXDHNI2js.b; exports.SidebarRail = _chunkIJXDHNI2js.f; exports.SidebarSeparator = _chunkIJXDHNI2js.k; exports.SidebarTrigger = _chunkIJXDHNI2js.e; exports.Skeleton = _chunk5L5DM2X5js.a; exports.Table = _chunk5X26XR44js.a; exports.TableBody = _chunk5X26XR44js.c; exports.TableCaption = _chunk5X26XR44js.i; exports.TableCell = _chunk5X26XR44js.g; exports.TableCellAction = _chunk5X26XR44js.h; exports.TableFooter = _chunk5X26XR44js.d; exports.TableHead = _chunk5X26XR44js.f; exports.TableHeader = _chunk5X26XR44js.b; exports.TableRow = _chunk5X26XR44js.e; exports.Tabs = _chunkVBPIXXIAjs.a; exports.TabsContent = _chunkVBPIXXIAjs.d; exports.TabsList = _chunkVBPIXXIAjs.b; exports.TabsTrigger = _chunkVBPIXXIAjs.c; exports.TextDecoder = _chunkEWRKHBIVjs.a; exports.Textarea = _chunkTDMRUCR6js.a; exports.Toaster = _chunkEKCAULFPjs.b; exports.Tooltip = _chunkRRAIGAHUjs.b; exports.TooltipContent = _chunkRRAIGAHUjs.d; exports.TooltipProvider = _chunkRRAIGAHUjs.a; exports.TooltipTrigger = _chunkRRAIGAHUjs.c; exports.TreeSelect = _chunkLQMOWEA7js.a; exports.buttonVariants = _chunkXQILGD5Bjs.a; exports.cn = _chunkFUYXCJOQjs.a; exports.getSeedColor = _chunk372VUZFEjs.b; exports.getSphericalGradient = _chunk372VUZFEjs.a; exports.toast = _chunkEKCAULFPjs.a; exports.useDrawer = _chunkRKRTEMMZjs.a; exports.useSidebar = _chunkIJXDHNI2js.a;
3
3
  //# sourceMappingURL=index.js.map
package/dist/index.mjs CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{a as It,b as jt,c as Ft,d as Gt,e as Lt,f as Ht,g as Rt,h as At,i as Nt}from"./chunk-C7GTPYMH.mjs";import{a as e,b as o,c as i,d as n}from"./chunk-WZ5F5VT3.mjs";import{a as ct}from"./chunk-MQMO7DMT.mjs";import{a as ma,b as fa}from"./chunk-NEY5JU5Z.mjs";import{a as la}from"./chunk-574USYNO.mjs";import{a as pa,b as ha}from"./chunk-IKJ4QRNB.mjs";import{a as T,b as M,c as P,d as I,e as j,f as F,g as G,h as L,i as H,j as R,k as A,l as N,m as B,n as E,o as U,p as O,q,r as V,s as J,t as K,u as Q,v as W,w as X,x as Y,y as Z}from"./chunk-36JKB3PI.mjs";import{a as _,b as S,c as D,d as C}from"./chunk-QC5MA4WL.mjs";import{a as h}from"./chunk-YBV4CPVD.mjs";import{a as g,b as v,c as w,d as u,e as m,f,g as b,h as x,i as y,j as k}from"./chunk-QVMQ55JW.mjs";import{a as z}from"./chunk-CNRZOMR4.mjs";import{a as ht}from"./chunk-UAUSYTY4.mjs";import{a as at,b as rt,c as et,d as ot,e as it,f as nt}from"./chunk-DKMCJGI4.mjs";import{a as $,b as tt}from"./chunk-5TVDBV74.mjs";import{a as ut,b as mt,c as ft,d as bt,e as xt,f as yt,g as kt,h as zt,i as _t,j as St,k as Dt,l as Ct,m as Tt,n as Mt,o as Pt}from"./chunk-NKLBPY3T.mjs";import{a as gt,b as vt,c as wt}from"./chunk-L36V45FD.mjs";import{a as st}from"./chunk-PD43W3YN.mjs";import{a as p}from"./chunk-NEOUFWZN.mjs";import{a as dt}from"./chunk-WY4HCUAP.mjs";import{a as da}from"./chunk-NKELJSLY.mjs";import{a as sa}from"./chunk-XSJKREFJ.mjs";import{a as Bt,b as Et,c as Ut}from"./chunk-FZ3NXOFK.mjs";import{a as $t,b as ta,c as aa,d as ra,e as ea,f as oa,g as ia,h as na,i as ca}from"./chunk-DATWXRPT.mjs";import{a as Ot,b as qt,c as Vt,d as Jt,e as Kt,f as Qt,g as Wt,h as Xt,i as Yt,j as Zt}from"./chunk-KLU33CJI.mjs";import"./chunk-4LR7SOCY.mjs";import{a as pt}from"./chunk-7FUNOEYE.mjs";import{a as lt}from"./chunk-QMJVRGPB.mjs";import{a,b as r}from"./chunk-BLHKJHNV.mjs";import{a as l}from"./chunk-Z6RAFZ3C.mjs";import{b as s}from"./chunk-AEZ5XKKG.mjs";import{a as d}from"./chunk-7ONK6HHN.mjs";import{a as c}from"./chunk-CMV76O4U.mjs";import{a as ga,b as va,c as wa,d as ua}from"./chunk-4PTRLHCB.mjs";import{a as ba,b as xa}from"./chunk-4LUOGI24.mjs";import{a as t}from"./chunk-S5TKCF6T.mjs";import"./chunk-KPAOPUY2.mjs";export{ga as Accordion,ua as AccordionContent,va as AccordionItem,wa as AccordionTrigger,r as Button,lt as Calendar,da as Checkbox,sa as Combobox,$t as Command,ta as CommandDialog,ea as CommandEmpty,oa as CommandGroup,aa as CommandInput,na as CommandItem,ra as CommandList,ia as CommandSeparator,ca as CommandShortcut,pt as DatePicker,ht as DateRangePicker,Ot as Dialog,Jt as DialogClose,Qt as DialogContent,Zt as DialogDescription,Xt as DialogFooter,Wt as DialogHeader,Kt as DialogOverlay,Vt as DialogPortal,Yt as DialogTitle,qt as DialogTrigger,rt as Drawer,it as DrawerBody,nt as DrawerFooter,et as DrawerHeader,ot as DrawerTitle,ut as DropdownMenu,Dt as DropdownMenuCheckboxItem,_t as DropdownMenuContent,ft as DropdownMenuGroup,St as DropdownMenuItem,Tt as DropdownMenuLabel,bt as DropdownMenuPortal,yt as DropdownMenuRadioGroup,Ct as DropdownMenuRadioItem,Mt as DropdownMenuSeparator,Pt as DropdownMenuShortcut,xt as DropdownMenuSub,zt as DropdownMenuSubContent,kt as DropdownMenuSubTrigger,mt as DropdownMenuTrigger,gt as Field,wt as FieldDescription,vt as FieldLabel,st as FileUpload,l as GeometricFluidGrid,s as GlitchLink,p as Input,dt as Label,d as PixelLoad,Bt as Popover,Ut as PopoverContent,Et as PopoverTrigger,pa as RadioGroup,ha as RadioGroupItem,$ as ScrollArea,tt as ScrollBar,h as Separator,g as Sheet,w as SheetClose,f as SheetContent,k as SheetDescription,x as SheetFooter,b as SheetHeader,m as SheetOverlay,u as SheetPortal,y as SheetTitle,v as SheetTrigger,I as Sidebar,P as SidebarBanner,N as SidebarContent,R as SidebarFooter,B as SidebarGroup,U as SidebarGroupAction,O as SidebarGroupContent,E as SidebarGroupLabel,H as SidebarHeader,L as SidebarInput,G as SidebarInset,q as SidebarMenu,K as SidebarMenuAction,Q as SidebarMenuBadge,J as SidebarMenuButton,V as SidebarMenuItem,W as SidebarMenuSkeleton,X as SidebarMenuSub,Z as SidebarMenuSubButton,Y as SidebarMenuSubItem,M as SidebarProvider,F as SidebarRail,A as SidebarSeparator,j as SidebarTrigger,z as Skeleton,It as Table,Ft as TableBody,Nt as TableCaption,Rt as TableCell,At as TableCellAction,Gt as TableFooter,Ht as TableHead,jt as TableHeader,Lt as TableRow,e as Tabs,n as TabsContent,o as TabsList,i as TabsTrigger,c as TextDecoder,ct as Textarea,fa as Toaster,S as Tooltip,C as TooltipContent,_ as TooltipProvider,D as TooltipTrigger,la as TreeSelect,a as buttonVariants,t as cn,xa as getSeedColor,ba as getSphericalGradient,ma as toast,at as useDrawer,T as useSidebar};
2
+ import{a as It,b as jt,c as Ft,d as Gt,e as Lt,f as Ht,g as Rt,h as At,i as Nt}from"./chunk-C7GTPYMH.mjs";import{a as e,b as o,c as i,d as n}from"./chunk-WZ5F5VT3.mjs";import{a as ct}from"./chunk-MQMO7DMT.mjs";import{a as ma,b as fa}from"./chunk-NEY5JU5Z.mjs";import{a as la}from"./chunk-574USYNO.mjs";import{a as pa,b as ha}from"./chunk-IKJ4QRNB.mjs";import{a as T,b as M,c as P,d as I,e as j,f as F,g as G,h as L,i as H,j as R,k as A,l as N,m as B,n as E,o as U,p as O,q,r as V,s as J,t as K,u as Q,v as W,w as X,x as Y,y as Z}from"./chunk-7CNB76Y6.mjs";import{a as _,b as S,c as D,d as C}from"./chunk-QC5MA4WL.mjs";import{a as h}from"./chunk-YBV4CPVD.mjs";import{a as g,b as v,c as w,d as u,e as m,f,g as b,h as x,i as y,j as k}from"./chunk-QVMQ55JW.mjs";import{a as z}from"./chunk-CNRZOMR4.mjs";import{a as ht}from"./chunk-UAUSYTY4.mjs";import{a as at,b as rt,c as et,d as ot,e as it,f as nt}from"./chunk-DKMCJGI4.mjs";import{a as $,b as tt}from"./chunk-5TVDBV74.mjs";import{a as ut,b as mt,c as ft,d as bt,e as xt,f as yt,g as kt,h as zt,i as _t,j as St,k as Dt,l as Ct,m as Tt,n as Mt,o as Pt}from"./chunk-NKLBPY3T.mjs";import{a as gt,b as vt,c as wt}from"./chunk-L36V45FD.mjs";import{a as st}from"./chunk-PD43W3YN.mjs";import{a as p}from"./chunk-NEOUFWZN.mjs";import{a as dt}from"./chunk-WY4HCUAP.mjs";import{a as da}from"./chunk-NKELJSLY.mjs";import{a as sa}from"./chunk-XSJKREFJ.mjs";import{a as Bt,b as Et,c as Ut}from"./chunk-FZ3NXOFK.mjs";import{a as $t,b as ta,c as aa,d as ra,e as ea,f as oa,g as ia,h as na,i as ca}from"./chunk-DATWXRPT.mjs";import{a as Ot,b as qt,c as Vt,d as Jt,e as Kt,f as Qt,g as Wt,h as Xt,i as Yt,j as Zt}from"./chunk-KLU33CJI.mjs";import"./chunk-4LR7SOCY.mjs";import{a as pt}from"./chunk-7FUNOEYE.mjs";import{a as lt}from"./chunk-QMJVRGPB.mjs";import{a,b as r}from"./chunk-BLHKJHNV.mjs";import{a as l}from"./chunk-Z6RAFZ3C.mjs";import{b as s}from"./chunk-AEZ5XKKG.mjs";import{a as d}from"./chunk-7ONK6HHN.mjs";import{a as c}from"./chunk-CMV76O4U.mjs";import{a as ga,b as va,c as wa,d as ua}from"./chunk-4PTRLHCB.mjs";import{a as ba,b as xa}from"./chunk-4LUOGI24.mjs";import{a as t}from"./chunk-S5TKCF6T.mjs";import"./chunk-KPAOPUY2.mjs";export{ga as Accordion,ua as AccordionContent,va as AccordionItem,wa as AccordionTrigger,r as Button,lt as Calendar,da as Checkbox,sa as Combobox,$t as Command,ta as CommandDialog,ea as CommandEmpty,oa as CommandGroup,aa as CommandInput,na as CommandItem,ra as CommandList,ia as CommandSeparator,ca as CommandShortcut,pt as DatePicker,ht as DateRangePicker,Ot as Dialog,Jt as DialogClose,Qt as DialogContent,Zt as DialogDescription,Xt as DialogFooter,Wt as DialogHeader,Kt as DialogOverlay,Vt as DialogPortal,Yt as DialogTitle,qt as DialogTrigger,rt as Drawer,it as DrawerBody,nt as DrawerFooter,et as DrawerHeader,ot as DrawerTitle,ut as DropdownMenu,Dt as DropdownMenuCheckboxItem,_t as DropdownMenuContent,ft as DropdownMenuGroup,St as DropdownMenuItem,Tt as DropdownMenuLabel,bt as DropdownMenuPortal,yt as DropdownMenuRadioGroup,Ct as DropdownMenuRadioItem,Mt as DropdownMenuSeparator,Pt as DropdownMenuShortcut,xt as DropdownMenuSub,zt as DropdownMenuSubContent,kt as DropdownMenuSubTrigger,mt as DropdownMenuTrigger,gt as Field,wt as FieldDescription,vt as FieldLabel,st as FileUpload,l as GeometricFluidGrid,s as GlitchLink,p as Input,dt as Label,d as PixelLoad,Bt as Popover,Ut as PopoverContent,Et as PopoverTrigger,pa as RadioGroup,ha as RadioGroupItem,$ as ScrollArea,tt as ScrollBar,h as Separator,g as Sheet,w as SheetClose,f as SheetContent,k as SheetDescription,x as SheetFooter,b as SheetHeader,m as SheetOverlay,u as SheetPortal,y as SheetTitle,v as SheetTrigger,I as Sidebar,P as SidebarBanner,N as SidebarContent,R as SidebarFooter,B as SidebarGroup,U as SidebarGroupAction,O as SidebarGroupContent,E as SidebarGroupLabel,H as SidebarHeader,L as SidebarInput,G as SidebarInset,q as SidebarMenu,K as SidebarMenuAction,Q as SidebarMenuBadge,J as SidebarMenuButton,V as SidebarMenuItem,W as SidebarMenuSkeleton,X as SidebarMenuSub,Z as SidebarMenuSubButton,Y as SidebarMenuSubItem,M as SidebarProvider,F as SidebarRail,A as SidebarSeparator,j as SidebarTrigger,z as Skeleton,It as Table,Ft as TableBody,Nt as TableCaption,Rt as TableCell,At as TableCellAction,Gt as TableFooter,Ht as TableHead,jt as TableHeader,Lt as TableRow,e as Tabs,n as TabsContent,o as TabsList,i as TabsTrigger,c as TextDecoder,ct as Textarea,fa as Toaster,S as Tooltip,C as TooltipContent,_ as TooltipProvider,D as TooltipTrigger,la as TreeSelect,a as buttonVariants,t as cn,xa as getSeedColor,ba as getSphericalGradient,ma as toast,at as useDrawer,T as useSidebar};
3
3
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alkimi.org/ui-kit",
3
- "version": "0.11.1",
3
+ "version": "0.11.3",
4
4
  "packageManager": "pnpm@10.26.0",
5
5
  "description": "A React component library built with shadcn/ui and Tailwind CSS",
6
6
  "main": "./dist/index.js",
package/dist/chunk-36JKB3PI.mjs DELETED
@@ -1,3 +0,0 @@
1
- "use client";
2
- import{a as X,b as Y,c as J,d as Q}from"./chunk-QC5MA4WL.mjs";import{a as K}from"./chunk-YBV4CPVD.mjs";import{a as j,f as $,g as W,i as U,j as q}from"./chunk-QVMQ55JW.mjs";import{a as _}from"./chunk-CNRZOMR4.mjs";import{a as F}from"./chunk-NEOUFWZN.mjs";import{a as z,b as D}from"./chunk-BLHKJHNV.mjs";import{a as o}from"./chunk-S5TKCF6T.mjs";import*as e from"react";import{Slot as N}from"@radix-ui/react-slot";import{cva as oe}from"class-variance-authority";import{PanelLeft as ie,X as se,Menu as de}from"lucide-react";import{Fragment as k,jsx as r,jsxs as u}from"react/jsx-runtime";var le="sidebar_state",ce=3600*24*7,pe="16.75rem",Z="23rem",be="calc(3rem + 0.75rem)",ue="b",fe="55px",ee=e.createContext(null),ae=e.createContext(!1);function M(){let a=e.useContext(ee);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}var me=e.forwardRef(({defaultOpen:a=!0,open:t,onOpenChange:n,bannerHeight:i=fe,className:s,style:c,children:p,...d},R)=>{let[v,b]=e.useState(!1),[g,x]=e.useState(a),[S,w]=e.useState(!1),[m,E]=e.useState(!0),[T,h]=e.useState(a),H=t??T,P=e.useCallback(l=>{let f=typeof l=="function"?l(H):l;n?n(f):h(f),document.cookie=`${le}=${f}; path=/; max-age=${ce}`},[n,H]),B=e.useCallback(()=>{P(l=>!l)},[P]),A=e.useCallback(()=>{let l=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-md").trim();l&&window.matchMedia(`(min-width: ${l})`).matches||b(f=>!f)},[b]);e.useEffect(()=>{let l=f=>{f.key===ue&&(f.metaKey||f.ctrlKey)&&(f.preventDefault(),B())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[B]);let O=H?"expanded":"collapsed",I=e.useRef([]),V=e.Children.toArray(p),L=V.filter(l=>e.isValidElement(l)&&l.type?.displayName==="SidebarBanner"),re=V.filter(l=>!e.isValidElement(l)||l.type?.displayName!=="SidebarBanner");L.length>0&&m&&(I.current=L);let y=L.length>0&&m,C=!y&&I.current.length>0,G=y||C,ne=e.useMemo(()=>({state:O,isOpen:g,setOpen:P,openMobile:v,setOpenMobile:b,toggleSidebar:B,toggleMobileSidebar:A,setIsFullyOpen:x,isAnimating:S,setIsAnimating:w,isBannerClosing:C,bannerVisible:m,setBannerVisible:E}),[O,g,P,v,b,B,A,x,S,w,C,m]);return r(ee.Provider,{value:ne,children:r(X,{delayDuration:0,children:r("div",{style:{"--sidebar-width":pe,"--sidebar-width-icon":be,"--sidebar-top":y?i:"0px",...c},className:o("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",G&&"flex-col",s),ref:R,...d,children:G?u(k,{children:[r("div",{className:"relative overflow-hidden transition-[height] duration-200 ease-linear",style:{height:C?"0px":i},children:r("div",{className:"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full",style:{height:i},"data-state":y?"open":"closed",onTransitionEnd:()=>{C&&(I.current=[])},children:y?L:I.current})}),r("div",{className:"flex flex-1",children:re})]}):p})})})});me.displayName="SidebarProvider";var ge=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"banner",className:o("w-full",a),...t}));ge.displayName="SidebarBanner";var ve=e.forwardRef(({side:a="left",variant:t="sidebar",collapsible:n="offcanvas",className:i,children:s,...c},p)=>{let{state:d,openMobile:R,setOpenMobile:v,setIsFullyOpen:b,setIsAnimating:g,isBannerClosing:x}=M(),S=e.useRef(null),w=e.useRef(!0);return e.useEffect(()=>{let m=S.current;if(!m)return;if(w.current){w.current=!1,b(d==="expanded"),g(!1);return}g(!0);let E=setTimeout(()=>{b(d==="expanded"),g(!1)},300),T=h=>{h.target===m&&(h.propertyName==="left"||h.propertyName==="right"||h.propertyName==="width")&&(clearTimeout(E),b(d==="expanded"),g(!1))};return m.addEventListener("transitionend",T),()=>{m.removeEventListener("transitionend",T),clearTimeout(E)}},[d,b,g]),n==="none"?r("aside",{className:o("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:p,...c,children:s}):u(k,{children:[r(j,{open:R,onOpenChange:v,children:u($,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:Z,maxWidth:Z},side:a,children:[u(W,{className:"sr-only",children:[r(U,{children:"Sidebar"}),r(q,{children:"Displays the mobile sidebar."})]}),r(ae.Provider,{value:!0,children:r("div",{className:"flex h-full w-full flex-col",children:s})})]})}),u("aside",{ref:p,className:"group peer hidden text-sidebar-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":t,"data-side":a,children:[r("div",{className:o("w-(--sidebar-width) transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),r("div",{ref:S,"data-banner-closing":x,className:o("fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",x&&"transition-[left,right,width,top,height]","top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]",a==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...c,children:r("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:r("div",{className:"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0",children:s})})})]})]})});ve.displayName="Sidebar";var te=e.forwardRef(({className:a,onClick:t,...n},i)=>{let{toggleSidebar:s,toggleMobileSidebar:c,openMobile:p}=M();return u(k,{children:[u(D,{"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("md:hidden bg-transparent hover:bg-transparent",a),onClick:d=>{t?.(d),c()},...n,children:[p?r("span",{className:o(z({variant:"secondary",size:"icon"})),children:r(se,{size:16})}):r("span",{className:o(z({variant:"outline",size:"icon"})),children:r(de,{size:16})}),r("span",{className:"sr-only",children:"Toggle Sidebar"})]}),u(D,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("hidden md:inline-flex h-7 w-7",a),onClick:d=>{t?.(d),s()},...n,children:[r("span",{className:"rounded-full p-2",children:r(ie,{size:16})}),r("span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});te.displayName="SidebarTrigger";var he=e.forwardRef(({className:a,...t},n)=>{let{toggleSidebar:i}=M();return r("button",{ref:n,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:o("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})});he.displayName="SidebarRail";var Re=e.memo(e.forwardRef(({className:a,...t},n)=>r("main",{ref:n,className:o("relative flex min-w-0 w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",a),...t})));Re.displayName="SidebarInset";var xe=e.forwardRef(({className:a,...t},n)=>r(F,{ref:n,"data-sidebar":"input",className:o("h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",a),...t}));xe.displayName="SidebarInput";var Se=e.forwardRef(({className:a,showTrigger:t=!1,children:n,...i},s)=>{let{state:c}=M(),p=e.useContext(ae),d=c==="collapsed"&&!p;return u("div",{ref:s,"data-sidebar":"header",className:o("flex w-full gap-2 p-2 items-center",d?"justify-center items-center":"justify-between items-start",a),...i,children:[!d&&r("div",{className:"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden",children:r("div",{className:"whitespace-nowrap",children:n})}),t&&r(te,{})]})});Se.displayName="SidebarHeader";var we=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"footer",className:o("flex flex-col gap-2 p-2",a),...t}));we.displayName="SidebarFooter";var ye=e.forwardRef(({className:a,...t},n)=>r(K,{ref:n,"data-sidebar":"separator",className:o("mx-2 w-auto bg-border",a),...t}));ye.displayName="SidebarSeparator";var Ce=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"content",className:o("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",a),...t}));Ce.displayName="SidebarContent";var Ne=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"group",className:o("relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",a),...t}));Ne.displayName="SidebarGroup";var Me=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>r(t?N:"div",{ref:i,"data-sidebar":"group-label",className:o("flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...n}));Me.displayName="SidebarGroupLabel";var Ee=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>r(t?N:"button",{ref:i,"data-sidebar":"group-action",className:o("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",a),...n}));Ee.displayName="SidebarGroupAction";var Te=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"group-content",className:o("w-full text-sm",a),...t}));Te.displayName="SidebarGroupContent";var Pe=e.forwardRef(({className:a,...t},n)=>r("ul",{ref:n,"data-sidebar":"menu",className:o("flex w-full min-w-0 flex-col gap-1",a),...t}));Pe.displayName="SidebarMenu";var Be=e.forwardRef(({className:a,...t},n)=>r("li",{ref:n,"data-sidebar":"menu-item",className:o("group/menu-item relative",a),...t}));Be.displayName="SidebarMenuItem";var Ie=oe("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"",outline:"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),Le=e.forwardRef(({asChild:a=!1,isActive:t=!1,variant:n="default",size:i="default",tooltip:s,className:c,...p},d)=>{let R=a?N:"button",{state:v}=M(),b=r(R,{ref:d,"data-sidebar":"menu-button","data-size":i,"data-active":t,className:o(Ie({variant:n,size:i}),c),...p});return s?(typeof s=="string"&&(s={children:s}),u(Y,{children:[r(J,{asChild:!0,children:b}),r(Q,{side:"right",align:"center",hidden:v!=="collapsed",...s})]})):b});Le.displayName="SidebarMenuButton";var He=e.forwardRef(({className:a,asChild:t=!1,showOnHover:n=!1,...i},s)=>r(t?N:"button",{ref:s,"data-sidebar":"menu-action",className:o("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",n&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0",a),...i}));He.displayName="SidebarMenuAction";var ze=e.forwardRef(({className:a,...t},n)=>r("div",{ref:n,"data-sidebar":"menu-badge",className:o("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t}));ze.displayName="SidebarMenuBadge";var De=e.forwardRef(({className:a,showIcon:t=!1,...n},i)=>{let s=e.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return u("div",{ref:i,"data-sidebar":"menu-skeleton",className:o("flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[t&&r(_,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),r(_,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});De.displayName="SidebarMenuSkeleton";var _e=e.forwardRef(({className:a,...t},n)=>r("ul",{ref:n,"data-sidebar":"menu-sub",className:o("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t}));_e.displayName="SidebarMenuSub";var ke=e.forwardRef(({...a},t)=>r("li",{ref:t,...a}));ke.displayName="SidebarMenuSubItem";var Ae=e.forwardRef(({asChild:a=!1,size:t="md",isActive:n,className:i,...s},c)=>r(a?N:"a",{ref:c,"data-sidebar":"menu-sub-button","data-size":t,"data-active":n,className:o("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ae.displayName="SidebarMenuSubButton";export{M as a,me as b,ge as c,ve as d,te as e,he as f,Re as g,xe as h,Se as i,we as j,ye as k,Ce as l,Ne as m,Me as n,Ee as o,Te as p,Pe as q,Be as r,Le as s,He as t,ze as u,De as v,_e as w,ke as x,Ae as y};
3
- //# sourceMappingURL=chunk-36JKB3PI.mjs.map
package/dist/chunk-36JKB3PI.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst SIDEBAR_BANNER_HEIGHT = \"55px\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n isOpen: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n toggleSidebar: () => void\n toggleMobileSidebar: () => void\n setIsFullyOpen: (open: boolean) => void\n isAnimating: boolean\n setIsAnimating: (animating: boolean) => void\n isBannerClosing: boolean\n bannerVisible: boolean\n setBannerVisible: (visible: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n bannerHeight?: string\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n bannerHeight: bannerHeightProp = SIDEBAR_BANNER_HEIGHT,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const [openMobile, setOpenMobile] = React.useState(false)\n const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n const [isAnimating, setIsAnimating] = React.useState(false)\n const [bannerVisible, setBannerVisible] = React.useState(true)\n\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n const toggleSidebar = React.useCallback(() => {\n setOpen((open) => !open)\n }, [setOpen])\n\n const toggleMobileSidebar = React.useCallback(() => {\n const mdBreakpoint = getComputedStyle(document.documentElement)\n .getPropertyValue(\"--breakpoint-md\")\n .trim()\n if (\n mdBreakpoint &&\n window.matchMedia(`(min-width: ${mdBreakpoint})`).matches\n ) {\n return\n }\n setOpenMobile((open) => !open)\n }, [setOpenMobile])\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n const state = open ? \"expanded\" : \"collapsed\"\n\n const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n const childArray = React.Children.toArray(children)\n const bannerChildren = childArray.filter(\n (child) =>\n React.isValidElement(child) &&\n (child.type as React.FC & { displayName?: string })?.displayName ===\n \"SidebarBanner\"\n )\n const layoutChildren = childArray.filter(\n (child) =>\n !React.isValidElement(child) ||\n (child.type as React.FC & { displayName?: string })?.displayName !==\n \"SidebarBanner\"\n )\n\n // Store previous banner children for closing animation\n if (bannerChildren.length > 0 && bannerVisible) {\n previousBannerChildrenRef.current = bannerChildren\n }\n\n const hasBanner = bannerChildren.length > 0 && bannerVisible\n const isClosing =\n !hasBanner && previousBannerChildrenRef.current.length > 0\n const displayBanner = hasBanner || isClosing\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n isOpen: isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isBannerClosing: isClosing,\n bannerVisible,\n setBannerVisible,\n }),\n [\n state,\n isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isClosing,\n bannerVisible,\n ]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n \"--sidebar-top\": hasBanner ? bannerHeightProp : \"0px\",\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n displayBanner && \"flex-col\",\n className\n )}\n ref={ref}\n {...props}\n >\n {displayBanner ? (\n <>\n <div\n className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n style={\n {\n height: isClosing ? \"0px\" : bannerHeightProp,\n } as React.CSSProperties\n }\n >\n <div\n className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n style={{ height: bannerHeightProp }}\n data-state={hasBanner ? \"open\" : \"closed\"}\n onTransitionEnd={() => {\n if (isClosing) {\n previousBannerChildrenRef.current = []\n }\n }}\n >\n {hasBanner\n ? bannerChildren\n : previousBannerChildrenRef.current}\n </div>\n </div>\n <div className=\"flex flex-1\">{layoutChildren}</div>\n </>\n ) : (\n children\n )}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"banner\"\n className={cn(\"w-full\", className)}\n {...props}\n />\n )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n HTMLElement,\n React.ComponentProps<\"aside\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n }\n>(\n (\n {\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const {\n state,\n openMobile,\n setOpenMobile,\n setIsFullyOpen,\n setIsAnimating,\n isBannerClosing,\n } = useSidebar()\n const sidebarRef = React.useRef<HTMLDivElement>(null)\n const isFirstRenderRef = React.useRef(true)\n\n // Track when the sidebar animation completes\n React.useEffect(() => {\n const sidebar = sidebarRef.current\n if (!sidebar) return\n\n // On first render, set isFullyOpen immediately without waiting for animation\n if (isFirstRenderRef.current) {\n isFirstRenderRef.current = false\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n return\n }\n\n // Mark as animating when state changes\n setIsAnimating(true)\n\n // Fallback timeout in case transitionend doesn't fire\n const fallbackTimeout = setTimeout(() => {\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }, 300) // Slightly longer than the 200ms transition duration\n\n const handleTransitionEnd = (event: TransitionEvent) => {\n // Only respond to transitions on the sidebar itself, not children\n if (event.target !== sidebar) return\n\n // Check if we're transitioning width, left, or right properties\n if (\n event.propertyName === \"left\" ||\n event.propertyName === \"right\" ||\n event.propertyName === \"width\"\n ) {\n clearTimeout(fallbackTimeout)\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }\n }\n\n sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n return () => {\n sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n clearTimeout(fallbackTimeout)\n }\n }, [state, setIsFullyOpen, setIsAnimating])\n\n if (collapsible === \"none\") {\n return (\n <aside\n className={cn(\n \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n </aside>\n )\n }\n\n return (\n <>\n {/* Mobile Sheet - visible only on mobile (< md) */}\n <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-mobile=\"true\"\n className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n style={\n {\n width: SIDEBAR_WIDTH_MOBILE,\n maxWidth: SIDEBAR_WIDTH_MOBILE,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <SidebarMobileContext.Provider value={true}>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SidebarMobileContext.Provider>\n </SheetContent>\n </Sheet>\n\n {/* Desktop Sidebar - visible only on desktop (md+) */}\n <aside\n ref={ref}\n className=\"group peer hidden text-sidebar-foreground md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n >\n {/* Spacer to reserve horizontal space */}\n <div\n className={cn(\n \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n )}\n />\n {/* Fixed sidebar */}\n <div\n ref={sidebarRef}\n data-banner-closing={isBannerClosing}\n className={cn(\n \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n isBannerClosing && \"transition-[left,right,width,top,height]\",\n \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n {children}\n </div>\n </div>\n </div>\n </aside>\n </>\n )\n }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n React.ElementRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n return (\n <>\n {/* Mobile trigger - visible below md */}\n <Button\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"md:hidden bg-transparent hover:bg-transparent\",\n className\n )}\n onClick={(event) => {\n onClick?.(event)\n toggleMobileSidebar()\n }}\n {...props}\n >\n {openMobile ? (\n <span\n className={cn(\n buttonVariants({ variant: \"secondary\", size: \"icon\" })\n )}\n >\n <X size={16} />\n </span>\n ) : (\n <span\n className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n >\n <Menu size={16} />\n </span>\n )}\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n\n {/* Desktop trigger - visible at md+ */}\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <span className=\"rounded-full p-2\">\n <PanelLeft size={16} />\n </span>\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n </>\n )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n <button\n ref={ref}\n data-sidebar=\"rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n \"relative flex min-w-0 w-full flex-1 flex-col\",\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n className\n )}\n {...props}\n />\n )\n }\n )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n React.ElementRef<typeof Input>,\n React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-sidebar=\"input\"\n className={cn(\n \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showTrigger?: boolean\n }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n const { state } = useSidebar()\n const isMobile = React.useContext(SidebarMobileContext)\n\n const isCollapsed = state === \"collapsed\" && !isMobile\n\n return (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn(\n \"flex w-full gap-2 p-2 items-center\",\n isCollapsed\n ? \"justify-center items-center\"\n : \"justify-between items-start\",\n className\n )}\n {...props}\n >\n {!isCollapsed && (\n <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n <div className=\"whitespace-nowrap\">{children}</div>\n </div>\n )}\n\n {showTrigger && <SidebarTrigger />}\n </div>\n )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n React.ElementRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n return (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn(\"mx-2 w-auto bg-border\", className)}\n {...props}\n />\n )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn(\n \"relative flex w-full min-w-0 flex-col\",\n \"group-data-[collapsible=icon]:p-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-action\"\n className={cn(\n \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"\",\n outline:\n \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const { state } = useSidebar()\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n )\n\n if (!tooltip) {\n return button\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n }\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\"}\n {...tooltip}\n />\n </Tooltip>\n )\n }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n showOnHover?: boolean\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"menu-badge\"\n className={cn(\n \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n }\n>(({ className, showIcon = false, ...props }, ref) => {\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n }, [])\n\n return (\n <div\n ref={ref}\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-[--skeleton-width] flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu-sub\"\n className={cn(\n \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentProps<\"a\"> & {\n asChild?: boolean\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n Sidebar,\n SidebarBanner,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n}\n"],"mappings":"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","names":["React","Slot","cva","PanelLeft","X","Menu","Fragment","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_BANNER_HEIGHT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","bannerHeightProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","bannerVisible","setBannerVisible","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","toggleMobileSidebar","mdBreakpoint","handleKeyDown","event","state","previousBannerChildrenRef","childArray","bannerChildren","child","layoutChildren","hasBanner","isClosing","displayBanner","contextValue","TooltipProvider","cn","SidebarBanner","Sidebar","side","variant","collapsible","isBannerClosing","sidebarRef","isFirstRenderRef","sidebar","fallbackTimeout","handleTransitionEnd","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","buttonVariants","X","Menu","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","showTrigger","isMobile","isCollapsed","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"]}
package/dist/chunk-5ZAJ6LSM.js DELETED
@@ -1,3 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
2
- var _chunkRRAIGAHUjs = require('./chunk-RRAIGAHU.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunkUNR6ATUHjs = require('./chunk-UNR6ATUH.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunkK4GMCVHOjs = require('./chunk-K4GMCVHO.js');var _chunkXQILGD5Bjs = require('./chunk-XQILGD5B.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _classvarianceauthority = require('class-variance-authority');var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');var le="sidebar_state",ce=3600*24*7,pe="16.75rem",Z="23rem",be="calc(3rem + 0.75rem)",ue="b",fe="55px",ee=e.createContext(null),ae=e.createContext(!1);function M(){let a=e.useContext(ee);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}var me=e.forwardRef(({defaultOpen:a=!0,open:t,onOpenChange:n,bannerHeight:i=fe,className:s,style:c,children:p,...d},R)=>{let[v,b]=e.useState(!1),[g,x]=e.useState(a),[S,w]=e.useState(!1),[m,E]=e.useState(!0),[T,h]=e.useState(a),H=_nullishCoalesce(t, () => (T)),P=e.useCallback(l=>{let f=typeof l=="function"?l(H):l;n?n(f):h(f),document.cookie=`${le}=${f}; path=/; max-age=${ce}`},[n,H]),B=e.useCallback(()=>{P(l=>!l)},[P]),A=e.useCallback(()=>{let l=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-md").trim();l&&window.matchMedia(`(min-width: ${l})`).matches||b(f=>!f)},[b]);e.useEffect(()=>{let l=f=>{f.key===ue&&(f.metaKey||f.ctrlKey)&&(f.preventDefault(),B())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[B]);let O=H?"expanded":"collapsed",I=e.useRef([]),V=e.Children.toArray(p),L=V.filter(l=>e.isValidElement(l)&&_optionalChain([l, 'access', _2 => _2.type, 'optionalAccess', _3 => _3.displayName])==="SidebarBanner"),re=V.filter(l=>!e.isValidElement(l)||_optionalChain([l, 'access', _4 => _4.type, 'optionalAccess', _5 => _5.displayName])!=="SidebarBanner");L.length>0&&m&&(I.current=L);let y=L.length>0&&m,C=!y&&I.current.length>0,G=y||C,ne=e.useMemo(()=>({state:O,isOpen:g,setOpen:P,openMobile:v,setOpenMobile:b,toggleSidebar:B,toggleMobileSidebar:A,setIsFullyOpen:x,isAnimating:S,setIsAnimating:w,isBannerClosing:C,bannerVisible:m,setBannerVisible:E}),[O,g,P,v,b,B,A,x,S,w,C,m]);return _jsxruntime.jsx.call(void 0, ee.Provider,{value:ne,children:_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.a,{delayDuration:0,children:_jsxruntime.jsx.call(void 0, "div",{style:{"--sidebar-width":pe,"--sidebar-width-icon":be,"--sidebar-top":y?i:"0px",...c},className:_chunkFUYXCJOQjs.a.call(void 0, "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",G&&"flex-col",s),ref:R,...d,children:G?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "div",{className:"relative overflow-hidden transition-[height] duration-200 ease-linear",style:{height:C?"0px":i},children:_jsxruntime.jsx.call(void 0, "div",{className:"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full",style:{height:i},"data-state":y?"open":"closed",onTransitionEnd:()=>{C&&(I.current=[])},children:y?L:I.current})}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-1",children:re})]}):p})})})});me.displayName="SidebarProvider";var ge=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"banner",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full",a),...t}));ge.displayName="SidebarBanner";var ve=e.forwardRef(({side:a="left",variant:t="sidebar",collapsible:n="offcanvas",className:i,children:s,...c},p)=>{let{state:d,openMobile:R,setOpenMobile:v,setIsFullyOpen:b,setIsAnimating:g,isBannerClosing:x}=M(),S=e.useRef(null),w=e.useRef(!0);return e.useEffect(()=>{let m=S.current;if(!m)return;if(w.current){w.current=!1,b(d==="expanded"),g(!1);return}g(!0);let E=setTimeout(()=>{b(d==="expanded"),g(!1)},300),T=h=>{h.target===m&&(h.propertyName==="left"||h.propertyName==="right"||h.propertyName==="width")&&(clearTimeout(E),b(d==="expanded"),g(!1))};return m.addEventListener("transitionend",T),()=>{m.removeEventListener("transitionend",T),clearTimeout(E)}},[d,b,g]),n==="none"?_jsxruntime.jsx.call(void 0, "aside",{className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:p,...c,children:s}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkUNR6ATUHjs.a,{open:R,onOpenChange:v,children:_jsxruntime.jsxs.call(void 0, _chunkUNR6ATUHjs.f,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:Z,maxWidth:Z},side:a,children:[_jsxruntime.jsxs.call(void 0, _chunkUNR6ATUHjs.g,{className:"sr-only",children:[_jsxruntime.jsx.call(void 0, _chunkUNR6ATUHjs.i,{children:"Sidebar"}),_jsxruntime.jsx.call(void 0, _chunkUNR6ATUHjs.j,{children:"Displays the mobile sidebar."})]}),_jsxruntime.jsx.call(void 0, ae.Provider,{value:!0,children:_jsxruntime.jsx.call(void 0, "div",{className:"flex h-full w-full flex-col",children:s})})]})}),_jsxruntime.jsxs.call(void 0, "aside",{ref:p,className:"group peer hidden text-sidebar-foreground md:block","data-state":d,"data-collapsible":d==="collapsed"?n:"","data-variant":t,"data-side":a,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "w-(--sidebar-width) transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),_jsxruntime.jsx.call(void 0, "div",{ref:S,"data-banner-closing":x,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",x&&"transition-[left,right,width,top,height]","top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]",a==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...c,children:_jsxruntime.jsx.call(void 0, "div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0",children:s})})})]})]})});ve.displayName="Sidebar";var te=e.forwardRef(({className:a,onClick:t,...n},i)=>{let{toggleSidebar:s,toggleMobileSidebar:c,openMobile:p}=M();return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _chunkXQILGD5Bjs.b,{"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "md:hidden bg-transparent hover:bg-transparent",a),onClick:d=>{_optionalChain([t, 'optionalCall', _6 => _6(d)]),c()},...n,children:[p?_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkXQILGD5Bjs.a.call(void 0, {variant:"secondary",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16})}):_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkXQILGD5Bjs.a.call(void 0, {variant:"outline",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.Menu,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]}),_jsxruntime.jsxs.call(void 0, _chunkXQILGD5Bjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "hidden md:inline-flex h-7 w-7",a),onClick:d=>{_optionalChain([t, 'optionalCall', _7 => _7(d)]),s()},...n,children:[_jsxruntime.jsx.call(void 0, "span",{className:"rounded-full p-2",children:_jsxruntime.jsx.call(void 0, _lucidereact.PanelLeft,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});te.displayName="SidebarTrigger";var he=e.forwardRef(({className:a,...t},n)=>{let{toggleSidebar:i}=M();return _jsxruntime.jsx.call(void 0, "button",{ref:n,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})});he.displayName="SidebarRail";var Re=e.memo(e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "main",{ref:n,className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex min-w-0 w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",a),...t})));Re.displayName="SidebarInset";var xe=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, _chunkK4GMCVHOjs.a,{ref:n,"data-sidebar":"input",className:_chunkFUYXCJOQjs.a.call(void 0, "h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",a),...t}));xe.displayName="SidebarInput";var Se=e.forwardRef(({className:a,showTrigger:t=!1,children:n,...i},s)=>{let{state:c}=M(),p=e.useContext(ae),d=c==="collapsed"&&!p;return _jsxruntime.jsxs.call(void 0, "div",{ref:s,"data-sidebar":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full gap-2 p-2 items-center",d?"justify-center items-center":"justify-between items-start",a),...i,children:[!d&&_jsxruntime.jsx.call(void 0, "div",{className:"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{className:"whitespace-nowrap",children:n})}),t&&_jsxruntime.jsx.call(void 0, te,{})]})});Se.displayName="SidebarHeader";var we=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-2",a),...t}));we.displayName="SidebarFooter";var ye=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, _chunk7SOZ6MOVjs.a,{ref:n,"data-sidebar":"separator",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-2 w-auto bg-border",a),...t}));ye.displayName="SidebarSeparator";var Ce=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"content",className:_chunkFUYXCJOQjs.a.call(void 0, "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",a),...t}));Ce.displayName="SidebarContent";var Ne=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"group",className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",a),...t}));Ne.displayName="SidebarGroup";var Me=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"div",{ref:i,"data-sidebar":"group-label",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...n}));Me.displayName="SidebarGroupLabel";var Ee=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"button",{ref:i,"data-sidebar":"group-action",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",a),...n}));Ee.displayName="SidebarGroupAction";var Te=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"group-content",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full text-sm",a),...t}));Te.displayName="SidebarGroupContent";var Pe=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "ul",{ref:n,"data-sidebar":"menu",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full min-w-0 flex-col gap-1",a),...t}));Pe.displayName="SidebarMenu";var Be=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "li",{ref:n,"data-sidebar":"menu-item",className:_chunkFUYXCJOQjs.a.call(void 0, "group/menu-item relative",a),...t}));Be.displayName="SidebarMenuItem";var Ie=_classvarianceauthority.cva.call(void 0, "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"",outline:"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),Le= exports.s =e.forwardRef(({asChild:a=!1,isActive:t=!1,variant:n="default",size:i="default",tooltip:s,className:c,...p},d)=>{let R=a?_reactslot.Slot:"button",{state:v}=M(),b=_jsxruntime.jsx.call(void 0, R,{ref:d,"data-sidebar":"menu-button","data-size":i,"data-active":t,className:_chunkFUYXCJOQjs.a.call(void 0, Ie({variant:n,size:i}),c),...p});return s?(typeof s=="string"&&(s={children:s}),_jsxruntime.jsxs.call(void 0, _chunkRRAIGAHUjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.c,{asChild:!0,children:b}),_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.d,{side:"right",align:"center",hidden:v!=="collapsed",...s})]})):b});Le.displayName="SidebarMenuButton";var He=e.forwardRef(({className:a,asChild:t=!1,showOnHover:n=!1,...i},s)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"button",{ref:s,"data-sidebar":"menu-action",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",n&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0",a),...i}));He.displayName="SidebarMenuAction";var ze=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"menu-badge",className:_chunkFUYXCJOQjs.a.call(void 0, "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t}));ze.displayName="SidebarMenuBadge";var De=e.forwardRef(({className:a,showIcon:t=!1,...n},i)=>{let s=e.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return _jsxruntime.jsxs.call(void 0, "div",{ref:i,"data-sidebar":"menu-skeleton",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[t&&_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});De.displayName="SidebarMenuSkeleton";var _e=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "ul",{ref:n,"data-sidebar":"menu-sub",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t}));_e.displayName="SidebarMenuSub";var ke=e.forwardRef(({...a},t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...a}));ke.displayName="SidebarMenuSubItem";var Ae=e.forwardRef(({asChild:a=!1,size:t="md",isActive:n,className:i,...s},c)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"a",{ref:c,"data-sidebar":"menu-sub-button","data-size":t,"data-active":n,className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ae.displayName="SidebarMenuSubButton";exports.a = M; exports.b = me; exports.c = ge; exports.d = ve; exports.e = te; exports.f = he; exports.g = Re; exports.h = xe; exports.i = Se; exports.j = we; exports.k = ye; exports.l = Ce; exports.m = Ne; exports.n = Me; exports.o = Ee; exports.p = Te; exports.q = Pe; exports.r = Be; exports.s = Le; exports.t = He; exports.u = ze; exports.v = De; exports.w = _e; exports.x = ke; exports.y = Ae;
3
- //# sourceMappingURL=chunk-5ZAJ6LSM.js.map
package/dist/chunk-5ZAJ6LSM.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-5ZAJ6LSM.js","../src/components/sidebar.tsx"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_BANNER_HEIGHT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","bannerHeightProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","bannerVisible","setBannerVisible","_open","_setOpen","open","setOpen","value","openState"],"mappings":"AAAA,+8BAAY;AACZ,sDAA4D,sDAAwC,sDAAoE,sDAAwC,sDAAwC,sDAA+C,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CAsNrB,IAjMRA,EAAAA,CAAsB,eAAA,CACtBC,EAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,UAAA,CAChBC,CAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,sBAAA,CACrBC,EAAAA,CAA4B,GAAA,CAC5BC,EAAAA,CAAwB,MAAA,CAkBxBC,EAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CACrEC,EAAAA,CAA6B,CAAA,CAAA,aAAA,CAAc,CAAA,CAAK,CAAA,CAEtD,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWH,EAAc,CAAA,CAC/C,EAAA,CAAI,CAACG,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,mDAAmD,CAAA,CAGrE,OAAOA,CACT,CAEA,IAAMC,EAAAA,CAAwB,CAAA,CAAA,UAAA,CAS5B,CACE,CACE,WAAA,CAAAC,CAAAA,CAAc,CAAA,CAAA,CACd,IAAA,CAAMC,CAAAA,CACN,YAAA,CAAcC,CAAAA,CACd,YAAA,CAAcC,CAAAA,CAAmBT,EAAAA,CACjC,SAAA,CAAAU,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAClD,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAASZ,CAAW,CAAA,CAC1D,CAACa,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CACpD,CAACC,CAAAA,CAAeC,CAAgB,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAI,CAAA,CAEvD,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAU,CAAA,CAAA,QAAA,CAASlB,CAAW,CAAA,CAC9CmB,CAAAA,kBAAOlB,CAAAA,SAAYgB,GAAAA,CACnBG,CAAAA,CAAgB,CAAA,CAAA,WAAA,CACnBC,CAAAA,EAAmD,CAClD,IAAMC,CAAAA,CAAY,OAAOD,CAAAA,EAAU,UAAA,CAAaA,CAAAA,CAAMF,CAAI,CAAA,CAAIE,CAAAA,CAC1DnB,CAAAA,CACFA,CAAAA,CAAYoB,CAAS,CAAA,CAErBJ,CAAAA,CAASI,CAAS,CAAA,CAGpB,QAAA,CAAS,MAAA,CAAS,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-5ZAJ6LSM.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst SIDEBAR_BANNER_HEIGHT = \"55px\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n isOpen: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n toggleSidebar: () => void\n toggleMobileSidebar: () => void\n setIsFullyOpen: (open: boolean) => void\n isAnimating: boolean\n setIsAnimating: (animating: boolean) => void\n isBannerClosing: boolean\n bannerVisible: boolean\n setBannerVisible: (visible: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nconst SidebarProvider = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n bannerHeight?: string\n }\n>(\n (\n {\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n bannerHeight: bannerHeightProp = SIDEBAR_BANNER_HEIGHT,\n className,\n style,\n children,\n ...props\n },\n ref\n ) => {\n const [openMobile, setOpenMobile] = React.useState(false)\n const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n const [isAnimating, setIsAnimating] = React.useState(false)\n const [bannerVisible, setBannerVisible] = React.useState(true)\n\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n const toggleSidebar = React.useCallback(() => {\n setOpen((open) => !open)\n }, [setOpen])\n\n const toggleMobileSidebar = React.useCallback(() => {\n const mdBreakpoint = getComputedStyle(document.documentElement)\n .getPropertyValue(\"--breakpoint-md\")\n .trim()\n if (\n mdBreakpoint &&\n window.matchMedia(`(min-width: ${mdBreakpoint})`).matches\n ) {\n return\n }\n setOpenMobile((open) => !open)\n }, [setOpenMobile])\n\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n const state = open ? \"expanded\" : \"collapsed\"\n\n const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n const childArray = React.Children.toArray(children)\n const bannerChildren = childArray.filter(\n (child) =>\n React.isValidElement(child) &&\n (child.type as React.FC & { displayName?: string })?.displayName ===\n \"SidebarBanner\"\n )\n const layoutChildren = childArray.filter(\n (child) =>\n !React.isValidElement(child) ||\n (child.type as React.FC & { displayName?: string })?.displayName !==\n \"SidebarBanner\"\n )\n\n // Store previous banner children for closing animation\n if (bannerChildren.length > 0 && bannerVisible) {\n previousBannerChildrenRef.current = bannerChildren\n }\n\n const hasBanner = bannerChildren.length > 0 && bannerVisible\n const isClosing =\n !hasBanner && previousBannerChildrenRef.current.length > 0\n const displayBanner = hasBanner || isClosing\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n isOpen: isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isBannerClosing: isClosing,\n bannerVisible,\n setBannerVisible,\n }),\n [\n state,\n isFullyOpen,\n setOpen,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n toggleMobileSidebar,\n setIsFullyOpen,\n isAnimating,\n setIsAnimating,\n isClosing,\n bannerVisible,\n ]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <TooltipProvider delayDuration={0}>\n <div\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n \"--sidebar-top\": hasBanner ? bannerHeightProp : \"0px\",\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n displayBanner && \"flex-col\",\n className\n )}\n ref={ref}\n {...props}\n >\n {displayBanner ? (\n <>\n <div\n className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n style={\n {\n height: isClosing ? \"0px\" : bannerHeightProp,\n } as React.CSSProperties\n }\n >\n <div\n className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n style={{ height: bannerHeightProp }}\n data-state={hasBanner ? \"open\" : \"closed\"}\n onTransitionEnd={() => {\n if (isClosing) {\n previousBannerChildrenRef.current = []\n }\n }}\n >\n {hasBanner\n ? bannerChildren\n : previousBannerChildrenRef.current}\n </div>\n </div>\n <div className=\"flex flex-1\">{layoutChildren}</div>\n </>\n ) : (\n children\n )}\n </div>\n </TooltipProvider>\n </SidebarContext.Provider>\n )\n }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"banner\"\n className={cn(\"w-full\", className)}\n {...props}\n />\n )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n HTMLElement,\n React.ComponentProps<\"aside\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n }\n>(\n (\n {\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const {\n state,\n openMobile,\n setOpenMobile,\n setIsFullyOpen,\n setIsAnimating,\n isBannerClosing,\n } = useSidebar()\n const sidebarRef = React.useRef<HTMLDivElement>(null)\n const isFirstRenderRef = React.useRef(true)\n\n // Track when the sidebar animation completes\n React.useEffect(() => {\n const sidebar = sidebarRef.current\n if (!sidebar) return\n\n // On first render, set isFullyOpen immediately without waiting for animation\n if (isFirstRenderRef.current) {\n isFirstRenderRef.current = false\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n return\n }\n\n // Mark as animating when state changes\n setIsAnimating(true)\n\n // Fallback timeout in case transitionend doesn't fire\n const fallbackTimeout = setTimeout(() => {\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }, 300) // Slightly longer than the 200ms transition duration\n\n const handleTransitionEnd = (event: TransitionEvent) => {\n // Only respond to transitions on the sidebar itself, not children\n if (event.target !== sidebar) return\n\n // Check if we're transitioning width, left, or right properties\n if (\n event.propertyName === \"left\" ||\n event.propertyName === \"right\" ||\n event.propertyName === \"width\"\n ) {\n clearTimeout(fallbackTimeout)\n setIsFullyOpen(state === \"expanded\")\n setIsAnimating(false)\n }\n }\n\n sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n return () => {\n sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n clearTimeout(fallbackTimeout)\n }\n }, [state, setIsFullyOpen, setIsAnimating])\n\n if (collapsible === \"none\") {\n return (\n <aside\n className={cn(\n \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n </aside>\n )\n }\n\n return (\n <>\n {/* Mobile Sheet - visible only on mobile (< md) */}\n <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n <SheetContent\n data-sidebar=\"sidebar\"\n data-mobile=\"true\"\n className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n style={\n {\n width: SIDEBAR_WIDTH_MOBILE,\n maxWidth: SIDEBAR_WIDTH_MOBILE,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <SidebarMobileContext.Provider value={true}>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SidebarMobileContext.Provider>\n </SheetContent>\n </Sheet>\n\n {/* Desktop Sidebar - visible only on desktop (md+) */}\n <aside\n ref={ref}\n className=\"group peer hidden text-sidebar-foreground md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n >\n {/* Spacer to reserve horizontal space */}\n <div\n className={cn(\n \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n )}\n />\n {/* Fixed sidebar */}\n <div\n ref={sidebarRef}\n data-banner-closing={isBannerClosing}\n className={cn(\n \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n isBannerClosing && \"transition-[left,right,width,top,height]\",\n \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n side === \"left\"\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n >\n <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n {children}\n </div>\n </div>\n </div>\n </aside>\n </>\n )\n }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n React.ElementRef<typeof Button>,\n React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n return (\n <>\n {/* Mobile trigger - visible below md */}\n <Button\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\n \"md:hidden bg-transparent hover:bg-transparent\",\n className\n )}\n onClick={(event) => {\n onClick?.(event)\n toggleMobileSidebar()\n }}\n {...props}\n >\n {openMobile ? (\n <span\n className={cn(\n buttonVariants({ variant: \"secondary\", size: \"icon\" })\n )}\n >\n <X size={16} />\n </span>\n ) : (\n <span\n className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n >\n <Menu size={16} />\n </span>\n )}\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n\n {/* Desktop trigger - visible at md+ */}\n <Button\n ref={ref}\n data-sidebar=\"trigger\"\n variant=\"ghost\"\n size=\"icon\"\n className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <span className=\"rounded-full p-2\">\n <PanelLeft size={16} />\n </span>\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n </>\n )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n const { toggleSidebar } = useSidebar()\n\n return (\n <button\n ref={ref}\n data-sidebar=\"rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n ({ className, ...props }, ref) => {\n return (\n <main\n ref={ref}\n className={cn(\n \"relative flex min-w-0 w-full flex-1 flex-col\",\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n className\n )}\n {...props}\n />\n )\n }\n )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n React.ElementRef<typeof Input>,\n React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-sidebar=\"input\"\n className={cn(\n \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showTrigger?: boolean\n }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n const { state } = useSidebar()\n const isMobile = React.useContext(SidebarMobileContext)\n\n const isCollapsed = state === \"collapsed\" && !isMobile\n\n return (\n <div\n ref={ref}\n data-sidebar=\"header\"\n className={cn(\n \"flex w-full gap-2 p-2 items-center\",\n isCollapsed\n ? \"justify-center items-center\"\n : \"justify-between items-start\",\n className\n )}\n {...props}\n >\n {!isCollapsed && (\n <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n <div className=\"whitespace-nowrap\">{children}</div>\n </div>\n )}\n\n {showTrigger && <SidebarTrigger />}\n </div>\n )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"footer\"\n className={cn(\"flex flex-col gap-2 p-2\", className)}\n {...props}\n />\n )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n React.ElementRef<typeof Separator>,\n React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n return (\n <Separator\n ref={ref}\n data-sidebar=\"separator\"\n className={cn(\"mx-2 w-auto bg-border\", className)}\n {...props}\n />\n )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"content\"\n className={cn(\n \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-sidebar=\"group\"\n className={cn(\n \"relative flex w-full min-w-0 flex-col\",\n \"group-data-[collapsible=icon]:p-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-label\"\n className={cn(\n \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"group-action\"\n className={cn(\n \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"group-content\"\n className={cn(\"w-full text-sm\", className)}\n {...props}\n />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu\"\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n {...props}\n />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"\",\n outline:\n \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n (\n {\n asChild = false,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const { state } = useSidebar()\n\n const button = (\n <Comp\n ref={ref}\n data-sidebar=\"menu-button\"\n data-size={size}\n data-active={isActive}\n className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n {...props}\n />\n )\n\n if (!tooltip) {\n return button\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n }\n }\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\"}\n {...tooltip}\n />\n </Tooltip>\n )\n }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> & {\n asChild?: boolean\n showOnHover?: boolean\n }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-action\"\n className={cn(\n \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n \"after:absolute after:-inset-2 after:md:hidden\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n showOnHover &&\n \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-sidebar=\"menu-badge\"\n className={cn(\n \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n \"peer-data-[size=sm]/menu-button:top-1\",\n \"peer-data-[size=default]/menu-button:top-1.5\",\n \"peer-data-[size=lg]/menu-button:top-2.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n }\n>(({ className, showIcon = false, ...props }, ref) => {\n const width = React.useMemo(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n }, [])\n\n return (\n <div\n ref={ref}\n data-sidebar=\"menu-skeleton\"\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n {...props}\n >\n {showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-[--skeleton-width] flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n data-sidebar=\"menu-sub\"\n className={cn(\n \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentProps<\"a\"> & {\n asChild?: boolean\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n data-sidebar=\"menu-sub-button\"\n data-size={size}\n data-active={isActive}\n className={cn(\n \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n size === \"sm\" && \"text-xs\",\n size === \"md\" && \"text-sm\",\n \"group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n Sidebar,\n SidebarBanner,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n}\n"]}