tembro 3.0.0 → 3.1.5

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

@@ -0,0 +1,56 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Popover as n } from "@base-ui/react/popover";
+//#region src/components/ui/popover/index.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function a({ className: r, align: i = "center", alignOffset: a = 0, collisionPadding: o = 12, side: s = "bottom", sideOffset: c = 4, ...l }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Positioner, {
+		align: i,
+		alignOffset: a,
+		collisionPadding: o,
+		side: s,
+		sideOffset: c,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ t(n.Popup, {
+			"data-slot": "popover-content",
+			className: e("z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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", r),
+			...l
+		})
+	}) });
+}
+function o({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "popover-header",
+		className: e,
+		...n
+	});
+}
+function s({ className: e, ...r }) {
+	return /* @__PURE__ */ t(n.Title, {
+		"data-slot": "popover-title",
+		className: e,
+		...r
+	});
+}
+function c({ className: e, ...r }) {
+	return /* @__PURE__ */ t(n.Description, {
+		"data-slot": "popover-description",
+		className: e,
+		...r
+	});
+}
+//#endregion
+export { r as Popover, a as PopoverContent, c as PopoverDescription, o as PopoverHeader, s as PopoverTitle, i as PopoverTrigger };

package/dist/src/components/ui/radio-group/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={sm:`size-3.5`,default:`size-4`,lg:`size-5`};function a({name:e,value:a,defaultValue:o,onValueChange:s,options:c,orientation:l=`vertical`,size:u=`default`,invalid:d=!1,disabled:f=!1,className:p,itemClassName:m,itemLabelClassName:h,itemDescriptionClassName:g,..._}){let v=n.useId(),y=e??v,[b,x]=n.useState(o??``),S=a!==void 0,C=S?a:b,w=n.useRef([]),T=c.filter(e=>!e.disabled&&!f),E=e=>{S||x(e),s?.(e)},D=e=>{let t=T[e];if(!t)return;let n=c.findIndex(e=>e.value===t.value);w.current[n]?.focus(),E(t.value)};return(0,r.jsx)(`div`,{role:`radiogroup`,"aria-invalid":d||void 0,"aria-disabled":f||void 0,"data-slot":`radio-group`,"data-orientation":l,"data-invalid":d||void 0,className:t.cn(`grid gap-2`,l===`horizontal`&&`sm:flex sm:flex-wrap sm:items-center`,p),onKeyDown:e=>{if(![`ArrowDown`,`ArrowRight`,`ArrowUp`,`ArrowLeft`,`Home`,`End`].includes(e.key)||T.length===0)return;e.preventDefault();let t=Math.max(0,T.findIndex(e=>e.value===C));if(e.key===`Home`){D(0);return}if(e.key===`End`){D(T.length-1);return}D((t+(e.key===`ArrowDown`||e.key===`ArrowRight`?1:-1)+T.length)%T.length)},..._,children:c.map((e,n)=>{let a=e.value===C,o=f||e.disabled;return(0,r.jsxs)(`label`,{"data-slot":`radio-group-item`,"data-checked":a||void 0,"data-disabled":o||void 0,"data-invalid":d||void 0,className:t.cn(`group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/30 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55 data-[invalid=true]:border-destructive/70 data-[invalid=true]:ring-3 data-[invalid=true]:ring-destructive/15`,m),children:[(0,r.jsx)(`input`,{ref:e=>{w.current[n]=e},type:`radio`,name:y,value:e.value,checked:a,disabled:o,className:`sr-only`,onChange:()=>E(e.value)}),(0,r.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full border border-input bg-background shadow-sm transition group-data-[checked=true]:border-primary group-data-[checked=true]:bg-primary`,i[u]),children:(0,r.jsx)(`span`,{className:`size-1.5 rounded-full bg-primary-foreground opacity-0 transition group-data-[checked=true]:opacity-100`})}),(0,r.jsxs)(`span`,{className:`min-w-0`,children:[(0,r.jsx)(`span`,{className:t.cn(`block font-medium text-foreground`,h),children:e.label}),e.description?(0,r.jsx)(`span`,{className:t.cn(`mt-1 block text-sm leading-6 text-muted-foreground`,g),children:e.description}):null]})]},e.value)})})}exports.RadioGroup=a;

package/dist/src/components/ui/radio-group/index.js

@@ -0,0 +1,92 @@
+"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/ui/radio-group/index.tsx
+var i = {
+	sm: "size-3.5",
+	default: "size-4",
+	lg: "size-5"
+};
+function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, orientation: u = "vertical", size: d = "default", invalid: f = !1, disabled: p = !1, className: m, itemClassName: h, itemLabelClassName: g, itemDescriptionClassName: _, ...v }) {
+	let y = t.useId(), b = a ?? y, [x, S] = t.useState(s ?? ""), C = o !== void 0, w = C ? o : x, T = t.useRef([]), E = l.filter((e) => !e.disabled && !p), D = (e) => {
+		C || S(e), c?.(e);
+	}, O = (e) => {
+		let t = E[e];
+		if (!t) return;
+		let n = l.findIndex((e) => e.value === t.value);
+		T.current[n]?.focus(), D(t.value);
+	};
+	return /* @__PURE__ */ n("div", {
+		role: "radiogroup",
+		"aria-invalid": f || void 0,
+		"aria-disabled": p || void 0,
+		"data-slot": "radio-group",
+		"data-orientation": u,
+		"data-invalid": f || void 0,
+		className: e("grid gap-2", u === "horizontal" && "sm:flex sm:flex-wrap sm:items-center", m),
+		onKeyDown: (e) => {
+			if (![
+				"ArrowDown",
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowLeft",
+				"Home",
+				"End"
+			].includes(e.key) || E.length === 0) return;
+			e.preventDefault();
+			let t = Math.max(0, E.findIndex((e) => e.value === w));
+			if (e.key === "Home") {
+				O(0);
+				return;
+			}
+			if (e.key === "End") {
+				O(E.length - 1);
+				return;
+			}
+			O((t + (e.key === "ArrowDown" || e.key === "ArrowRight" ? 1 : -1) + E.length) % E.length);
+		},
+		...v,
+		children: l.map((t, a) => {
+			let o = t.value === w, s = p || t.disabled;
+			return /* @__PURE__ */ r("label", {
+				"data-slot": "radio-group-item",
+				"data-checked": o || void 0,
+				"data-disabled": s || void 0,
+				"data-invalid": f || void 0,
+				className: e("group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/30 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55 data-[invalid=true]:border-destructive/70 data-[invalid=true]:ring-3 data-[invalid=true]:ring-destructive/15", h),
+				children: [
+					/* @__PURE__ */ n("input", {
+						ref: (e) => {
+							T.current[a] = e;
+						},
+						type: "radio",
+						name: b,
+						value: t.value,
+						checked: o,
+						disabled: s,
+						className: "sr-only",
+						onChange: () => D(t.value)
+					}),
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						className: e("mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full border border-input bg-background shadow-sm transition group-data-[checked=true]:border-primary group-data-[checked=true]:bg-primary", i[d]),
+						children: /* @__PURE__ */ n("span", { className: "size-1.5 rounded-full bg-primary-foreground opacity-0 transition group-data-[checked=true]:opacity-100" })
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ n("span", {
+							className: e("block font-medium text-foreground", g),
+							children: t.label
+						}), t.description ? /* @__PURE__ */ n("span", {
+							className: e("mt-1 block text-sm leading-6 text-muted-foreground", _),
+							children: t.description
+						}) : null]
+					})
+				]
+			}, t.value);
+		})
+	});
+}
+//#endregion
+export { a as RadioGroup };

package/dist/src/components/ui/right-click-menu/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e,t,n=224,r){return typeof window>`u`?{x:e,y:t}:{x:Math.min(Math.max(8,e),Math.max(8,window.innerWidth-n-8)),y:Math.min(Math.max(8,t),Math.max(8,window.innerHeight-r-8))}}function a({items:e,children:a,className:o,label:s=`Context menu`,...c}){let[l,u]=n.useState(!1),[d,f]=n.useState({x:0,y:0}),[p,m]=n.useState(0),h=n.useRef(null),g=n.useRef([]),_=n.useMemo(()=>e.map((e,t)=>({item:e,index:t})).filter(({item:e})=>!e.disabled),[e]),v=n.useCallback((t,n)=>{f(i(t,n,224,Math.max(44,e.length*42+12))),m(_[0]?.index??0),u(!0)},[_,e.length]);n.useEffect(()=>{if(!l)return;let e=()=>u(!1),t=e=>{e.key===`Escape`&&u(!1)};return window.addEventListener(`pointerdown`,e),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),window.addEventListener(`keydown`,t),()=>{window.removeEventListener(`pointerdown`,e),window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`keydown`,t)}},[l]),n.useEffect(()=>{l&&g.current[p]?.focus()},[p,l]);let y=e=>{if(_.length===0)return;let t=_[(_.findIndex(({index:e})=>e===p)+e+_.length)%_.length];m(t.index)};return(0,r.jsxs)(`div`,{"data-slot":`right-click-menu`,ref:h,tabIndex:0,className:t.cn(`contents focus:outline-none`,o),onContextMenu:e=>{e.preventDefault(),v(e.clientX,e.clientY)},onKeyDown:e=>{if(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`){e.preventDefault();let t=h.current?.getBoundingClientRect();v(t?t.left+12:12,t?t.top+12:12)}},...c,children:[a,l?(0,r.jsx)(`div`,{"data-slot":`right-click-menu-content`,role:`menu`,"aria-label":s,className:`fixed z-50 min-w-56 max-w-[calc(100vw-1rem)] rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-1.5 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-none`,style:{left:d.x,top:d.y},onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{e.key===`ArrowDown`&&(e.preventDefault(),y(1)),e.key===`ArrowUp`&&(e.preventDefault(),y(-1)),e.key===`Home`&&(e.preventDefault(),m(_[0]?.index??p)),e.key===`End`&&(e.preventDefault(),m(_.at(-1)?.index??p))},children:e.map((e,t)=>(0,r.jsxs)(`button`,{ref:e=>{g.current[t]=e},type:`button`,role:`menuitem`,disabled:e.disabled,"data-variant":e.variant??`default`,className:`group flex min-h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-left text-popover-foreground outline-none transition-[background-color,color] hover:bg-accent focus-visible:bg-accent data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:focus-visible:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0`,onClick:()=>{e.disabled||(e.onSelect?.(),u(!1))},children:[e.icon,(0,r.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),e.shortcut?(0,r.jsx)(`span`,{className:`ml-3 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-hover:text-foreground group-focus-visible:text-foreground`,children:e.shortcut}):null]},t))}):null]})}exports.RightClickMenu=a;

package/dist/src/components/ui/right-click-menu/index.js

@@ -0,0 +1,98 @@
+"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/ui/right-click-menu/index.tsx
+function i(e, t, n = 224, r) {
+	return typeof window > "u" ? {
+		x: e,
+		y: t
+	} : {
+		x: Math.min(Math.max(8, e), Math.max(8, window.innerWidth - n - 8)),
+		y: Math.min(Math.max(8, t), Math.max(8, window.innerHeight - r - 8))
+	};
+}
+function a({ items: a, children: o, className: s, label: c = "Context menu", ...l }) {
+	let [u, d] = t.useState(!1), [f, p] = t.useState({
+		x: 0,
+		y: 0
+	}), [m, h] = t.useState(0), g = t.useRef(null), _ = t.useRef([]), v = t.useMemo(() => a.map((e, t) => ({
+		item: e,
+		index: t
+	})).filter(({ item: e }) => !e.disabled), [a]), y = t.useCallback((e, t) => {
+		p(i(e, t, 224, Math.max(44, a.length * 42 + 12))), h(v[0]?.index ?? 0), d(!0);
+	}, [v, a.length]);
+	t.useEffect(() => {
+		if (!u) return;
+		let e = () => d(!1), t = (e) => {
+			e.key === "Escape" && d(!1);
+		};
+		return window.addEventListener("pointerdown", e), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), window.addEventListener("keydown", t), () => {
+			window.removeEventListener("pointerdown", e), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), window.removeEventListener("keydown", t);
+		};
+	}, [u]), t.useEffect(() => {
+		u && _.current[m]?.focus();
+	}, [m, u]);
+	let b = (e) => {
+		if (v.length === 0) return;
+		let t = v[(v.findIndex(({ index: e }) => e === m) + e + v.length) % v.length];
+		h(t.index);
+	};
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "right-click-menu",
+		ref: g,
+		tabIndex: 0,
+		className: e("contents focus:outline-none", s),
+		onContextMenu: (e) => {
+			e.preventDefault(), y(e.clientX, e.clientY);
+		},
+		onKeyDown: (e) => {
+			if (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") {
+				e.preventDefault();
+				let t = g.current?.getBoundingClientRect();
+				y(t ? t.left + 12 : 12, t ? t.top + 12 : 12);
+			}
+		},
+		...l,
+		children: [o, u ? /* @__PURE__ */ n("div", {
+			"data-slot": "right-click-menu-content",
+			role: "menu",
+			"aria-label": c,
+			className: "fixed z-50 min-w-56 max-w-[calc(100vw-1rem)] rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-1.5 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-none",
+			style: {
+				left: f.x,
+				top: f.y
+			},
+			onPointerDown: (e) => e.stopPropagation(),
+			onKeyDown: (e) => {
+				e.key === "ArrowDown" && (e.preventDefault(), b(1)), e.key === "ArrowUp" && (e.preventDefault(), b(-1)), e.key === "Home" && (e.preventDefault(), h(v[0]?.index ?? m)), e.key === "End" && (e.preventDefault(), h(v.at(-1)?.index ?? m));
+			},
+			children: a.map((e, t) => /* @__PURE__ */ r("button", {
+				ref: (e) => {
+					_.current[t] = e;
+				},
+				type: "button",
+				role: "menuitem",
+				disabled: e.disabled,
+				"data-variant": e.variant ?? "default",
+				className: "group flex min-h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-left text-popover-foreground outline-none transition-[background-color,color] hover:bg-accent focus-visible:bg-accent data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:focus-visible:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
+				onClick: () => {
+					e.disabled || (e.onSelect?.(), d(!1));
+				},
+				children: [
+					e.icon,
+					/* @__PURE__ */ n("span", {
+						className: "min-w-0 flex-1 truncate",
+						children: e.label
+					}),
+					e.shortcut ? /* @__PURE__ */ n("span", {
+						className: "ml-3 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-hover:text-foreground group-focus-visible:text-foreground",
+						children: e.shortcut
+					}) : null
+				]
+			}, t))
+		}) : null]
+	});
+}
+//#endregion
+export { a as RightClickMenu };

