tembro 3.1.16 → 4.0.0

package/dist/src/components/layout/sidebar-nav.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Badge as t } from "../ui/badge/index.js";
-import { Tooltip as n } from "../ui/tooltip/index.js";
-import { ControllableDetails as r } from "./controllable-details.js";
+import { ControllableDetails as n } from "./controllable-details.js";
+import { Tooltip as r } from "../ui/tooltip/index.js";
 import * as i from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/layout/sidebar-nav.tsx
@@ -12,81 +12,81 @@ function c(e) {
 function l(e) {
 	return e.active ? !0 : e.items?.some((e) => l(e)) ?? !1;
 }
-function u({ item: r, collapsed: i, depth: c, itemSize: l, activeIndicator: u, itemClassName: d, activeItemClassName: f, renderLink: p }) {
-	let m = r.current ?? (r.active ? "page" : void 0), h = /* @__PURE__ */ s(a, { children: [
-		r.icon && /* @__PURE__ */ o("span", {
+function u({ item: n, collapsed: i, depth: c, itemSize: l, activeIndicator: u, itemClassName: d, activeItemClassName: f, renderLink: p }) {
+	let m = n.current ?? (n.active ? "page" : void 0), h = /* @__PURE__ */ s(a, { children: [
+		n.icon && /* @__PURE__ */ o("span", {
 			className: "shrink-0 [&_svg]:size-4",
-			children: r.icon
+			children: n.icon
 		}),
 		!i && /* @__PURE__ */ o("span", {
 			className: "min-w-0 flex-1 truncate",
-			children: r.label
+			children: n.label
 		}),
-		!i && r.badge && /* @__PURE__ */ o(t, {
+		!i && n.badge && /* @__PURE__ */ o(t, {
 			variant: "secondary",
 			className: "ml-auto h-5 shrink-0 px-1.5",
-			children: r.badge
+			children: n.badge
 		})
-	] }), g = e("group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", i && "justify-center px-0", c > 0 && !i && "pl-3", d, r.active && f), _ = (e) => i ? /* @__PURE__ */ o(n, {
-		content: r.tooltip ?? r.label,
+	] }), g = e("group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", i && "justify-center px-0", c > 0 && !i && "pl-3", d, n.active && f), _ = (e) => i ? /* @__PURE__ */ o(r, {
+		content: n.tooltip ?? n.label,
 		side: "right",
 		children: /* @__PURE__ */ o("span", {
 			className: "block",
 			children: e
 		})
 	}) : e;
-	return r.href && r.href.startsWith("/") ? _(p ? p({
-		item: r,
-		href: r.href,
+	return n.href && n.href.startsWith("/") ? _(p ? p({
+		item: n,
+		href: n.href,
 		"data-slot": "sidebar-nav-item",
 		"data-depth": String(c),
-		"data-active": r.active || void 0,
-		"data-disabled": r.disabled || void 0,
+		"data-active": n.active || void 0,
+		"data-disabled": n.disabled || void 0,
 		"data-size": l,
 		"data-active-indicator": u,
 		"aria-current": m,
 		className: g,
 		onClick: (e) => {
-			if (r.disabled) {
+			if (n.disabled) {
 				e.preventDefault();
 				return;
 			}
-			r.onSelect?.();
+			n.onSelect?.();
 		},
 		children: h
 	}) : /* @__PURE__ */ o("a", {
-		href: r.href,
+		href: n.href,
 		"data-slot": "sidebar-nav-item",
 		"data-depth": c,
-		"data-active": r.active || void 0,
-		"data-disabled": r.disabled || void 0,
+		"data-active": n.active || void 0,
+		"data-disabled": n.disabled || void 0,
 		"data-size": l,
 		"data-active-indicator": u,
 		"aria-current": m,
 		className: g,
 		onClick: (e) => {
-			if (r.disabled) {
+			if (n.disabled) {
 				e.preventDefault();
 				return;
 			}
-			r.onSelect?.();
+			n.onSelect?.();
 		},
 		children: h
-	})) : r.href ? _(/* @__PURE__ */ o("button", {
+	})) : n.href ? _(/* @__PURE__ */ o("button", {
 		type: "button",
 		"data-slot": "sidebar-nav-item",
 		"data-depth": c,
-		"data-active": r.active || void 0,
-		"data-disabled": r.disabled || void 0,
+		"data-active": n.active || void 0,
+		"data-disabled": n.disabled || void 0,
 		"data-size": l,
 		"data-active-indicator": u,
 		"aria-current": m,
 		className: e("w-full text-left", g),
 		onClick: () => {
-			if (r.disabled) return;
-			let e = r.href;
+			if (n.disabled) return;
+			let e = n.href;
 			if (e) {
-				if (r.onSelect?.(), e.startsWith("http")) {
+				if (n.onSelect?.(), e.startsWith("http")) {
 					window.open(e, "_blank", "noopener,noreferrer");
 					return;
 				}
@@ -98,14 +98,14 @@ function u({ item: r, collapsed: i, depth: c, itemSize: l, activeIndicator: u, i
 		type: "button",
 		"data-slot": "sidebar-nav-item",
 		"data-depth": c,
-		"data-active": r.active || void 0,
-		"data-disabled": r.disabled || void 0,
+		"data-active": n.active || void 0,
+		"data-disabled": n.disabled || void 0,
 		"data-size": l,
 		"data-active-indicator": u,
 		"aria-current": m,
-		disabled: r.disabled,
+		disabled: n.disabled,
 		className: e("w-full text-left", g),
-		onClick: r.onSelect,
+		onClick: n.onSelect,
 		children: h
 	}));
 }
@@ -134,7 +134,7 @@ function d({ items: a, collapsed: f, depth: p, showSectionLabels: m, itemSize: h
 			"data-slot": "sidebar-nav-group-trigger",
 			className: e("flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]", f ? "justify-center px-0" : "px-2"),
 			children: [
-				a.icon ? f ? /* @__PURE__ */ o(n, {
+				a.icon ? f ? /* @__PURE__ */ o(r, {
 					content: a.tooltip ?? a.label,
 					side: "right",
 					children: /* @__PURE__ */ o("span", {
@@ -167,7 +167,7 @@ function d({ items: a, collapsed: f, depth: p, showSectionLabels: m, itemSize: h
 				"data-slot": "sidebar-nav-group-label",
 				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
 				children: a.sectionLabel
-			}) : null, /* @__PURE__ */ s(r, {
+			}) : null, /* @__PURE__ */ s(n, {
 				"data-slot": "sidebar-nav-group-details",
 				open: a.expanded,
 				defaultOpen: S,

package/dist/src/components/layout/sidebar.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../../hooks/use-is-mobile.cjs"),r=require("./controllable-details.cjs"),i=require("../ui/tooltip/index.cjs"),a=require("./sidebar-context.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");var l=1024,u=`18rem`,d=`4.75rem`,f=`min(88vw, 22rem)`;function p({active:e,disabled:n}){return t.cn(`border border-transparent bg-transparent text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)] hover:border-[color:var(--aui-sidebar-item-active-border)] hover:bg-[color:var(--aui-sidebar-item-hover-bg)] hover:text-[color:var(--sidebar-foreground)] focus-visible:border-[color:var(--sidebar-ring)] focus-visible:bg-[color:var(--aui-sidebar-item-hover-bg)] focus-visible:text-[color:var(--sidebar-foreground)] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--sidebar-ring),transparent_82%)]`,e&&`border-[color:var(--aui-sidebar-item-active-border)] bg-[color:var(--aui-sidebar-item-active-bg)] text-[color:var(--aui-sidebar-item-active-fg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_10px_24px_color-mix(in_oklch,var(--sidebar-primary),transparent_88%)]`,n&&`hover:border-transparent hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)]`)}function m({collapsed:e,depth:n,itemSize:r,activeIndicator:i}){return t.cn(`relative w-full rounded-[min(var(--radius-xl),14px)] py-2`,r===`sm`&&`min-h-8 text-xs`,r===`md`&&`min-h-9 text-sm`,r===`lg`&&`min-h-11 text-sm`,e?`justify-center px-2`:`px-2.5`,!e&&n>0&&`pl-3`,i===`bar`&&`data-[active=true]:pl-4 before:pointer-events-none before:absolute before:left-1.5 before:top-1/2 before:hidden before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-full before:bg-[color:var(--sidebar-primary)] data-[active=true]:before:block`,i===`pill`&&`rounded-full`,i===`none`&&`data-[active=true]:shadow-none`)}function h(e){return e.items?.some(e=>!e.hidden)??!1}function g(e){return e.active?!0:e.items?.some(e=>g(e))??!1}function _(e,t){e.onSelect?.(),t?.(e)}function v({item:e,collapsed:n,depth:r,itemSize:a,activeIndicator:o,onItemSelect:s,renderLink:l}){let u={"aria-current":e.current??(e.active?`page`:void 0),"aria-disabled":e.disabled||void 0,"data-slot":`sidebar-item`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-depth":String(r),"data-size":a,"data-active-indicator":o,className:t.cn(`flex items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,p({active:e.active,disabled:e.disabled}),m({collapsed:n,depth:r,itemSize:a,activeIndicator:o}))},d=(0,c.jsxs)(c.Fragment,{children:[e.icon&&(0,c.jsx)(`span`,{className:`shrink-0`,children:e.icon}),!n&&(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!n&&e.badge&&(0,c.jsx)(`span`,{className:`shrink-0`,children:e.badge})]}),f=t=>n?(0,c.jsx)(i.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,c.jsx)(`span`,{className:`block`,children:t})}):t;return e.href?.startsWith(`/`)?f(l?(0,c.jsx)(c.Fragment,{children:l({item:e,href:e.href,...u,onClick:t=>{if(e.disabled){t.preventDefault();return}_(e,s)},children:d})}):(0,c.jsx)(`a`,{href:e.href,...u,onClick:t=>{if(e.disabled){t.preventDefault();return}_(e,s)},children:d})):e.href?f((0,c.jsx)(`button`,{type:`button`,...u,className:t.cn(u.className,`w-full`),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(_(e,s),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:d})):f((0,c.jsx)(`button`,{type:`button`,disabled:e.disabled,...u,onClick:()=>{e.disabled||_(e,s)},children:d}))}function y({items:e,collapsed:n,depth:a,showSectionLabels:l,itemSize:u,activeIndicator:d,onItemSelect:f,renderLink:_}){return e.map(e=>{if(e.hidden)return null;let b=h(e),x=g(e),S=l&&!n&&a===0&&e.sectionLabel;if(!b)return(0,c.jsxs)(o.Fragment,{children:[S?(0,c.jsx)(`div`,{"data-slot":`sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0`,children:e.sectionLabel}):null,(0,c.jsx)(v,{item:e,collapsed:n,depth:a,itemSize:u,activeIndicator:d,onItemSelect:f,renderLink:_})]},e.key);let C=e.defaultExpanded??x;return(0,c.jsxs)(`div`,{"data-slot":`sidebar-group`,"data-depth":a,children:[S&&(0,c.jsx)(`div`,{"data-slot":`sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0`,children:e.sectionLabel}),(0,c.jsxs)(r.ControllableDetails,{"data-slot":`sidebar-group-details`,open:e.expanded,defaultOpen:C,className:`group/sidebar-details`,onOpenChange:e.onExpandedChange,children:[(0,c.jsxs)(`summary`,{"data-slot":`sidebar-group-trigger`,"data-size":u,"data-active":x||void 0,"data-active-indicator":d,className:t.cn(`flex list-none items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,p({active:x}),m({collapsed:n,depth:a,itemSize:u,activeIndicator:d})),children:[e.icon?n?(0,c.jsx)(i.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,c.jsx)(`span`,{className:`shrink-0`,children:e.icon})}):(0,c.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,!n&&(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!n&&e.badge&&(0,c.jsx)(`span`,{className:`shrink-0`,children:e.badge}),!n&&(0,c.jsx)(s.ChevronRightIcon,{"data-slot":`sidebar-group-chevron`,className:`ml-auto size-3.5 shrink-0 text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] transition-transform group-open/sidebar-details:rotate-90`})]}),(0,c.jsx)(`div`,{"data-slot":`sidebar-group-content`,className:t.cn(`mt-1 flex flex-col gap-1`,!n&&`pl-3`),children:(0,c.jsx)(y,{items:e.items??[],collapsed:n,depth:a+1,showSectionLabels:l,itemSize:u,activeIndicator:d,onItemSelect:f,renderLink:_})})]})]},e.key)})}function b({item:e,collapsed:n,onItemSelect:r}){let a=(0,c.jsxs)(`button`,{type:`button`,"data-slot":`sidebar-action`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,p({active:e.active,disabled:e.disabled}),n&&`justify-center px-2`),disabled:e.disabled,onClick:()=>{e.disabled||_(e,r)},children:[e.icon?(0,c.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,n?null:(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!n&&e.badge?(0,c.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null]});return n?(0,c.jsx)(i.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,c.jsx)(`span`,{className:`block`,children:a})}):a}function x({account:e,collapsed:n,onAfterSelect:r}){let a=(0,c.jsxs)(`button`,{type:`button`,"data-slot":`sidebar-account`,className:t.cn(`flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]`,p({}),n?`justify-center px-2 py-2.5`:`px-3 py-2.5`),onClick:()=>{if(e.onSelect?.(),r?.(),e.href){if(e.href.startsWith(`http`)){window.open(e.href,`_blank`,`noopener,noreferrer`);return}window.location.assign(e.href)}},children:[e.avatar?(0,c.jsx)(`span`,{"data-slot":`sidebar-account-avatar`,className:`inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold`,children:e.avatar}):null,n?null:(0,c.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,c.jsx)(`span`,{"data-slot":`sidebar-account-label`,className:`block truncate text-sm font-semibold text-[color:var(--sidebar-foreground)]`,children:e.label}),e.description?(0,c.jsx)(`span`,{"data-slot":`sidebar-account-description`,className:`block truncate text-xs text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_36%)]`,children:e.description}):null]})]});return n?(0,c.jsx)(i.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,c.jsx)(`span`,{className:`block`,children:a})}):a}function S({className:e,style:n,header:r,footer:a,items:l=[],collapsed:f=!1,width:p=u,collapsedWidth:m=d,collapsedRail:h,railItems:g=[],footerAccount:_,secondaryActions:v=[],footerSecondary:S,footerClassName:C,tooltipOnCollapsed:w,showSectionLabels:T=!0,itemSize:E=`md`,activeIndicator:D=`bar`,navigationLabel:O=`Primary navigation`,onItemSelect:k,renderItem:A,renderLink:j,children:M,mobile:N,mobileTitle:P,mobileDescription:F,mobileCloseLabel:I=`Close navigation`,onRequestClose:L,closeOnSelect:R=!0,...z}){let B=l.filter(e=>!e.hidden),V=g.filter(e=>!e.hidden),H=v.filter(e=>!e.hidden),U=o.useCallback(e=>{k?.(e),N&&R&&L?.()},[R,N,k,L]),W=N&&(P||F||L);return(0,c.jsxs)(`aside`,{"data-slot":`sidebar`,"data-collapsed":f||void 0,"data-mobile":N||void 0,className:t.cn(`group/sidebar flex h-full min-h-0 flex-col overflow-hidden`,e),style:{width:f?m:p,minWidth:f?m:p,...n},...z,children:[(r||W)&&(0,c.jsx)(`div`,{"data-slot":`sidebar-header`,className:`shrink-0 border-b p-3`,children:(0,c.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,c.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[r??null,W?(0,c.jsxs)(`div`,{className:t.cn(r&&`mt-3`),children:[P?(0,c.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:P}):null,F?(0,c.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:F}):null]}):null]}),N&&L?(0,c.jsx)(`button`,{type:`button`,"aria-label":I,"data-slot":`sidebar-mobile-close`,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg-alt,var(--muted))] text-[color:var(--aui-page-foreground,var(--foreground))] transition hover:bg-[color:var(--aui-control-bg,var(--muted))]`,onClick:L,children:(0,c.jsx)(s.XIcon,{className:`size-4`})}):null]})}),(0,c.jsxs)(`nav`,{"data-slot":`sidebar-nav`,"aria-label":O,className:`flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto overscroll-contain p-2`,children:[M??B.map(e=>{if(!A)return null;let t=A(e,{collapsed:f});return!f||!w?(0,c.jsx)(o.Fragment,{children:t},e.key):(0,c.jsx)(i.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,c.jsx)(`span`,{className:`block`,children:t})},e.key)}),!M&&!A&&(0,c.jsx)(y,{items:B,collapsed:f,depth:0,showSectionLabels:T,itemSize:E,activeIndicator:D,onItemSelect:U,renderLink:j})]}),(_||S||a||H.length>0||f&&(h||V.length>0))&&(0,c.jsxs)(`div`,{"data-slot":`sidebar-footer`,className:t.cn(`shrink-0 border-t p-3`,C),children:[f?(0,c.jsxs)(c.Fragment,{children:[V.length>0?(0,c.jsx)(`div`,{"data-slot":`sidebar-rail-actions`,className:`grid gap-2`,children:V.map(e=>(0,c.jsx)(b,{item:e,collapsed:!0,onItemSelect:U},e.key))}):null,h?(0,c.jsx)(`div`,{"data-slot":`sidebar-rail`,children:h}):null]}):null,!f&&_?(0,c.jsx)(`div`,{"data-slot":`sidebar-account-wrap`,className:`mb-3`,children:(0,c.jsx)(x,{account:_,collapsed:!1,onAfterSelect:()=>{N&&R&&L?.()}})}):null,!f&&H.length>0?(0,c.jsx)(`div`,{"data-slot":`sidebar-secondary-actions`,className:`mb-3 grid gap-2`,children:H.map(e=>(0,c.jsx)(b,{item:e,collapsed:!1,onItemSelect:U},e.key))}):null,!f&&S?(0,c.jsx)(`div`,{"data-slot":`sidebar-footer-secondary`,className:`mb-3`,children:S}):null,f&&_?(0,c.jsx)(`div`,{"data-slot":`sidebar-account-wrap`,children:(0,c.jsx)(x,{account:_,collapsed:!0,onAfterSelect:()=>{N&&R&&L?.()}})}):null,!f&&a]})]})}function C({className:e,header:r,footer:i,items:p=[],collapsed:m,width:h=u,collapsedWidth:g=d,mobileWidth:_=f,collapsedRail:v,railItems:y=[],footerAccount:b,secondaryActions:x=[],footerSecondary:C,tooltipOnCollapsed:w=!0,showSectionLabels:T=!0,itemSize:E=`md`,activeIndicator:D=`bar`,navigationLabel:O=`Primary navigation`,responsive:k=!0,mobileBreakpoint:A=l,mobileOpen:j,defaultMobileOpen:M=!1,onMobileOpenChange:N,mobileTitle:P,mobileDescription:F,mobileToggleLabel:I=`Open navigation`,mobileCloseLabel:L=`Close navigation`,mobileToggleIcon:R,showMobileToggle:z=!0,closeOnSelect:B=!0,mobileToggleClassName:V,mobilePanelClassName:H,mobileOverlayClassName:U,renderMobileToggle:W,onItemSelect:G,renderItem:K,renderLink:q,children:J,...ee}){let Y=a.useSidebar(!0),te=m??Y?.collapsed??!1,ne=n.useIsMobile(A),X=k&&ne,[re,ie]=o.useState(M),Z=j??Y?.mobileOpen??re,Q=o.useCallback(e=>{j==null&&Y?Y.setMobileOpen(e):j??ie(e),N?.(e)},[j,N,Y]);o.useEffect(()=>{!X&&Z&&Q(!1)},[X,Z,Q]),o.useEffect(()=>{if(!X||!Z)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{e.key===`Escape`&&Q(!1)};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[X,Z,Q]);let $={className:e,header:r,footer:i,items:p,collapsed:te,width:h,collapsedWidth:g,collapsedRail:v,railItems:y,footerAccount:b,secondaryActions:x,footerSecondary:C,tooltipOnCollapsed:w,showSectionLabels:T,itemSize:E,activeIndicator:D,navigationLabel:O,mobileCloseLabel:L,closeOnSelect:B,onItemSelect:G,renderItem:K,renderLink:q,children:J,...ee};if(!k||!X)return(0,c.jsx)(S,{...$});let ae=(0,c.jsxs)(`button`,{type:`button`,"aria-label":Z?L:I,"data-slot":`sidebar-mobile-trigger`,"data-state":Z?`open`:`closed`,className:t.cn(`inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] px-3 text-sm font-medium text-[color:var(--aui-page-foreground,var(--foreground))] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt,var(--muted))]`,V),onClick:()=>Q(!Z),children:[(0,c.jsx)(`span`,{className:`inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt,var(--muted))]`,children:R??(0,c.jsx)(s.MenuIcon,{className:`size-4`})}),(0,c.jsx)(`span`,{children:Z?L:I})]});return(0,c.jsxs)(c.Fragment,{children:[z?W?W({open:Z,setOpen:Q}):ae:null,(0,c.jsxs)(`div`,{"data-slot":`sidebar-mobile-root`,className:`relative z-40`,children:[(0,c.jsx)(`button`,{type:`button`,"aria-label":`Dismiss navigation`,"data-slot":`sidebar-mobile-overlay`,"data-state":Z?`open`:`closed`,className:t.cn(`fixed inset-0 z-40 bg-black/45 transition-opacity duration-200`,Z?`opacity-100`:`pointer-events-none opacity-0`,U),style:{opacity:+!!Z,pointerEvents:Z?`auto`:`none`},onClick:()=>Q(!1)}),(0,c.jsx)(S,{...$,mobile:!0,collapsed:!1,mobileTitle:P,mobileDescription:F,onRequestClose:()=>Q(!1),"data-state":Z?`open`:`closed`,role:`dialog`,"aria-modal":`true`,"aria-label":typeof P==`string`?P:`Navigation`,className:t.cn(`fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] shadow-2xl transition-transform duration-200 ease-out`,Z?`translate-x-0`:`-translate-x-full`,H,e),style:{width:_,minWidth:_,translate:Z?`0 0`:`-100% 0`}})]})]})}exports.Sidebar=C;