tembro 3.1.17 → 4.0.1

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;

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

@@ -0,0 +1,516 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { useIsMobile as t } from "../../hooks/use-is-mobile.js";
+import { ControllableDetails as n } from "./controllable-details.js";
+import { Tooltip as r } from "../ui/tooltip/index.js";
+import { useSidebar as i } from "./sidebar-context.js";
+import * as a from "react";
+import { ChevronRightIcon as o, MenuIcon as s, XIcon as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/layout/sidebar.tsx
+var f = 1024, p = "18rem", m = "4.75rem", h = "min(88vw, 22rem)";
+function g({ active: t, disabled: n }) {
+	return e("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%)]", t && "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 _({ collapsed: t, depth: n, itemSize: r, activeIndicator: i }) {
+	return e("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", t ? "justify-center px-2" : "px-2.5", !t && 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 v(e) {
+	return e.items?.some((e) => !e.hidden) ?? !1;
+}
+function y(e) {
+	return e.active ? !0 : e.items?.some((e) => y(e)) ?? !1;
+}
+function b(e, t) {
+	e.onSelect?.(), t?.(e);
+}
+function x({ item: t, collapsed: n, depth: i, itemSize: a, activeIndicator: o, onItemSelect: s, renderLink: c }) {
+	let f = {
+		"aria-current": t.current ?? (t.active ? "page" : void 0),
+		"aria-disabled": t.disabled || void 0,
+		"data-slot": "sidebar-item",
+		"data-active": t.active || void 0,
+		"data-disabled": t.disabled || void 0,
+		"data-depth": String(i),
+		"data-size": a,
+		"data-active-indicator": o,
+		className: e("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", g({
+			active: t.active,
+			disabled: t.disabled
+		}), _({
+			collapsed: n,
+			depth: i,
+			itemSize: a,
+			activeIndicator: o
+		}))
+	}, p = /* @__PURE__ */ d(l, { children: [
+		t.icon && /* @__PURE__ */ u("span", {
+			className: "shrink-0",
+			children: t.icon
+		}),
+		!n && /* @__PURE__ */ u("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: t.label
+		}),
+		!n && t.badge && /* @__PURE__ */ u("span", {
+			className: "shrink-0",
+			children: t.badge
+		})
+	] }), m = (e) => n ? /* @__PURE__ */ u(r, {
+		content: t.tooltip ?? t.label,
+		side: "right",
+		children: /* @__PURE__ */ u("span", {
+			className: "block",
+			children: e
+		})
+	}) : e;
+	return t.href?.startsWith("/") ? m(c ? /* @__PURE__ */ u(l, { children: c({
+		item: t,
+		href: t.href,
+		...f,
+		onClick: (e) => {
+			if (t.disabled) {
+				e.preventDefault();
+				return;
+			}
+			b(t, s);
+		},
+		children: p
+	}) }) : /* @__PURE__ */ u("a", {
+		href: t.href,
+		...f,
+		onClick: (e) => {
+			if (t.disabled) {
+				e.preventDefault();
+				return;
+			}
+			b(t, s);
+		},
+		children: p
+	})) : t.href ? m(/* @__PURE__ */ u("button", {
+		type: "button",
+		...f,
+		className: e(f.className, "w-full"),
+		onClick: () => {
+			if (t.disabled) return;
+			let e = t.href;
+			if (e) {
+				if (b(t, s), e.startsWith("http")) {
+					window.open(e, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(e);
+			}
+		},
+		children: p
+	})) : m(/* @__PURE__ */ u("button", {
+		type: "button",
+		disabled: t.disabled,
+		...f,
+		onClick: () => {
+			t.disabled || b(t, s);
+		},
+		children: p
+	}));
+}
+function S({ items: t, collapsed: i, depth: s, showSectionLabels: c, itemSize: l, activeIndicator: f, onItemSelect: p, renderLink: m }) {
+	return t.map((t) => {
+		if (t.hidden) return null;
+		let h = v(t), b = y(t), C = c && !i && s === 0 && t.sectionLabel;
+		if (!h) return /* @__PURE__ */ d(a.Fragment, { children: [C ? /* @__PURE__ */ u("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: t.sectionLabel
+		}) : null, /* @__PURE__ */ u(x, {
+			item: t,
+			collapsed: i,
+			depth: s,
+			itemSize: l,
+			activeIndicator: f,
+			onItemSelect: p,
+			renderLink: m
+		})] }, t.key);
+		let w = t.defaultExpanded ?? b;
+		return /* @__PURE__ */ d("div", {
+			"data-slot": "sidebar-group",
+			"data-depth": s,
+			children: [C && /* @__PURE__ */ u("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: t.sectionLabel
+			}), /* @__PURE__ */ d(n, {
+				"data-slot": "sidebar-group-details",
+				open: t.expanded,
+				defaultOpen: w,
+				className: "group/sidebar-details",
+				onOpenChange: t.onExpandedChange,
+				children: [/* @__PURE__ */ d("summary", {
+					"data-slot": "sidebar-group-trigger",
+					"data-size": l,
+					"data-active": b || void 0,
+					"data-active-indicator": f,
+					className: e("flex list-none items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow]", g({ active: b }), _({
+						collapsed: i,
+						depth: s,
+						itemSize: l,
+						activeIndicator: f
+					})),
+					children: [
+						t.icon ? i ? /* @__PURE__ */ u(r, {
+							content: t.tooltip ?? t.label,
+							side: "right",
+							children: /* @__PURE__ */ u("span", {
+								className: "shrink-0",
+								children: t.icon
+							})
+						}) : /* @__PURE__ */ u("span", {
+							className: "shrink-0",
+							children: t.icon
+						}) : null,
+						!i && /* @__PURE__ */ u("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: t.label
+						}),
+						!i && t.badge && /* @__PURE__ */ u("span", {
+							className: "shrink-0",
+							children: t.badge
+						}),
+						!i && /* @__PURE__ */ u(o, {
+							"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"
+						})
+					]
+				}), /* @__PURE__ */ u("div", {
+					"data-slot": "sidebar-group-content",
+					className: e("mt-1 flex flex-col gap-1", !i && "pl-3"),
+					children: /* @__PURE__ */ u(S, {
+						items: t.items ?? [],
+						collapsed: i,
+						depth: s + 1,
+						showSectionLabels: c,
+						itemSize: l,
+						activeIndicator: f,
+						onItemSelect: p,
+						renderLink: m
+					})
+				})]
+			})]
+		}, t.key);
+	});
+}
+function C({ item: t, collapsed: n, onItemSelect: i }) {
+	let a = /* @__PURE__ */ d("button", {
+		type: "button",
+		"data-slot": "sidebar-action",
+		"data-active": t.active || void 0,
+		"data-disabled": t.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", g({
+			active: t.active,
+			disabled: t.disabled
+		}), n && "justify-center px-2"),
+		disabled: t.disabled,
+		onClick: () => {
+			t.disabled || b(t, i);
+		},
+		children: [
+			t.icon ? /* @__PURE__ */ u("span", {
+				className: "shrink-0",
+				children: t.icon
+			}) : null,
+			n ? null : /* @__PURE__ */ u("span", {
+				className: "min-w-0 flex-1 truncate",
+				children: t.label
+			}),
+			!n && t.badge ? /* @__PURE__ */ u("span", {
+				className: "shrink-0",
+				children: t.badge
+			}) : null
+		]
+	});
+	return n ? /* @__PURE__ */ u(r, {
+		content: t.tooltip ?? t.label,
+		side: "right",
+		children: /* @__PURE__ */ u("span", {
+			className: "block",
+			children: a
+		})
+	}) : a;
+}
+function w({ account: t, collapsed: n, onAfterSelect: i }) {
+	let a = /* @__PURE__ */ d("button", {
+		type: "button",
+		"data-slot": "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]", g({}), n ? "justify-center px-2 py-2.5" : "px-3 py-2.5"),
+		onClick: () => {
+			if (t.onSelect?.(), i?.(), t.href) {
+				if (t.href.startsWith("http")) {
+					window.open(t.href, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(t.href);
+			}
+		},
+		children: [t.avatar ? /* @__PURE__ */ u("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: t.avatar
+		}) : null, n ? null : /* @__PURE__ */ d("span", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ u("span", {
+				"data-slot": "sidebar-account-label",
+				className: "block truncate text-sm font-semibold text-[color:var(--sidebar-foreground)]",
+				children: t.label
+			}), t.description ? /* @__PURE__ */ u("span", {
+				"data-slot": "sidebar-account-description",
+				className: "block truncate text-xs text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_36%)]",
+				children: t.description
+			}) : null]
+		})]
+	});
+	return n ? /* @__PURE__ */ u(r, {
+		content: t.tooltip ?? t.label,
+		side: "right",
+		children: /* @__PURE__ */ u("span", {
+			className: "block",
+			children: a
+		})
+	}) : a;
+}
+function T({ className: t, style: n, header: i, footer: o, items: s = [], collapsed: f = !1, width: h = p, collapsedWidth: g = m, collapsedRail: _, railItems: v = [], footerAccount: y, secondaryActions: b = [], footerSecondary: x, footerClassName: T, tooltipOnCollapsed: E, showSectionLabels: D = !0, itemSize: O = "md", activeIndicator: k = "bar", navigationLabel: A = "Primary navigation", onItemSelect: j, renderItem: M, renderLink: N, children: P, mobile: F, mobileTitle: I, mobileDescription: L, mobileCloseLabel: R = "Close navigation", onRequestClose: z, closeOnSelect: B = !0, ...V }) {
+	let H = s.filter((e) => !e.hidden), U = v.filter((e) => !e.hidden), W = b.filter((e) => !e.hidden), G = a.useCallback((e) => {
+		j?.(e), F && B && z?.();
+	}, [
+		B,
+		F,
+		j,
+		z
+	]), K = F && (I || L || z);
+	return /* @__PURE__ */ d("aside", {
+		"data-slot": "sidebar",
+		"data-collapsed": f || void 0,
+		"data-mobile": F || void 0,
+		className: e("group/sidebar flex h-full min-h-0 flex-col overflow-hidden", t),
+		style: {
+			width: f ? g : h,
+			minWidth: f ? g : h,
+			...n
+		},
+		...V,
+		children: [
+			(i || K) && /* @__PURE__ */ u("div", {
+				"data-slot": "sidebar-header",
+				className: "shrink-0 border-b p-3",
+				children: /* @__PURE__ */ d("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ d("div", {
+						className: "min-w-0 flex-1",
+						children: [i ?? null, K ? /* @__PURE__ */ d("div", {
+							className: e(i && "mt-3"),
+							children: [I ? /* @__PURE__ */ u("p", {
+								className: "text-sm font-semibold text-foreground",
+								children: I
+							}) : null, L ? /* @__PURE__ */ u("p", {
+								className: "mt-1 text-xs leading-5 text-muted-foreground",
+								children: L
+							}) : null]
+						}) : null]
+					}), F && z ? /* @__PURE__ */ u("button", {
+						type: "button",
+						"aria-label": R,
+						"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: z,
+						children: /* @__PURE__ */ u(c, { className: "size-4" })
+					}) : null]
+				})
+			}),
+			/* @__PURE__ */ d("nav", {
+				"data-slot": "sidebar-nav",
+				"aria-label": A,
+				className: "flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto overscroll-contain p-2",
+				children: [P ?? H.map((e) => {
+					if (!M) return null;
+					let t = M(e, { collapsed: f });
+					return !f || !E ? /* @__PURE__ */ u(a.Fragment, { children: t }, e.key) : /* @__PURE__ */ u(r, {
+						content: e.tooltip ?? e.label,
+						side: "right",
+						children: /* @__PURE__ */ u("span", {
+							className: "block",
+							children: t
+						})
+					}, e.key);
+				}), !P && !M && /* @__PURE__ */ u(S, {
+					items: H,
+					collapsed: f,
+					depth: 0,
+					showSectionLabels: D,
+					itemSize: O,
+					activeIndicator: k,
+					onItemSelect: G,
+					renderLink: N
+				})]
+			}),
+			(y || x || o || W.length > 0 || f && (_ || U.length > 0)) && /* @__PURE__ */ d("div", {
+				"data-slot": "sidebar-footer",
+				className: e("shrink-0 border-t p-3", T),
+				children: [
+					f ? /* @__PURE__ */ d(l, { children: [U.length > 0 ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-rail-actions",
+						className: "grid gap-2",
+						children: U.map((e) => /* @__PURE__ */ u(C, {
+							item: e,
+							collapsed: !0,
+							onItemSelect: G
+						}, e.key))
+					}) : null, _ ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-rail",
+						children: _
+					}) : null] }) : null,
+					!f && y ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-account-wrap",
+						className: "mb-3",
+						children: /* @__PURE__ */ u(w, {
+							account: y,
+							collapsed: !1,
+							onAfterSelect: () => {
+								F && B && z?.();
+							}
+						})
+					}) : null,
+					!f && W.length > 0 ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-secondary-actions",
+						className: "mb-3 grid gap-2",
+						children: W.map((e) => /* @__PURE__ */ u(C, {
+							item: e,
+							collapsed: !1,
+							onItemSelect: G
+						}, e.key))
+					}) : null,
+					!f && x ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-footer-secondary",
+						className: "mb-3",
+						children: x
+					}) : null,
+					f && y ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-account-wrap",
+						children: /* @__PURE__ */ u(w, {
+							account: y,
+							collapsed: !0,
+							onAfterSelect: () => {
+								F && B && z?.();
+							}
+						})
+					}) : null,
+					!f && o
+				]
+			})
+		]
+	});
+}
+function E({ className: n, header: r, footer: o, items: c = [], collapsed: g, width: _ = p, collapsedWidth: v = m, mobileWidth: y = h, collapsedRail: b, railItems: x = [], footerAccount: S, secondaryActions: C = [], footerSecondary: w, tooltipOnCollapsed: E = !0, showSectionLabels: D = !0, itemSize: O = "md", activeIndicator: k = "bar", navigationLabel: A = "Primary navigation", responsive: j = !0, mobileBreakpoint: M = f, mobileOpen: N, defaultMobileOpen: P = !1, onMobileOpenChange: F, mobileTitle: I, mobileDescription: L, mobileToggleLabel: R = "Open navigation", mobileCloseLabel: z = "Close navigation", mobileToggleIcon: B, showMobileToggle: V = !0, closeOnSelect: H = !0, mobileToggleClassName: U, mobilePanelClassName: W, mobileOverlayClassName: G, renderMobileToggle: K, onItemSelect: q, renderItem: J, renderLink: ee, children: te, ...ne }) {
+	let Y = i(!0), re = g ?? Y?.collapsed ?? !1, ie = t(M), X = j && ie, [ae, oe] = a.useState(P), Z = N ?? Y?.mobileOpen ?? ae, Q = a.useCallback((e) => {
+		N == null && Y ? Y.setMobileOpen(e) : N ?? oe(e), F?.(e);
+	}, [
+		N,
+		F,
+		Y
+	]);
+	a.useEffect(() => {
+		!X && Z && Q(!1);
+	}, [
+		X,
+		Z,
+		Q
+	]), a.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: n,
+		header: r,
+		footer: o,
+		items: c,
+		collapsed: re,
+		width: _,
+		collapsedWidth: v,
+		collapsedRail: b,
+		railItems: x,
+		footerAccount: S,
+		secondaryActions: C,
+		footerSecondary: w,
+		tooltipOnCollapsed: E,
+		showSectionLabels: D,
+		itemSize: O,
+		activeIndicator: k,
+		navigationLabel: A,
+		mobileCloseLabel: z,
+		closeOnSelect: H,
+		onItemSelect: q,
+		renderItem: J,
+		renderLink: ee,
+		children: te,
+		...ne
+	};
+	if (!j || !X) return /* @__PURE__ */ u(T, { ...$ });
+	let se = /* @__PURE__ */ d("button", {
+		type: "button",
+		"aria-label": Z ? z : R,
+		"data-slot": "sidebar-mobile-trigger",
+		"data-state": Z ? "open" : "closed",
+		className: e("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))]", U),
+		onClick: () => Q(!Z),
+		children: [/* @__PURE__ */ u("span", {
+			className: "inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt,var(--muted))]",
+			children: B ?? /* @__PURE__ */ u(s, { className: "size-4" })
+		}), /* @__PURE__ */ u("span", { children: Z ? z : R })]
+	});
+	return /* @__PURE__ */ d(l, { children: [V ? K ? K({
+		open: Z,
+		setOpen: Q
+	}) : se : null, /* @__PURE__ */ d("div", {
+		"data-slot": "sidebar-mobile-root",
+		className: "relative z-40",
+		children: [/* @__PURE__ */ u("button", {
+			type: "button",
+			"aria-label": "Dismiss navigation",
+			"data-slot": "sidebar-mobile-overlay",
+			"data-state": Z ? "open" : "closed",
+			className: e("fixed inset-0 z-40 bg-black/45 transition-opacity duration-200", Z ? "opacity-100" : "pointer-events-none opacity-0", G),
+			style: {
+				opacity: +!!Z,
+				pointerEvents: Z ? "auto" : "none"
+			},
+			onClick: () => Q(!1)
+		}), /* @__PURE__ */ u(T, {
+			...$,
+			mobile: !0,
+			collapsed: !1,
+			mobileTitle: I,
+			mobileDescription: L,
+			onRequestClose: () => Q(!1),
+			"data-state": Z ? "open" : "closed",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": typeof I == "string" ? I : "Navigation",
+			className: e("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", W, n),
+			style: {
+				width: y,
+				minWidth: y,
+				translate: Z ? "0 0" : "-100% 0"
+			}
+		})]
+	})] });
+}
+//#endregion
+export { E as Sidebar };