package/dist/src/components/ui/scroll-box/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,maxHeight:n,axis:i=`y`,style:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`scroll-box`,className:t.cn(`min-h-0 overscroll-contain`,i===`y`&&`overflow-y-auto overflow-x-hidden`,i===`x`&&`overflow-x-auto overflow-y-hidden`,i===`both`&&`overflow-auto`,e),style:{maxHeight:n,...a},...o})}exports.ScrollBox=i;

package/dist/src/components/ui/scroll-box/index.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ui/scroll-box/index.tsx
+function n({ className: n, maxHeight: r, axis: i = "y", style: a, ...o }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "scroll-box",
+		className: e("min-h-0 overscroll-contain", i === "y" && "overflow-y-auto overflow-x-hidden", i === "x" && "overflow-x-auto overflow-y-hidden", i === "both" && "overflow-auto", n),
+		style: {
+			maxHeight: r,
+			...a
+		},
+		...o
+	});
+}
+//#endregion
+export { n as ScrollBox };

package/dist/src/components/ui/segmented-control/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={sm:`min-h-8 px-2.5 text-xs`,md:`min-h-9 px-3.5 text-sm`,lg:`min-h-10 px-4 text-sm`};function a({value:e,defaultValue:a,onValueChange:o,options:s,size:c=`md`,fullWidth:l=!1,equalWidth:u=!1,className:d,...f}){let[p,m]=n.useState(a??s[0]?.value),h=e??p,g=n.useRef([]),_=t=>{e===void 0&&m(t),o?.(t)},v=(e,t)=>{let n=s.map((e,t)=>({option:e,index:t})).filter(({option:e})=>!e.disabled),r=n[(n.findIndex(({index:t})=>t===e)+t+n.length)%n.length];g.current[r?.index??e]?.focus()};return(0,r.jsx)(`div`,{"data-slot":`segmented-control`,role:`radiogroup`,className:t.cn(`inline-flex gap-1 rounded-[var(--radius-2xl)] border border-border/80 bg-muted/72 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_10px_26px_rgba(15,23,42,0.05)] backdrop-blur`,l&&`flex w-full`,u&&`grid auto-cols-fr grid-flow-col`,d),...f,children:s.map((e,n)=>{let a=e.value===h;return(0,r.jsxs)(`button`,{ref:e=>{g.current[n]=e},type:`button`,role:`radio`,"aria-checked":a,disabled:e.disabled,"data-selected":a||void 0,className:t.cn(`inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--radius-xl)-2px)] border border-transparent font-medium text-muted-foreground outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-background/58 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:-translate-y-px data-[selected=true]:border-border/85 data-[selected=true]:bg-background data-[selected=true]:text-foreground data-[selected=true]:shadow-[0_1px_0_rgba(255,255,255,0.24),0_12px_24px_rgba(15,23,42,0.12)] [&_svg]:size-4 [&_svg]:shrink-0`,i[c],(l||u)&&`w-full`),onClick:()=>_(e.value),onKeyDown:e=>{(e.key===`ArrowRight`||e.key===`ArrowDown`)&&(e.preventDefault(),v(n,1)),(e.key===`ArrowLeft`||e.key===`ArrowUp`)&&(e.preventDefault(),v(n,-1))},children:[e.icon,e.label]},e.value)})})}exports.SegmentedControl=a;

