tembro 3.1.6 → 3.1.7

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

@@ -11,16 +11,19 @@ var d = 1024, f = "18rem", p = "4.75rem", m = "min(88vw, 22rem)";
 function h({ 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 g(e) {
-	return e.items?.some((e) => !e.hidden) ?? !1;
+function g({ 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 _(e) {
-	return e.active ? !0 : e.items?.some((e) => _(e)) ?? !1;
+	return e.items?.some((e) => !e.hidden) ?? !1;
+}
+function v(e) {
+	return e.active ? !0 : e.items?.some((e) => v(e)) ?? !1;
 }
-function v(e, t) {
+function y(e, t) {
 	e.onSelect?.(), t?.(e);
 }
-function y({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, onItemSelect: s, renderLink: d }) {
+function b({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, onItemSelect: s, renderLink: d }) {
 	let f = {
 		"aria-current": n.current ?? (n.active ? "page" : void 0),
 		"aria-disabled": n.disabled || void 0,
@@ -30,10 +33,15 @@ function y({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, o
 		"data-depth": String(i),
 		"data-size": a,
 		"data-active-indicator": o,
-		className: e("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", h({
+		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", h({
 			active: n.active,
 			disabled: n.disabled
-		}), r && "justify-center px-2")
+		}), g({
+			collapsed: r,
+			depth: i,
+			itemSize: a,
+			activeIndicator: o
+		}))
 	}, p = /* @__PURE__ */ u(c, { children: [
 		n.icon && /* @__PURE__ */ l("span", {
 			className: "shrink-0",
@@ -64,7 +72,7 @@ function y({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, o
 				e.preventDefault();
 				return;
 			}
-			v(n, s);
+			y(n, s);
 		},
 		children: p
 	}) }) : /* @__PURE__ */ l("a", {
@@ -75,7 +83,7 @@ function y({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, o
 				e.preventDefault();
 				return;
 			}
-			v(n, s);
+			y(n, s);
 		},
 		children: p
 	})) : n.href ? m(/* @__PURE__ */ l("button", {
@@ -86,7 +94,7 @@ function y({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, o
 			if (n.disabled) return;
 			let e = n.href;
 			if (e) {
-				if (v(n, s), e.startsWith("http")) {
+				if (y(n, s), e.startsWith("http")) {
 					window.open(e, "_blank", "noopener,noreferrer");
 					return;
 				}
@@ -99,20 +107,20 @@ function y({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, o
 		disabled: n.disabled,
 		...f,
 		onClick: () => {
-			n.disabled || v(n, s);
+			n.disabled || y(n, s);
 		},
 		children: p
 	}));
 }
-function b({ items: n, collapsed: o, depth: s, showSectionLabels: c, itemSize: d, activeIndicator: f, onItemSelect: p, renderLink: m }) {
+function x({ items: n, collapsed: o, depth: s, showSectionLabels: c, itemSize: d, activeIndicator: f, onItemSelect: p, renderLink: m }) {
 	return n.map((n) => {
 		if (n.hidden) return null;
-		let v = g(n), x = _(n), S = c && !o && s === 0 && n.sectionLabel;
-		if (!v) return /* @__PURE__ */ u(i.Fragment, { children: [S ? /* @__PURE__ */ l("div", {
+		let y = _(n), S = v(n), C = c && !o && s === 0 && n.sectionLabel;
+		if (!y) return /* @__PURE__ */ u(i.Fragment, { children: [C ? /* @__PURE__ */ l("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: n.sectionLabel
-		}) : null, /* @__PURE__ */ l(y, {
+		}) : null, /* @__PURE__ */ l(b, {
 			item: n,
 			collapsed: o,
 			depth: s,
@@ -121,26 +129,31 @@ function b({ items: n, collapsed: o, depth: s, showSectionLabels: c, itemSize: d
 			onItemSelect: p,
 			renderLink: m
 		})] }, n.key);
-		let C = n.defaultExpanded ?? x;
+		let w = n.defaultExpanded ?? S;
 		return /* @__PURE__ */ u("div", {
 			"data-slot": "app-sidebar-group",
 			"data-depth": s,
-			children: [S && /* @__PURE__ */ l("div", {
+			children: [C && /* @__PURE__ */ l("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: n.sectionLabel
 			}), /* @__PURE__ */ u(r, {
 				"data-slot": "app-sidebar-group-details",
 				open: n.expanded,
-				defaultOpen: C,
+				defaultOpen: w,
 				className: "group/app-sidebar-details",
 				onOpenChange: n.onExpandedChange,
 				children: [/* @__PURE__ */ u("summary", {
 					"data-slot": "app-sidebar-group-trigger",
 					"data-size": d,
-					"data-active": x || void 0,
+					"data-active": S || void 0,
 					"data-active-indicator": f,
-					className: e("flex list-none items-center gap-2 border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]", h({ active: x }), o ? "justify-center px-2" : "px-2.5"),
+					className: e("flex list-none items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow]", h({ active: S }), g({
+						collapsed: o,
+						depth: s,
+						itemSize: d,
+						activeIndicator: f
+					})),
 					children: [
 						n.icon ? o ? /* @__PURE__ */ l(t, {
 							content: n.tooltip ?? n.label,
@@ -169,7 +182,7 @@ function b({ items: n, collapsed: o, depth: s, showSectionLabels: c, itemSize: d
 				}), /* @__PURE__ */ l("div", {
 					"data-slot": "app-sidebar-group-content",
 					className: e("mt-1 flex flex-col gap-1", !o && "pl-3"),
-					children: /* @__PURE__ */ l(b, {
+					children: /* @__PURE__ */ l(x, {
 						items: n.items ?? [],
 						collapsed: o,
 						depth: s + 1,
@@ -184,7 +197,7 @@ function b({ items: n, collapsed: o, depth: s, showSectionLabels: c, itemSize: d
 		}, n.key);
 	});
 }
-function x({ item: n, collapsed: r, onItemSelect: i }) {
+function S({ item: n, collapsed: r, onItemSelect: i }) {
 	let a = /* @__PURE__ */ u("button", {
 		type: "button",
 		"data-slot": "app-sidebar-action",
@@ -196,7 +209,7 @@ function x({ item: n, collapsed: r, onItemSelect: i }) {
 		}), r && "justify-center px-2"),
 		disabled: n.disabled,
 		onClick: () => {
-			n.disabled || v(n, i);
+			n.disabled || y(n, i);
 		},
 		children: [
 			n.icon ? /* @__PURE__ */ l("span", {
@@ -222,7 +235,7 @@ function x({ item: n, collapsed: r, onItemSelect: i }) {
 		})
 	}) : a;
 }
-function S({ account: n, collapsed: r, onAfterSelect: i }) {
+function C({ account: n, collapsed: r, onAfterSelect: i }) {
 	let a = /* @__PURE__ */ u("button", {
 		type: "button",
 		"data-slot": "app-sidebar-account",
@@ -262,8 +275,8 @@ function S({ account: n, collapsed: r, onAfterSelect: i }) {
 		})
 	}) : a;
 }
-function C({ className: n, style: r, header: a, footer: o, items: d = [], collapsed: m = !1, width: h = f, collapsedWidth: g = p, collapsedRail: _, railItems: v = [], footerAccount: y, secondaryActions: C = [], footerSecondary: w, 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 = d.filter((e) => !e.hidden), U = v.filter((e) => !e.hidden), W = C.filter((e) => !e.hidden), G = i.useCallback((e) => {
+function w({ className: n, style: r, header: a, footer: o, items: d = [], collapsed: m = !1, width: h = f, collapsedWidth: g = p, collapsedRail: _, railItems: v = [], footerAccount: y, secondaryActions: b = [], footerSecondary: w, 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 = d.filter((e) => !e.hidden), U = v.filter((e) => !e.hidden), W = b.filter((e) => !e.hidden), G = i.useCallback((e) => {
 		j?.(e), F && B && z?.();
 	}, [
 		B,
@@ -325,7 +338,7 @@ function C({ className: n, style: r, header: a, footer: o, items: d = [], collap
 							children: n
 						})
 					}, e.key);
-				}), !P && !M && /* @__PURE__ */ l(b, {
+				}), !P && !M && /* @__PURE__ */ l(x, {
 					items: H,
 					collapsed: m,
 					depth: 0,
@@ -343,7 +356,7 @@ function C({ className: n, style: r, header: a, footer: o, items: d = [], collap
 					m ? /* @__PURE__ */ u(c, { children: [U.length > 0 ? /* @__PURE__ */ l("div", {
 						"data-slot": "app-sidebar-rail-actions",
 						className: "grid gap-2",
-						children: U.map((e) => /* @__PURE__ */ l(x, {
+						children: U.map((e) => /* @__PURE__ */ l(S, {
 							item: e,
 							collapsed: !0,
 							onItemSelect: G
@@ -355,7 +368,7 @@ function C({ className: n, style: r, header: a, footer: o, items: d = [], collap
 					!m && y ? /* @__PURE__ */ l("div", {
 						"data-slot": "app-sidebar-account-wrap",
 						className: "mb-3",
-						children: /* @__PURE__ */ l(S, {
+						children: /* @__PURE__ */ l(C, {
 							account: y,
 							collapsed: !1,
 							onAfterSelect: () => {
@@ -366,7 +379,7 @@ function C({ className: n, style: r, header: a, footer: o, items: d = [], collap
 					!m && W.length > 0 ? /* @__PURE__ */ l("div", {
 						"data-slot": "app-sidebar-secondary-actions",
 						className: "mb-3 grid gap-2",
-						children: W.map((e) => /* @__PURE__ */ l(x, {
+						children: W.map((e) => /* @__PURE__ */ l(S, {
 							item: e,
 							collapsed: !1,
 							onItemSelect: G
@@ -379,7 +392,7 @@ function C({ className: n, style: r, header: a, footer: o, items: d = [], collap
 					}) : null,
 					m && y ? /* @__PURE__ */ l("div", {
 						"data-slot": "app-sidebar-account-wrap",
-						children: /* @__PURE__ */ l(S, {
+						children: /* @__PURE__ */ l(C, {
 							account: y,
 							collapsed: !0,
 							onAfterSelect: () => {
@@ -393,7 +406,7 @@ function C({ className: n, style: r, header: a, footer: o, items: d = [], collap
 		]
 	});
 }
-function w({ className: t, header: r, footer: a, items: s = [], collapsed: h = !1, width: g = f, collapsedWidth: _ = p, mobileWidth: v = m, collapsedRail: y, railItems: b = [], footerAccount: x, secondaryActions: S = [], footerSecondary: w, tooltipOnCollapsed: T = !0, showSectionLabels: E = !0, itemSize: D = "md", activeIndicator: O = "bar", navigationLabel: k = "Primary navigation", responsive: A = !0, mobileBreakpoint: j = d, mobileOpen: M, defaultMobileOpen: N = !1, onMobileOpenChange: P, mobileTitle: F, mobileDescription: I, mobileToggleLabel: L = "Open navigation", mobileCloseLabel: R = "Close navigation", mobileToggleIcon: z, showMobileToggle: B = !0, closeOnSelect: V = !0, mobileToggleClassName: H, mobilePanelClassName: U, mobileOverlayClassName: W, renderMobileToggle: G, onItemSelect: K, renderItem: q, renderLink: J, children: Y, ...ee }) {
+function T({ className: t, header: r, footer: a, items: s = [], collapsed: h = !1, width: g = f, collapsedWidth: _ = p, mobileWidth: v = m, collapsedRail: y, railItems: b = [], footerAccount: x, secondaryActions: S = [], footerSecondary: C, tooltipOnCollapsed: T = !0, showSectionLabels: E = !0, itemSize: D = "md", activeIndicator: O = "bar", navigationLabel: k = "Primary navigation", responsive: A = !0, mobileBreakpoint: j = d, mobileOpen: M, defaultMobileOpen: N = !1, onMobileOpenChange: P, mobileTitle: F, mobileDescription: I, mobileToggleLabel: L = "Open navigation", mobileCloseLabel: R = "Close navigation", mobileToggleIcon: z, showMobileToggle: B = !0, closeOnSelect: V = !0, mobileToggleClassName: H, mobilePanelClassName: U, mobileOverlayClassName: W, renderMobileToggle: G, onItemSelect: K, renderItem: q, renderLink: J, children: Y, ...ee }) {
 	let te = n(j), X = A && te, [ne, re] = i.useState(N), Z = M ?? ne, Q = i.useCallback((e) => {
 		M ?? re(e), P?.(e);
 	}, [M, P]);
@@ -430,7 +443,7 @@ function w({ className: t, header: r, footer: a, items: s = [], collapsed: h = !
 		railItems: b,
 		footerAccount: x,
 		secondaryActions: S,
-		footerSecondary: w,
+		footerSecondary: C,
 		tooltipOnCollapsed: T,
 		showSectionLabels: E,
 		itemSize: D,
@@ -444,7 +457,7 @@ function w({ className: t, header: r, footer: a, items: s = [], collapsed: h = !
 		children: Y,
 		...ee
 	};
-	if (!A || !X) return /* @__PURE__ */ l(C, { ...$ });
+	if (!A || !X) return /* @__PURE__ */ l(w, { ...$ });
 	let ie = /* @__PURE__ */ u("button", {
 		type: "button",
 		"aria-label": Z ? R : L,
@@ -470,7 +483,7 @@ function w({ className: t, header: r, footer: a, items: s = [], collapsed: h = !
 			"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", W),
 			onClick: () => Q(!1)
-		}), /* @__PURE__ */ l(C, {
+		}), /* @__PURE__ */ l(w, {
 			...$,
 			mobile: !0,
 			collapsed: !1,
@@ -490,4 +503,4 @@ function w({ className: t, header: r, footer: a, items: s = [], collapsed: h = !
 	})] });
 }
 //#endregion
-export { w as Sidebar };
+export { T as Sidebar };

package/dist/src/components/theme-provider.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=`azamat-ui-theme`,i=t.createContext(null);function a(){return typeof window>`u`?`light`:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function o(){if(typeof window>`u`)return`system`;let e=window.localStorage.getItem(r);return e===`light`||e===`dark`||e===`system`?e:`system`}function s({children:e}){let[s,c]=t.useState(o),[l,u]=t.useState(!1),[d,f]=t.useState(a),p=s===`system`?d:s;t.useEffect(()=>{u(!0)},[]),t.useEffect(()=>{let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>f(e.matches?`dark`:`light`);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]),t.useEffect(()=>{let e=window.document.documentElement;e.classList.toggle(`dark`,p===`dark`),e.style.colorScheme=p,window.localStorage.setItem(r,s)},[p,s]);let m=t.useCallback(e=>{c(e)},[]),h=t.useCallback(()=>{c(e=>e===`system`?`dark`:e===`dark`?`light`:`system`)},[]),g=t.useMemo(()=>({theme:s,resolvedTheme:p,mounted:l,setTheme:m,toggleTheme:h}),[l,p,m,s,h]);return(0,n.jsx)(i.Provider,{value:g,children:e})}function c(){let e=t.useContext(i);if(!e)throw Error(`useTheme must be used within ThemeProvider`);return e}exports.ThemeProvider=s,exports.useTheme=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=`tembro-theme`,i=t.createContext(null);function a(){return typeof window>`u`?`light`:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function o(){if(typeof window>`u`)return`system`;let e=window.localStorage.getItem(r);return e===`light`||e===`dark`||e===`system`?e:`system`}function s({children:e}){let[s,c]=t.useState(o),[l,u]=t.useState(!1),[d,f]=t.useState(a),p=s===`system`?d:s;t.useEffect(()=>{u(!0)},[]),t.useEffect(()=>{let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>f(e.matches?`dark`:`light`);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]),t.useEffect(()=>{let e=window.document.documentElement;e.classList.toggle(`dark`,p===`dark`),e.style.colorScheme=p,window.localStorage.setItem(r,s)},[p,s]);let m=t.useCallback(e=>{c(e)},[]),h=t.useCallback(()=>{c(e=>e===`system`?`dark`:e===`dark`?`light`:`system`)},[]),g=t.useMemo(()=>({theme:s,resolvedTheme:p,mounted:l,setTheme:m,toggleTheme:h}),[l,p,m,s,h]);return(0,n.jsx)(i.Provider,{value:g,children:e})}function c(){let e=t.useContext(i);if(!e)throw Error(`useTheme must be used within ThemeProvider`);return e}exports.ThemeProvider=s,exports.useTheme=c;

package/dist/src/components/theme-provider.js

@@ -2,7 +2,7 @@
 import * as e from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/theme-provider.tsx
-var n = "azamat-ui-theme", r = e.createContext(null);
+var n = "tembro-theme", r = e.createContext(null);
 function i() {
 	return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }

package/dist/src/components/ui/dialog/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-y-auto overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-[size=full]:grid-rows-[auto_minmax(0,1fr)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col`,e),...n})}function m({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function h({className:e,...t}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:e,...t})}function g({className:e,...t}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:e,...t})}exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`min-w-0 shrink-0 pr-10`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-body`,className:t.cn(`min-h-0 overflow-y-auto overscroll-contain`,e),...n})}function h({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex shrink-0 flex-wrap items-center justify-end gap-2 [&_[data-slot=button]]:inline-flex [&_[data-slot=button]]:flex-row [&_[data-slot=button]]:items-center [&_[data-slot=button]]:justify-center [&_[data-slot=button]]:gap-2`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function g({className:e,...t}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:e,...t})}function _({className:e,...t}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:e,...t})}exports.Dialog=s,exports.DialogBody=m,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=_,exports.DialogFooter=h,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=g,exports.DialogTrigger=c;

package/dist/src/components/ui/dialog/index.js

@@ -43,7 +43,7 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
 		"data-surface": f,
 		role: "dialog",
 		"aria-modal": "true",
-		className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-y-auto overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-[size=full]:grid-rows-[auto_minmax(0,1fr)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
 		...p,
 		children: [s, l && /* @__PURE__ */ i(a.Close, {
 			"data-slot": "dialog-close",
@@ -62,14 +62,21 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
 function f({ className: t, ...n }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "dialog-header",
-		className: e("flex flex-col", t),
+		className: e("min-w-0 shrink-0 pr-10", t),
 		...n
 	});
 }
-function p({ className: n, showCloseButton: o = !1, children: s, ...c }) {
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-body",
+		className: e("min-h-0 overflow-y-auto overscroll-contain", t),
+		...n
+	});
+}
+function m({ className: n, showCloseButton: o = !1, children: s, ...c }) {
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "dialog-footer",
-		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", n),
+		className: e("flex shrink-0 flex-wrap items-center justify-end gap-2 [&_[data-slot=button]]:inline-flex [&_[data-slot=button]]:flex-row [&_[data-slot=button]]:items-center [&_[data-slot=button]]:justify-center [&_[data-slot=button]]:gap-2", n),
 		...c,
 		children: [s, o && /* @__PURE__ */ r(a.Close, {
 			render: /* @__PURE__ */ r(t, { variant: "outline" }),
@@ -77,14 +84,14 @@ function p({ className: n, showCloseButton: o = !1, children: s, ...c }) {
 		})]
 	});
 }
-function m({ className: e, ...t }) {
+function h({ className: e, ...t }) {
 	return /* @__PURE__ */ r(a.Title, {
 		"data-slot": "dialog-title",
 		className: e,
 		...t
 	});
 }
-function h({ className: e, ...t }) {
+function g({ className: e, ...t }) {
 	return /* @__PURE__ */ r(a.Description, {
 		"data-slot": "dialog-description",
 		className: e,
@@ -92,4 +99,4 @@ function h({ className: e, ...t }) {
 	});
 }
 //#endregion
-export { o as Dialog, l as DialogClose, d as DialogContent, h as DialogDescription, p as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, m as DialogTitle, s as DialogTrigger };
+export { o as Dialog, p as DialogBody, l as DialogClose, d as DialogContent, g as DialogDescription, m as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, h as DialogTitle, s as DialogTrigger };

package/dist/src/components/ui/select/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/select");var o=a.Select.Root;function s(e,t){let n=t.trim().toLowerCase();return n?[typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value,e.value,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function c({value:e,defaultValue:a,onValueChange:c,options:h,groups:g,placeholder:_=`Select`,searchPlaceholder:v=`Search options...`,emptyLabel:y=`No options found`,emptyMessage:b,clearLabel:x=`Clear selection`,size:S=`default`,clearable:C=!1,searchable:w=!1,loading:T=!1,loadingLabel:E=`Loading options...`,disabled:D=!1,showSelectedDescription:O=!0,triggerClassName:k,contentClassName:A,itemClassName:j,searchClassName:M,renderOption:N,invalid:P,children:F,onOpenChange:I,onSearchChange:L,...R}){let z=!!(h||g),[B,V]=n.useState(``),H=n.useMemo(()=>z?g??[{options:h??[]}]:[],[g,z,h]),U=n.useMemo(()=>H.flatMap(e=>e.options),[H]).find(t=>t.value===e),W=H.map(e=>({...e,options:e.options.filter(e=>s(e,B))})).filter(e=>e.options.length>0),G=W.reduce((e,t)=>e+t.options.length,0);return z?(0,i.jsxs)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),disabled:D||T,onOpenChange:(e,t)=>{e||V(``),I?.(e,t)},...R,children:[(0,i.jsxs)(d,{size:S,"aria-invalid":P||void 0,className:t.cn(`w-full`,k),children:[(0,i.jsx)(u,{placeholder:_,children:U?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:U.label}),O&&U.description?(0,i.jsx)(`span`,{className:`truncate text-[11px] font-medium text-muted-foreground`,children:U.description}):null]}):null}),T?(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,C&&e&&!D&&!T?(0,i.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":x,className:`ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),c?.(void 0)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c?.(void 0))},children:(0,i.jsx)(r.XIcon,{className:`size-3.5`})}):null]}),(0,i.jsxs)(f,{className:t.cn(`w-(--anchor-width)`,A),children:[w?(0,i.jsxs)(`div`,{"data-slot":`select-search`,className:`sticky top-0 flex items-center gap-2`,children:[(0,i.jsx)(r.SearchIcon,{className:`size-4 text-muted-foreground`}),(0,i.jsx)(`input`,{value:B,onChange:e=>{V(e.target.value),L?.(e.target.value)},placeholder:v,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,M)})]}):null,T?(0,i.jsxs)(`div`,{"data-slot":`select-state`,className:`flex items-center gap-2`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin`}),E]}):G===0?(0,i.jsx)(`div`,{"data-slot":`select-state`,children:b??y}):W.map((n,r)=>(0,i.jsxs)(l,{children:[n.label?(0,i.jsx)(p,{children:n.label}):null,n.options.map(n=>{let r=n.value===e;return(0,i.jsx)(m,{value:n.value,disabled:n.disabled,className:t.cn(`rounded-[var(--radius-md)]`,j),children:N?N(n,{selected:r}):(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,i.jsx)(`span`,{className:`flex min-w-0 items-center gap-2`,children:(0,i.jsx)(`span`,{className:`truncate`,children:n.label})}),n.description?(0,i.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:n.description}):null]})},n.value)})]},r))]})]}):(0,i.jsx)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),onOpenChange:I,disabled:D,...R,children:F})}function l({className:e,...n}){return(0,i.jsx)(a.Select.Group,{"data-slot":`select-group`,className:t.cn(`scroll-my-1 p-1`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(a.Select.Value,{"data-slot":`select-value`,className:t.cn(`flex flex-1 text-left`,e),...n})}function d({className:e,size:n=`default`,children:o,...s}){return(0,i.jsxs)(a.Select.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:t.cn(`flex w-full min-w-0 items-center justify-between gap-2 whitespace-nowrap outline-none select-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[o,(0,i.jsx)(a.Select.Icon,{render:(0,i.jsx)(`span`,{"data-slot":`select-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:(0,i.jsx)(r.ChevronDownIcon,{"data-icon":`chevron`})})})]})}function f({className:e,children:n,side:r=`bottom`,sideOffset:o=4,align:s=`center`,alignOffset:c=0,alignItemWithTrigger:l=!0,...u}){return(0,i.jsx)(a.Select.Portal,{children:(0,i.jsx)(a.Select.Positioner,{side:r,sideOffset:o,align:s,alignOffset:c,alignItemWithTrigger:l,className:`isolate z-50`,children:(0,i.jsxs)(a.Select.Popup,{"data-slot":`select-content`,"data-align-trigger":l,className:t.cn(`relative isolate max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto`,e),...u,children:[(0,i.jsx)(g,{}),(0,i.jsx)(a.Select.List,{children:n}),(0,i.jsx)(_,{})]})})})}function p({className:e,...t}){return(0,i.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:e,...t})}function m({className:e,children:n,...o}){return(0,i.jsxs)(a.Select.Item,{"data-slot":`select-item`,className:t.cn(`relative flex w-full cursor-default items-center gap-2 outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o,children:[(0,i.jsx)(a.Select.ItemText,{className:`flex flex-1 shrink-0 gap-2 whitespace-nowrap`,children:n}),(0,i.jsx)(a.Select.ItemIndicator,{render:(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,i.jsx)(r.CheckIcon,{className:`pointer-events-none`})})]})}function h({className:e,...n}){return(0,i.jsx)(a.Select.Separator,{"data-slot":`select-separator`,className:t.cn(`pointer-events-none`,e),...n})}function g({className:e,...n}){return(0,i.jsx)(a.Select.ScrollUpArrow,{"data-slot":`select-scroll-up-button`,className:t.cn(`top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronUpIcon,{})})}function _({className:e,...n}){return(0,i.jsx)(a.Select.ScrollDownArrow,{"data-slot":`select-scroll-down-button`,className:t.cn(`bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronDownIcon,{})})}exports.Select=c,exports.SelectContent=f,exports.SelectGroup=l,exports.SelectItem=m,exports.SelectLabel=p,exports.SelectScrollDownButton=_,exports.SelectScrollUpButton=g,exports.SelectSeparator=h,exports.SelectTrigger=d,exports.SelectValue=u;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/select");var o=a.Select.Root;function s(e,t){let n=t.trim().toLowerCase();return n?[typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value,e.value,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function c({value:e,defaultValue:a,onValueChange:c,options:h,groups:g,placeholder:_=`Select`,searchPlaceholder:v=`Search options...`,emptyLabel:y=`No options found`,emptyMessage:b,clearLabel:x=`Clear selection`,size:S=`default`,clearable:C=!1,searchable:w=!1,loading:T=!1,loadingLabel:E=`Loading options...`,disabled:D=!1,showSelectedDescription:O=!0,triggerClassName:k,contentClassName:A,itemClassName:j,searchClassName:M,renderOption:N,showSelectedIndicator:P=!0,invalid:F,children:I,onOpenChange:L,onSearchChange:R,...z}){let B=!!(h||g),[V,H]=n.useState(``),U=n.useMemo(()=>B?g??[{options:h??[]}]:[],[g,B,h]),W=n.useMemo(()=>U.flatMap(e=>e.options),[U]).find(t=>t.value===e),G=U.map(e=>({...e,options:e.options.filter(e=>s(e,V))})).filter(e=>e.options.length>0),K=G.reduce((e,t)=>e+t.options.length,0);return B?(0,i.jsxs)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),disabled:D||T,onOpenChange:(e,t)=>{e||H(``),L?.(e,t)},...z,children:[(0,i.jsxs)(d,{size:S,"aria-invalid":F||void 0,className:t.cn(`w-full`,k),children:[(0,i.jsx)(u,{placeholder:_,children:W?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:W.label}),O&&W.description?(0,i.jsx)(`span`,{className:`truncate text-[11px] font-medium text-muted-foreground`,children:W.description}):null]}):null}),T?(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,C&&e&&!D&&!T?(0,i.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":x,className:`ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),c?.(void 0)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c?.(void 0))},children:(0,i.jsx)(r.XIcon,{className:`size-3.5`})}):null]}),(0,i.jsxs)(f,{className:t.cn(`w-(--anchor-width)`,A),children:[w?(0,i.jsxs)(`div`,{"data-slot":`select-search`,className:`sticky top-0 flex items-center gap-2`,children:[(0,i.jsx)(r.SearchIcon,{className:`size-4 text-muted-foreground`}),(0,i.jsx)(`input`,{value:V,onChange:e=>{H(e.target.value),R?.(e.target.value)},placeholder:v,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,M)})]}):null,T?(0,i.jsxs)(`div`,{"data-slot":`select-state`,className:`flex items-center gap-2`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin`}),E]}):K===0?(0,i.jsx)(`div`,{"data-slot":`select-state`,children:b??y}):G.map((n,r)=>(0,i.jsxs)(l,{children:[n.label?(0,i.jsx)(p,{children:n.label}):null,n.options.map(n=>{let r=n.value===e;return(0,i.jsx)(m,{value:n.value,disabled:n.disabled,showIndicator:P,className:t.cn(`rounded-[var(--radius-md)]`,j),children:N?N(n,{selected:r}):(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,i.jsx)(`span`,{className:`flex min-w-0 items-center gap-2`,children:(0,i.jsx)(`span`,{className:`truncate`,children:n.label})}),n.description?(0,i.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:n.description}):null]})},n.value)})]},r))]})]}):(0,i.jsx)(o,{value:e??void 0,defaultValue:a??void 0,onValueChange:e=>c?.(e??void 0),onOpenChange:L,disabled:D,...z,children:I})}function l({className:e,...n}){return(0,i.jsx)(a.Select.Group,{"data-slot":`select-group`,className:t.cn(`scroll-my-1 p-1`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(a.Select.Value,{"data-slot":`select-value`,className:t.cn(`flex flex-1 text-left`,e),...n})}function d({className:e,size:n=`default`,children:o,...s}){return(0,i.jsxs)(a.Select.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:t.cn(`flex w-full min-w-0 items-center justify-between gap-2 whitespace-nowrap outline-none select-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0`,`rounded-[var(--radius-lg)] border border-[color:var(--aui-input-border,var(--border))] bg-[color:var(--aui-input-bg,var(--background))] px-3 text-[color:var(--aui-input-fg,var(--foreground))] shadow-sm transition-[border-color,box-shadow,background-color] hover:border-[color:var(--aui-input-border-hover,var(--border))] focus-visible:border-[color:var(--aui-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--aui-ring,var(--ring)),transparent_82%)] disabled:opacity-60 data-[size=sm]:h-9 data-[size=default]:min-h-10 data-[size=lg]:min-h-11 data-[size=lg]:px-4 aria-[invalid=true]:border-[color:var(--aui-danger,var(--destructive))] aria-[invalid=true]:shadow-[0_0_0_3px_color-mix(in_oklch,var(--aui-danger,var(--destructive)),transparent_84%)]`,e),...s,children:[o,(0,i.jsx)(a.Select.Icon,{render:(0,i.jsx)(`span`,{"data-slot":`select-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:(0,i.jsx)(r.ChevronDownIcon,{"data-icon":`chevron`})})})]})}function f({className:e,children:n,side:r=`bottom`,sideOffset:o=4,align:s=`center`,alignOffset:c=0,alignItemWithTrigger:l=!0,...u}){return(0,i.jsx)(a.Select.Portal,{children:(0,i.jsx)(a.Select.Positioner,{side:r,sideOffset:o,align:s,alignOffset:c,alignItemWithTrigger:l,className:`isolate z-50`,children:(0,i.jsxs)(a.Select.Popup,{"data-slot":`select-content`,"data-align-trigger":l,className:t.cn(`relative isolate max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--radius-xl)] border border-[color:var(--aui-surface-border,var(--border))] bg-[color:var(--aui-popover-bg,var(--popover))] p-1 text-[color:var(--aui-popover-fg,var(--popover-foreground))] shadow-xl`,e),...u,children:[(0,i.jsx)(g,{}),(0,i.jsx)(a.Select.List,{children:n}),(0,i.jsx)(_,{})]})})})}function p({className:e,...t}){return(0,i.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:e,...t})}function m({className:e,children:n,showIndicator:o=!0,...s}){return(0,i.jsxs)(a.Select.Item,{"data-slot":`select-item`,className:t.cn(`relative flex w-full cursor-default items-center gap-2 px-2.5 py-2 pr-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-[color:var(--aui-control-bg,var(--muted))] data-highlighted:text-[color:var(--aui-control-fg,var(--foreground))] data-selected:bg-[color:var(--aui-control-bg,var(--muted))] data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[(0,i.jsx)(a.Select.ItemText,{className:`flex flex-1 shrink-0 gap-2 whitespace-nowrap`,children:n}),o?(0,i.jsx)(a.Select.ItemIndicator,{render:(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,i.jsx)(r.CheckIcon,{className:`pointer-events-none size-4`})}):null]})}function h({className:e,...n}){return(0,i.jsx)(a.Select.Separator,{"data-slot":`select-separator`,className:t.cn(`pointer-events-none`,e),...n})}function g({className:e,...n}){return(0,i.jsx)(a.Select.ScrollUpArrow,{"data-slot":`select-scroll-up-button`,className:t.cn(`top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronUpIcon,{})})}function _({className:e,...n}){return(0,i.jsx)(a.Select.ScrollDownArrow,{"data-slot":`select-scroll-down-button`,className:t.cn(`bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 text-muted-foreground [&_svg:not([class*='size-'])]:size-4`,e),...n,children:(0,i.jsx)(r.ChevronDownIcon,{})})}exports.Select=c,exports.SelectContent=f,exports.SelectGroup=l,exports.SelectItem=m,exports.SelectLabel=p,exports.SelectScrollDownButton=_,exports.SelectScrollUpButton=g,exports.SelectSeparator=h,exports.SelectTrigger=d,exports.SelectValue=u;

package/dist/src/components/ui/select/index.js

@@ -14,39 +14,39 @@ function p(e, t) {
 		...e.keywords ?? []
 	].join(" ").toLowerCase().includes(n) : !0;
 }
-function m({ value: r, defaultValue: i, onValueChange: a, options: d, groups: m, placeholder: x = "Select", searchPlaceholder: S = "Search options...", emptyLabel: C = "No options found", emptyMessage: w, clearLabel: T = "Clear selection", size: E = "default", clearable: D = !1, searchable: O = !1, loading: k = !1, loadingLabel: A = "Loading options...", disabled: j = !1, showSelectedDescription: M = !0, triggerClassName: N, contentClassName: P, itemClassName: F, searchClassName: I, renderOption: L, invalid: R, children: z, onOpenChange: B, onSearchChange: V, ...H }) {
-	let U = !!(d || m), [W, G] = n.useState(""), K = n.useMemo(() => U ? m ?? [{ options: d ?? [] }] : [], [
+function m({ value: r, defaultValue: i, onValueChange: a, options: d, groups: m, placeholder: x = "Select", searchPlaceholder: S = "Search options...", emptyLabel: C = "No options found", emptyMessage: w, clearLabel: T = "Clear selection", size: E = "default", clearable: D = !1, searchable: O = !1, loading: k = !1, loadingLabel: A = "Loading options...", disabled: j = !1, showSelectedDescription: M = !0, triggerClassName: N, contentClassName: P, itemClassName: F, searchClassName: I, renderOption: L, showSelectedIndicator: R = !0, invalid: z, children: B, onOpenChange: V, onSearchChange: H, ...U }) {
+	let W = !!(d || m), [G, K] = n.useState(""), q = n.useMemo(() => W ? m ?? [{ options: d ?? [] }] : [], [
 		m,
-		U,
+		W,
 		d
-	]), q = n.useMemo(() => K.flatMap((e) => e.options), [K]).find((e) => e.value === r), J = K.map((e) => ({
+	]), J = n.useMemo(() => q.flatMap((e) => e.options), [q]).find((e) => e.value === r), Y = q.map((e) => ({
 		...e,
-		options: e.options.filter((e) => p(e, W))
-	})).filter((e) => e.options.length > 0), Y = J.reduce((e, t) => e + t.options.length, 0);
-	return U ? /* @__PURE__ */ u(f, {
+		options: e.options.filter((e) => p(e, G))
+	})).filter((e) => e.options.length > 0), X = Y.reduce((e, t) => e + t.options.length, 0);
+	return W ? /* @__PURE__ */ u(f, {
 		value: r ?? void 0,
 		defaultValue: i ?? void 0,
 		onValueChange: (e) => a?.(e ?? void 0),
 		disabled: j || k,
 		onOpenChange: (e, t) => {
-			e || G(""), B?.(e, t);
+			e || K(""), V?.(e, t);
 		},
-		...H,
+		...U,
 		children: [/* @__PURE__ */ u(_, {
 			size: E,
-			"aria-invalid": R || void 0,
+			"aria-invalid": z || void 0,
 			className: e("w-full", N),
 			children: [
 				/* @__PURE__ */ l(g, {
 					placeholder: x,
-					children: q ? /* @__PURE__ */ u("span", {
+					children: J ? /* @__PURE__ */ u("span", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ l("span", {
 							className: "truncate",
-							children: q.label
-						}), M && q.description ? /* @__PURE__ */ l("span", {
+							children: J.label
+						}), M && J.description ? /* @__PURE__ */ l("span", {
 							className: "truncate text-[11px] font-medium text-muted-foreground",
-							children: q.description
+							children: J.description
 						}) : null]
 					}) : null
 				}),
@@ -73,9 +73,9 @@ function m({ value: r, defaultValue: i, onValueChange: a, options: d, groups: m,
 				"data-slot": "select-search",
 				className: "sticky top-0 flex items-center gap-2",
 				children: [/* @__PURE__ */ l(s, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ l("input", {
-					value: W,
+					value: G,
 					onChange: (e) => {
-						G(e.target.value), V?.(e.target.value);
+						K(e.target.value), H?.(e.target.value);
 					},
 					placeholder: S,
 					className: e("min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground", I)
@@ -84,14 +84,15 @@ function m({ value: r, defaultValue: i, onValueChange: a, options: d, groups: m,
 				"data-slot": "select-state",
 				className: "flex items-center gap-2",
 				children: [/* @__PURE__ */ l(o, { className: "size-4 animate-spin" }), A]
-			}) : Y === 0 ? /* @__PURE__ */ l("div", {
+			}) : X === 0 ? /* @__PURE__ */ l("div", {
 				"data-slot": "select-state",
 				children: w ?? C
-			}) : J.map((t, n) => /* @__PURE__ */ u(h, { children: [t.label ? /* @__PURE__ */ l(y, { children: t.label }) : null, t.options.map((t) => {
+			}) : Y.map((t, n) => /* @__PURE__ */ u(h, { children: [t.label ? /* @__PURE__ */ l(y, { children: t.label }) : null, t.options.map((t) => {
 				let n = t.value === r;
 				return /* @__PURE__ */ l(b, {
 					value: t.value,
 					disabled: t.disabled,
+					showIndicator: R,
 					className: e("rounded-[var(--radius-md)]", F),
 					children: L ? L(t, { selected: n }) : /* @__PURE__ */ u("span", {
 						className: "flex min-w-0 flex-1 flex-col",
@@ -113,10 +114,10 @@ function m({ value: r, defaultValue: i, onValueChange: a, options: d, groups: m,
 		value: r ?? void 0,
 		defaultValue: i ?? void 0,
 		onValueChange: (e) => a?.(e ?? void 0),
-		onOpenChange: B,
+		onOpenChange: V,
 		disabled: j,
-		...H,
-		children: z
+		...U,
+		children: B
 	});
 }
 function h({ className: t, ...n }) {
@@ -137,7 +138,7 @@ function _({ className: t, size: n = "default", children: r, ...a }) {
 	return /* @__PURE__ */ u(d.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": n,
-		className: e("flex w-full min-w-0 items-center justify-between gap-2 whitespace-nowrap outline-none select-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+		className: e("flex w-full min-w-0 items-center justify-between gap-2 whitespace-nowrap outline-none select-none disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0", "rounded-[var(--radius-lg)] border border-[color:var(--aui-input-border,var(--border))] bg-[color:var(--aui-input-bg,var(--background))] px-3 text-[color:var(--aui-input-fg,var(--foreground))] shadow-sm transition-[border-color,box-shadow,background-color] hover:border-[color:var(--aui-input-border-hover,var(--border))] focus-visible:border-[color:var(--aui-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--aui-ring,var(--ring)),transparent_82%)] disabled:opacity-60 data-[size=sm]:h-9 data-[size=default]:min-h-10 data-[size=lg]:min-h-11 data-[size=lg]:px-4 aria-[invalid=true]:border-[color:var(--aui-danger,var(--destructive))] aria-[invalid=true]:shadow-[0_0_0_3px_color-mix(in_oklch,var(--aui-danger,var(--destructive)),transparent_84%)]", t),
 		...a,
 		children: [r, /* @__PURE__ */ l(d.Icon, { render: /* @__PURE__ */ l("span", {
 			"data-slot": "select-icon",
@@ -157,7 +158,7 @@ function v({ className: t, children: n, side: r = "bottom", sideOffset: i = 4, a
 		children: /* @__PURE__ */ u(d.Popup, {
 			"data-slot": "select-content",
 			"data-align-trigger": s,
-			className: e("relative isolate max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto", t),
+			className: e("relative isolate max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--radius-xl)] border border-[color:var(--aui-surface-border,var(--border))] bg-[color:var(--aui-popover-bg,var(--popover))] p-1 text-[color:var(--aui-popover-fg,var(--popover-foreground))] shadow-xl", t),
 			...c,
 			children: [
 				/* @__PURE__ */ l(S, {}),
@@ -174,18 +175,18 @@ function y({ className: e, ...t }) {
 		...t
 	});
 }
-function b({ className: t, children: n, ...i }) {
+function b({ className: t, children: n, showIndicator: i = !0, ...a }) {
 	return /* @__PURE__ */ u(d.Item, {
 		"data-slot": "select-item",
-		className: e("relative flex w-full cursor-default items-center gap-2 outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
-		...i,
+		className: e("relative flex w-full cursor-default items-center gap-2 px-2.5 py-2 pr-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-[color:var(--aui-control-bg,var(--muted))] data-highlighted:text-[color:var(--aui-control-fg,var(--foreground))] data-selected:bg-[color:var(--aui-control-bg,var(--muted))] data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+		...a,
 		children: [/* @__PURE__ */ l(d.ItemText, {
 			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
 			children: n
-		}), /* @__PURE__ */ l(d.ItemIndicator, {
+		}), i ? /* @__PURE__ */ l(d.ItemIndicator, {
 			render: /* @__PURE__ */ l("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-			children: /* @__PURE__ */ l(r, { className: "pointer-events-none" })
-		})]
+			children: /* @__PURE__ */ l(r, { className: "pointer-events-none size-4" })
+		}) : null]
 	});
 }
 function x({ className: t, ...n }) {