package/dist/src/components/layout/workspace-header.cjs

@@ -0,0 +1 @@
+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("react/jsx-runtime");function i({className:e,left:n,center:i,right:a,sticky:o=!0,heightClassName:s=`h-14`,children:c,...l}){return(0,r.jsx)(`header`,{"data-slot":`workspace-header`,"data-sticky":o||void 0,className:t.cn(`z-30 flex shrink-0 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80`,o&&`sticky top-0`,s,e),...l,children:c??(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:n}),i&&(0,r.jsx)(`div`,{className:`hidden min-w-0 flex-1 items-center justify-center md:flex`,children:i}),a&&(0,r.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a})]})})}exports.WorkspaceHeader=i;

package/dist/src/components/layout/{app-header.js → workspace-header.js}

@@ -1,10 +1,10 @@
 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
+//#region src/components/layout/workspace-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-slot": "workspace-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,
@@ -25,4 +25,4 @@ function i({ className: i, left: a, center: o, right: s, sticky: c = !0, heightC
 	});
 }
 //#endregion
-export { i as AppHeader };
+export { i as WorkspaceHeader };

package/dist/src/components/layout/workspace-layout.cjs

@@ -0,0 +1 @@
+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("react/jsx-runtime");function i({viewport:e=!0,className:n,...i}){return(0,r.jsx)(`div`,{"data-slot":`workspace-layout`,"data-viewport":e||void 0,className:t.cn(`flex min-h-0 min-w-0 bg-[color:var(--aui-page-bg,var(--background))] text-foreground`,e&&`h-dvh max-h-dvh w-full overflow-hidden overscroll-none`,n),...i})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`workspace-content`,className:t.cn(`isolate flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden`,e),...n})}function o({scrollable:e=!0,padded:n=!1,className:i,...a}){return(0,r.jsx)(`main`,{"data-slot":`workspace-main`,"data-scrollable":e||void 0,className:t.cn(`min-h-0 min-w-0 flex-1`,e&&`overflow-x-hidden overflow-y-auto overscroll-contain [scrollbar-gutter:stable]`,n&&`p-4 md:p-6`,i),...a})}exports.WorkspaceContent=a,exports.WorkspaceLayout=i,exports.WorkspaceMain=o;