package/dist/src/components/ui/segmented-control/index.js

@@ -0,0 +1,48 @@
+"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/ui/segmented-control/index.tsx
+var i = {
+	sm: "min-h-8 px-2.5 text-xs",
+	md: "min-h-9 px-3.5 text-sm",
+	lg: "min-h-10 px-4 text-sm"
+};
+function a({ value: a, defaultValue: o, onValueChange: s, options: c, size: l = "md", fullWidth: u = !1, equalWidth: d = !1, className: f, ...p }) {
+	let [m, h] = t.useState(o ?? c[0]?.value), g = a ?? m, _ = t.useRef([]), v = (e) => {
+		a === void 0 && h(e), s?.(e);
+	}, y = (e, t) => {
+		let n = c.map((e, t) => ({
+			option: e,
+			index: t
+		})).filter(({ option: e }) => !e.disabled), r = n[(n.findIndex(({ index: t }) => t === e) + t + n.length) % n.length];
+		_.current[r?.index ?? e]?.focus();
+	};
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "segmented-control",
+		role: "radiogroup",
+		className: e("inline-flex gap-1 rounded-[var(--radius-2xl)] border border-border/80 bg-muted/72 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.06),0_10px_26px_rgba(15,23,42,0.05)] backdrop-blur", u && "flex w-full", d && "grid auto-cols-fr grid-flow-col", f),
+		...p,
+		children: c.map((t, n) => {
+			let a = t.value === g;
+			return /* @__PURE__ */ r("button", {
+				ref: (e) => {
+					_.current[n] = e;
+				},
+				type: "button",
+				role: "radio",
+				"aria-checked": a,
+				disabled: t.disabled,
+				"data-selected": a || void 0,
+				className: e("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-[calc(var(--radius-xl)-2px)] border border-transparent font-medium text-muted-foreground outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-background/58 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:-translate-y-px data-[selected=true]:border-border/85 data-[selected=true]:bg-background data-[selected=true]:text-foreground data-[selected=true]:shadow-[0_1px_0_rgba(255,255,255,0.24),0_12px_24px_rgba(15,23,42,0.12)] [&_svg]:size-4 [&_svg]:shrink-0", i[l], (u || d) && "w-full"),
+				onClick: () => v(t.value),
+				onKeyDown: (e) => {
+					(e.key === "ArrowRight" || e.key === "ArrowDown") && (e.preventDefault(), y(n, 1)), (e.key === "ArrowLeft" || e.key === "ArrowUp") && (e.preventDefault(), y(n, -1));
+				},
+				children: [t.icon, t.label]
+			}, t.value);
+		})
+	});
+}
+//#endregion
+export { a as SegmentedControl };

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

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");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,a)=>(0,i.jsxs)(l,{children:[n.label?(0,i.jsx)(p,{children:n.label}):null,n.options.map(n=>{let a=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:a}):(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,i.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:n.label}),a?(0,i.jsx)(r.CheckIcon,{className:`ml-auto size-3.5 text-primary`}):null]}),n.description?(0,i.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:n.description}):null]})},n.value)})]},a))]})]}):(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;

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

