tembro 3.0.0 → 3.1.5

package/dist/components/layout/app-header.js

@@ -1,28 +1 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/layout/app-header.tsx
-function i({ className: i, left: a, center: o, right: s, sticky: c = !0, heightClassName: l = "h-14", children: u, ...d }) {
-	return /* @__PURE__ */ n("header", {
-		"data-slot": "app-header",
-		"data-sticky": c || void 0,
-		className: e("z-30 flex shrink-0 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80", c && "sticky top-0", l, i),
-		...d,
-		children: u ?? /* @__PURE__ */ r(t, { children: [
-			a && /* @__PURE__ */ n("div", {
-				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: a
-			}),
-			o && /* @__PURE__ */ n("div", {
-				className: "hidden min-w-0 flex-1 items-center justify-center md:flex",
-				children: o
-			}),
-			s && /* @__PURE__ */ n("div", {
-				className: "ml-auto flex shrink-0 items-center gap-2",
-				children: s
-			})
-		] })
-	});
-}
-//#endregion
-export { i as AppHeader };
+export * from "../../src/components/layout/app-header.js"

package/dist/components/layout/app-sidebar.cjs

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

package/dist/components/layout/app-sidebar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export type AppSidebarNavItem = {
+type AppSidebarNavItem = {
     key: string;
     label: React.ReactNode;
     icon?: React.ReactNode;
@@ -11,11 +11,13 @@ export type AppSidebarNavItem = {
     hidden?: boolean;
     sectionLabel?: React.ReactNode;
     defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
     current?: React.AriaAttributes["aria-current"];
     tooltip?: React.ReactNode;
     onSelect?: () => void;
 };
-export type AppSidebarFooterAccount = {
+type AppSidebarFooterAccount = {
     label: React.ReactNode;
     description?: React.ReactNode;
     avatar?: React.ReactNode;
@@ -37,6 +39,10 @@ export type AppSidebarProps = React.ComponentProps<"aside"> & {
     secondaryActions?: AppSidebarNavItem[];
     footerSecondary?: React.ReactNode;
     tooltipOnCollapsed?: boolean;
+    showSectionLabels?: boolean;
+    itemSize?: "sm" | "md" | "lg";
+    activeIndicator?: "none" | "bar" | "pill";
+    navigationLabel?: string;
     responsive?: boolean;
     mobileBreakpoint?: number;
     mobileOpen?: boolean;
@@ -45,6 +51,7 @@ export type AppSidebarProps = React.ComponentProps<"aside"> & {
     mobileTitle?: React.ReactNode;
     mobileDescription?: React.ReactNode;
     mobileToggleLabel?: string;
+    mobileCloseLabel?: string;
     mobileToggleIcon?: React.ReactNode;
     showMobileToggle?: boolean;
     closeOnSelect?: boolean;
@@ -65,13 +72,6 @@ export type AppSidebarProps = React.ComponentProps<"aside"> & {
         [key: `data-${string}`]: string | boolean | undefined;
     }) => React.ReactNode;
 };
-declare function AppSidebar({ className, header, footer, items, collapsed, width, collapsedWidth, mobileWidth, collapsedRail, railItems, footerAccount, secondaryActions, footerSecondary, tooltipOnCollapsed, responsive, mobileBreakpoint, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, mobileTitle, mobileDescription, mobileToggleLabel, mobileToggleIcon, showMobileToggle, closeOnSelect, mobileToggleClassName, mobilePanelClassName, mobileOverlayClassName, renderMobileToggle, onItemSelect, renderItem, renderLink, children, ...props }: AppSidebarProps): React.JSX.Element;
-/**
- * Canonical sidebar surface for new usage.
- */
-declare const Sidebar: typeof AppSidebar;
-/**
- * @deprecated Use {@link Sidebar} instead. `AppSidebar` remains as a compatibility alias.
- */
-export { AppSidebar, Sidebar };
+declare function Sidebar({ className, header, footer, items, collapsed, width, collapsedWidth, mobileWidth, collapsedRail, railItems, footerAccount, secondaryActions, footerSecondary, tooltipOnCollapsed, showSectionLabels, itemSize, activeIndicator, navigationLabel, responsive, mobileBreakpoint, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, mobileTitle, mobileDescription, mobileToggleLabel, mobileCloseLabel, mobileToggleIcon, showMobileToggle, closeOnSelect, mobileToggleClassName, mobilePanelClassName, mobileOverlayClassName, renderMobileToggle, onItemSelect, renderItem, renderLink, children, ...props }: AppSidebarProps): React.JSX.Element;
+export { Sidebar };
 export type { AppSidebarFooterAccount as SidebarFooterAccount, AppSidebarNavItem as SidebarItem, AppSidebarProps as SidebarProps, };

package/dist/components/layout/app-sidebar.js

@@ -1,473 +1 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Tooltip as t } from "../ui/tooltip/index.js";
-import { useIsMobile as n } from "../../hooks/use-is-mobile.js";
-import * as r from "react";
-import { MenuIcon as i, XIcon as a } from "lucide-react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/layout/app-sidebar.tsx
-var l = 1024, u = "18rem", d = "4.75rem", f = "min(88vw, 22rem)";
-function p({ active: t, disabled: n }) {
-	return e("border-[color:transparent] text-foreground/80 hover:border-[color:var(--aui-divider)] hover:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_4%)] hover:text-foreground focus-visible:border-[color:var(--aui-control-border-strong,var(--border))] focus-visible:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_6%)] focus-visible:text-foreground focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_86%)]", t && "border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_91%)] text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]", n && "hover:border-transparent hover:bg-transparent hover:text-foreground/80");
-}
-function m(e) {
-	return e.items?.some((e) => !e.hidden) ?? !1;
-}
-function h(e) {
-	return e.active ? !0 : e.items?.some((e) => h(e)) ?? !1;
-}
-function g(e, t) {
-	e.onSelect?.(), t?.(e);
-}
-function _({ item: n, collapsed: r, depth: i, onItemSelect: a, renderLink: l }) {
-	let u = {
-		"aria-current": n.current ?? (n.active ? "page" : void 0),
-		"aria-disabled": n.disabled || void 0,
-		"data-slot": "app-sidebar-item",
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		"data-depth": String(i),
-		className: e("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: n.active,
-			disabled: n.disabled
-		}), r && "justify-center px-2")
-	}, d = /* @__PURE__ */ c(o, { children: [
-		n.icon && /* @__PURE__ */ s("span", {
-			className: "shrink-0",
-			children: n.icon
-		}),
-		!r && /* @__PURE__ */ s("span", {
-			className: "min-w-0 flex-1 truncate",
-			children: n.label
-		}),
-		!r && n.badge && /* @__PURE__ */ s("span", {
-			className: "shrink-0",
-			children: n.badge
-		})
-	] }), f = (e) => r ? /* @__PURE__ */ s(t, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ s("span", {
-			className: "block",
-			children: e
-		})
-	}) : e;
-	return n.href?.startsWith("/") ? f(l ? /* @__PURE__ */ s(o, { children: l({
-		item: n,
-		href: n.href,
-		...u,
-		onClick: (e) => {
-			if (n.disabled) {
-				e.preventDefault();
-				return;
-			}
-			g(n, a);
-		},
-		children: d
-	}) }) : /* @__PURE__ */ s("a", {
-		href: n.href,
-		...u,
-		onClick: (e) => {
-			if (n.disabled) {
-				e.preventDefault();
-				return;
-			}
-			g(n, a);
-		},
-		children: d
-	})) : n.href ? f(/* @__PURE__ */ s("button", {
-		type: "button",
-		...u,
-		className: e(u.className, "w-full"),
-		onClick: () => {
-			if (n.disabled) return;
-			let e = n.href;
-			if (e) {
-				if (g(n, a), e.startsWith("http")) {
-					window.open(e, "_blank", "noopener,noreferrer");
-					return;
-				}
-				window.location.assign(e);
-			}
-		},
-		children: d
-	})) : f(/* @__PURE__ */ s("button", {
-		type: "button",
-		disabled: n.disabled,
-		...u,
-		onClick: () => {
-			n.disabled || g(n, a);
-		},
-		children: d
-	}));
-}
-function v({ items: n, collapsed: i, depth: a, onItemSelect: o, renderLink: l }) {
-	return n.map((n) => {
-		if (n.hidden) return null;
-		let u = m(n), d = h(n), f = !i && a === 0 && n.sectionLabel;
-		if (!u) return /* @__PURE__ */ c(r.Fragment, { children: [f ? /* @__PURE__ */ s("div", {
-			"data-slot": "app-sidebar-group-label",
-			className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
-			children: n.sectionLabel
-		}) : null, /* @__PURE__ */ s(_, {
-			item: n,
-			collapsed: i,
-			depth: a,
-			onItemSelect: o,
-			renderLink: l
-		})] }, n.key);
-		let g = n.defaultExpanded ?? d;
-		return /* @__PURE__ */ c("div", {
-			"data-slot": "app-sidebar-group",
-			"data-depth": a,
-			children: [f && /* @__PURE__ */ s("div", {
-				"data-slot": "app-sidebar-group-label",
-				className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
-				children: n.sectionLabel
-			}), /* @__PURE__ */ c("details", {
-				"data-slot": "app-sidebar-group-details",
-				open: g,
-				className: "group/app-sidebar-details",
-				children: [/* @__PURE__ */ c("summary", {
-					"data-slot": "app-sidebar-group-trigger",
-					className: e("flex min-h-9 list-none items-center gap-2 rounded-lg border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]", p({ active: d }), i ? "justify-center px-2" : "px-2.5"),
-					children: [
-						n.icon ? i ? /* @__PURE__ */ s(t, {
-							content: n.tooltip ?? n.label,
-							side: "right",
-							children: /* @__PURE__ */ s("span", {
-								className: "shrink-0",
-								children: n.icon
-							})
-						}) : /* @__PURE__ */ s("span", {
-							className: "shrink-0",
-							children: n.icon
-						}) : null,
-						!i && /* @__PURE__ */ s("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: n.label
-						}),
-						!i && n.badge && /* @__PURE__ */ s("span", {
-							className: "shrink-0",
-							children: n.badge
-						}),
-						!i && /* @__PURE__ */ s("span", {
-							"data-slot": "app-sidebar-group-chevron",
-							className: "ml-auto text-xs text-muted-foreground transition-transform group-open/app-sidebar-details:rotate-90",
-							children: "›"
-						})
-					]
-				}), /* @__PURE__ */ s("div", {
-					"data-slot": "app-sidebar-group-content",
-					className: e("mt-1 space-y-1", !i && "pl-3"),
-					children: /* @__PURE__ */ s(v, {
-						items: n.items ?? [],
-						collapsed: i,
-						depth: a + 1,
-						onItemSelect: o,
-						renderLink: l
-					})
-				})]
-			})]
-		}, n.key);
-	});
-}
-function y({ item: n, collapsed: r, onItemSelect: i }) {
-	let a = /* @__PURE__ */ c("button", {
-		type: "button",
-		"data-slot": "app-sidebar-action",
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		className: e("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: n.active,
-			disabled: n.disabled
-		}), r && "justify-center px-2"),
-		disabled: n.disabled,
-		onClick: () => {
-			n.disabled || g(n, i);
-		},
-		children: [
-			n.icon ? /* @__PURE__ */ s("span", {
-				className: "shrink-0",
-				children: n.icon
-			}) : null,
-			r ? null : /* @__PURE__ */ s("span", {
-				className: "min-w-0 flex-1 truncate",
-				children: n.label
-			}),
-			!r && n.badge ? /* @__PURE__ */ s("span", {
-				className: "shrink-0",
-				children: n.badge
-			}) : null
-		]
-	});
-	return r ? /* @__PURE__ */ s(t, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ s("span", {
-			className: "block",
-			children: a
-		})
-	}) : a;
-}
-function b({ account: n, collapsed: r, onAfterSelect: i }) {
-	let a = /* @__PURE__ */ c("button", {
-		type: "button",
-		"data-slot": "app-sidebar-account",
-		className: e("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({}), r ? "justify-center px-2 py-2.5" : "px-3 py-2.5"),
-		onClick: () => {
-			if (n.onSelect?.(), i?.(), n.href) {
-				if (n.href.startsWith("http")) {
-					window.open(n.href, "_blank", "noopener,noreferrer");
-					return;
-				}
-				window.location.assign(n.href);
-			}
-		},
-		children: [n.avatar ? /* @__PURE__ */ s("span", {
-			"data-slot": "app-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: n.avatar
-		}) : null, r ? null : /* @__PURE__ */ c("span", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ s("span", {
-				"data-slot": "app-sidebar-account-label",
-				className: "block truncate text-sm font-semibold text-foreground",
-				children: n.label
-			}), n.description ? /* @__PURE__ */ s("span", {
-				"data-slot": "app-sidebar-account-description",
-				className: "block truncate text-xs text-muted-foreground",
-				children: n.description
-			}) : null]
-		})]
-	});
-	return r ? /* @__PURE__ */ s(t, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ s("span", {
-			className: "block",
-			children: a
-		})
-	}) : a;
-}
-function x({ className: n, style: i, header: l, footer: f, items: p = [], collapsed: m = !1, width: h = u, collapsedWidth: g = d, collapsedRail: _, railItems: x = [], footerAccount: S, secondaryActions: C = [], footerSecondary: w, footerClassName: T, tooltipOnCollapsed: E, onItemSelect: D, renderItem: O, renderLink: k, children: A, mobile: j, mobileTitle: M, mobileDescription: N, onRequestClose: P, closeOnSelect: F = !0, ...I }) {
-	let L = p.filter((e) => !e.hidden), R = x.filter((e) => !e.hidden), z = C.filter((e) => !e.hidden), B = r.useCallback((e) => {
-		D?.(e), j && F && P?.();
-	}, [
-		F,
-		j,
-		D,
-		P
-	]), V = j && (M || N || P);
-	return /* @__PURE__ */ c("aside", {
-		"data-slot": "app-sidebar",
-		"data-collapsed": m || void 0,
-		"data-mobile": j || void 0,
-		className: e("flex h-full min-h-0 flex-col overflow-hidden", n),
-		style: {
-			width: m ? g : h,
-			minWidth: m ? g : h,
-			...i
-		},
-		...I,
-		children: [
-			(l || V) && /* @__PURE__ */ s("div", {
-				"data-slot": "app-sidebar-header",
-				className: "shrink-0 border-b p-3",
-				children: /* @__PURE__ */ c("div", {
-					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ c("div", {
-						className: "min-w-0 flex-1",
-						children: [l ?? null, V ? /* @__PURE__ */ c("div", {
-							className: e(l && "mt-3"),
-							children: [M ? /* @__PURE__ */ s("p", {
-								className: "text-sm font-semibold text-foreground",
-								children: M
-							}) : null, N ? /* @__PURE__ */ s("p", {
-								className: "mt-1 text-xs leading-5 text-muted-foreground",
-								children: N
-							}) : null]
-						}) : null]
-					}), j && P ? /* @__PURE__ */ s("button", {
-						type: "button",
-						"aria-label": "Close navigation",
-						"data-slot": "app-sidebar-mobile-close",
-						className: "inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]",
-						onClick: P,
-						children: /* @__PURE__ */ s(a, { className: "size-4" })
-					}) : null]
-				})
-			}),
-			/* @__PURE__ */ c("nav", {
-				"data-slot": "app-sidebar-nav",
-				className: "min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2",
-				children: [A ?? L.map((e) => {
-					if (!O) return null;
-					let n = O(e, { collapsed: m });
-					return !m || !E ? /* @__PURE__ */ s(r.Fragment, { children: n }, e.key) : /* @__PURE__ */ s(t, {
-						content: e.tooltip ?? e.label,
-						side: "right",
-						children: /* @__PURE__ */ s("span", {
-							className: "block",
-							children: n
-						})
-					}, e.key);
-				}), !A && !O && /* @__PURE__ */ s(v, {
-					items: L,
-					collapsed: m,
-					depth: 0,
-					onItemSelect: B,
-					renderLink: k
-				})]
-			}),
-			(S || w || f || z.length > 0 || m && (_ || R.length > 0)) && /* @__PURE__ */ c("div", {
-				"data-slot": "app-sidebar-footer",
-				className: e("shrink-0 border-t p-3", T),
-				children: [
-					m ? /* @__PURE__ */ c(o, { children: [R.length > 0 ? /* @__PURE__ */ s("div", {
-						"data-slot": "app-sidebar-rail-actions",
-						className: "grid gap-2",
-						children: R.map((e) => /* @__PURE__ */ s(y, {
-							item: e,
-							collapsed: !0,
-							onItemSelect: B
-						}, e.key))
-					}) : null, _ ? /* @__PURE__ */ s("div", {
-						"data-slot": "app-sidebar-rail",
-						children: _
-					}) : null] }) : null,
-					!m && S ? /* @__PURE__ */ s("div", {
-						"data-slot": "app-sidebar-account-wrap",
-						className: "mb-3",
-						children: /* @__PURE__ */ s(b, {
-							account: S,
-							collapsed: !1,
-							onAfterSelect: () => {
-								j && F && P?.();
-							}
-						})
-					}) : null,
-					!m && z.length > 0 ? /* @__PURE__ */ s("div", {
-						"data-slot": "app-sidebar-secondary-actions",
-						className: "mb-3 grid gap-2",
-						children: z.map((e) => /* @__PURE__ */ s(y, {
-							item: e,
-							collapsed: !1,
-							onItemSelect: B
-						}, e.key))
-					}) : null,
-					!m && w ? /* @__PURE__ */ s("div", {
-						"data-slot": "app-sidebar-footer-secondary",
-						className: "mb-3",
-						children: w
-					}) : null,
-					m && S ? /* @__PURE__ */ s("div", {
-						"data-slot": "app-sidebar-account-wrap",
-						children: /* @__PURE__ */ s(b, {
-							account: S,
-							collapsed: !0,
-							onAfterSelect: () => {
-								j && F && P?.();
-							}
-						})
-					}) : null,
-					!m && f
-				]
-			})
-		]
-	});
-}
-function S({ className: t, header: a, footer: p, items: m = [], collapsed: h = !1, width: g = u, collapsedWidth: _ = d, mobileWidth: v = f, collapsedRail: y, railItems: b = [], footerAccount: S, secondaryActions: C = [], footerSecondary: w, tooltipOnCollapsed: T = !0, responsive: E = !0, mobileBreakpoint: D = l, mobileOpen: O, defaultMobileOpen: k = !1, onMobileOpenChange: A, mobileTitle: j, mobileDescription: M, mobileToggleLabel: N = "Open navigation", mobileToggleIcon: P, showMobileToggle: F = !0, closeOnSelect: I = !0, mobileToggleClassName: L, mobilePanelClassName: R, mobileOverlayClassName: z, renderMobileToggle: B, onItemSelect: V, renderItem: H, renderLink: U, children: W, ...G }) {
-	let K = E ? n(D) : !1, [q, J] = r.useState(k), Y = O ?? q, X = r.useCallback((e) => {
-		O ?? J(e), A?.(e);
-	}, [O, A]);
-	r.useEffect(() => {
-		!K && Y && X(!1);
-	}, [
-		K,
-		Y,
-		X
-	]), r.useEffect(() => {
-		if (!K || !Y) return;
-		let e = document.body.style.overflow;
-		document.body.style.overflow = "hidden";
-		let t = (e) => {
-			e.key === "Escape" && X(!1);
-		};
-		return window.addEventListener("keydown", t), () => {
-			document.body.style.overflow = e, window.removeEventListener("keydown", t);
-		};
-	}, [
-		K,
-		Y,
-		X
-	]);
-	let Z = {
-		className: t,
-		header: a,
-		footer: p,
-		items: m,
-		collapsed: h,
-		width: g,
-		collapsedWidth: _,
-		collapsedRail: y,
-		railItems: b,
-		footerAccount: S,
-		secondaryActions: C,
-		footerSecondary: w,
-		tooltipOnCollapsed: T,
-		closeOnSelect: I,
-		onItemSelect: V,
-		renderItem: H,
-		renderLink: U,
-		children: W,
-		...G
-	};
-	if (!E || !K) return /* @__PURE__ */ s(x, { ...Z });
-	let Q = /* @__PURE__ */ c("button", {
-		type: "button",
-		"aria-label": Y ? "Close navigation" : N,
-		"data-slot": "app-sidebar-mobile-trigger",
-		"data-state": Y ? "open" : "closed",
-		className: e("inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]", L),
-		onClick: () => X(!Y),
-		children: [/* @__PURE__ */ s("span", {
-			className: "inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt)]",
-			children: P ?? /* @__PURE__ */ s(i, { className: "size-4" })
-		}), /* @__PURE__ */ s("span", { children: Y ? "Close navigation" : N })]
-	});
-	return /* @__PURE__ */ c(o, { children: [F ? B ? B({
-		open: Y,
-		setOpen: X
-	}) : Q : null, /* @__PURE__ */ c("div", {
-		"data-slot": "app-sidebar-mobile-root",
-		className: "relative z-40",
-		children: [/* @__PURE__ */ s("button", {
-			type: "button",
-			"aria-label": "Dismiss navigation",
-			"data-slot": "app-sidebar-mobile-overlay",
-			"data-state": Y ? "open" : "closed",
-			className: e("fixed inset-0 z-40 bg-black/45 transition-opacity duration-200", Y ? "opacity-100" : "pointer-events-none opacity-0", z),
-			onClick: () => X(!1)
-		}), /* @__PURE__ */ s(x, {
-			...Z,
-			mobile: !0,
-			collapsed: !1,
-			mobileTitle: j,
-			mobileDescription: M,
-			onRequestClose: () => X(!1),
-			"data-state": Y ? "open" : "closed",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": typeof j == "string" ? j : "Navigation",
-			className: e("fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out", Y ? "translate-x-0" : "-translate-x-full", R, t),
-			style: {
-				width: v,
-				minWidth: v
-			}
-		})]
-	})] });
-}
-var C = S;
-//#endregion
-export { S as AppSidebar, C as Sidebar };
+export * from "../../src/components/layout/app-sidebar.js"

