tembro 3.0.0 → 3.1.1

package/dist/src/components/modern/calendar-scheduler.js

@@ -0,0 +1,91 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/modern/calendar-scheduler.tsx
+var r = {
+	default: "border-border bg-muted",
+	success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300",
+	warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300",
+	danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300"
+};
+function i({ events: i, days: a, view: o = "week", empty: s = "No events scheduled.", onCreateEvent: c, onEventClick: l, className: u, ...d }) {
+	let f = a ?? Array.from(new Set(i.map((e) => e.date)));
+	return f.length === 0 ? /* @__PURE__ */ t("div", {
+		"data-slot": "calendar-scheduler",
+		"data-view": o,
+		className: e("rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", u),
+		...d,
+		children: /* @__PURE__ */ t("div", {
+			className: "flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center",
+			children: /* @__PURE__ */ n("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ t("p", {
+					"data-empty": "true",
+					className: "text-sm font-medium text-foreground",
+					children: s
+				}), c ? /* @__PURE__ */ t("button", {
+					type: "button",
+					className: "rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
+					onClick: () => c("today"),
+					children: "Create event"
+				}) : null]
+			})
+		})
+	}) : /* @__PURE__ */ t("div", {
+		"data-slot": "calendar-scheduler",
+		"data-view": o,
+		className: e("grid gap-3", o === "month" && "md:grid-cols-2 xl:grid-cols-3", u),
+		...d,
+		children: f.map((a) => {
+			let o = i.filter((e) => e.date === a);
+			return /* @__PURE__ */ n("section", {
+				className: "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]",
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: "mb-3 flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ t("div", {
+							className: "text-sm font-semibold text-foreground",
+							children: a
+						}), /* @__PURE__ */ n("div", {
+							className: "text-xs text-muted-foreground",
+							children: [o.length, " items"]
+						})]
+					}),
+					/* @__PURE__ */ t("div", {
+						className: "grid gap-2",
+						children: o.length === 0 ? /* @__PURE__ */ t("div", {
+							className: "rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground",
+							children: s
+						}) : o.map((i) => /* @__PURE__ */ n("button", {
+							type: "button",
+							className: e("rounded-[var(--radius-md)] border px-3 py-2.5 text-left text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r[i.tone ?? "default"]),
+							onClick: () => l?.(i),
+							children: [
+								/* @__PURE__ */ t("div", {
+									className: "font-medium",
+									children: i.title
+								}),
+								i.time && /* @__PURE__ */ t("div", {
+									className: "mt-1 text-xs opacity-70",
+									children: i.time
+								}),
+								i.durationMinutes && /* @__PURE__ */ n("div", {
+									className: "mt-1 text-xs opacity-70",
+									children: [i.durationMinutes, " min"]
+								})
+							]
+						}, i.id))
+					}),
+					c && /* @__PURE__ */ t("button", {
+						type: "button",
+						className: "mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
+						onClick: () => c(a),
+						children: "Create event"
+					})
+				]
+			}, a);
+		})
+	});
+}
+//#endregion
+export { i as CalendarScheduler };

