@itera-web/react-ui-sidebar 1.22.0 → 1.23.0

package/es/index.js

@@ -1 +1 @@
-import*as e from"class-variance-authority";import*as a from"react";import*as t from"@itera-web/hooks-mobile";import*as r from"@itera-web/react-ui-button";import*as n from"@itera-web/react-ui-input";import*as i from"@itera-web/react-ui-separator";import*as o from"@itera-web/react-ui-skeleton";import*as s from"@itera-web/react-ui-tooltip";import*as d from"@itera-web/utils-cn";import*as l from"@radix-ui/react-slot";var c={d:(e,a)=>{for(var t in a)c.o(a,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},o:(e,a)=>Object.prototype.hasOwnProperty.call(e,a)},u={};c.d(u,{DD:()=>z,TZ:()=>A,ZW:()=>P,Hz:()=>B,YE:()=>q,Ks:()=>G,nO:()=>H,$l:()=>I,pV:()=>_,kV:()=>T,w3:()=>L,gU:()=>K,uP:()=>Y,bb:()=>J,LO:()=>V,J_:()=>Z,YA:()=>W,Vf:()=>U,gM:()=>F,Hn:()=>C,wJ:()=>R,tm:()=>j,vP:()=>O,Ap:()=>M});const f=(e=>{var a={};return c.d(a,e),a})({cva:()=>e.cva});const b=(e=>{var a={};return c.d(a,e),a})({createContext:()=>a.createContext,createElement:()=>a.createElement,forwardRef:()=>a.forwardRef,useCallback:()=>a.useCallback,useContext:()=>a.useContext,useEffect:()=>a.useEffect,useMemo:()=>a.useMemo,useState:()=>a.useState});const m=(e=>{var a={};return c.d(a,e),a})({useIsMobile:()=>t.useIsMobile});const p=(e=>{var a={};return c.d(a,e),a})({Button:()=>r.Button});const v=(e=>{var a={};return c.d(a,e),a})({Input:()=>n.Input});const g=(e=>{var a={};return c.d(a,e),a})({Separator:()=>i.Separator});const h=(e=>{var a={};return c.d(a,e),a})({Skeleton:()=>o.Skeleton});const w=(e=>{var a={};return c.d(a,e),a})({Tooltip:()=>s.Tooltip,TooltipContent:()=>s.TooltipContent,TooltipProvider:()=>s.TooltipProvider,TooltipTrigger:()=>s.TooltipTrigger});const x=(e=>{var a={};return c.d(a,e),a})({cn:()=>d.cn});const N=(e=>{var a={};return c.d(a,e),a})({Slot:()=>l.Slot});var S=function(e){var a=e.className;return b.createElement("svg",{className:a,height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},b.createElement("rect",{height:"18",rx:"2",width:"18",x:"3",y:"3"}),b.createElement("path",{d:"M9 3v18"}))},y=function(){return y=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var n in a=arguments[t])Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);return e},y.apply(this,arguments)},E=function(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)a.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(t[r[n]]=e[r[n]])}return t},k=b.createContext(null);function M(){var e=b.useContext(k);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var C=b.forwardRef(function(e,a){var t=e.defaultOpen,r=void 0===t||t,n=e.open,i=e.onOpenChange,o=e.className,s=void 0===o?"":o,d=e.style,l=void 0===d?{}:d,c=e.children,u=E(e,["defaultOpen","open","onOpenChange","className","style","children"]),f=(0,m.useIsMobile)(),p=b.useState(!1),v=p[0],g=p[1],h=b.useState(r),N=h[0],S=h[1],M=null!=n?n:N,C=b.useCallback(function(e){var a="function"==typeof e?e(M):e;i?i(a):S(a),document.cookie="".concat("sidebar_state","=").concat(a,"; path=/; max-age=").concat(604800)},[i,M]),z=b.useCallback(function(){return f?g(function(e){return!e}):C(function(e){return!e})},[f,C]);b.useEffect(function(){var e=function(e){"b"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),z())};return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}},[z]);var O=M?"expanded":"collapsed",R=b.useMemo(function(){return{state:O,open:M,setOpen:C,isMobile:f,openMobile:v,setOpenMobile:g,toggleSidebar:z}},[O,M,C,f,v,g,z]);return b.createElement(k.Provider,{value:R},b.createElement(w.TooltipProvider,{delayDuration:0},b.createElement("div",y({className:(0,x.cn)("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-sidebar",s),ref:a},u,{style:y({"--sidebar-width":"16rem","--sidebar-width-icon":"3rem"},l)}),c)))});C.displayName="SidebarProvider";var z=b.forwardRef(function(e,a){var t=e.side,r=void 0===t?"left":t,n=e.variant,i=void 0===n?"sidebar":n,o=e.collapsible,s=void 0===o?"offcanvas":o,d=e.className,l=e.children,c=E(e,["side","variant","collapsible","className","children"]),u=M(),f=(u.isMobile,u.state);u.openMobile,u.setOpenMobile;return"none"===s?b.createElement("div",y({className:(0,x.cn)("flex w-full flex-col bg-sidebar text-sidebar-foreground",d),ref:a},c),l):b.createElement("div",{className:"w-full group peer text-sidebar-foreground block","data-collapsible":"collapsed"===f?s:"","data-side":r,"data-state":f,"data-variant":i,ref:a},b.createElement("div",{className:(0,x.cn)("relative w-full bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180","floating"===i||"inset"===i?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon]")}),b.createElement("div",y({className:(0,x.cn)("inset-y-0 z-10  w-full transition-[left,right,width] duration-200 ease-linear flex","left"===r?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]","floating"===i||"inset"===i?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",d)},c),b.createElement("div",{className:"flex w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow","data-sidebar":"sidebar"},l)))});z.displayName="Sidebar";var O=b.forwardRef(function(e,a){var t=e.className,r=e.onClick,n=E(e,["className","onClick"]),i=M().toggleSidebar;return b.createElement(p.Button,y({className:(0,x.cn)("h-7 w-7",t),"data-sidebar":"trigger",onClick:function(e){null==r||r(e),i()},ref:a,size:"icon"},n),b.createElement(S,null),b.createElement("span",{className:"sr-only"},"Toggle Sidebar"))});O.displayName="SidebarTrigger";var R=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]),n=M().toggleSidebar;return b.createElement("button",y({"aria-label":"Toggle Sidebar",className:(0,x.cn)("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-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","[[data-side=left]_&]:cursor-w-resize [[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",t),"data-sidebar":"rail",onClick:n,ref:a,tabIndex:-1,title:"Toggle Sidebar"},r))});R.displayName="SidebarRail";var T=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("main",y({className:(0,x.cn)("relative flex 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",t),ref:a},r))});T.displayName="SidebarInset";var _=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement(v.Input,y({className:(0,x.cn)("h-8 w-full shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",t),"data-sidebar":"input",ref:a},r))});_.displayName="SidebarInput";var I=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("flex flex-col gap-2 p-2",t),"data-sidebar":"header",ref:a},r))});I.displayName="SidebarHeader";var P=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("flex flex-col gap-2 p-2",t),"data-sidebar":"footer",ref:a},r))});P.displayName="SidebarFooter";var j=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement(g.Separator,y({className:(0,x.cn)("mx-2 w-auto bg-sidebar-border",t),"data-sidebar":"separator",ref:a},r))});j.displayName="SidebarSeparator";var A=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",t),"data-sidebar":"content",ref:a},r))});A.displayName="SidebarContent";var B=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("relative flex w-full min-w-0 flex-col p-2",t),"data-sidebar":"group",ref:a},r))});B.displayName="SidebarGroup";var H=b.forwardRef(function(e,a){var t=e.className,r=e.asChild,n=void 0!==r&&r,i=E(e,["className","asChild"]),o=n?N.Slot:"div";return b.createElement(o,y({className:(0,x.cn)("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 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",t),"data-sidebar":"group-label",ref:a},i))});H.displayName="SidebarGroupLabel";var q=b.forwardRef(function(e,a){var t=e.className,r=e.asChild,n=void 0!==r&&r,i=E(e,["className","asChild"]),o=n?N.Slot:"button";return b.createElement(o,y({className:(0,x.cn)("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",t),"data-sidebar":"group-action",ref:a},i))});q.displayName="SidebarGroupAction";var G=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("w-full text-sm",t),"data-sidebar":"group-content",ref:a},r))});G.displayName="SidebarGroupContent";var L=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("ul",y({className:(0,x.cn)("flex w-full min-w-0 flex-col gap-1",t),"data-sidebar":"menu",ref:a},r))});L.displayName="SidebarMenu";var V=b.forwardRef(function(e,a){var t=e.className,r=e.active,n=E(e,["className","active"]);return b.createElement("li",y({className:(0,x.cn)("mx-2 group/menu-item relative cursor-pointer rounded-md px-3 py-1 transition-colors hover:bg-primaryHover",r&&"bg-primaryHover",t),"data-sidebar":"menu-item",ref:a},n))});V.displayName="SidebarMenuItem";var D=(0,f.cva)("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:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(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"}}),J=b.forwardRef(function(e,a){var t=e.asChild,r=void 0!==t&&t,n=e.isActive,i=void 0!==n&&n,o=e.variant,s=void 0===o?"default":o,d=e.size,l=void 0===d?"default":d,c=e.tooltip,u=e.className,f=E(e,["asChild","isActive","variant","size","tooltip","className"]),m=r?N.Slot:"button",p=M(),v=p.isMobile,g=p.state,h=b.createElement(m,y({className:(0,x.cn)(D({variant:s,size:l}),u),"data-active":i,"data-sidebar":"menu-button","data-size":l,ref:a},f));return c?("string"==typeof c&&(c={children:c}),b.createElement(w.Tooltip,null,b.createElement(w.TooltipTrigger,{asChild:!0},h),b.createElement(w.TooltipContent,y({align:"center",hidden:"collapsed"!==g||v,side:"right"},c)))):h});J.displayName="SidebarMenuButton";var K=b.forwardRef(function(e,a){var t=e.className,r=e.asChild,n=void 0!==r&&r,i=e.showOnHover,o=void 0!==i&&i,s=E(e,["className","asChild","showOnHover"]),d=n?N.Slot:"button";return b.createElement(d,y({className:(0,x.cn)("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",o&&"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-sidebar-accent-foreground md:opacity-0",t),"data-sidebar":"menu-action",ref:a},s))});K.displayName="SidebarMenuAction";var Y=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("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",t),"data-sidebar":"menu-badge",ref:a},r))});Y.displayName="SidebarMenuBadge";var Z=b.forwardRef(function(e,a){var t=e.className,r=e.showIcon,n=void 0!==r&&r,i=E(e,["className","showIcon"]),o=b.useMemo(function(){return"".concat(Math.floor(40*Math.random())+50,"%")},[]);return b.createElement("div",y({className:(0,x.cn)("flex h-8 items-center gap-2 rounded-md px-2",t),"data-sidebar":"menu-skeleton",ref:a},i),n&&b.createElement(h.Skeleton,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),b.createElement(h.Skeleton,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":o}}))});Z.displayName="SidebarMenuSkeleton";var W=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("ul",y({className:(0,x.cn)("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",t),"data-sidebar":"menu-sub",ref:a},r))});W.displayName="SidebarMenuSub";var F=b.forwardRef(function(e,a){var t=E(e,[]);return b.createElement("li",y({ref:a},t))});F.displayName="SidebarMenuSubItem";var U=b.forwardRef(function(e,a){var t=e.asChild,r=void 0!==t&&t,n=e.size,i=void 0===n?"md":n,o=e.isActive,s=e.className,d=E(e,["asChild","size","isActive","className"]),l=r?N.Slot:"a";return b.createElement(l,y({className:(0,x.cn)("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","sm"===i&&"text-xs","md"===i&&"text-sm","group-data-[collapsible=icon]:hidden",s),"data-active":o,"data-sidebar":"menu-sub-button","data-size":i,ref:a},d))});U.displayName="SidebarMenuSubButton";var $=u.DD,Q=u.TZ,X=u.ZW,ee=u.Hz,ae=u.YE,te=u.Ks,re=u.nO,ne=u.$l,ie=u.pV,oe=u.kV,se=u.w3,de=u.gU,le=u.uP,ce=u.bb,ue=u.LO,fe=u.J_,be=u.YA,me=u.Vf,pe=u.gM,ve=u.Hn,ge=u.wJ,he=u.tm,we=u.vP,xe=u.Ap;export{$ as Sidebar,Q as SidebarContent,X as SidebarFooter,ee as SidebarGroup,ae as SidebarGroupAction,te as SidebarGroupContent,re as SidebarGroupLabel,ne as SidebarHeader,ie as SidebarInput,oe as SidebarInset,se as SidebarMenu,de as SidebarMenuAction,le as SidebarMenuBadge,ce as SidebarMenuButton,ue as SidebarMenuItem,fe as SidebarMenuSkeleton,be as SidebarMenuSub,me as SidebarMenuSubButton,pe as SidebarMenuSubItem,ve as SidebarProvider,ge as SidebarRail,he as SidebarSeparator,we as SidebarTrigger,xe as useSidebar};
+import*as e from"class-variance-authority";import*as a from"react";import*as t from"@itera-web/hooks-mobile";import*as r from"@itera-web/react-ui-button";import*as i from"@itera-web/react-ui-input";import*as n from"@itera-web/react-ui-separator";import*as o from"@itera-web/react-ui-skeleton";import*as s from"@itera-web/react-ui-tooltip";import*as d from"@itera-web/utils-cn";import*as l from"@radix-ui/react-slot";var c={d:(e,a)=>{for(var t in a)c.o(a,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},o:(e,a)=>Object.prototype.hasOwnProperty.call(e,a)},u={};c.d(u,{DD:()=>z,TZ:()=>A,ZW:()=>P,Hz:()=>B,YE:()=>G,Ks:()=>L,nO:()=>H,$l:()=>I,pV:()=>_,kV:()=>T,w3:()=>V,gU:()=>Y,uP:()=>Z,bb:()=>K,LO:()=>D,J_:()=>W,YA:()=>q,Vf:()=>U,gM:()=>F,Hn:()=>C,wJ:()=>R,tm:()=>j,vP:()=>O,Ap:()=>M});const f=(e=>{var a={};return c.d(a,e),a})({cva:()=>e.cva});const b=(e=>{var a={};return c.d(a,e),a})({createContext:()=>a.createContext,createElement:()=>a.createElement,forwardRef:()=>a.forwardRef,useCallback:()=>a.useCallback,useContext:()=>a.useContext,useEffect:()=>a.useEffect,useMemo:()=>a.useMemo,useState:()=>a.useState});const m=(e=>{var a={};return c.d(a,e),a})({useIsMobile:()=>t.useIsMobile});const p=(e=>{var a={};return c.d(a,e),a})({Button:()=>r.Button});const v=(e=>{var a={};return c.d(a,e),a})({Input:()=>i.Input});const g=(e=>{var a={};return c.d(a,e),a})({Separator:()=>n.Separator});const h=(e=>{var a={};return c.d(a,e),a})({Skeleton:()=>o.Skeleton});const w=(e=>{var a={};return c.d(a,e),a})({Tooltip:()=>s.Tooltip,TooltipContent:()=>s.TooltipContent,TooltipProvider:()=>s.TooltipProvider,TooltipTrigger:()=>s.TooltipTrigger});const x=(e=>{var a={};return c.d(a,e),a})({cn:()=>d.cn});const N=(e=>{var a={};return c.d(a,e),a})({Slot:()=>l.Slot});var S=function(e){var a=e.className;return b.createElement("svg",{className:a,height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},b.createElement("rect",{height:"18",rx:"2",width:"18",x:"3",y:"3"}),b.createElement("path",{d:"M9 3v18"}))},y=function(){return y=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var i in a=arguments[t])Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);return e},y.apply(this,arguments)},E=function(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)a.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(t[r[i]]=e[r[i]])}return t},k=b.createContext(null);function M(){var e=b.useContext(k);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var C=b.forwardRef(function(e,a){var t=e.defaultOpen,r=void 0===t||t,i=e.open,n=e.onOpenChange,o=e.className,s=void 0===o?"":o,d=e.style,l=void 0===d?{}:d,c=e.children,u=E(e,["defaultOpen","open","onOpenChange","className","style","children"]),f=(0,m.useIsMobile)(),p=b.useState(!1),v=p[0],g=p[1],h=b.useState(r),N=h[0],S=h[1],M=null!=i?i:N,C=b.useCallback(function(e){var a="function"==typeof e?e(M):e;n?n(a):S(a),document.cookie="".concat("sidebar_state","=").concat(a,"; path=/; max-age=").concat(604800)},[n,M]),z=b.useCallback(function(){return f?g(function(e){return!e}):C(function(e){return!e})},[f,C]);b.useEffect(function(){var e=function(e){"b"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),z())};return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}},[z]);var O=M?"expanded":"collapsed",R=b.useMemo(function(){return{state:O,open:M,setOpen:C,isMobile:f,openMobile:v,setOpenMobile:g,toggleSidebar:z}},[O,M,C,f,v,g,z]);return b.createElement(k.Provider,{value:R},b.createElement(w.TooltipProvider,{delayDuration:0},b.createElement("div",y({className:(0,x.cn)("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-sidebar",s),ref:a},u,{style:y({"--sidebar-width":"16rem","--sidebar-width-icon":"3rem"},l)}),c)))});C.displayName="SidebarProvider";var z=b.forwardRef(function(e,a){var t=e.side,r=void 0===t?"left":t,i=e.variant,n=void 0===i?"sidebar":i,o=e.collapsible,s=void 0===o?"offcanvas":o,d=e.className,l=e.children,c=E(e,["side","variant","collapsible","className","children"]),u=M(),f=(u.isMobile,u.state);u.openMobile,u.setOpenMobile;return"none"===s?b.createElement("div",y({className:(0,x.cn)("flex w-full flex-col bg-sidebar text-sidebar-foreground",d),ref:a},c),l):b.createElement("div",{className:"w-full group peer text-sidebar-foreground block","data-collapsible":"collapsed"===f?s:"","data-side":r,"data-state":f,"data-variant":n,ref:a},b.createElement("div",{className:(0,x.cn)("relative w-full bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180","floating"===n||"inset"===n?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon]")}),b.createElement("div",y({className:(0,x.cn)("inset-y-0 z-10  w-full transition-[left,right,width] duration-200 ease-linear flex","left"===r?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]","floating"===n||"inset"===n?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",d)},c),b.createElement("div",{className:"flex w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow","data-sidebar":"sidebar"},l)))});z.displayName="Sidebar";var O=b.forwardRef(function(e,a){var t=e.className,r=e.onClick,i=E(e,["className","onClick"]),n=M().toggleSidebar;return b.createElement(p.Button,y({className:(0,x.cn)("h-7 w-7",t),"data-sidebar":"trigger",onClick:function(e){null==r||r(e),n()},ref:a,size:"icon"},i),b.createElement(S,null),b.createElement("span",{className:"sr-only"},"Toggle Sidebar"))});O.displayName="SidebarTrigger";var R=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]),i=M().toggleSidebar;return b.createElement("button",y({"aria-label":"Toggle Sidebar",className:(0,x.cn)("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-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","[[data-side=left]_&]:cursor-w-resize [[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",t),"data-sidebar":"rail",onClick:i,ref:a,tabIndex:-1,title:"Toggle Sidebar"},r))});R.displayName="SidebarRail";var T=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("main",y({className:(0,x.cn)("relative flex 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",t),ref:a},r))});T.displayName="SidebarInset";var _=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement(v.Input,y({className:(0,x.cn)("h-8 w-full shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",t),"data-sidebar":"input",ref:a},r))});_.displayName="SidebarInput";var I=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("flex flex-col gap-2 p-2",t),"data-sidebar":"header",ref:a},r))});I.displayName="SidebarHeader";var P=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("flex flex-col gap-2 p-2",t),"data-sidebar":"footer",ref:a},r))});P.displayName="SidebarFooter";var j=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement(g.Separator,y({className:(0,x.cn)("mx-2 w-auto bg-sidebar-border",t),"data-sidebar":"separator",ref:a},r))});j.displayName="SidebarSeparator";var A=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",t),"data-sidebar":"content",ref:a},r))});A.displayName="SidebarContent";var B=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("relative flex w-full min-w-0 flex-col p-2",t),"data-sidebar":"group",ref:a},r))});B.displayName="SidebarGroup";var H=b.forwardRef(function(e,a){var t=e.className,r=e.asChild,i=void 0!==r&&r,n=E(e,["className","asChild"]),o=i?N.Slot:"div";return b.createElement(o,y({className:(0,x.cn)("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 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",t),"data-sidebar":"group-label",ref:a},n))});H.displayName="SidebarGroupLabel";var G=b.forwardRef(function(e,a){var t=e.className,r=e.asChild,i=void 0!==r&&r,n=E(e,["className","asChild"]),o=i?N.Slot:"button";return b.createElement(o,y({className:(0,x.cn)("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",t),"data-sidebar":"group-action",ref:a},n))});G.displayName="SidebarGroupAction";var L=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("w-full text-sm",t),"data-sidebar":"group-content",ref:a},r))});L.displayName="SidebarGroupContent";var V=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("ul",y({className:(0,x.cn)("flex w-full min-w-0 flex-col gap-1",t),"data-sidebar":"menu",ref:a},r))});V.displayName="SidebarMenu";var D=b.forwardRef(function(e,a){var t=e.className,r=e.active,i=E(e,["className","active"]);return b.createElement("li",y({className:(0,x.cn)("mx-2 group/menu-item relative cursor-pointer rounded-md px-3 py-1 transition-colors hover:bg-primaryHover",r&&"bg-primaryHover",t),"data-sidebar":"menu-item",ref:a},i))});D.displayName="SidebarMenuItem";var J=(0,f.cva)("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:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(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"}}),K=b.forwardRef(function(e,a){var t=e.asChild,r=void 0!==t&&t,i=e.isActive,n=void 0!==i&&i,o=e.variant,s=void 0===o?"default":o,d=e.size,l=void 0===d?"default":d,c=e.tooltip,u=e.className,f=E(e,["asChild","isActive","variant","size","tooltip","className"]),m=r?N.Slot:"button",p=M(),v=p.isMobile,g=p.state,h=b.createElement(m,y({className:(0,x.cn)(J({variant:s,size:l}),u),"data-active":n,"data-sidebar":"menu-button","data-size":l,ref:a},f));return c?("string"==typeof c&&(c={children:c}),b.createElement(w.Tooltip,null,b.createElement(w.TooltipTrigger,{asChild:!0},h),b.createElement(w.TooltipContent,y({align:"center",hidden:"collapsed"!==g||v,side:"right"},c)))):h});K.displayName="SidebarMenuButton";var Y=b.forwardRef(function(e,a){var t=e.className,r=e.asChild,i=void 0!==r&&r,n=e.showOnHover,o=void 0!==n&&n,s=E(e,["className","asChild","showOnHover"]),d=i?N.Slot:"button";return b.createElement(d,y({className:(0,x.cn)("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",o&&"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-sidebar-accent-foreground md:opacity-0",t),"data-sidebar":"menu-action",ref:a},s))});Y.displayName="SidebarMenuAction";var Z=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("div",y({className:(0,x.cn)("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",t),"data-sidebar":"menu-badge",ref:a},r))});Z.displayName="SidebarMenuBadge";var W=b.forwardRef(function(e,a){var t=e.className,r=e.showIcon,i=void 0!==r&&r,n=E(e,["className","showIcon"]),o=b.useMemo(function(){return"".concat(Math.floor(40*Math.random())+50,"%")},[]);return b.createElement("div",y({className:(0,x.cn)("flex h-8 items-center gap-2 rounded-md px-2",t),"data-sidebar":"menu-skeleton",ref:a},n),i&&b.createElement(h.Skeleton,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),b.createElement(h.Skeleton,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":o}}))});W.displayName="SidebarMenuSkeleton";var q=b.forwardRef(function(e,a){var t=e.className,r=E(e,["className"]);return b.createElement("ul",y({className:(0,x.cn)("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",t),"data-sidebar":"menu-sub",ref:a},r))});q.displayName="SidebarMenuSub";var F=b.forwardRef(function(e,a){var t=E(e,[]);return b.createElement("li",y({ref:a},t))});F.displayName="SidebarMenuSubItem";var U=b.forwardRef(function(e,a){var t=e.asChild,r=void 0!==t&&t,i=e.size,n=void 0===i?"md":i,o=e.isActive,s=e.className,d=E(e,["asChild","size","isActive","className"]),l=r?N.Slot:"a";return b.createElement(l,y({className:(0,x.cn)("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","sm"===n&&"text-xs","md"===n&&"text-sm","group-data-[collapsible=icon]:hidden",s),"data-active":o,"data-sidebar":"menu-sub-button","data-size":n,ref:a},d))});U.displayName="SidebarMenuSubButton";var $=u.DD,Q=u.TZ,X=u.ZW,ee=u.Hz,ae=u.YE,te=u.Ks,re=u.nO,ie=u.$l,ne=u.pV,oe=u.kV,se=u.w3,de=u.gU,le=u.uP,ce=u.bb,ue=u.LO,fe=u.J_,be=u.YA,me=u.Vf,pe=u.gM,ve=u.Hn,ge=u.wJ,he=u.tm,we=u.vP,xe=u.Ap;export{$ as Sidebar,Q as SidebarContent,X as SidebarFooter,ee as SidebarGroup,ae as SidebarGroupAction,te as SidebarGroupContent,re as SidebarGroupLabel,ie as SidebarHeader,ne as SidebarInput,oe as SidebarInset,se as SidebarMenu,de as SidebarMenuAction,le as SidebarMenuBadge,ce as SidebarMenuButton,ue as SidebarMenuItem,fe as SidebarMenuSkeleton,be as SidebarMenuSub,me as SidebarMenuSubButton,pe as SidebarMenuSubItem,ve as SidebarProvider,ge as SidebarRail,he as SidebarSeparator,we as SidebarTrigger,xe as useSidebar};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itera-web/react-ui-sidebar",
   "description": "导航栏",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "main": "es/index.js",
   "types": "es/index.d.ts",
   "publishConfig": {
@@ -13,13 +13,13 @@
     "up": "npm publish"
   },
   "dependencies": {
-    "@itera-web/hooks-mobile": "^1.20.0",
-    "@itera-web/react-ui-button": "^1.26.0",
-    "@itera-web/react-ui-input": "^1.25.0",
-    "@itera-web/react-ui-separator": "^1.20.0",
-    "@itera-web/react-ui-skeleton": "^1.21.0",
-    "@itera-web/react-ui-tooltip": "^1.20.0",
-    "@itera-web/utils-cn": "^1.20.0",
+    "@itera-web/hooks-mobile": "^1.22.0",
+    "@itera-web/react-ui-button": "^1.28.0",
+    "@itera-web/react-ui-input": "^1.26.0",
+    "@itera-web/react-ui-separator": "^1.21.0",
+    "@itera-web/react-ui-skeleton": "^1.22.0",
+    "@itera-web/react-ui-tooltip": "^1.21.0",
+    "@itera-web/utils-cn": "^1.22.0",
     "@radix-ui/react-slot": "^1.2.0",
     "class-variance-authority": "^0.7.1"
   },
@@ -28,7 +28,7 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@itera-web/cli": "^1.1.45"
+    "@itera-web/cli": "^1.1.54"
   },
-  "gitHead": "03be639f55ed0f62801e6b0f109070a45fe5a661"
+  "gitHead": "9a809b3a00c6244a566f85279a82a29b25dc48eb"
 }