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

tembro 3.0.0 → 3.1.1

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

Files changed (2515) hide show

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

@@ -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 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-4 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] 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: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "popover-header",
+		className: e("flex flex-col gap-1 text-sm", n),
+		...r
+	});
+}
+function s({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Title, {
+		"data-slot": "popover-title",
+		className: e("text-base font-semibold tracking-tight", r),
+		...i
+	});
+}
+function c({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Description, {
+		"data-slot": "popover-description",
+		className: e("leading-6 text-muted-foreground", r),
+		...i
+	});
+}
+//#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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");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 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm`,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 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-4 animate-spin`}),E]}):G===0?(0,i.jsx)(`div`,{"data-slot":`select-state`,className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,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 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] pr-3 pl-3 text-sm whitespace-nowrap text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] hover:shadow-[var(--aui-control-shadow-hover,0_2px_6px_rgba(15,23,42,0.06))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-danger-ring,var(--destructive)),0_0_0_4px_var(--aui-danger-ring-soft,transparent)] data-placeholder:text-muted-foreground/74 data-[size=default]:h-11 data-[size=lg]:h-12 data-[size=sm]:h-9 data-[size=sm]:rounded-[var(--radius-sm)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(a.Select.Icon,{render:(0,i.jsx)(`span`,{className:`inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground`,children:(0,i.jsx)(r.ChevronDownIcon,{className:`size-4`})})})]})}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 z-50 max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-1.5 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur duration-100 data-[align-trigger=true]:animate-none 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`,e),...u,children:[(0,i.jsx)(g,{}),(0,i.jsx)(a.Select.List,{children:n}),(0,i.jsx)(_,{})]})})})}function p({className:e,...n}){return(0,i.jsx)(a.Select.GroupLabel,{"data-slot":`select-label`,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90`,e),...n})}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 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm text-[color:var(--aui-page-muted-strong,var(--foreground))] outline-hidden select-none transition-[background-color,border-color,color,box-shadow,transform] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[selected]:border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] data-[selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] data-[selected]:font-semibold data-[selected]:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:min-w-0 *:[span]:last:items-center *:[span]:last:gap-2`,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 -mx-1 my-1.5 h-px bg-border/80`,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 ADDED Viewed

@@ -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 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm",
+				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 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ l(o, { className: "size-4 animate-spin" }), j]
+			}) : X === 0 ? /* @__PURE__ */ l("div", {
+				"data-slot": "select-state",
+				className: "rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground",
+				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 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] pr-3 pl-3 text-sm whitespace-nowrap text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[background-color,border-color,box-shadow,color] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] hover:shadow-[var(--aui-control-shadow-hover,0_2px_6px_rgba(15,23,42,0.06))] focus-visible:border-[color:var(--ring)] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] disabled:cursor-not-allowed disabled:border-[color:color-mix(in_oklch,var(--border),transparent_18%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:opacity-100 aria-invalid:border-destructive aria-invalid:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-danger-ring,var(--destructive)),0_0_0_4px_var(--aui-danger-ring-soft,transparent)] data-placeholder:text-muted-foreground/74 data-[size=default]:h-11 data-[size=lg]:h-12 data-[size=sm]:h-9 data-[size=sm]:rounded-[var(--radius-sm)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...a,
+		children: [r, /* @__PURE__ */ l(d.Icon, { render: /* @__PURE__ */ l("span", {
+			className: "inline-flex size-4 shrink-0 items-center justify-center text-muted-foreground",
+			children: /* @__PURE__ */ l(i, { className: "size-4" })
+		}) })]
+	});
+}
+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 z-50 max-h-(--available-height) w-(--anchor-width) min-w-52 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-1.5 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur duration-100 data-[align-trigger=true]:animate-none 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", t),
+			...c,
+			children: [
+				/* @__PURE__ */ l(S, {}),
+				/* @__PURE__ */ l(d.List, { children: n }),
+				/* @__PURE__ */ l(C, {})
+			]
+		})
+	}) });
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ l(d.GroupLabel, {
+		"data-slot": "select-label",
+		className: e("px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90", t),
+		...n
+	});
+}
+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 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm text-[color:var(--aui-page-muted-strong,var(--foreground))] outline-hidden select-none transition-[background-color,border-color,color,box-shadow,transform] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[selected]:border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] data-[selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] data-[selected]:font-semibold data-[selected]:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:min-w-0 *:[span]:last:items-center *:[span]:last:gap-2", 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 -mx-1 my-1.5 h-px bg-border/80", 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 ADDED Viewed

@@ -0,0 +1 @@

+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");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 ADDED Viewed

@@ -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 };