package/dist/src/components/modern/dual-list-picker.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({items:e,picked:i,defaultPicked:a=[],onPickedChange:o,availableTitle:s=`Available`,pickedTitle:c=`Selected`,searchPlaceholder:l=`Search items...`,emptyMessage:u=`Nothing to show.`,maxPicked:d,transferAll:f=!0,className:p,...m}){let[h,g]=n.useState(a),[_,v]=n.useState(``),y=i??h,b=n.useMemo(()=>new Set(y),[y]),x=_.trim().toLowerCase(),S=n.useCallback(e=>x?(typeof e.label==`string`?e.label:String(e.value)).toLowerCase().includes(x)||e.value.toLowerCase().includes(x):!0,[x]),C=n.useMemo(()=>e.filter(e=>!b.has(e.value)&&S(e)),[e,S,b]),w=n.useMemo(()=>e.filter(e=>b.has(e.value)&&S(e)),[e,S,b]),T=d!==void 0&&y.length>=d,E=n.useCallback(e=>{i===void 0&&g(e),o?.(e)},[o,i]);function D(e){if(b.has(e)){E(y.filter(t=>t!==e));return}T||E([...y,e])}function O(){let t=[...y];for(let n of e)if(!(n.disabled||b.has(n.value))){if(d!==void 0&&t.length>=d)break;t.push(n.value)}E(t)}function k(){E([])}let A=(e,t)=>(0,r.jsxs)(`div`,{className:`min-h-48 rounded-lg border bg-card`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2 text-sm font-medium`,children:[(0,r.jsx)(`span`,{children:e}),(0,r.jsx)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:t.length})]}),(0,r.jsx)(`div`,{className:`grid gap-1 p-2`,children:t.length?t.map(e=>(0,r.jsxs)(`button`,{type:`button`,disabled:e.disabled,"aria-pressed":b.has(e.value),className:`flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted disabled:opacity-50`,onClick:()=>D(e.value),children:[(0,r.jsx)(`span`,{children:e.label}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:b.has(e.value)?`−`:`+`})]},e.value)):(0,r.jsx)(`div`,{className:`px-2 py-3 text-sm text-muted-foreground`,children:u})})]});return(0,r.jsxs)(`div`,{"data-slot":`dual-list-picker`,className:t.cn(`grid gap-3`,p),...m,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,r.jsx)(`input`,{value:_,placeholder:l,className:`h-9 min-w-0 rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:max-w-xs`,onChange:e=>v(e.currentTarget.value)}),f?(0,r.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:T,onClick:O,children:`Add all`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:y.length===0,onClick:k,children:`Remove all`})]}):null]}),(0,r.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[A(s,C),A(c,w)]}),d===void 0?null:(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[y.length,` / `,d,` selected`]})]})}exports.DualListPicker=i;

package/dist/src/components/modern/dual-list-picker.js

@@ -0,0 +1,108 @@
+"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/modern/dual-list-picker.tsx
+function i({ items: i, picked: a, defaultPicked: o = [], onPickedChange: s, availableTitle: c = "Available", pickedTitle: l = "Selected", searchPlaceholder: u = "Search items...", emptyMessage: d = "Nothing to show.", maxPicked: f, transferAll: p = !0, className: m, ...h }) {
+	let [g, _] = t.useState(o), [v, y] = t.useState(""), b = a ?? g, x = t.useMemo(() => new Set(b), [b]), S = v.trim().toLowerCase(), C = t.useCallback((e) => S ? (typeof e.label == "string" ? e.label : String(e.value)).toLowerCase().includes(S) || e.value.toLowerCase().includes(S) : !0, [S]), w = t.useMemo(() => i.filter((e) => !x.has(e.value) && C(e)), [
+		i,
+		C,
+		x
+	]), T = t.useMemo(() => i.filter((e) => x.has(e.value) && C(e)), [
+		i,
+		C,
+		x
+	]), E = f !== void 0 && b.length >= f, D = t.useCallback((e) => {
+		a === void 0 && _(e), s?.(e);
+	}, [s, a]);
+	function O(e) {
+		if (x.has(e)) {
+			D(b.filter((t) => t !== e));
+			return;
+		}
+		E || D([...b, e]);
+	}
+	function k() {
+		let e = [...b];
+		for (let t of i) if (!(t.disabled || x.has(t.value))) {
+			if (f !== void 0 && e.length >= f) break;
+			e.push(t.value);
+		}
+		D(e);
+	}
+	function A() {
+		D([]);
+	}
+	let j = (e, t) => /* @__PURE__ */ r("div", {
+		className: "min-h-48 rounded-lg border bg-card",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between gap-2 border-b px-3 py-2 text-sm font-medium",
+			children: [/* @__PURE__ */ n("span", { children: e }), /* @__PURE__ */ n("span", {
+				className: "text-xs font-normal text-muted-foreground",
+				children: t.length
+			})]
+		}), /* @__PURE__ */ n("div", {
+			className: "grid gap-1 p-2",
+			children: t.length ? t.map((e) => /* @__PURE__ */ r("button", {
+				type: "button",
+				disabled: e.disabled,
+				"aria-pressed": x.has(e.value),
+				className: "flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted disabled:opacity-50",
+				onClick: () => O(e.value),
+				children: [/* @__PURE__ */ n("span", { children: e.label }), /* @__PURE__ */ n("span", {
+					className: "text-muted-foreground",
+					children: x.has(e.value) ? "−" : "+"
+				})]
+			}, e.value)) : /* @__PURE__ */ n("div", {
+				className: "px-2 py-3 text-sm text-muted-foreground",
+				children: d
+			})
+		})]
+	});
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dual-list-picker",
+		className: e("grid gap-3", m),
+		...h,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ n("input", {
+					value: v,
+					placeholder: u,
+					className: "h-9 min-w-0 rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:max-w-xs",
+					onChange: (e) => y(e.currentTarget.value)
+				}), p ? /* @__PURE__ */ r("div", {
+					className: "flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ n("button", {
+						type: "button",
+						className: "rounded-md border px-3 py-1.5 text-sm disabled:opacity-50",
+						disabled: E,
+						onClick: k,
+						children: "Add all"
+					}), /* @__PURE__ */ n("button", {
+						type: "button",
+						className: "rounded-md border px-3 py-1.5 text-sm disabled:opacity-50",
+						disabled: b.length === 0,
+						onClick: A,
+						children: "Remove all"
+					})]
+				}) : null]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "grid gap-3 md:grid-cols-2",
+				children: [j(c, w), j(l, T)]
+			}),
+			f === void 0 ? null : /* @__PURE__ */ r("div", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					b.length,
+					" / ",
+					f,
+					" selected"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { i as DualListPicker };

package/dist/src/components/modern/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../display/carousel.cjs"),t=require("../display/tag.cjs"),n=require("../display/typography.cjs"),r=require("./calendar-scheduler.cjs"),i=require("./dual-list-picker.cjs"),a=require("./resizable-panel.cjs");exports.Blockquote=n.Blockquote,exports.CalendarScheduler=r.CalendarScheduler,exports.Carousel=e.Carousel,exports.CarouselItem=e.CarouselItem,exports.Chip=t.Chip,exports.DualListPicker=i.DualListPicker,exports.Heading=n.Heading,exports.Mark=n.Mark,exports.ResizableHandle=a.ResizableHandle,exports.ResizablePanel=a.ResizablePanel,exports.ResizablePanelGroup=a.ResizablePanelGroup,exports.Spoiler=n.Spoiler,exports.SpoilerSummary=n.SpoilerSummary,exports.Tag=t.Tag,exports.TagGroup=t.TagGroup,exports.Text=n.Text;

package/dist/src/components/modern/index.js

@@ -0,0 +1,7 @@
+import { Carousel as e, CarouselItem as t } from "../display/carousel.js";
+import { Chip as n, Tag as r, TagGroup as i } from "../display/tag.js";
+import { Blockquote as a, Heading as o, Mark as s, Spoiler as c, SpoilerSummary as l, Text as u } from "../display/typography.js";
+import { CalendarScheduler as d } from "./calendar-scheduler.js";
+import { DualListPicker as f } from "./dual-list-picker.js";
+import { ResizableHandle as p, ResizablePanel as m, ResizablePanelGroup as h } from "./resizable-panel.js";
+export { a as Blockquote, d as CalendarScheduler, e as Carousel, t as CarouselItem, n as Chip, f as DualListPicker, o as Heading, s as Mark, p as ResizableHandle, m as ResizablePanel, h as ResizablePanelGroup, c as Spoiler, l as SpoilerSummary, r as Tag, i as TagGroup, u as Text };

package/dist/src/components/modern/resizable-panel.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");var a=n.createContext(null);function o(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number.parseFloat(e.replace(`%`,``));return Number.isFinite(t)?t:void 0}}function s({direction:e=`horizontal`,className:r,children:s,...u}){let d=n.useRef(null),f=n.Children.toArray(s).filter(e=>n.isValidElement(e)&&e.type===c),p=f.length,m=n.useMemo(()=>{let e=f.map(e=>o(e.props.defaultSize)),t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=Math.max(100-t,0),i=n>0?r/n:p>0?100/p:100;return e.map(e=>e??i)},[p,f]),h=n.useMemo(()=>f.map(e=>e.props.minSize??15),[f]),[g,_]=n.useState(m);n.useEffect(()=>{_(m)},[m]);let v=n.useCallback((t,n)=>{let r=d.current;if(!r||t<0||t>=p-1)return;let i=e===`horizontal`?r.getBoundingClientRect().width:r.getBoundingClientRect().height;if(!i)return;let a=n/i*100;_(e=>{let n=[...e],r=n[t]??0,i=n[t+1]??0,o=h[t]??15,s=h[t+1]??15,c=r+a,l=Math.min(Math.max(c,o),r+i-s),u=l-r;return n[t]=l,n[t+1]=i-u,n})},[e,h,p]),y=n.Children.map(s,e=>{if(!n.isValidElement(e))return e;if(e.type===c){let t=f.findIndex(t=>t===e);return n.cloneElement(e,{"data-panel-index":t})}if(e.type===l){let t=n.Children.toArray(s).slice(0,n.Children.toArray(s).indexOf(e)).filter(e=>n.isValidElement(e)&&e.type===c).length-1;return n.cloneElement(e,{"data-handle-index":t})}return e});return(0,i.jsx)(a.Provider,{value:{direction:e,getSize:e=>g[e]??100/Math.max(p,1),resizePanels:v},children:(0,i.jsx)(`div`,{ref:d,"data-slot":`resizable-panel-group`,"data-direction":e,className:t.cn(`flex gap-2`,e===`horizontal`?`flex-row items-stretch`:`flex-col`,r),...u,children:y})})}function c({className:e,style:r,defaultSize:s,...c}){let l=n.useContext(a),u=Number(c[`data-panel-index`]??0),d=l?l.getSize(u):o(s)??100;return(0,i.jsx)(`div`,{"data-slot":`resizable-panel`,className:t.cn(`min-h-24 overflow-auto rounded-lg border bg-card p-3`,e),style:{flexBasis:`${d}%`,flexGrow:0,flexShrink:0,...r},...c})}function l({className:e,...o}){let s=n.useContext(a),c=Number(o[`data-handle-index`]??0),l=n.useRef(null);return(0,i.jsx)(`button`,{type:`button`,"data-slot":`resizable-handle`,"aria-label":`Resize panels`,className:t.cn(`relative flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/85 text-muted-foreground shadow-sm transition-colors hover:border-ring/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,s?.direction===`horizontal`?`w-3 cursor-col-resize`:`h-3 cursor-row-resize`,e),onPointerDown:e=>{s&&(l.current={pointerId:e.pointerId,axis:s.direction===`horizontal`?e.clientX:e.clientY},e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove:e=>{if(!s||!l.current||l.current.pointerId!==e.pointerId)return;let t=s.direction===`horizontal`?e.clientX:e.clientY,n=t-l.current.axis;n!==0&&(l.current.axis=t,s.resizePanels(c,n))},onPointerUp:e=>{l.current?.pointerId===e.pointerId&&(l.current=null)},onPointerCancel:()=>{l.current=null},onKeyDown:e=>{if(!s)return;let t=e.shiftKey?24:12;s.direction===`horizontal`&&e.key===`ArrowLeft`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`horizontal`&&e.key===`ArrowRight`&&(e.preventDefault(),s.resizePanels(c,t)),s.direction===`vertical`&&e.key===`ArrowUp`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`vertical`&&e.key===`ArrowDown`&&(e.preventDefault(),s.resizePanels(c,t))},...o,children:(0,i.jsx)(r.GripVerticalIcon,{className:t.cn(`size-3`,s?.direction===`vertical`&&`rotate-90`)})})}exports.ResizableHandle=l,exports.ResizablePanel=c,exports.ResizablePanelGroup=s;

package/dist/src/components/modern/resizable-panel.js

@@ -0,0 +1,113 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { GripVerticalIcon as n } from "lucide-react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/modern/resizable-panel.tsx
+var i = t.createContext(null);
+function a(e) {
+	if (typeof e == "number") return e;
+	if (typeof e == "string") {
+		let t = Number.parseFloat(e.replace("%", ""));
+		return Number.isFinite(t) ? t : void 0;
+	}
+}
+function o({ direction: n = "horizontal", className: o, children: l, ...u }) {
+	let d = t.useRef(null), f = t.Children.toArray(l).filter((e) => t.isValidElement(e) && e.type === s), p = f.length, m = t.useMemo(() => {
+		let e = f.map((e) => a(e.props.defaultSize)), t = e.reduce((e, t) => e + (t ?? 0), 0), n = e.filter((e) => e === void 0).length, r = Math.max(100 - t, 0), i = n > 0 ? r / n : p > 0 ? 100 / p : 100;
+		return e.map((e) => e ?? i);
+	}, [p, f]), h = t.useMemo(() => f.map((e) => e.props.minSize ?? 15), [f]), [g, _] = t.useState(m);
+	t.useEffect(() => {
+		_(m);
+	}, [m]);
+	let v = t.useCallback((e, t) => {
+		let r = d.current;
+		if (!r || e < 0 || e >= p - 1) return;
+		let i = n === "horizontal" ? r.getBoundingClientRect().width : r.getBoundingClientRect().height;
+		if (!i) return;
+		let a = t / i * 100;
+		_((t) => {
+			let n = [...t], r = n[e] ?? 0, i = n[e + 1] ?? 0, o = h[e] ?? 15, s = h[e + 1] ?? 15, c = r + a, l = Math.min(Math.max(c, o), r + i - s), u = l - r;
+			return n[e] = l, n[e + 1] = i - u, n;
+		});
+	}, [
+		n,
+		h,
+		p
+	]), y = t.Children.map(l, (e) => {
+		if (!t.isValidElement(e)) return e;
+		if (e.type === s) {
+			let n = f.findIndex((t) => t === e);
+			return t.cloneElement(e, { "data-panel-index": n });
+		}
+		if (e.type === c) {
+			let n = t.Children.toArray(l).slice(0, t.Children.toArray(l).indexOf(e)).filter((e) => t.isValidElement(e) && e.type === s).length - 1;
+			return t.cloneElement(e, { "data-handle-index": n });
+		}
+		return e;
+	});
+	return /* @__PURE__ */ r(i.Provider, {
+		value: {
+			direction: n,
+			getSize: (e) => g[e] ?? 100 / Math.max(p, 1),
+			resizePanels: v
+		},
+		children: /* @__PURE__ */ r("div", {
+			ref: d,
+			"data-slot": "resizable-panel-group",
+			"data-direction": n,
+			className: e("flex gap-2", n === "horizontal" ? "flex-row items-stretch" : "flex-col", o),
+			...u,
+			children: y
+		})
+	});
+}
+function s({ className: n, style: o, defaultSize: s, ...c }) {
+	let l = t.useContext(i), u = Number(c["data-panel-index"] ?? 0), d = l ? l.getSize(u) : a(s) ?? 100;
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "resizable-panel",
+		className: e("min-h-24 overflow-auto rounded-lg border bg-card p-3", n),
+		style: {
+			flexBasis: `${d}%`,
+			flexGrow: 0,
+			flexShrink: 0,
+			...o
+		},
+		...c
+	});
+}
+function c({ className: a, ...o }) {
+	let s = t.useContext(i), c = Number(o["data-handle-index"] ?? 0), l = t.useRef(null);
+	return /* @__PURE__ */ r("button", {
+		type: "button",
+		"data-slot": "resizable-handle",
+		"aria-label": "Resize panels",
+		className: e("relative flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/85 text-muted-foreground shadow-sm transition-colors hover:border-ring/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", s?.direction === "horizontal" ? "w-3 cursor-col-resize" : "h-3 cursor-row-resize", a),
+		onPointerDown: (e) => {
+			s && (l.current = {
+				pointerId: e.pointerId,
+				axis: s.direction === "horizontal" ? e.clientX : e.clientY
+			}, e.currentTarget.setPointerCapture(e.pointerId));
+		},
+		onPointerMove: (e) => {
+			if (!s || !l.current || l.current.pointerId !== e.pointerId) return;
+			let t = s.direction === "horizontal" ? e.clientX : e.clientY, n = t - l.current.axis;
+			n !== 0 && (l.current.axis = t, s.resizePanels(c, n));
+		},
+		onPointerUp: (e) => {
+			l.current?.pointerId === e.pointerId && (l.current = null);
+		},
+		onPointerCancel: () => {
+			l.current = null;
+		},
+		onKeyDown: (e) => {
+			if (!s) return;
+			let t = e.shiftKey ? 24 : 12;
+			s.direction === "horizontal" && e.key === "ArrowLeft" && (e.preventDefault(), s.resizePanels(c, -t)), s.direction === "horizontal" && e.key === "ArrowRight" && (e.preventDefault(), s.resizePanels(c, t)), s.direction === "vertical" && e.key === "ArrowUp" && (e.preventDefault(), s.resizePanels(c, -t)), s.direction === "vertical" && e.key === "ArrowDown" && (e.preventDefault(), s.resizePanels(c, t));
+		},
+		...o,
+		children: /* @__PURE__ */ r(n, { className: e("size-3", s?.direction === "vertical" && "rotate-90") })
+	});
+}
+//#endregion
+export { c as ResizableHandle, s as ResizablePanel, o as ResizablePanelGroup };