package/dist/components/layout/breadcrumbs.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t,n){if(e.length<=t||t<3)return e;let r=e[0],i=Math.max(t-2,1),a=e.slice(-i);return[r,{key:`__collapsed__`,label:n},...a]}function o({className:e,items:o,maxItems:s,collapseLabel:c=`…`,separator:l=(0,i.jsx)(r.ChevronRightIcon,{className:`size-3.5`}),wrap:u=!1,currentItemLabel:d,renderLink:f,...p}){let m=n.useMemo(()=>typeof s==`number`?a(o,s,c):o,[c,o,s]);return(0,i.jsx)(`nav`,{"data-slot":`breadcrumbs`,"aria-label":`Breadcrumb`,className:t.cn(`flex min-w-0 items-center gap-1 overflow-x-auto text-sm text-muted-foreground`,u?`flex-wrap`:`whitespace-nowrap`,e),...p,children:m.map((e,r)=>{let a=e.key===`__collapsed__`,o=r===m.length-1,s=e.current||o;return(0,i.jsxs)(n.Fragment,{children:[r>0&&(0,i.jsx)(`span`,{className:`shrink-0 opacity-60`,children:l}),a?(0,i.jsx)(`span`,{"data-slot":`breadcrumbs-collapsed`,className:`shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground`,children:e.label}):e.href&&!s?f?f({item:e,href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsx)(`a`,{href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsxs)(`span`,{"data-slot":`breadcrumbs-current`,"aria-current":s?e.currentLabel??d??`page`:void 0,className:t.cn(`inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5`,s&&`bg-accent/45 font-medium text-foreground`),children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})]},e.key)})})}exports.Breadcrumbs=o;
+module.exports = require("../../src/components/layout/breadcrumbs.cjs")