tembro 2.0.5 → 2.1.0

package/dist/components/layout/app-sidebar.d.ts

@@ -51,6 +51,7 @@ export type AppSidebarProps = React.ComponentProps<"aside"> & {
     mobileToggleClassName?: string;
     mobilePanelClassName?: string;
     mobileOverlayClassName?: string;
+    footerClassName?: string;
     renderMobileToggle?: (state: {
         open: boolean;
         setOpen: (open: boolean) => void;

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

@@ -249,50 +249,50 @@ function b({ account: n, collapsed: r, onAfterSelect: i }) {
 		})
 	}) : a;
 }
-function x({ className: n, style: i, header: l, footer: f, items: p = [], collapsed: m = !1, width: h = u, collapsedWidth: g = d, collapsedRail: _, railItems: x = [], footerAccount: S, secondaryActions: C = [], footerSecondary: w, tooltipOnCollapsed: T, onItemSelect: E, renderItem: D, renderLink: O, children: k, mobile: A, mobileTitle: j, mobileDescription: M, onRequestClose: N, closeOnSelect: P = !0, ...F }) {
-	let I = p.filter((e) => !e.hidden), L = x.filter((e) => !e.hidden), R = C.filter((e) => !e.hidden), z = r.useCallback((e) => {
-		E?.(e), A && P && N?.();
+function x({ className: n, style: i, header: l, footer: f, items: p = [], collapsed: m = !1, width: h = u, collapsedWidth: g = d, collapsedRail: _, railItems: x = [], footerAccount: S, secondaryActions: C = [], footerSecondary: w, footerClassName: T, tooltipOnCollapsed: E, onItemSelect: D, renderItem: O, renderLink: k, children: A, mobile: j, mobileTitle: M, mobileDescription: N, onRequestClose: P, closeOnSelect: F = !0, ...I }) {
+	let L = p.filter((e) => !e.hidden), R = x.filter((e) => !e.hidden), z = C.filter((e) => !e.hidden), B = r.useCallback((e) => {
+		D?.(e), j && F && P?.();
 	}, [
-		P,
-		A,
-		E,
-		N
-	]), B = A && (j || M || N);
+		F,
+		j,
+		D,
+		P
+	]), V = j && (M || N || P);
 	return /* @__PURE__ */ c("aside", {
 		"data-slot": "app-sidebar",
 		"data-collapsed": m || void 0,
-		"data-mobile": A || void 0,
+		"data-mobile": j || void 0,
 		className: e("flex h-full min-h-0 flex-col overflow-hidden", n),
 		style: {
 			width: m ? g : h,
 			minWidth: m ? g : h,
 			...i
 		},
-		...F,
+		...I,
 		children: [
-			(l || B) && /* @__PURE__ */ s("div", {
+			(l || V) && /* @__PURE__ */ s("div", {
 				"data-slot": "app-sidebar-header",
 				className: "shrink-0 border-b p-3",
 				children: /* @__PURE__ */ c("div", {
 					className: "flex items-start gap-3",
 					children: [/* @__PURE__ */ c("div", {
 						className: "min-w-0 flex-1",
-						children: [l ?? null, B ? /* @__PURE__ */ c("div", {
+						children: [l ?? null, V ? /* @__PURE__ */ c("div", {
 							className: e(l && "mt-3"),
-							children: [j ? /* @__PURE__ */ s("p", {
+							children: [M ? /* @__PURE__ */ s("p", {
 								className: "text-sm font-semibold text-foreground",
-								children: j
-							}) : null, M ? /* @__PURE__ */ s("p", {
-								className: "mt-1 text-xs leading-5 text-muted-foreground",
 								children: M
+							}) : null, N ? /* @__PURE__ */ s("p", {
+								className: "mt-1 text-xs leading-5 text-muted-foreground",
+								children: N
 							}) : null]
 						}) : null]
-					}), A && N ? /* @__PURE__ */ s("button", {
+					}), j && P ? /* @__PURE__ */ s("button", {
 						type: "button",
 						"aria-label": "Close navigation",
 						"data-slot": "app-sidebar-mobile-close",
 						className: "inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]",
-						onClick: N,
+						onClick: P,
 						children: /* @__PURE__ */ s(a, { className: "size-4" })
 					}) : null]
 				})
@@ -300,10 +300,10 @@ function x({ className: n, style: i, header: l, footer: f, items: p = [], collap
 			/* @__PURE__ */ c("nav", {
 				"data-slot": "app-sidebar-nav",
 				className: "min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2",
-				children: [k ?? I.map((e) => {
-					if (!D) return null;
-					let n = D(e, { collapsed: m });
-					return !m || !T ? /* @__PURE__ */ s(r.Fragment, { children: n }, e.key) : /* @__PURE__ */ s(t, {
+				children: [A ?? L.map((e) => {
+					if (!O) return null;
+					let n = O(e, { collapsed: m });
+					return !m || !E ? /* @__PURE__ */ s(r.Fragment, { children: n }, e.key) : /* @__PURE__ */ s(t, {
 						content: e.tooltip ?? e.label,
 						side: "right",
 						children: /* @__PURE__ */ s("span", {
@@ -311,25 +311,25 @@ function x({ className: n, style: i, header: l, footer: f, items: p = [], collap
 							children: n
 						})
 					}, e.key);
-				}), !k && !D && /* @__PURE__ */ s(v, {
-					items: I,
+				}), !A && !O && /* @__PURE__ */ s(v, {
+					items: L,
 					collapsed: m,
 					depth: 0,
-					onItemSelect: z,
-					renderLink: O
+					onItemSelect: B,
+					renderLink: k
 				})]
 			}),
-			(S || w || f || R.length > 0 || m && (_ || L.length > 0)) && /* @__PURE__ */ c("div", {
+			(S || w || f || z.length > 0 || m && (_ || R.length > 0)) && /* @__PURE__ */ c("div", {
 				"data-slot": "app-sidebar-footer",
-				className: "shrink-0 border-t p-3",
+				className: e("shrink-0 border-t p-3", T),
 				children: [
-					m ? /* @__PURE__ */ c(o, { children: [L.length > 0 ? /* @__PURE__ */ s("div", {
+					m ? /* @__PURE__ */ c(o, { children: [R.length > 0 ? /* @__PURE__ */ s("div", {
 						"data-slot": "app-sidebar-rail-actions",
 						className: "grid gap-2",
-						children: L.map((e) => /* @__PURE__ */ s(y, {
+						children: R.map((e) => /* @__PURE__ */ s(y, {
 							item: e,
 							collapsed: !0,
-							onItemSelect: z
+							onItemSelect: B
 						}, e.key))
 					}) : null, _ ? /* @__PURE__ */ s("div", {
 						"data-slot": "app-sidebar-rail",
@@ -342,17 +342,17 @@ function x({ className: n, style: i, header: l, footer: f, items: p = [], collap
 							account: S,
 							collapsed: !1,
 							onAfterSelect: () => {
-								A && P && N?.();
+								j && F && P?.();
 							}
 						})
 					}) : null,
-					!m && R.length > 0 ? /* @__PURE__ */ s("div", {
+					!m && z.length > 0 ? /* @__PURE__ */ s("div", {
 						"data-slot": "app-sidebar-secondary-actions",
 						className: "mb-3 grid gap-2",
-						children: R.map((e) => /* @__PURE__ */ s(y, {
+						children: z.map((e) => /* @__PURE__ */ s(y, {
 							item: e,
 							collapsed: !1,
-							onItemSelect: z
+							onItemSelect: B
 						}, e.key))
 					}) : null,
 					!m && w ? /* @__PURE__ */ s("div", {
@@ -366,7 +366,7 @@ function x({ className: n, style: i, header: l, footer: f, items: p = [], collap
 							account: S,
 							collapsed: !0,
 							onAfterSelect: () => {
-								A && P && N?.();
+								j && F && P?.();
 							}
 						})
 					}) : null,

package/dist/components/layout/breadcrumbs.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("lucide-react"),i=require("react/jsx-runtime");function a(e,t,n){if(e.length<=t||t<3)return e;let r=e[0],i=Math.max(t-2,1),a=e.slice(-i);return[r,{key:`__collapsed__`,label:n},...a]}function o({className:e,items:o,maxItems:s,collapseLabel:c=`…`,separator:l=(0,i.jsx)(r.ChevronRightIcon,{className:`size-3.5`}),wrap:u=!1,renderLink:d,...f}){let p=n.useMemo(()=>typeof s==`number`?a(o,s,c):o,[c,o,s]);return(0,i.jsx)(`nav`,{"data-slot":`breadcrumbs`,"aria-label":`Breadcrumb`,className:t.cn(`flex min-w-0 items-center gap-1 overflow-x-auto text-sm text-muted-foreground`,u?`flex-wrap`:`whitespace-nowrap`,e),...f,children:p.map((e,r)=>{let a=e.key===`__collapsed__`,o=r===p.length-1,s=e.current||o;return(0,i.jsxs)(n.Fragment,{children:[r>0&&(0,i.jsx)(`span`,{className:`shrink-0 opacity-60`,children:l}),a?(0,i.jsx)(`span`,{"data-slot":`breadcrumbs-collapsed`,className:`shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground`,children:e.label}):e.href&&!s?d?d({item:e,href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsx)(`a`,{href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsxs)(`span`,{"data-slot":`breadcrumbs-current`,"aria-current":s?e.currentLabel??`page`:void 0,className:t.cn(`inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5`,s&&`bg-accent/45 font-medium text-foreground`),children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})]},e.key)})})}exports.Breadcrumbs=o;
+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");function a(e,t,n){if(e.length<=t||t<3)return e;let r=e[0],i=Math.max(t-2,1),a=e.slice(-i);return[r,{key:`__collapsed__`,label:n},...a]}function o({className:e,items:o,maxItems:s,collapseLabel:c=`…`,separator:l=(0,i.jsx)(r.ChevronRightIcon,{className:`size-3.5`}),wrap:u=!1,currentItemLabel:d,renderLink:f,...p}){let m=n.useMemo(()=>typeof s==`number`?a(o,s,c):o,[c,o,s]);return(0,i.jsx)(`nav`,{"data-slot":`breadcrumbs`,"aria-label":`Breadcrumb`,className:t.cn(`flex min-w-0 items-center gap-1 overflow-x-auto text-sm text-muted-foreground`,u?`flex-wrap`:`whitespace-nowrap`,e),...p,children:m.map((e,r)=>{let a=e.key===`__collapsed__`,o=r===m.length-1,s=e.current||o;return(0,i.jsxs)(n.Fragment,{children:[r>0&&(0,i.jsx)(`span`,{className:`shrink-0 opacity-60`,children:l}),a?(0,i.jsx)(`span`,{"data-slot":`breadcrumbs-collapsed`,className:`shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground`,children:e.label}):e.href&&!s?f?f({item:e,href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsx)(`a`,{href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsxs)(`span`,{"data-slot":`breadcrumbs-current`,"aria-current":s?e.currentLabel??d??`page`:void 0,className:t.cn(`inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5`,s&&`bg-accent/45 font-medium text-foreground`),children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})]},e.key)})})}exports.Breadcrumbs=o;

package/dist/components/layout/breadcrumbs.d.ts

@@ -14,10 +14,11 @@ export type BreadcrumbsProps = React.ComponentProps<"nav"> & {
     collapseLabel?: React.ReactNode;
     separator?: React.ReactNode;
     wrap?: boolean;
+    currentItemLabel?: React.AriaAttributes["aria-current"];
     renderLink?: (props: React.ComponentProps<"a"> & {
         item: BreadcrumbItem;
         [key: `data-${string}`]: string | boolean | undefined;
     }) => React.ReactNode;
 };
-declare function Breadcrumbs({ className, items, maxItems, collapseLabel, separator, wrap, renderLink, ...props }: BreadcrumbsProps): React.JSX.Element;
+declare function Breadcrumbs({ className, items, maxItems, collapseLabel, separator, wrap, currentItemLabel, renderLink, ...props }: BreadcrumbsProps): React.JSX.Element;
 export { Breadcrumbs };

package/dist/components/layout/breadcrumbs.js

@@ -15,8 +15,8 @@ function a(e, t, n) {
 		...a
 	];
 }
-function o({ className: o, items: s, maxItems: c, collapseLabel: l = "…", separator: u = /* @__PURE__ */ r(n, { className: "size-3.5" }), wrap: d = !1, renderLink: f, ...p }) {
-	let m = t.useMemo(() => typeof c == "number" ? a(s, c, l) : s, [
+function o({ className: o, items: s, maxItems: c, collapseLabel: l = "…", separator: u = /* @__PURE__ */ r(n, { className: "size-3.5" }), wrap: d = !1, currentItemLabel: f, renderLink: p, ...m }) {
+	let h = t.useMemo(() => typeof c == "number" ? a(s, c, l) : s, [
 		l,
 		s,
 		c
@@ -25,9 +25,9 @@ function o({ className: o, items: s, maxItems: c, collapseLabel: l = "…", sepa
 		"data-slot": "breadcrumbs",
 		"aria-label": "Breadcrumb",
 		className: e("flex min-w-0 items-center gap-1 overflow-x-auto text-sm text-muted-foreground", d ? "flex-wrap" : "whitespace-nowrap", o),
-		...p,
-		children: m.map((n, a) => {
-			let o = n.key === "__collapsed__", s = a === m.length - 1, c = n.current || s;
+		...m,
+		children: h.map((n, a) => {
+			let o = n.key === "__collapsed__", s = a === h.length - 1, c = n.current || s;
 			return /* @__PURE__ */ i(t.Fragment, { children: [a > 0 && /* @__PURE__ */ r("span", {
 				className: "shrink-0 opacity-60",
 				children: u
@@ -35,7 +35,7 @@ function o({ className: o, items: s, maxItems: c, collapseLabel: l = "…", sepa
 				"data-slot": "breadcrumbs-collapsed",
 				className: "shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground",
 				children: n.label
-			}) : n.href && !c ? f ? f({
+			}) : n.href && !c ? p ? p({
 				item: n,
 				href: n.href,
 				"data-slot": "breadcrumbs-link",
@@ -68,7 +68,7 @@ function o({ className: o, items: s, maxItems: c, collapseLabel: l = "…", sepa
 				})
 			}) : /* @__PURE__ */ i("span", {
 				"data-slot": "breadcrumbs-current",
-				"aria-current": c ? n.currentLabel ?? "page" : void 0,
+				"aria-current": c ? n.currentLabel ?? f ?? "page" : void 0,
 				className: e("inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5", c && "bg-accent/45 font-medium text-foreground"),
 				children: [n.icon ? /* @__PURE__ */ r("span", {
 					className: "shrink-0",

package/dist/components/modern/calendar-scheduler.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");var i={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 a({events:e,days:n,empty:a=`No events scheduled.`,className:o,...s}){let c=n??Array.from(new Set(e.map(e=>e.date)));return(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,className:t.cn(`grid gap-3`,o),...s,children:c.map(n=>(0,r.jsxs)(`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:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:n}),(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e.filter(e=>e.date===n).length,` items`]})]}),(0,r.jsx)(`div`,{className:`grid gap-2`,children:e.filter(e=>e.date===n).length===0?(0,r.jsx)(`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:a}):e.filter(e=>e.date===n).map(e=>(0,r.jsxs)(`div`,{className:t.cn(`rounded-[var(--radius-md)] border px-3 py-2.5 text-sm shadow-sm`,i[e.tone??`default`]),children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.time&&(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time})]},e.id))})]},n))})}exports.CalendarScheduler=a;
+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={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 a({events:e,days:n,view:a=`week`,empty:o=`No events scheduled.`,onCreateEvent:s,onEventClick:c,className:l,...u}){let d=n??Array.from(new Set(e.map(e=>e.date)));return(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":a,className:t.cn(`grid gap-3`,a===`month`&&`md:grid-cols-2 xl:grid-cols-3`,l),...u,children:d.map(n=>(0,r.jsxs)(`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:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:n}),(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e.filter(e=>e.date===n).length,` items`]})]}),(0,r.jsx)(`div`,{className:`grid gap-2`,children:e.filter(e=>e.date===n).length===0?(0,r.jsx)(`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:o}):e.filter(e=>e.date===n).map(e=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`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`,i[e.tone??`default`]),onClick:()=>c?.(e),children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.time&&(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time}),e.durationMinutes&&(0,r.jsxs)(`div`,{className:`mt-1 text-xs opacity-70`,children:[e.durationMinutes,` min`]})]},e.id))}),s&&(0,r.jsx)(`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:()=>s(n),children:`Create event`})]},n))})}exports.CalendarScheduler=a;

package/dist/components/modern/calendar-scheduler.d.ts

@@ -5,11 +5,15 @@ export type CalendarSchedulerEvent = {
     date: string;
     time?: string;
     tone?: "default" | "success" | "warning" | "danger";
+    durationMinutes?: number;
 };
 export type CalendarSchedulerProps = React.ComponentProps<"div"> & {
     events: CalendarSchedulerEvent[];
     days?: string[];
+    view?: "day" | "week" | "month";
     empty?: React.ReactNode;
+    onCreateEvent?: (date: string) => void;
+    onEventClick?: (event: CalendarSchedulerEvent) => void;
 };
-declare function CalendarScheduler({ events, days, empty, className, ...props }: CalendarSchedulerProps): React.JSX.Element;
+declare function CalendarScheduler({ events, days, view, empty, onCreateEvent, onEventClick, className, ...props }: CalendarSchedulerProps): React.JSX.Element;
 export { CalendarScheduler };

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

@@ -8,39 +8,58 @@ var r = {
 	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, empty: o = "No events scheduled.", className: s, ...c }) {
-	let l = a ?? Array.from(new Set(i.map((e) => e.date)));
+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",
-		className: e("grid gap-3", s),
-		...c,
-		children: l.map((a) => /* @__PURE__ */ n("section", {
+		"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: o
-				}) : i.filter((e) => e.date === a).map((i) => /* @__PURE__ */ n("div", {
-					className: e("rounded-[var(--radius-md)] border px-3 py-2.5 text-sm shadow-sm", r[i.tone ?? "default"]),
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "mb-3 flex items-center justify-between gap-3",
 					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
+						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"]
 					})]
-				}, i.id))
-			})]
+				}),
+				/* @__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))
 	});
 }

package/dist/components/modern/dual-list-picker.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,picked:n=[],onPickedChange:i,availableTitle:a=`Available`,pickedTitle:o=`Selected`,className:s,...c}){let l=new Set(n),u=e.filter(e=>!l.has(e.value)),d=e.filter(e=>l.has(e.value));function f(e){let t=l.has(e)?n.filter(t=>t!==e):[...n,e];i?.(t)}let p=(e,t)=>(0,r.jsxs)(`div`,{className:`min-h-48 rounded-lg border bg-card`,children:[(0,r.jsx)(`div`,{className:`border-b px-3 py-2 text-sm font-medium`,children:e}),(0,r.jsx)(`div`,{className:`grid gap-1 p-2`,children:t.map(e=>(0,r.jsxs)(`button`,{type:`button`,disabled:e.disabled,className:`flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted disabled:opacity-50`,onClick:()=>f(e.value),children:[(0,r.jsx)(`span`,{children:e.label}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:l.has(e.value)?`−`:`+`})]},e.value))})]});return(0,r.jsxs)(`div`,{"data-slot":`dual-list-picker`,className:t.cn(`grid gap-3 md:grid-cols-2`,s),...c,children:[p(a,u),p(o,d)]})}exports.DualListPicker=i;
+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;

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

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

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

@@ -1,38 +1,96 @@
 import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+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 r({ items: r, picked: i = [], onPickedChange: a, availableTitle: o = "Available", pickedTitle: s = "Selected", className: c, ...l }) {
-	let u = new Set(i), d = r.filter((e) => !u.has(e.value)), f = r.filter((e) => u.has(e.value));
-	function p(e) {
-		let t = u.has(e) ? i.filter((t) => t !== e) : [...i, e];
-		a?.(t);
+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);
 	}
-	let m = (e, r) => /* @__PURE__ */ n("div", {
+	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__ */ t("div", {
-			className: "border-b px-3 py-2 text-sm font-medium",
-			children: e
-		}), /* @__PURE__ */ t("div", {
+		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: r.map((e) => /* @__PURE__ */ n("button", {
+			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,
-				className: "flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted disabled:opacity-50",
-				onClick: () => p(e.value),
-				children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ t("span", {
+				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: u.has(e.value) ? "−" : "+"
+					children: _.has(e.value) ? "−" : "+"
 				})]
 			}, e.value))
 		})]
 	});
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ r("div", {
 		"data-slot": "dual-list-picker",
-		className: e("grid gap-3 md:grid-cols-2", c),
-		...l,
-		children: [m(o, d), m(s, f)]
+		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 { r as DualListPicker };
+export { i as DualListPicker };

package/dist/components/modern/rich-text-editor.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({value:e,onValueChange:i,placeholder:a=`Write something...`,className:o,...s}){let c=n.useRef(null);return n.useEffect(()=>{c.current&&e!==void 0&&c.current.innerHTML!==e&&(c.current.innerHTML=e)},[e]),(0,r.jsxs)(`div`,{"data-slot":`rich-text-editor`,className:t.cn(`grid gap-2 rounded-lg border bg-background p-2`,o),...s,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`,className:`rounded border px-2 py-1 text-xs font-medium`,onClick:()=>document.execCommand(e),children:t},e))}),(0,r.jsx)(`div`,{ref:c,contentEditable:!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?.(e.currentTarget.innerHTML)})]})}exports.RichTextEditor=i;
+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;

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

@@ -3,6 +3,8 @@ export type RichTextEditorProps = Omit<React.ComponentProps<"div">, "onChange">
     value?: string;
     onValueChange?: (value: string) => void;
     placeholder?: string;
+    output?: "html" | "text";
+    disabled?: boolean;
 };
-declare function RichTextEditor({ value, onValueChange, placeholder, className, ...props }: RichTextEditorProps): React.JSX.Element;
+declare function RichTextEditor({ value, onValueChange, placeholder, output, disabled, className, ...props }: RichTextEditorProps): React.JSX.Element;
 export { RichTextEditor };

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

@@ -2,14 +2,15 @@ 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...", className: s, ...c }) {
-	let l = t.useRef(null);
+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(() => {
-		l.current && i !== void 0 && l.current.innerHTML !== i && (l.current.innerHTML = i);
+		d.current && i !== void 0 && d.current.innerHTML !== i && (d.current.innerHTML = i);
 	}, [i]), /* @__PURE__ */ r("div", {
 		"data-slot": "rich-text-editor",
-		className: e("grid gap-2 rounded-lg border bg-background p-2", s),
-		...c,
+		"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: [
@@ -18,16 +19,18 @@ function i({ value: i, onValueChange: a, placeholder: o = "Write something...",
 				["underline", "U"]
 			].map(([e, t]) => /* @__PURE__ */ n("button", {
 				type: "button",
-				className: "rounded border px-2 py-1 text-xs font-medium",
+				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: l,
-			contentEditable: !0,
+			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?.(e.currentTarget.innerHTML)
+			onInput: (e) => a?.(s === "text" ? e.currentTarget.textContent ?? "" : e.currentTarget.innerHTML)
 		})]
 	});
 }

package/dist/components/modern/tour.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({steps:e,index:n=0,onIndexChange:i,onClose:a,className:o,...s}){let c=e[n];return c?(0,r.jsx)(`div`,{"data-slot":`tour`,className:t.cn(`rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg`,o),...s,children:(0,r.jsxs)(`div`,{className:`grid gap-2`,children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:c.title}),c.description&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:c.description}),(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:[n+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`,disabled:n===0,onClick:()=>i?.(n-1),children:`Back`}),n<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:()=>i?.(n+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:a,children:`Done`})]})]})]})}):null}exports.Tour=i;
+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;

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

@@ -2,12 +2,16 @@ 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";
 };
-declare function Tour({ steps, index, onIndexChange, onClose, className, ...props }: TourProps): React.JSX.Element | null;
+declare function Tour({ steps, index, onIndexChange, onClose, onSkip, onFinish, placement, className, ...props }: TourProps): React.JSX.Element | null;
 export { Tour };