npm - tembro - Versions diffs - 3.0.0 → 3.1.5 - Mend

tembro 3.0.0 → 3.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2735) hide show

package/dist/src/components/inputs/slider.js ADDED Viewed

@@ -0,0 +1,119 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/inputs/slider.tsx
+function i(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function a(e, t, n) {
+	return n <= t ? 0 : (e - t) / (n - t) * 100;
+}
+function o(e, t, n) {
+	let r = a(i(e, t, n), t, n);
+	return { background: `linear-gradient(90deg, var(--aui-brand-strong) 0%, var(--aui-brand-strong) ${r}%, var(--aui-control-bg) ${r}%, var(--aui-control-bg) 100%)` };
+}
+function s({ value: i, defaultValue: a = 0, onValueChange: s, min: c = 0, max: l = 100, step: u = 1, label: d, description: f, showValue: p = !1, formatValue: m, className: h, disabled: g, ..._ }) {
+	let [v, y] = t.useState(a), b = i ?? v, x = m?.(b) ?? b, S = (e) => {
+		i === void 0 && y(e), s?.(e);
+	};
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "slider",
+		className: e("grid gap-3", h),
+		children: [(d || f || p) && /* @__PURE__ */ r("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ r("div", {
+				className: "grid gap-1",
+				children: [d && /* @__PURE__ */ n("label", {
+					className: "text-sm font-semibold tracking-tight text-foreground",
+					children: d
+				}), f && /* @__PURE__ */ n("div", {
+					className: "text-xs leading-5 text-muted-foreground",
+					children: f
+				})]
+			}), p && /* @__PURE__ */ n("div", {
+				className: "inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm",
+				children: x
+			})]
+		}), /* @__PURE__ */ n("input", {
+			"data-slot": "slider-input",
+			type: "range",
+			value: b,
+			min: c,
+			max: l,
+			step: u,
+			disabled: g,
+			style: o(b, c, l),
+			className: "h-3 w-full cursor-pointer appearance-none rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)] outline-none transition hover:brightness-[1.02] disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-thumb]:transition [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]",
+			onChange: (e) => S(e.currentTarget.valueAsNumber),
+			..._
+		})]
+	});
+}
+function c(e, t, n) {
+	let r = a(i(e[0], t, n), t, n), o = a(i(e[1], t, n), t, n);
+	return {
+		left: `${r}%`,
+		width: `${Math.max(o - r, 0)}%`
+	};
+}
+function l({ value: i, defaultValue: a = [0, 100], onValueChange: o, min: s = 0, max: l = 100, step: u = 1, label: d, description: f, showValue: p = !1, formatValue: m, className: h, disabled: g, ..._ }) {
+	let [v, y] = t.useState(a), b = i ?? v, x = m?.(b) ?? `${b[0]} - ${b[1]}`, S = (e, t) => {
+		let n = e === 0 ? [Math.min(t, b[1]), b[1]] : [b[0], Math.max(t, b[0])];
+		i === void 0 && y(n), o?.(n);
+	};
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "range-slider",
+		className: e("grid gap-3", h),
+		children: [(d || f || p) && /* @__PURE__ */ r("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ r("div", {
+				className: "grid gap-1",
+				children: [d && /* @__PURE__ */ n("label", {
+					className: "text-sm font-semibold tracking-tight text-foreground",
+					children: d
+				}), f && /* @__PURE__ */ n("div", {
+					className: "text-xs leading-5 text-muted-foreground",
+					children: f
+				})]
+			}), p && /* @__PURE__ */ n("div", {
+				className: "inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm",
+				children: x
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "grid gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-4 py-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.3)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]",
+			children: [/* @__PURE__ */ r("div", {
+				className: "relative h-6",
+				children: [/* @__PURE__ */ n("div", { className: "absolute top-1/2 h-3 w-full -translate-y-1/2 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)]" }), /* @__PURE__ */ n("div", {
+					className: "absolute top-1/2 h-3 -translate-y-1/2 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_8px_24px_rgba(16,185,129,0.18)]",
+					style: c(b, s, l)
+				})]
+			}), /* @__PURE__ */ r("div", {
+				className: "relative -mt-8 h-6",
+				children: [/* @__PURE__ */ n("input", {
+					type: "range",
+					value: b[0],
+					min: s,
+					max: l,
+					step: u,
+					disabled: g,
+					className: "pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]",
+					onChange: (e) => S(0, e.currentTarget.valueAsNumber),
+					..._
+				}), /* @__PURE__ */ n("input", {
+					type: "range",
+					value: b[1],
+					min: s,
+					max: l,
+					step: u,
+					disabled: g,
+					className: "pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]",
+					onChange: (e) => S(1, e.currentTarget.valueAsNumber),
+					..._
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as RangeSlider, s as Slider };

package/dist/src/components/inputs/tag-input.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/src/components/inputs/tag-input.js ADDED Viewed

@@ -0,0 +1,69 @@
+"use client";
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import { Input as n } from "../ui/input/index.js";
+import { Badge as r } from "../ui/badge/index.js";
+import * as i from "react";
+import { XIcon as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/inputs/tag-input.tsx
+function c({ value: c, defaultValue: l = [], onValueChange: u, placeholder: d = "Add tag...", disabled: f = !1, readOnly: p = !1, maxTags: m, allowDuplicates: h = !1, separators: g = [",", "Enter"], normalizeTag: _ = (e) => e.trim(), className: v, ...y }) {
+	let b = c !== void 0, [x, S] = i.useState(l), [C, w] = i.useState(""), T = b ? c : x, E = m !== void 0 && T.length >= m, D = i.useCallback((e) => {
+		b || S(e), u?.(e);
+	}, [b, u]), O = i.useCallback((e) => {
+		let t = _(e);
+		t && (m !== void 0 && T.length >= m || !h && T.includes(t) || (D([...T, t]), w("")));
+	}, [
+		h,
+		m,
+		_,
+		D,
+		T
+	]), k = i.useCallback((e) => {
+		D(T.filter((t) => t !== e));
+	}, [D, T]);
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "tag-input",
+		className: e("grid gap-2", v),
+		...y,
+		children: /* @__PURE__ */ s("div", {
+			className: e("flex min-h-12 flex-wrap items-center gap-2 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_78%,white_22%)] px-3 py-2.5 shadow-sm transition focus-within:border-[color:var(--aui-brand-strong)] focus-within:ring-4 focus-within:ring-[color:color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]", f && "opacity-60", p && "bg-muted/30"),
+			children: [
+				T.map((e) => /* @__PURE__ */ s(r, {
+					variant: "secondary",
+					className: "h-8 gap-1 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-3 pr-1 text-[13px] font-medium shadow-sm",
+					children: [e, !p && !f && /* @__PURE__ */ o("button", {
+						type: "button",
+						className: "inline-flex size-5 items-center justify-center rounded-full text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground",
+						onClick: (n) => {
+							t(n), k(e);
+						},
+						onMouseDown: t,
+						onDoubleClick: t,
+						children: /* @__PURE__ */ o(a, { className: "size-3" })
+					})]
+				}, e)),
+				!p && /* @__PURE__ */ o(n, {
+					value: C,
+					disabled: f || E,
+					placeholder: d,
+					className: "h-8 min-w-32 flex-1 border-0 bg-transparent px-1 text-sm shadow-none placeholder:text-[color:var(--aui-text-muted)] focus-visible:ring-0",
+					onChange: (e) => w(e.target.value),
+					onBlur: () => O(C),
+					onKeyDown: (e) => {
+						g.includes(e.key) && (e.preventDefault(), O(C)), e.key === "Backspace" && !C && T.length && k(T[T.length - 1]);
+					}
+				}),
+				m !== void 0 && /* @__PURE__ */ s("span", {
+					className: "ml-auto text-xs font-medium text-muted-foreground",
+					children: [
+						T.length,
+						"/",
+						m
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { c as TagInput };

package/dist/src/components/inputs/time-picker.cjs ADDED Viewed

@@ -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({label:e,className:n,children:i}){return(0,r.jsxs)(`label`,{className:t.cn(`grid gap-1.5 text-sm`,n),children:[e&&(0,r.jsx)(`span`,{className:`font-medium`,children:e}),i]})}function a({label:e,className:n,...a}){return(0,r.jsx)(i,{label:e,children:(0,r.jsx)(`input`,{type:`time`,className:t.cn(`h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring`,n),...a})})}function o({label:e,className:n,...a}){return(0,r.jsx)(i,{label:e,children:(0,r.jsx)(`input`,{type:`datetime-local`,className:t.cn(`h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring`,n),...a})})}function s({from:e,to:n,onFromChange:i,onToChange:o,disabled:s,className:c,...l}){return(0,r.jsxs)(`div`,{"data-slot":`time-range-picker`,className:t.cn(`grid gap-2 sm:grid-cols-2`,c),...l,children:[(0,r.jsx)(a,{value:e,disabled:s,onChange:e=>i?.(e.target.value)}),(0,r.jsx)(a,{value:n,disabled:s,onChange:e=>o?.(e.target.value)})]})}exports.DateTimePicker=o,exports.TimePicker=a,exports.TimeRangePicker=s;

package/dist/src/components/inputs/time-picker.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/inputs/time-picker.tsx
+function r({ label: r, className: i, children: a }) {
+	return /* @__PURE__ */ n("label", {
+		className: e("grid gap-1.5 text-sm", i),
+		children: [r && /* @__PURE__ */ t("span", {
+			className: "font-medium",
+			children: r
+		}), a]
+	});
+}
+function i({ label: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r, {
+		label: n,
+		children: /* @__PURE__ */ t("input", {
+			type: "time",
+			className: e("h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring", i),
+			...a
+		})
+	});
+}
+function a({ label: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r, {
+		label: n,
+		children: /* @__PURE__ */ t("input", {
+			type: "datetime-local",
+			className: e("h-10 rounded-md border bg-background px-3 text-sm outline-none ring-offset-background focus-visible:ring-2 focus-visible:ring-ring", i),
+			...a
+		})
+	});
+}
+function o({ from: r, to: a, onFromChange: o, onToChange: s, disabled: c, className: l, ...u }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "time-range-picker",
+		className: e("grid gap-2 sm:grid-cols-2", l),
+		...u,
+		children: [/* @__PURE__ */ t(i, {
+			value: r,
+			disabled: c,
+			onChange: (e) => o?.(e.target.value)
+		}), /* @__PURE__ */ t(i, {
+			value: a,
+			disabled: c,
+			onChange: (e) => s?.(e.target.value)
+		})]
+	});
+}
+//#endregion
+export { a as DateTimePicker, i as TimePicker, o as TimeRangePicker };

package/dist/src/components/layout/app-header.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/src/components/layout/app-header.js ADDED Viewed

@@ -0,0 +1,28 @@
+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 };

package/dist/src/components/layout/app-sidebar.cjs ADDED Viewed

@@ -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("../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;