@@ -0,0 +1,215 @@
+"use client";
+import { cn as e, stopInteractivePropagation as t } from "../../../lib/utils.js";
+import * as n from "react";
+import { CheckIcon as r, ChevronDownIcon as i, ChevronUpIcon as a, LoaderCircleIcon as o, SearchIcon as s, XIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Select as d } from "@base-ui/react/select";
+//#region src/components/ui/select/index.tsx
+var f = d.Root;
+function p(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 m({ value: i, defaultValue: a, onValueChange: d, options: m, groups: x, placeholder: S = "Select", searchPlaceholder: C = "Search options...", emptyLabel: w = "No options found", emptyMessage: T, clearLabel: E = "Clear selection", size: D = "default", clearable: O = !1, searchable: k = !1, loading: A = !1, loadingLabel: j = "Loading options...", disabled: M = !1, showSelectedDescription: N = !0, triggerClassName: P, contentClassName: F, itemClassName: I, searchClassName: L, renderOption: R, invalid: z, children: B, onOpenChange: V, onSearchChange: H, ...U }) {
+	let W = !!(m || x), [G, K] = n.useState(""), q = n.useMemo(() => W ? x ?? [{ options: m ?? [] }] : [], [
+		x,
+		W,
+		m
+	]), J = n.useMemo(() => q.flatMap((e) => e.options), [q]).find((e) => e.value === i), Y = q.map((e) => ({
+		...e,
+		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: i ?? void 0,
+		defaultValue: a ?? void 0,
+		onValueChange: (e) => d?.(e ?? void 0),
+		disabled: M || A,
+		onOpenChange: (e, t) => {
+			e || K(""), V?.(e, t);
+		},
+		...U,
+		children: [/* @__PURE__ */ u(_, {
+			size: D,
+			"aria-invalid": z || void 0,
+			className: e("w-full", P),
+			children: [
+				/* @__PURE__ */ l(g, {
+					placeholder: S,
+					children: J ? /* @__PURE__ */ u("span", {
+						className: "flex min-w-0 flex-col items-start",
+						children: [/* @__PURE__ */ l("span", {
+							className: "truncate",
+							children: J.label
+						}), N && J.description ? /* @__PURE__ */ l("span", {
+							className: "truncate text-[11px] font-medium text-muted-foreground",
+							children: J.description
+						}) : null]
+					}) : null
+				}),
+				A ? /* @__PURE__ */ l(o, { className: "size-4 animate-spin text-muted-foreground" }) : null,
+				O && i && !M && !A ? /* @__PURE__ */ l("span", {
+					role: "button",
+					tabIndex: 0,
+					"aria-label": E,
+					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(e), d?.(void 0);
+					},
+					onMouseDown: t,
+					onDoubleClick: t,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), d?.(void 0));
+					},
+					children: /* @__PURE__ */ l(c, { className: "size-3.5" })
+				}) : null
+			]
+		}), /* @__PURE__ */ u(v, {
+			className: e("w-(--anchor-width)", F),
+			children: [k ? /* @__PURE__ */ u("div", {
+				"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: G,
+					onChange: (e) => {
+						K(e.target.value), H?.(e.target.value);
+					},
+					placeholder: C,
+					className: e("min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground", L)
+				})]
+			}) : null, A ? /* @__PURE__ */ u("div", {
+				"data-slot": "select-state",
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(o, { className: "size-4 animate-spin" }), j]
+			}) : X === 0 ? /* @__PURE__ */ l("div", {
+				"data-slot": "select-state",
+				children: T ?? w
+			}) : 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 === i;
+				return /* @__PURE__ */ l(b, {
+					value: t.value,
+					disabled: t.disabled,
+					className: e("rounded-[var(--radius-md)]", I),
+					children: R ? R(t, { selected: n }) : /* @__PURE__ */ u("span", {
+						className: "flex min-w-0 flex-1 flex-col",
+						children: [/* @__PURE__ */ u("span", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "truncate",
+								children: t.label
+							}), n ? /* @__PURE__ */ l(r, { className: "ml-auto size-3.5 text-primary" }) : null]
+						}), t.description ? /* @__PURE__ */ l("span", {
+							className: "truncate text-xs text-muted-foreground",
+							children: t.description
+						}) : null]
+					})
+				}, t.value);
+			})] }, n))]
+		})]
+	}) : /* @__PURE__ */ l(f, {
+		value: i ?? void 0,
+		defaultValue: a ?? void 0,
+		onValueChange: (e) => d?.(e ?? void 0),
+		onOpenChange: V,
+		disabled: M,
+		...U,
+		children: B
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ l(d.Group, {
+		"data-slot": "select-group",
+		className: e("scroll-my-1 p-1", t),
+		...n
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ l(d.Value, {
+		"data-slot": "select-value",
+		className: e("flex flex-1 text-left", t),
+		...n
+	});
+}
+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),
+		...a,
+		children: [r, /* @__PURE__ */ l(d.Icon, { render: /* @__PURE__ */ l("span", {
+			"data-slot": "select-icon",
+			className: "inline-flex shrink-0 items-center justify-center",
+			children: /* @__PURE__ */ l(i, { "data-icon": "chevron" })
+		}) })]
+	});
+}
+function v({ className: t, children: n, side: r = "bottom", sideOffset: i = 4, align: a = "center", alignOffset: o = 0, alignItemWithTrigger: s = !0, ...c }) {
+	return /* @__PURE__ */ l(d.Portal, { children: /* @__PURE__ */ l(d.Positioner, {
+		side: r,
+		sideOffset: i,
+		align: a,
+		alignOffset: o,
+		alignItemWithTrigger: s,
+		className: "isolate z-50",
+		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),
+			...c,
+			children: [
+				/* @__PURE__ */ l(S, {}),
+				/* @__PURE__ */ l(d.List, { children: n }),
+				/* @__PURE__ */ l(C, {})
+			]
+		})
+	}) });
+}
+function y({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.GroupLabel, {
+		"data-slot": "select-label",
+		className: e,
+		...t
+	});
+}
+function b({ className: t, children: n, ...i }) {
+	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,
+		children: [/* @__PURE__ */ l(d.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children: n
+		}), /* @__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" })
+		})]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ l(d.Separator, {
+		"data-slot": "select-separator",
+		className: e("pointer-events-none", t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ l(d.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: e("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", t),
+		...n,
+		children: /* @__PURE__ */ l(a, {})
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ l(d.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: e("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", t),
+		...n,
+		children: /* @__PURE__ */ l(i, {})
+	});
+}
+//#endregion
+export { m as Select, v as SelectContent, h as SelectGroup, b as SelectItem, y as SelectLabel, C as SelectScrollDownButton, S as SelectScrollUpButton, x as SelectSeparator, _ as SelectTrigger, g as SelectValue };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={sm:`rounded-sm`,md:`rounded-md`,lg:`rounded-lg`,full:`rounded-full`};function a({rounded:e=`md`,animated:n=!0,className:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`skeleton`,"aria-hidden":`true`,className:t.cn(`bg-[linear-gradient(135deg,color-mix(in_oklch,var(--muted),white_38%)_0%,color-mix(in_oklch,var(--muted),transparent_6%)_48%,color-mix(in_oklch,var(--muted),white_28%)_100%)] ring-1 ring-foreground/4`,n&&`animate-pulse`,i[e],a),...o})}function o({rows:e=3,lastRowWidth:n=`65%`,className:i,...o}){return(0,r.jsx)(`div`,{"data-slot":`skeleton-text`,className:t.cn(`grid gap-2`,i),...o,children:Array.from({length:Math.max(e,1)},(t,i)=>(0,r.jsx)(a,{className:`h-4 w-full`,style:i===e-1?{width:n}:void 0},i))})}function s({avatar:e=!1,rows:n=3,className:i,...s}){return(0,r.jsx)(`div`,{"data-slot":`skeleton-card`,className:t.cn(`rounded-[var(--radius-2xl)] border border-border/80 bg-card/96 p-5 shadow-sm ring-1 ring-foreground/5`,i),...s,children:(0,r.jsxs)(`div`,{className:`flex gap-3`,children:[e&&(0,r.jsx)(a,{rounded:`full`,className:`size-10 shrink-0`}),(0,r.jsxs)(`div`,{className:`grid flex-1 gap-3`,children:[(0,r.jsx)(a,{className:`h-5 w-1/2`}),(0,r.jsx)(o,{rows:n})]})]})})}exports.Skeleton=a,exports.SkeletonCard=s,exports.SkeletonText=o;

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

