tembro 2.0.6 → 2.1.1

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

package/dist/components/modern/tour.js

@@ -1,52 +1,74 @@
 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/tour.tsx
-function r({ steps: r, index: i = 0, onIndexChange: a, onClose: o, className: s, ...c }) {
-	let l = r[i];
-	return l ? /* @__PURE__ */ t("div", {
+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",
-		className: e("rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg", s),
-		...c,
-		children: /* @__PURE__ */ n("div", {
+		"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__ */ t("div", {
+				/* @__PURE__ */ n("div", {
 					className: "font-semibold",
-					children: l.title
+					children: p.title
 				}),
-				l.description && /* @__PURE__ */ t("div", {
+				p.description && /* @__PURE__ */ n("div", {
 					className: "text-sm text-muted-foreground",
-					children: l.description
+					children: p.description
 				}),
-				/* @__PURE__ */ n("div", {
+				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__ */ n("span", {
+					children: [/* @__PURE__ */ r("span", {
 						className: "text-xs text-muted-foreground",
 						children: [
-							i + 1,
+							a + 1,
 							" / ",
-							r.length
+							i.length
 						]
-					}), /* @__PURE__ */ n("div", {
+					}), /* @__PURE__ */ r("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ t("button", {
-							type: "button",
-							className: "rounded-md border px-2.5 py-1 text-sm",
-							disabled: i === 0,
-							onClick: () => a?.(i - 1),
-							children: "Back"
-						}), i < r.length - 1 ? /* @__PURE__ */ t("button", {
-							type: "button",
-							className: "rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground",
-							onClick: () => a?.(i + 1),
-							children: "Next"
-						}) : /* @__PURE__ */ t("button", {
-							type: "button",
-							className: "rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground",
-							onClick: o,
-							children: "Done"
-						})]
+						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"
+							})
+						]
 					})]
 				})
 			]
@@ -54,4 +76,4 @@ function r({ steps: r, index: i = 0, onIndexChange: a, onClose: o, className: s,
 	}) : null;
 }
 //#endregion