package/dist/src/components/modern/rich-text-editor.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({value:e,defaultValue:i,onValueChange:a,output:o,placeholder:s=`Start typing...`,className:c,children:l,...u}){let[d,f]=n.useState(i??``),p=e!==void 0,m=p?e??``:d;return(0,r.jsxs)(`div`,{...u,"data-slot":`rich-text-editor`,className:t.cn(`min-h-28 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-3 py-2 text-sm leading-6 text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] outline-none transition-[background-color,border-color,box-shadow] focus-within:border-[color:var(--ring)] focus-within:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)]`,c),children:[(0,r.jsx)(`textarea`,{value:m,placeholder:s,"aria-multiline":`true`,className:t.cn(`min-h-20 w-full resize-none border-0 bg-transparent p-0 outline-none placeholder:text-muted-foreground/65`),onChange:e=>{let t=e.currentTarget.value;p||f(t),a?.(t)}}),l]})}exports.RichTextEditor=i;

package/dist/src/components/modern/rich-text-editor.js

@@ -0,0 +1,25 @@
+"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/modern/rich-text-editor.tsx
+function i({ value: i, defaultValue: a, onValueChange: o, output: s, placeholder: c = "Start typing...", className: l, children: u, ...d }) {
+	let [f, p] = t.useState(a ?? ""), m = i !== void 0, h = m ? i ?? "" : f;
+	return /* @__PURE__ */ r("div", {
+		...d,
+		"data-slot": "rich-text-editor",
+		className: e("min-h-28 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-3 py-2 text-sm leading-6 text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] outline-none transition-[background-color,border-color,box-shadow] focus-within:border-[color:var(--ring)] focus-within:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)]", l),
+		children: [/* @__PURE__ */ n("textarea", {
+			value: h,
+			placeholder: c,
+			"aria-multiline": "true",
+			className: e("min-h-20 w-full resize-none border-0 bg-transparent p-0 outline-none placeholder:text-muted-foreground/65"),
+			onChange: (e) => {
+				let t = e.currentTarget.value;
+				m || p(t), o?.(t);
+			}
+		}), u]
+	});
+}
+//#endregion
+export { i as RichTextEditor };