package/dist/src/components/layout/workspace-layout.js

@@ -0,0 +1,29 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/workspace-layout.tsx
+function n({ viewport: n = !0, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "workspace-layout",
+		"data-viewport": n || void 0,
+		className: e("flex min-h-0 min-w-0 bg-[color:var(--aui-page-bg,var(--background))] text-foreground", n && "h-dvh max-h-dvh w-full overflow-hidden overscroll-none", r),
+		...i
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "workspace-content",
+		className: e("isolate flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", n),
+		...r
+	});
+}
+function i({ scrollable: n = !0, padded: r = !1, className: i, ...a }) {
+	return /* @__PURE__ */ t("main", {
+		"data-slot": "workspace-main",
+		"data-scrollable": n || void 0,
+		className: e("min-h-0 min-w-0 flex-1", n && "overflow-x-hidden overflow-y-auto overscroll-contain [scrollbar-gutter:stable]", r && "p-4 md:p-6", i),
+		...a
+	});
+}
+//#endregion
+export { r as WorkspaceContent, n as WorkspaceLayout, i as WorkspaceMain };

package/dist/src/components/modern/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./resizable-panel.cjs"),r=require("./rich-text-editor.cjs"),i=require("./image-cropper.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=r.EditorToolbar,exports.ImageCropper=i.ImageCropper,exports.ResizableHandle=n.ResizableHandle,exports.ResizablePanel=n.ResizablePanel,exports.ResizablePanelGroup=n.ResizablePanelGroup,exports.RichTextEditor=r.RichTextEditor,exports.createCroppedImageBlob=i.createCroppedImageBlob;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./image-cropper.cjs"),r=require("./resizable-panel.cjs"),i=require("./rich-text-editor.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=i.EditorToolbar,exports.ImageCropper=n.ImageCropper,exports.ResizableHandle=r.ResizableHandle,exports.ResizablePanel=r.ResizablePanel,exports.ResizablePanelGroup=r.ResizablePanelGroup,exports.RichTextEditor=i.RichTextEditor,exports.createCroppedImageBlob=n.createCroppedImageBlob;