-export { r as Tour };
+export { i as Tour };

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`,children:i,className:a,...o}){return e?(0,r.jsx)(`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`,a),...o,children:i}):null}exports.CommandBar=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({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/components/navigation/command-bar.d.ts

@@ -3,6 +3,8 @@ export type CommandBarProps = React.ComponentProps<"div"> & {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     position?: "bottom" | "top";
+    grouped?: boolean;
+    label?: React.ReactNode;
 };
-declare function CommandBar({ open, position, children, className, ...props }: CommandBarProps): React.JSX.Element | null;
+declare function CommandBar({ open, position, grouped, label, children, className, ...props }: CommandBarProps): React.JSX.Element | null;
 export { CommandBar };

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

@@ -1,14 +1,17 @@
 import { cn as e } from "../../lib/utils.js";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/navigation/command-bar.tsx
-function n({ open: n = !0, position: r = "bottom", children: i, className: a, ...o }) {
-	return n ? /* @__PURE__ */ t("div", {
+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", r === "bottom" ? "bottom-6" : "top-6", a),
-		...o,
-		children: i
+		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 { n as CommandBar };
+export { r as CommandBar };

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(`anchor-nav`,`AnchorNav`,`navigation`,`Section jump navigation for long detail pages.`),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;
+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/components/navigation/demo.js

@@ -3,7 +3,6 @@ import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/
 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("anchor-nav", "AnchorNav", "navigation", "Section jump navigation for long detail pages."),
 	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.")
 ]);

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");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={sm:`h-8 px-3 text-xs`,default:`h-10 px-4 text-sm`,lg:`h-11 px-5 text-base`};function a({items:e,value:n,onValueChange:a,size:o=`default`,fullWidth:s=!1,className:c,...l}){return(0,r.jsx)(`div`,{"data-slot":`nav-tabs`,className:t.cn(`inline-flex rounded-[var(--radius-xl)] border border-border/80 bg-muted/45 p-1`,s&&`w-full`,c),...l,children:e.map(e=>{let c=e.value===n,l=(0,r.jsxs)(r.Fragment,{children:[e.icon?(0,r.jsx)(`span`,{className:`[&_svg]:size-4`,children:e.icon}):null,(0,r.jsx)(`span`,{className:`truncate`,children:e.label})]}),u=t.cn(`inline-flex items-center justify-center gap-2 rounded-[calc(var(--radius-xl)-4px)] font-medium text-muted-foreground transition hover:text-foreground disabled:pointer-events-none disabled:opacity-50`,i[o],s&&`flex-1`,c&&`bg-background text-foreground shadow-sm`);return e.href?(0,r.jsx)(`a`,{href:e.href,"aria-current":c?`page`:void 0,className:u,children:l},e.value):(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,className:u,onClick:()=>a?.(e.value),children:l},e.value)})})}exports.NavTabs=a;
+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/components/navigation/nav-tabs.js

@@ -1,39 +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 t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/navigation/nav-tabs.tsx
-var i = {
+var s = {
 	sm: "h-8 px-3 text-xs",
 	default: "h-10 px-4 text-sm",
 	lg: "h-11 px-5 text-base"
 };
-function a({ items: a, value: o, onValueChange: s, size: c = "default", fullWidth: l = !1, className: u, ...d }) {
-	return /* @__PURE__ */ n("div", {
+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("inline-flex rounded-[var(--radius-xl)] border border-border/80 bg-muted/45 p-1", l && "w-full", u),
-		...d,
-		children: a.map((a) => {
-			let u = a.value === o, d = /* @__PURE__ */ r(t, { children: [a.icon ? /* @__PURE__ */ n("span", {
-				className: "[&_svg]:size-4",
-				children: a.icon
-			}) : null, /* @__PURE__ */ n("span", {
-				className: "truncate",
-				children: a.label
-			})] }), f = e("inline-flex items-center justify-center gap-2 rounded-[calc(var(--radius-xl)-4px)] font-medium text-muted-foreground transition hover:text-foreground disabled:pointer-events-none disabled:opacity-50", i[c], l && "flex-1", u && "bg-background text-foreground shadow-sm");
-			return a.href ? /* @__PURE__ */ n("a", {
-				href: a.href,
-				"aria-current": u ? "page" : void 0,
-				className: f,
-				children: d
-			}, a.value) : /* @__PURE__ */ n("button", {
-				type: "button",
-				disabled: a.disabled,
-				className: f,
-				onClick: () => s?.(a.value),
-				children: d
-			}, a.value);
+		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 { a as NavTabs };
+export { c as NavTabs };

package/dist/components/navigation/page-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/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,items:r,onValueChange:a,variant:o=`underline`,size:s=`default`,className:c,...l}){let u=r.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`page-tabs`,"data-variant":o,className:t.cn(`flex min-w-0 flex-wrap gap-1.5 border-b border-border/70`,o===`pills`&&`rounded-full border border-border/75 bg-muted/22 p-1 shadow-[0_1px_0_rgba(255,255,255,0.04)]`,o===`cards`&&`gap-2 border-b-0`,o!==`underline`&&`border-b-0`,c),...l,children:u.map(r=>{let c=r.value===e;return(0,i.jsxs)(`button`,{type:`button`,disabled:r.disabled,"data-slot":`page-tab`,"data-active":c||void 0,className:t.cn(`inline-flex min-w-0 items-center gap-2 rounded-full px-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4`,s===`sm`?`h-8`:`h-10`,o===`underline`&&`rounded-none border-b-2 border-transparent px-1 text-muted-foreground hover:text-foreground`,o===`underline`&&c&&`border-primary text-foreground`,o===`pills`&&`text-muted-foreground hover:bg-background/72 hover:text-foreground`,o===`pills`&&c&&`bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground`,o===`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`,o===`cards`&&c&&`border-primary/50 bg-primary/7 text-foreground`),onClick:()=>a?.(r.value,r),children:[r.icon,(0,i.jsx)(`span`,{className:`truncate`,children:r.label}),r.badge!==void 0&&(0,i.jsx)(n.Badge,{variant:c&&o===`pills`?`secondary`:`outline`,className:`rounded-full`,children:r.badge})]},r.value)})})}exports.PageTabs=a;
+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;