tembro 3.1.1 → 3.1.6

package/dist/src/components/inputs/signature-pad.js

@@ -0,0 +1,118 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { RotateCcwIcon as n, Trash2Icon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/inputs/signature-pad.tsx
+function o(e, t, n) {
+	let r = e.getContext("2d");
+	if (r) {
+		r.clearRect(0, 0, e.width, e.height), r.fillStyle = n.backgroundColor, r.fillRect(0, 0, e.width, e.height), r.strokeStyle = n.color, r.fillStyle = n.color, r.lineCap = "round", r.lineJoin = "round";
+		for (let i of t) if (i.length !== 0) {
+			if (i.length === 1) {
+				let t = i[0];
+				r.beginPath(), r.arc(t.x * e.width, t.y * e.height, n.lineWidth / 2, 0, Math.PI * 2), r.fill();
+				continue;
+			}
+			r.beginPath(), i.forEach((t, n) => {
+				let i = t.x * e.width, a = t.y * e.height;
+				n === 0 ? r.moveTo(i, a) : r.lineTo(i, a);
+			}), r.lineWidth = n.lineWidth, r.stroke();
+		}
+	}
+}
+var s = t.forwardRef(function({ value: s, defaultValue: c = [], onValueChange: l, onStrokeEnd: u, width: d = 640, height: f = 240, lineWidth: p = 2.5, color: m = "#111827", backgroundColor: h = "#ffffff", disabled: g = !1, labels: _, className: v, ...y }, b) {
+	let x = t.useRef(null), S = t.useRef(null), [C, w] = t.useState(c), T = s ?? C, E = t.useCallback((e) => {
+		s === void 0 && w(e), l?.(e);
+	}, [l, s]), D = t.useCallback(() => E([]), [E]), O = t.useCallback(() => E(T.slice(0, -1)), [T, E]);
+	t.useImperativeHandle(b, () => ({
+		clear: D,
+		undo: O,
+		toDataURL: (e = "image/png", t) => x.current?.toDataURL(e, t) ?? ""
+	}), [D, O]), t.useEffect(() => {
+		let e = x.current;
+		e && o(e, T, {
+			color: m,
+			lineWidth: p,
+			backgroundColor: h
+		});
+	}, [
+		h,
+		m,
+		f,
+		p,
+		T,
+		d
+	]);
+	let k = (e) => {
+		let t = e.currentTarget.getBoundingClientRect();
+		return {
+			x: Math.min(1, Math.max(0, (e.clientX - t.left) / Math.max(t.width, 1))),
+			y: Math.min(1, Math.max(0, (e.clientY - t.top) / Math.max(t.height, 1))),
+			pressure: e.pressure || .5
+		};
+	};
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "signature-pad",
+		className: e("grid gap-2", v),
+		...y,
+		children: [/* @__PURE__ */ i("canvas", {
+			ref: x,
+			width: d,
+			height: f,
+			role: "img",
+			"aria-label": _?.canvas ?? "Signature pad",
+			"data-disabled": g || void 0,
+			className: "w-full touch-none rounded-md border bg-white shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60",
+			style: { aspectRatio: `${d} / ${f}` },
+			tabIndex: g ? -1 : 0,
+			onPointerDown: (e) => {
+				if (g) return;
+				let t = [k(e)];
+				S.current = {
+					base: T,
+					stroke: t
+				}, e.currentTarget.setPointerCapture(e.pointerId), E([...T, t]);
+			},
+			onPointerMove: (e) => {
+				let t = S.current;
+				if (!t || g || !e.currentTarget.hasPointerCapture(e.pointerId)) return;
+				let n = [...t.stroke, k(e)];
+				S.current = {
+					...t,
+					stroke: n
+				}, E([...t.base, n]);
+			},
+			onPointerUp: (e) => {
+				let t = S.current;
+				t && (S.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), u?.(t.stroke));
+			},
+			onPointerCancel: () => {
+				S.current = null;
+			}
+		}), /* @__PURE__ */ a("div", {
+			className: "flex justify-end gap-2",
+			children: [/* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: g || T.length === 0,
+				className: "inline-flex h-9 items-center gap-2 rounded-md border bg-background px-3 text-sm font-medium outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+				onClick: O,
+				children: [/* @__PURE__ */ i(n, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), _?.undo ?? "Undo"]
+			}), /* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: g || T.length === 0,
+				className: "inline-flex h-9 items-center gap-2 rounded-md border bg-background px-3 text-sm font-medium outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+				onClick: D,
+				children: [/* @__PURE__ */ i(r, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), _?.clear ?? "Clear"]
+			})]
+		})]
+	});
+});
+//#endregion
+export { s as SignaturePad, o as drawSignature };

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