package/dist/src/components/modern/index.js

@@ -1,6 +1,6 @@
 import { CalendarScheduler as e } from "./calendar-scheduler.js";
 import { DualListPicker as t } from "./dual-list-picker.js";
-import { ResizableHandle as n, ResizablePanel as r, ResizablePanelGroup as i } from "./resizable-panel.js";
-import { EditorToolbar as a, RichTextEditor as o } from "./rich-text-editor.js";
-import { ImageCropper as s, createCroppedImageBlob as c } from "./image-cropper.js";
-export { e as CalendarScheduler, t as DualListPicker, a as EditorToolbar, s as ImageCropper, n as ResizableHandle, r as ResizablePanel, i as ResizablePanelGroup, o as RichTextEditor, c as createCroppedImageBlob };
+import { ImageCropper as n, createCroppedImageBlob as r } from "./image-cropper.js";
+import { ResizableHandle as i, ResizablePanel as a, ResizablePanelGroup as o } from "./resizable-panel.js";
+import { EditorToolbar as s, RichTextEditor as c } from "./rich-text-editor.js";
+export { e as CalendarScheduler, t as DualListPicker, s as EditorToolbar, n as ImageCropper, i as ResizableHandle, a as ResizablePanel, o as ResizablePanelGroup, c as RichTextEditor, r as createCroppedImageBlob };

package/dist/src/components/overlay/alert-dialog.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(r.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(r.DialogContent,{children:[(0,o.jsxs)(r.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(r.DialogTitle,{children:e}),s?(0,o.jsx)(r.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(n.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(r.DialogFooter,{children:[(0,o.jsx)(r.DialogClose,{render:()=>(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D,children:l})}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(n.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(n.DialogContent,{children:[(0,o.jsxs)(n.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(n.DialogTitle,{children:e}),s?(0,o.jsx)(n.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(r.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(n.DialogFooter,{children:[(0,o.jsx)(n.DialogClose,{render:()=>(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D,children:l})}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;