@@ -0,0 +1,48 @@
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/ui/skeleton/index.tsx
+var r = {
+	sm: "rounded-sm",
+	md: "rounded-md",
+	lg: "rounded-lg",
+	full: "rounded-full"
+};
+function i({ rounded: n = "md", animated: i = !0, className: a, ...o }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		"aria-hidden": "true",
+		className: e("bg-[linear-gradient(135deg,color-mix(in_oklch,var(--muted),white_38%)_0%,color-mix(in_oklch,var(--muted),transparent_6%)_48%,color-mix(in_oklch,var(--muted),white_28%)_100%)] ring-1 ring-foreground/4", i && "animate-pulse", r[n], a),
+		...o
+	});
+}
+function a({ rows: n = 3, lastRowWidth: r = "65%", className: a, ...o }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton-text",
+		className: e("grid gap-2", a),
+		...o,
+		children: Array.from({ length: Math.max(n, 1) }, (e, a) => /* @__PURE__ */ t(i, {
+			className: "h-4 w-full",
+			style: a === n - 1 ? { width: r } : void 0
+		}, a))
+	});
+}
+function o({ avatar: r = !1, rows: o = 3, className: s, ...c }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton-card",
+		className: e("rounded-[var(--radius-2xl)] border border-border/80 bg-card/96 p-5 shadow-sm ring-1 ring-foreground/5", s),
+		...c,
+		children: /* @__PURE__ */ n("div", {
+			className: "flex gap-3",
+			children: [r && /* @__PURE__ */ t(i, {
+				rounded: "full",
+				className: "size-10 shrink-0"
+			}), /* @__PURE__ */ n("div", {
+				className: "grid flex-1 gap-3",
+				children: [/* @__PURE__ */ t(i, { className: "h-5 w-1/2" }), /* @__PURE__ */ t(a, { rows: o })]
+			})]
+		})
+	});
+}
+//#endregion
+export { i as Skeleton, o as SkeletonCard, a as SkeletonText };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={xs:`size-3`,sm:`size-4`,md:`size-5`,lg:`size-7`};function o({size:e=`md`,label:n=`Loading`,className:o,...s}){return(0,i.jsx)(`span`,{"data-slot":`spinner`,role:`status`,"aria-label":n,className:t.cn(`inline-flex items-center justify-center text-muted-foreground`,o),...s,children:(0,i.jsx)(r.Loader2Icon,{className:t.cn(`animate-spin`,a[e])})})}function s({loading:e=!0,label:n,className:r,children:a,...s}){return(0,i.jsxs)(`div`,{"data-slot":`loading-overlay`,className:t.cn(`relative`,r),...s,children:[a,e&&(0,i.jsx)(`div`,{className:`absolute inset-0 z-10 flex items-center justify-center rounded-inherit bg-background/70 backdrop-blur-sm`,children:(0,i.jsx)(o,{label:n})})]})}exports.LoadingOverlay=s,exports.Spinner=o;