package/dist/src/components/modern/tour.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"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({steps:e,onFinish:r,onClose:a,doneLabel:o=`Done`,closeLabel:s=`Close`,className:c,...l}){let u=e[0];return(0,i.jsxs)(`div`,{...l,"data-slot":`tour`,className:t.cn(`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-card,var(--background))] p-4 text-sm text-foreground shadow-[var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08))]`,c),children:[(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsx)(`div`,{className:`text-base font-semibold`,children:u?.title??`Tour`}),u?.description?(0,i.jsx)(`p`,{className:`text-muted-foreground`,children:u.description}):null]}),(0,i.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-2`,children:[(0,i.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>{a?.()},children:s}),(0,i.jsx)(n.Button,{type:`button`,size:`sm`,onClick:()=>{r?.(),a?.()},children:o})]})]})}exports.Tour=a;

package/dist/src/components/modern/tour.js

@@ -0,0 +1,44 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/modern/tour.tsx
+function i({ steps: i, onFinish: a, onClose: o, doneLabel: s = "Done", closeLabel: c = "Close", className: l, ...u }) {
+	let d = i[0];
+	return /* @__PURE__ */ r("div", {
+		...u,
+		"data-slot": "tour",
+		className: e("rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-card,var(--background))] p-4 text-sm text-foreground shadow-[var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08))]", l),
+		children: [/* @__PURE__ */ r("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ n("div", {
+				className: "text-base font-semibold",
+				children: d?.title ?? "Tour"
+			}), d?.description ? /* @__PURE__ */ n("p", {
+				className: "text-muted-foreground",
+				children: d.description
+			}) : null]
+		}), /* @__PURE__ */ r("div", {
+			className: "mt-4 flex items-center justify-end gap-2",
+			children: [/* @__PURE__ */ n(t, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					o?.();
+				},
+				children: c
+			}), /* @__PURE__ */ n(t, {
+				type: "button",
+				size: "sm",
+				onClick: () => {
+					a?.(), o?.();
+				},
+				children: s
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as Tour };

package/dist/src/components/navigation/anchor-nav.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({items:e,orientation:n=`vertical`,title:i,className:a,...o}){return(0,r.jsxs)(`nav`,{"data-slot":`anchor-nav`,className:t.cn(`grid gap-2 text-sm`,n===`horizontal`&&`flex flex-wrap`,a),...o,children:[i&&(0,r.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:i}),(0,r.jsx)(`div`,{className:t.cn(`grid gap-1`,n===`horizontal`&&`flex flex-wrap`),children:e.map(e=>(0,r.jsx)(`a`,{href:e.disabled?void 0:e.href,"aria-current":e.active?`location`:void 0,"aria-disabled":e.disabled||void 0,className:t.cn(`rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,e.active&&`bg-muted text-foreground`,e.disabled&&`pointer-events-none opacity-50`),children:e.label},e.key))})]})}exports.AnchorNav=i;

package/dist/src/components/navigation/anchor-nav.js

@@ -0,0 +1,26 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/navigation/anchor-nav.tsx
+function r({ items: r, orientation: i = "vertical", title: a, className: o, ...s }) {
+	return /* @__PURE__ */ n("nav", {
+		"data-slot": "anchor-nav",
+		className: e("grid gap-2 text-sm", i === "horizontal" && "flex flex-wrap", o),
+		...s,
+		children: [a && /* @__PURE__ */ t("div", {
+			className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+			children: a
+		}), /* @__PURE__ */ t("div", {
+			className: e("grid gap-1", i === "horizontal" && "flex flex-wrap"),
+			children: r.map((n) => /* @__PURE__ */ t("a", {
+				href: n.disabled ? void 0 : n.href,
+				"aria-current": n.active ? "location" : void 0,
+				"aria-disabled": n.disabled || void 0,
+				className: e("rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", n.active && "bg-muted text-foreground", n.disabled && "pointer-events-none opacity-50"),
+				children: n.label
+			}, n.key))
+		})]
+	});
+}
+//#endregion
+export { r as AnchorNav };

package/dist/src/components/navigation/command-bar.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({open:e=!0,position:n=`bottom`,grouped:i=!1,label:a,children:o,className:s,...c}){return e?(0,r.jsxs)(`div`,{"data-slot":`command-bar`,className:t.cn(`fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60`,n===`bottom`?`bottom-6`:`top-6`,i&&`gap-3 rounded-[28px] px-3 py-2.5`,s),...c,children:[a?(0,r.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:a}):null,o]}):null}exports.CommandBar=i;

package/dist/src/components/navigation/command-bar.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/navigation/command-bar.tsx
+function r({ open: r = !0, position: i = "bottom", grouped: a = !1, label: o, children: s, className: c, ...l }) {
+	return r ? /* @__PURE__ */ n("div", {
+		"data-slot": "command-bar",
+		className: e("fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60", i === "bottom" ? "bottom-6" : "top-6", a && "gap-3 rounded-[28px] px-3 py-2.5", c),
+		...l,
+		children: [o ? /* @__PURE__ */ t("span", {
+			className: "text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground",
+			children: o
+		}) : null, s]
+	}) : null;
+}
+//#endregion
+export { r as CommandBar };

package/dist/src/components/navigation/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),e.component(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),e.component(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),e.component(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`)]);exports.navigationShowcaseDemoRegistry=t;

package/dist/src/components/navigation/demo.js

@@ -0,0 +1,10 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/navigation/demo.tsx
+var n = t([
+	e("pagination", "Pagination", "navigation", "Controlled page navigation with edge buttons and active state."),
+	e("nav-tabs", "NavTabs", "navigation", "Navigation tabs for switching related document sections."),
+	e("page-tabs", "PageTabs", "navigation", "Top-level page tab strip for route-sized sections."),
+	e("stepper-tabs", "StepperTabs", "navigation", "Step-like tabs for setup and onboarding progress.")
+]);
+//#endregion
+export { n as navigationShowcaseDemoRegistry };

package/dist/src/components/navigation/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./anchor-nav.cjs"),t=require("./nav-tabs.cjs"),n=require("./page-tabs.cjs"),r=require("./pagination.cjs"),i=require("./stepper-tabs.cjs"),a=require("./command-bar.cjs");exports.AnchorNav=e.AnchorNav,exports.CommandBar=a.CommandBar,exports.NavTabs=t.NavTabs,exports.PageTabs=n.PageTabs,exports.Pagination=r.Pagination,exports.StepperTabs=i.StepperTabs,exports.getPaginationItems=r.getPaginationItems;

package/dist/src/components/navigation/index.js

@@ -0,0 +1,7 @@
+import { AnchorNav as e } from "./anchor-nav.js";
+import { NavTabs as t } from "./nav-tabs.js";
+import { PageTabs as n } from "./page-tabs.js";
+import { Pagination as r, getPaginationItems as i } from "./pagination.js";
+import { StepperTabs as a } from "./stepper-tabs.js";
+import { CommandBar as o } from "./command-bar.js";
+export { e as AnchorNav, o as CommandBar, t as NavTabs, n as PageTabs, r as Pagination, a as StepperTabs, i as getPaginationItems };

package/dist/src/components/navigation/nav-tabs.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tabs/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:`h-8 px-3 text-xs`,default:`h-10 px-4 text-sm`,lg:`h-11 px-5 text-base`};function o({items:e,value:r,onValueChange:o,size:s=`default`,fullWidth:c=!1,className:l,...u}){return(0,i.jsx)(n.Tabs,{value:r,onValueChange:e=>o?.(String(e)),"data-slot":`nav-tabs`,className:t.cn(`min-w-0`,c&&`w-full`,l),...u,children:(0,i.jsx)(n.TabsList,{"data-slot":`nav-tabs-list`,variant:`pills`,overflow:`scroll`,className:t.cn(c&&`w-full`),children:e.map(e=>{let l=e.value===r,u=(0,i.jsxs)(i.Fragment,{children:[e.icon?(0,i.jsx)(`span`,{className:`[&_svg]:size-4`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]}),d=t.cn(`min-w-0 disabled:pointer-events-none disabled:opacity-50`,a[s],c&&`flex-1`,l&&`bg-background text-foreground shadow-sm`);return e.href?(0,i.jsx)(n.TabsTrigger,{value:e.value,render:(0,i.jsx)(`a`,{href:e.href,"aria-current":l?`page`:void 0,className:d}),children:u},e.value):(0,i.jsx)(n.TabsTrigger,{value:e.value,disabled:e.disabled,className:d,onClick:()=>o?.(e.value),children:u},e.value)})})})}exports.NavTabs=o;

package/dist/src/components/navigation/nav-tabs.js

@@ -0,0 +1,51 @@
+import { cn as e } from "../../lib/utils.js";
+import { Tabs as t, TabsList as n, TabsTrigger as r } from "../ui/tabs/index.js";
+import "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/navigation/nav-tabs.tsx
+var s = {
+	sm: "h-8 px-3 text-xs",
+	default: "h-10 px-4 text-sm",
+	lg: "h-11 px-5 text-base"
+};
+function c({ items: c, value: l, onValueChange: u, size: d = "default", fullWidth: f = !1, className: p, ...m }) {
+	return /* @__PURE__ */ a(t, {
+		value: l,
+		onValueChange: (e) => u?.(String(e)),
+		"data-slot": "nav-tabs",
+		className: e("min-w-0", f && "w-full", p),
+		...m,
+		children: /* @__PURE__ */ a(n, {
+			"data-slot": "nav-tabs-list",
+			variant: "pills",
+			overflow: "scroll",
+			className: e(f && "w-full"),
+			children: c.map((t) => {
+				let n = t.value === l, c = /* @__PURE__ */ o(i, { children: [t.icon ? /* @__PURE__ */ a("span", {
+					className: "[&_svg]:size-4",
+					children: t.icon
+				}) : null, /* @__PURE__ */ a("span", {
+					className: "truncate",
+					children: t.label
+				})] }), p = e("min-w-0 disabled:pointer-events-none disabled:opacity-50", s[d], f && "flex-1", n && "bg-background text-foreground shadow-sm");
+				return t.href ? /* @__PURE__ */ a(r, {
+					value: t.value,
+					render: /* @__PURE__ */ a("a", {
+						href: t.href,
+						"aria-current": n ? "page" : void 0,
+						className: p
+					}),
+					children: c
+				}, t.value) : /* @__PURE__ */ a(r, {
+					value: t.value,
+					disabled: t.disabled,
+					className: p,
+					onClick: () => u?.(t.value),
+					children: c
+				}, t.value);
+			})
+		})
+	});
+}
+//#endregion
+export { c as NavTabs };

package/dist/src/components/navigation/page-tabs.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/tabs/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({value:e,items:i,onValueChange:o,variant:s=`underline`,size:c=`default`,className:l,...u}){let d=i.filter(e=>!e.hidden);return(0,a.jsx)(r.Tabs,{value:e,onValueChange:e=>{let t=d.find(t=>t.value===e);t&&o?.(t.value,t)},"data-slot":`page-tabs`,"data-variant":s,className:t.cn(`min-w-0`,l),...u,children:(0,a.jsx)(r.TabsList,{"data-slot":`page-tabs-list`,variant:s===`underline`?`underline`:`pills`,overflow:`scroll`,className:t.cn(`w-full`,s===`cards`&&`gap-2 border-0 bg-transparent p-0 shadow-none`),children:d.map(i=>{let o=i.value===e;return(0,a.jsxs)(r.TabsTrigger,{disabled:i.disabled,value:i.value,"data-slot":`page-tab`,"data-active":o||void 0,className:t.cn(`min-w-0 px-3 disabled:pointer-events-none disabled:opacity-50`,c===`sm`?`h-8`:`h-10`,s===`underline`&&`px-1`,s===`cards`&&`rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground`,s===`cards`&&o&&`border-primary/50 bg-primary/7 text-foreground`),children:[i.icon,(0,a.jsx)(`span`,{className:`truncate`,children:i.label}),i.badge!==void 0&&(0,a.jsx)(n.Badge,{variant:o&&s===`pills`?`secondary`:`outline`,className:`rounded-full`,children:i.badge})]},i.value)})})})}exports.PageTabs=o;

package/dist/src/components/navigation/page-tabs.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import { Tabs as n, TabsList as r, TabsTrigger as i } from "../ui/tabs/index.js";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/navigation/page-tabs.tsx
+function s({ value: s, items: c, onValueChange: l, variant: u = "underline", size: d = "default", className: f, ...p }) {
+	let m = c.filter((e) => !e.hidden);
+	return /* @__PURE__ */ a(n, {
+		value: s,
+		onValueChange: (e) => {
+			let t = m.find((t) => t.value === e);
+			t && l?.(t.value, t);
+		},
+		"data-slot": "page-tabs",
+		"data-variant": u,
+		className: e("min-w-0", f),
+		...p,
+		children: /* @__PURE__ */ a(r, {
+			"data-slot": "page-tabs-list",
+			variant: u === "underline" ? "underline" : "pills",
+			overflow: "scroll",
+			className: e("w-full", u === "cards" && "gap-2 border-0 bg-transparent p-0 shadow-none"),
+			children: m.map((n) => {
+				let r = n.value === s;
+				return /* @__PURE__ */ o(i, {
+					disabled: n.disabled,
+					value: n.value,
+					"data-slot": "page-tab",
+					"data-active": r || void 0,
+					className: e("min-w-0 px-3 disabled:pointer-events-none disabled:opacity-50", d === "sm" ? "h-8" : "h-10", u === "underline" && "px-1", u === "cards" && "rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground", u === "cards" && r && "border-primary/50 bg-primary/7 text-foreground"),
+					children: [
+						n.icon,
+						/* @__PURE__ */ a("span", {
+							className: "truncate",
+							children: n.label
+						}),
+						n.badge !== void 0 && /* @__PURE__ */ a(t, {
+							variant: r && u === "pills" ? "secondary" : "outline",
+							className: "rounded-full",
+							children: n.badge
+						})
+					]
+				}, n.value);
+			})
+		})
+	});
+}
+//#endregion
+export { s as PageTabs };

package/dist/src/components/navigation/pagination.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){let n=Math.max(t-e+1,0);return Array.from({length:n},(t,n)=>n+e)}function s(e,t,n=1){if(t<=n*2+5)return o(1,t);let r=Math.max(e-n,1),i=Math.min(e+n,t),a=r>2,s=i<t-1;return!a&&s?[...o(1,n*2+3),`ellipsis`,t]:a&&!s?[1,`ellipsis`,...o(t-(n*2+3)+1,t)]:[1,`ellipsis`,...o(r,i),`ellipsis`,t]}function c({className:e,page:r,pageCount:o,onPageChange:c,siblingCount:l=1,showEdges:u=!0,disabled:d=!1,labels:f,compact:p=!1,totalCount:m,pageSize:h,pageSizeOptions:g,onPageSizeChange:_,showSummary:v=!1,...y}){let b=Math.max(o,1),x=Math.min(Math.max(r,1),b),S=s(x,b,l),C=e=>{let t=Math.min(Math.max(e,1),b);t!==x&&c(t)};return(0,a.jsxs)(`nav`,{"data-slot":`pagination`,"aria-label":`Pagination`,className:t.cn(`flex flex-wrap items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur`,e),...y,children:[v&&m!==void 0&&h?(0,a.jsxs)(`div`,{className:`px-2 text-xs text-muted-foreground`,children:[Math.min((x-1)*h+1,m),`-`,Math.min(x*h,m),` of `,m]}):null,u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x<=1,"aria-label":f?.first??`First page`,onClick:()=>C(1),children:(0,a.jsx)(i.ChevronFirstIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x<=1,"aria-label":f?.previous??`Previous page`,onClick:()=>C(x-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),S.map((e,r)=>e===`ellipsis`?(0,a.jsxs)(`span`,{"data-slot":`pagination-ellipsis`,className:`flex size-8 items-center justify-center text-muted-foreground`,children:[(0,a.jsx)(i.MoreHorizontalIcon,{className:`size-4`}),(0,a.jsx)(`span`,{className:`sr-only`,children:`More pages`})]},`ellipsis-${r}`):(0,a.jsx)(n.Button,{type:`button`,variant:e===x?`default`:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d,"aria-current":e===x?`page`:void 0,"aria-label":f?.page?.(e)??`Page ${e}`,onClick:()=>C(e),className:t.cn(e!==x&&`border-border/70 bg-background/80 shadow-none`),children:e},e)),(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x>=b,"aria-label":f?.next??`Next page`,onClick:()=>C(x+1),children:(0,a.jsx)(i.ChevronRightIcon,{})}),u&&(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,size:p?`icon-xs`:`icon-sm`,disabled:d||x>=b,"aria-label":f?.last??`Last page`,onClick:()=>C(b),children:(0,a.jsx)(i.ChevronLastIcon,{})}),g&&h&&_?(0,a.jsxs)(`label`,{className:`ml-1 inline-flex items-center gap-2 rounded-full border border-border/70 bg-background/90 px-3 py-1 text-xs text-muted-foreground`,children:[(0,a.jsx)(`span`,{children:`Rows`}),(0,a.jsx)(`select`,{className:`bg-transparent text-foreground outline-none`,value:h,onChange:e=>_(Number(e.target.value)),disabled:d,children:g.map(e=>(0,a.jsx)(`option`,{value:e,children:e},e))})]}):null]})}exports.Pagination=c,exports.getPaginationItems=s;