tembro 2.1.13 → 3.1.1

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

@@ -1,67 +1 @@
-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 /* @__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) => /* @__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: [i.filter((e) => e.date === a).length, " items"]
-					})]
-				}),
-				/* @__PURE__ */ t("div", {
-					className: "grid gap-2",
-					children: i.filter((e) => e.date === a).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
-					}) : i.filter((e) => e.date === a).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 };
+export * from "../../src/components/modern/calendar-scheduler.js"

package/dist/components/modern/dual-list-picker.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({items:e,picked:i=[],onPickedChange:a,availableTitle:o=`Available`,pickedTitle:s=`Selected`,searchPlaceholder:c=`Search items...`,emptyMessage:l=`No items.`,maxPicked:u,transferAll:d=!0,className:f,...p}){let[m,h]=n.useState(``),g=new Set(i),_=m.trim().toLowerCase(),v=e=>_?String(e.label).toLowerCase().includes(_)||e.value.toLowerCase().includes(_):!0,y=e.filter(e=>!g.has(e.value)&&v(e)),b=e.filter(e=>g.has(e.value)&&v(e)),x=u!==void 0&&i.length>=u;function S(e){let t=g.has(e);if(!t&&x)return;let n=t?i.filter(t=>t!==e):[...i,e];a?.(n)}function C(){let t=[...i];for(let n of e)if(!(n.disabled||g.has(n.value))){if(u!==void 0&&t.length>=u)break;t.push(n.value)}a?.(t)}function w(){a?.([])}let T=(e,t,n)=>(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===0?(0,r.jsx)(`div`,{className:`rounded-md border border-dashed px-3 py-6 text-center text-sm text-muted-foreground`,children:l}):t.map(e=>(0,r.jsxs)(`button`,{type:`button`,disabled:e.disabled||n===`available`&&x,className:`flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:opacity-50`,"aria-pressed":g.has(e.value),onClick:()=>S(e.value),children:[(0,r.jsx)(`span`,{children:e.label}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:g.has(e.value)?`−`:`+`})]},e.value))})]});return(0,r.jsxs)(`div`,{"data-slot":`dual-list-picker`,className:t.cn(`grid gap-3`,f),...p,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:m,placeholder:c,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=>h(e.currentTarget.value)}),d&&(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:x,onClick:C,children:`Add all`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:i.length===0,onClick:w,children:`Remove all`})]})]}),(0,r.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[T(o,y,`available`),T(s,b,`picked`)]}),u!==void 0&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[i.length,` / `,u,` selected`]})]})}exports.DualListPicker=i;
+module.exports = require("../../src/components/modern/dual-list-picker.cjs")

package/dist/components/modern/dual-list-picker.d.ts

@@ -7,6 +7,7 @@ export type DualListItem = {
 export type DualListPickerProps = React.ComponentProps<"div"> & {
     items: DualListItem[];
     picked?: string[];
+    defaultPicked?: string[];
     onPickedChange?: (value: string[]) => void;
     availableTitle?: React.ReactNode;
     pickedTitle?: React.ReactNode;
@@ -15,5 +16,5 @@ export type DualListPickerProps = React.ComponentProps<"div"> & {
     maxPicked?: number;
     transferAll?: boolean;
 };
-declare function DualListPicker({ items, picked, onPickedChange, availableTitle, pickedTitle, searchPlaceholder, emptyMessage, maxPicked, transferAll, className, ...props }: DualListPickerProps): React.JSX.Element;
+declare function DualListPicker({ items, picked, defaultPicked, onPickedChange, availableTitle, pickedTitle, searchPlaceholder, emptyMessage, maxPicked, transferAll, className, ...props }: DualListPickerProps): React.JSX.Element;
 export { DualListPicker };

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

@@ -1,97 +1 @@
-"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 = [], onPickedChange: o, availableTitle: s = "Available", pickedTitle: c = "Selected", searchPlaceholder: l = "Search items...", emptyMessage: u = "No items.", maxPicked: d, transferAll: f = !0, className: p, ...m }) {
-	let [h, g] = t.useState(""), _ = new Set(a), v = h.trim().toLowerCase(), y = (e) => v ? String(e.label).toLowerCase().includes(v) || e.value.toLowerCase().includes(v) : !0, b = i.filter((e) => !_.has(e.value) && y(e)), x = i.filter((e) => _.has(e.value) && y(e)), S = d !== void 0 && a.length >= d;
-	function C(e) {
-		let t = _.has(e);
-		if (!t && S) return;
-		let n = t ? a.filter((t) => t !== e) : [...a, e];
-		o?.(n);
-	}
-	function w() {
-		let e = [...a];
-		for (let t of i) if (!(t.disabled || _.has(t.value))) {
-			if (d !== void 0 && e.length >= d) break;
-			e.push(t.value);
-		}
-		o?.(e);
-	}
-	function T() {
-		o?.([]);
-	}
-	let E = (e, t, i) => /* @__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 === 0 ? /* @__PURE__ */ n("div", {
-				className: "rounded-md border border-dashed px-3 py-6 text-center text-sm text-muted-foreground",
-				children: u
-			}) : t.map((e) => /* @__PURE__ */ r("button", {
-				type: "button",
-				disabled: e.disabled || i === "available" && S,
-				className: "flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:opacity-50",
-				"aria-pressed": _.has(e.value),
-				onClick: () => C(e.value),
-				children: [/* @__PURE__ */ n("span", { children: e.label }), /* @__PURE__ */ n("span", {
-					className: "text-muted-foreground",
-					children: _.has(e.value) ? "−" : "+"
-				})]
-			}, e.value))
-		})]
-	});
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "dual-list-picker",
-		className: e("grid gap-3", p),
-		...m,
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ n("input", {
-					value: h,
-					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) => g(e.currentTarget.value)
-				}), f && /* @__PURE__ */ r("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ n("button", {
-						type: "button",
-						className: "rounded-md border px-3 py-1.5 text-sm disabled:opacity-50",
-						disabled: S,
-						onClick: w,
-						children: "Add all"
-					}), /* @__PURE__ */ n("button", {
-						type: "button",
-						className: "rounded-md border px-3 py-1.5 text-sm disabled:opacity-50",
-						disabled: a.length === 0,
-						onClick: T,
-						children: "Remove all"
-					})]
-				})]
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "grid gap-3 md:grid-cols-2",
-				children: [E(s, b, "available"), E(c, x, "picked")]
-			}),
-			d !== void 0 && /* @__PURE__ */ r("div", {
-				className: "text-xs text-muted-foreground",
-				children: [
-					a.length,
-					" / ",
-					d,
-					" selected"
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { i as DualListPicker };
+export * from "../../src/components/modern/dual-list-picker.js"

package/dist/components/modern/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../display/carousel.cjs"),t=require("../display/qr-code.cjs"),n=require("../display/tag.cjs"),r=require("../display/typography.cjs"),i=require("./calendar-scheduler.cjs"),a=require("./dual-list-picker.cjs"),o=require("./menubar.cjs"),s=require("./navigation-menu.cjs"),c=require("./resizable-panel.cjs"),l=require("./rich-text-editor.cjs"),u=require("./tour.cjs");exports.Blockquote=r.Blockquote,exports.CalendarScheduler=i.CalendarScheduler,exports.Carousel=e.Carousel,exports.CarouselItem=e.CarouselItem,exports.Chip=n.Chip,exports.DualListPicker=a.DualListPicker,exports.Heading=r.Heading,exports.Mark=r.Mark,exports.Menubar=o.Menubar,exports.MenubarContent=o.MenubarContent,exports.MenubarItem=o.MenubarItem,exports.MenubarMenu=o.MenubarMenu,exports.MenubarTrigger=o.MenubarTrigger,exports.NavigationMenu=s.NavigationMenu,exports.NavigationMenuItem=s.NavigationMenuItem,exports.NavigationMenuLink=s.NavigationMenuLink,exports.NavigationMenuList=s.NavigationMenuList,exports.QRCode=t.QRCode,exports.QRCodeSvg=t.QRCodeSvg,exports.ResizableHandle=c.ResizableHandle,exports.ResizablePanel=c.ResizablePanel,exports.ResizablePanelGroup=c.ResizablePanelGroup,exports.RichTextEditor=l.RichTextEditor,exports.Spoiler=r.Spoiler,exports.SpoilerSummary=r.SpoilerSummary,exports.Tag=n.Tag,exports.TagGroup=n.TagGroup,exports.Text=r.Text,exports.Tour=u.Tour;
+module.exports = require("../../src/components/modern/index.cjs")

package/dist/components/modern/index.d.ts

@@ -1,11 +1,6 @@
 export * from "../display/carousel";
-export * from "../display/qr-code";
 export * from "../display/tag";
 export * from "../display/typography";
 export * from "./calendar-scheduler";
 export * from "./dual-list-picker";
-export * from "./menubar";
-export * from "./navigation-menu";
 export * from "./resizable-panel";
-export * from "./rich-text-editor";
-export * from "./tour";

package/dist/components/modern/index.js

@@ -1,12 +1 @@
-import { Carousel as e, CarouselItem as t } from "../display/carousel.js";
-import { QRCode as n, QRCodeSvg as r } from "../display/qr-code.js";
-import { Chip as i, Tag as a, TagGroup as o } from "../display/tag.js";
-import { Blockquote as s, Heading as c, Mark as l, Spoiler as u, SpoilerSummary as d, Text as f } from "../display/typography.js";
-import { CalendarScheduler as p } from "./calendar-scheduler.js";
-import { DualListPicker as m } from "./dual-list-picker.js";
-import { Menubar as h, MenubarContent as g, MenubarItem as _, MenubarMenu as v, MenubarTrigger as y } from "./menubar.js";
-import { NavigationMenu as b, NavigationMenuItem as x, NavigationMenuLink as S, NavigationMenuList as C } from "./navigation-menu.js";
-import { ResizableHandle as w, ResizablePanel as T, ResizablePanelGroup as E } from "./resizable-panel.js";
-import { RichTextEditor as D } from "./rich-text-editor.js";
-import { Tour as O } from "./tour.js";
-export { s as Blockquote, p as CalendarScheduler, e as Carousel, t as CarouselItem, i as Chip, m as DualListPicker, c as Heading, l as Mark, h as Menubar, g as MenubarContent, _ as MenubarItem, v as MenubarMenu, y as MenubarTrigger, b as NavigationMenu, x as NavigationMenuItem, S as NavigationMenuLink, C as NavigationMenuList, n as QRCode, r as QRCodeSvg, w as ResizableHandle, T as ResizablePanel, E as ResizablePanelGroup, D as RichTextEditor, u as Spoiler, d as SpoilerSummary, a as Tag, o as TagGroup, f as Text, O as Tour };
+export * from "../../src/components/modern/index.js"

package/dist/components/modern/resizable-panel.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");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;
+module.exports = require("../../src/components/modern/resizable-panel.cjs")

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

@@ -1,113 +1 @@
-"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 };
+export * from "../../src/components/modern/resizable-panel.js"

package/dist/components/modern/rich-text-editor.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,onValueChange:i,placeholder:a=`Write something...`,output:o=`html`,disabled:s=!1,className:c,...l}){let u=n.useRef(null);return n.useEffect(()=>{u.current&&e!==void 0&&u.current.innerHTML!==e&&(u.current.innerHTML=e)},[e]),(0,r.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-disabled":s||void 0,className:t.cn(`grid gap-2 rounded-lg border bg-background p-2`,s&&`opacity-60`,c),...l,children:[(0,r.jsx)(`div`,{className:`flex flex-wrap gap-1 border-b pb-2`,children:[[`bold`,`B`],[`italic`,`I`],[`underline`,`U`]].map(([e,t])=>(0,r.jsx)(`button`,{type:`button`,disabled:s,className:`rounded border px-2 py-1 text-xs font-medium disabled:opacity-50`,onClick:()=>document.execCommand(e),children:t},e))}),(0,r.jsx)(`div`,{ref:u,contentEditable:!s,"aria-disabled":s||void 0,"data-placeholder":a,className:`min-h-32 rounded-md p-2 text-sm outline-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]`,onInput:e=>i?.(o===`text`?e.currentTarget.textContent??``:e.currentTarget.innerHTML)})]})}exports.RichTextEditor=i;
+module.exports = require("../../src/components/modern/rich-text-editor.cjs")

package/dist/components/modern/rich-text-editor.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
-export type RichTextEditorProps = Omit<React.ComponentProps<"div">, "onChange"> & {
+export type RichTextEditorProps = React.ComponentProps<"div"> & {
     value?: string;
+    defaultValue?: string;
     onValueChange?: (value: string) => void;
+    output?: "text" | "html";
     placeholder?: string;
-    output?: "html" | "text";
-    disabled?: boolean;
 };
-declare function RichTextEditor({ value, onValueChange, placeholder, output, disabled, className, ...props }: RichTextEditorProps): React.JSX.Element;
+declare function RichTextEditor({ value, defaultValue, onValueChange, output: _output, placeholder, className, children, ...props }: RichTextEditorProps): React.JSX.Element;
 export { RichTextEditor };

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

@@ -1,39 +1 @@
-"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, onValueChange: a, placeholder: o = "Write something...", output: s = "html", disabled: c = !1, className: l, ...u }) {
-	let d = t.useRef(null);
-	return t.useEffect(() => {
-		d.current && i !== void 0 && d.current.innerHTML !== i && (d.current.innerHTML = i);
-	}, [i]), /* @__PURE__ */ r("div", {
-		"data-slot": "rich-text-editor",
-		"data-disabled": c || void 0,
-		className: e("grid gap-2 rounded-lg border bg-background p-2", c && "opacity-60", l),
-		...u,
-		children: [/* @__PURE__ */ n("div", {
-			className: "flex flex-wrap gap-1 border-b pb-2",
-			children: [
-				["bold", "B"],
-				["italic", "I"],
-				["underline", "U"]
-			].map(([e, t]) => /* @__PURE__ */ n("button", {
-				type: "button",
-				disabled: c,
-				className: "rounded border px-2 py-1 text-xs font-medium disabled:opacity-50",
-				onClick: () => document.execCommand(e),
-				children: t
-			}, e))
-		}), /* @__PURE__ */ n("div", {
-			ref: d,
-			contentEditable: !c,
-			"aria-disabled": c || void 0,
-			"data-placeholder": o,
-			className: "min-h-32 rounded-md p-2 text-sm outline-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]",
-			onInput: (e) => a?.(s === "text" ? e.currentTarget.textContent ?? "" : e.currentTarget.innerHTML)
-		})]
-	});
-}
-//#endregion
-export { i as RichTextEditor };
+export * from "../../src/components/modern/rich-text-editor.js"

package/dist/components/modern/tour.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({steps:e,index:i=0,onIndexChange:a,onClose:o,onSkip:s,onFinish:c,placement:l=`bottom`,className:u,...d}){let f=e[i],p=n.useRef(null);return n.useEffect(()=>{p.current?.focus()},[i]),f?(0,r.jsx)(`div`,{ref:p,"data-slot":`tour`,"data-placement":l,tabIndex:-1,className:t.cn(`rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,u),...d,children:(0,r.jsxs)(`div`,{className:`grid gap-2`,children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:f.title}),f.description&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:f.description}),f.target&&(0,r.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:f.target}),(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-2`,children:[(0,r.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[i+1,` / `,e.length]}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,onClick:()=>{s?.(),o?.()},children:`Skip`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,disabled:i===0,onClick:()=>a?.(i-1),children:`Back`}),i<e.length-1?(0,r.jsx)(`button`,{type:`button`,className:`rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground`,onClick:()=>a?.(i+1),children:`Next`}):(0,r.jsx)(`button`,{type:`button`,className:`rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground`,onClick:()=>{c?.(),o?.()},children:`Done`})]})]})]})}):null}exports.Tour=i;
+module.exports = require("../../src/components/modern/tour.cjs")

package/dist/components/modern/tour.d.ts

@@ -2,16 +2,13 @@ import * as React from "react";
 export type TourStep = {
     title: React.ReactNode;
     description?: React.ReactNode;
-    target?: string;
 };
 export type TourProps = React.ComponentProps<"div"> & {
     steps: TourStep[];
-    index?: number;
-    onIndexChange?: (index: number) => void;
-    onClose?: () => void;
-    onSkip?: () => void;
     onFinish?: () => void;
-    placement?: "top" | "right" | "bottom" | "left";
+    onClose?: () => void;
+    doneLabel?: string;
+    closeLabel?: string;
 };
-declare function Tour({ steps, index, onIndexChange, onClose, onSkip, onFinish, placement, className, ...props }: TourProps): React.JSX.Element | null;
+declare function Tour({ steps, onFinish, onClose, doneLabel, closeLabel, className, ...props }: TourProps): React.JSX.Element;
 export { Tour };

package/dist/components/modern/tour.js

@@ -1,80 +1 @@
-"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/tour.tsx
-function i({ steps: i, index: a = 0, onIndexChange: o, onClose: s, onSkip: c, onFinish: l, placement: u = "bottom", className: d, ...f }) {
-	let p = i[a], m = t.useRef(null);
-	return t.useEffect(() => {
-		m.current?.focus();
-	}, [a]), p ? /* @__PURE__ */ n("div", {
-		ref: m,
-		"data-slot": "tour",
-		"data-placement": u,
-		tabIndex: -1,
-		className: e("rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/40", d),
-		...f,
-		children: /* @__PURE__ */ r("div", {
-			className: "grid gap-2",
-			children: [
-				/* @__PURE__ */ n("div", {
-					className: "font-semibold",
-					children: p.title
-				}),
-				p.description && /* @__PURE__ */ n("div", {
-					className: "text-sm text-muted-foreground",
-					children: p.description
-				}),
-				p.target && /* @__PURE__ */ n("div", {
-					className: "text-xs text-muted-foreground",
-					children: p.target
-				}),
-				/* @__PURE__ */ r("div", {
-					className: "flex items-center justify-between gap-3 pt-2",
-					children: [/* @__PURE__ */ r("span", {
-						className: "text-xs text-muted-foreground",
-						children: [
-							a + 1,
-							" / ",
-							i.length
-						]
-					}), /* @__PURE__ */ r("div", {
-						className: "flex gap-2",
-						children: [
-							/* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md border px-2.5 py-1 text-sm",
-								onClick: () => {
-									c?.(), s?.();
-								},
-								children: "Skip"
-							}),
-							/* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md border px-2.5 py-1 text-sm",
-								disabled: a === 0,
-								onClick: () => o?.(a - 1),
-								children: "Back"
-							}),
-							a < i.length - 1 ? /* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground",
-								onClick: () => o?.(a + 1),
-								children: "Next"
-							}) : /* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground",
-								onClick: () => {
-									l?.(), s?.();
-								},
-								children: "Done"
-							})
-						]
-					})]
-				})
-			]
-		})
-	}) : null;
-}
-//#endregion
-export { i as Tour };
+export * from "../../src/components/modern/tour.js"

package/dist/components/navigation/anchor-nav.cjs

@@ -1 +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;
+module.exports = require("../../src/components/navigation/anchor-nav.cjs")

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

@@ -1,26 +1 @@
-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 };
+export * from "../../src/components/navigation/anchor-nav.js"

package/dist/components/navigation/command-bar.cjs

@@ -1 +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;
+module.exports = require("../../src/components/navigation/command-bar.cjs")

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

@@ -1,17 +1 @@
-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 };
+export * from "../../src/components/navigation/command-bar.js"

package/dist/components/navigation/demo.cjs

@@ -1 +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;
+module.exports = require("../../src/components/navigation/demo.cjs")

package/dist/components/navigation/demo.js

@@ -1,10 +1 @@
-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 };
+export * from "../../src/components/navigation/demo.js"

package/dist/components/navigation/index.cjs

@@ -1 +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;
+module.exports = require("../../src/components/navigation/index.cjs")

package/dist/components/navigation/index.js

@@ -1,7 +1 @@
-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 };
+export * from "../../src/components/navigation/index.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/navigation/nav-tabs.cjs")