tembro 3.1.16 → 4.0.0

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

@@ -1,511 +0,0 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Tooltip as t } from "../ui/tooltip/index.js";
-import { useIsMobile as n } from "../../hooks/use-is-mobile.js";
-import { ControllableDetails as r } from "./controllable-details.js";
-import * as i from "react";
-import { ChevronRightIcon as a, MenuIcon as o, XIcon as s } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/layout/app-sidebar.tsx
-var d = 1024, f = "18rem", p = "4.75rem", m = "min(88vw, 22rem)";
-function h({ active: t, disabled: n }) {
-	return e("border border-transparent bg-transparent text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)] hover:border-[color:var(--aui-sidebar-item-active-border)] hover:bg-[color:var(--aui-sidebar-item-hover-bg)] hover:text-[color:var(--sidebar-foreground)] focus-visible:border-[color:var(--sidebar-ring)] focus-visible:bg-[color:var(--aui-sidebar-item-hover-bg)] focus-visible:text-[color:var(--sidebar-foreground)] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--sidebar-ring),transparent_82%)]", t && "border-[color:var(--aui-sidebar-item-active-border)] bg-[color:var(--aui-sidebar-item-active-bg)] text-[color:var(--aui-sidebar-item-active-fg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_10px_24px_color-mix(in_oklch,var(--sidebar-primary),transparent_88%)]", n && "hover:border-transparent hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)]");
-}
-function g({ collapsed: t, depth: n, itemSize: r, activeIndicator: i }) {
-	return e("relative w-full rounded-[min(var(--radius-xl),14px)] py-2", r === "sm" && "min-h-8 text-xs", r === "md" && "min-h-9 text-sm", r === "lg" && "min-h-11 text-sm", t ? "justify-center px-2" : "px-2.5", !t && n > 0 && "pl-3", i === "bar" && "data-[active=true]:pl-4 before:pointer-events-none before:absolute before:left-1.5 before:top-1/2 before:hidden before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-full before:bg-[color:var(--sidebar-primary)] data-[active=true]:before:block", i === "pill" && "rounded-full", i === "none" && "data-[active=true]:shadow-none");
-}
-function _(e) {
-	return e.items?.some((e) => !e.hidden) ?? !1;
-}
-function v(e) {
-	return e.active ? !0 : e.items?.some((e) => v(e)) ?? !1;
-}
-function y(e, t) {
-	e.onSelect?.(), t?.(e);
-}
-function b({ item: n, collapsed: r, depth: i, itemSize: a, activeIndicator: o, onItemSelect: s, renderLink: d }) {
-	let f = {
-		"aria-current": n.current ?? (n.active ? "page" : void 0),
-		"aria-disabled": n.disabled || void 0,
-		"data-slot": "app-sidebar-item",
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		"data-depth": String(i),
-		"data-size": a,
-		"data-active-indicator": o,
-		className: e("flex items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", h({
-			active: n.active,
-			disabled: n.disabled
-		}), g({
-			collapsed: r,
-			depth: i,
-			itemSize: a,
-			activeIndicator: o
-		}))
-	}, p = /* @__PURE__ */ u(c, { children: [
-		n.icon && /* @__PURE__ */ l("span", {
-			className: "shrink-0",
-			children: n.icon
-		}),
-		!r && /* @__PURE__ */ l("span", {
-			className: "min-w-0 flex-1 truncate",
-			children: n.label
-		}),
-		!r && n.badge && /* @__PURE__ */ l("span", {
-			className: "shrink-0",
-			children: n.badge
-		})
-	] }), m = (e) => r ? /* @__PURE__ */ l(t, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ l("span", {
-			className: "block",
-			children: e
-		})
-	}) : e;
-	return n.href?.startsWith("/") ? m(d ? /* @__PURE__ */ l(c, { children: d({
-		item: n,
-		href: n.href,
-		...f,
-		onClick: (e) => {
-			if (n.disabled) {
-				e.preventDefault();
-				return;
-			}
-			y(n, s);
-		},
-		children: p
-	}) }) : /* @__PURE__ */ l("a", {
-		href: n.href,
-		...f,
-		onClick: (e) => {
-			if (n.disabled) {
-				e.preventDefault();
-				return;
-			}
-			y(n, s);
-		},
-		children: p
-	})) : n.href ? m(/* @__PURE__ */ l("button", {
-		type: "button",
-		...f,
-		className: e(f.className, "w-full"),
-		onClick: () => {
-			if (n.disabled) return;
-			let e = n.href;
-			if (e) {
-				if (y(n, s), e.startsWith("http")) {
-					window.open(e, "_blank", "noopener,noreferrer");
-					return;
-				}
-				window.location.assign(e);
-			}
-		},
-		children: p
-	})) : m(/* @__PURE__ */ l("button", {
-		type: "button",
-		disabled: n.disabled,
-		...f,
-		onClick: () => {
-			n.disabled || y(n, s);
-		},
-		children: p
-	}));
-}
-function x({ items: n, collapsed: o, depth: s, showSectionLabels: c, itemSize: d, activeIndicator: f, onItemSelect: p, renderLink: m }) {
-	return n.map((n) => {
-		if (n.hidden) return null;
-		let y = _(n), S = v(n), C = c && !o && s === 0 && n.sectionLabel;
-		if (!y) return /* @__PURE__ */ u(i.Fragment, { children: [C ? /* @__PURE__ */ l("div", {
-			"data-slot": "app-sidebar-group-label",
-			className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0",
-			children: n.sectionLabel
-		}) : null, /* @__PURE__ */ l(b, {
-			item: n,
-			collapsed: o,
-			depth: s,
-			itemSize: d,
-			activeIndicator: f,
-			onItemSelect: p,
-			renderLink: m
-		})] }, n.key);
-		let w = n.defaultExpanded ?? S;
-		return /* @__PURE__ */ u("div", {
-			"data-slot": "app-sidebar-group",
-			"data-depth": s,
-			children: [C && /* @__PURE__ */ l("div", {
-				"data-slot": "app-sidebar-group-label",
-				className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0",
-				children: n.sectionLabel
-			}), /* @__PURE__ */ u(r, {
-				"data-slot": "app-sidebar-group-details",
-				open: n.expanded,
-				defaultOpen: w,
-				className: "group/app-sidebar-details",
-				onOpenChange: n.onExpandedChange,
-				children: [/* @__PURE__ */ u("summary", {
-					"data-slot": "app-sidebar-group-trigger",
-					"data-size": d,
-					"data-active": S || void 0,
-					"data-active-indicator": f,
-					className: e("flex list-none items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow]", h({ active: S }), g({
-						collapsed: o,
-						depth: s,
-						itemSize: d,
-						activeIndicator: f
-					})),
-					children: [
-						n.icon ? o ? /* @__PURE__ */ l(t, {
-							content: n.tooltip ?? n.label,
-							side: "right",
-							children: /* @__PURE__ */ l("span", {
-								className: "shrink-0",
-								children: n.icon
-							})
-						}) : /* @__PURE__ */ l("span", {
-							className: "shrink-0",
-							children: n.icon
-						}) : null,
-						!o && /* @__PURE__ */ l("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: n.label
-						}),
-						!o && n.badge && /* @__PURE__ */ l("span", {
-							className: "shrink-0",
-							children: n.badge
-						}),
-						!o && /* @__PURE__ */ l(a, {
-							"data-slot": "app-sidebar-group-chevron",
-							className: "ml-auto size-3.5 shrink-0 text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] transition-transform group-open/app-sidebar-details:rotate-90"
-						})
-					]
-				}), /* @__PURE__ */ l("div", {
-					"data-slot": "app-sidebar-group-content",
-					className: e("mt-1 flex flex-col gap-1", !o && "pl-3"),
-					children: /* @__PURE__ */ l(x, {
-						items: n.items ?? [],
-						collapsed: o,
-						depth: s + 1,
-						showSectionLabels: c,
-						itemSize: d,
-						activeIndicator: f,
-						onItemSelect: p,
-						renderLink: m
-					})
-				})]
-			})]
-		}, n.key);
-	});
-}
-function S({ item: n, collapsed: r, onItemSelect: i }) {
-	let a = /* @__PURE__ */ u("button", {
-		type: "button",
-		"data-slot": "app-sidebar-action",
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		className: e("flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", h({
-			active: n.active,
-			disabled: n.disabled
-		}), r && "justify-center px-2"),
-		disabled: n.disabled,
-		onClick: () => {
-			n.disabled || y(n, i);
-		},
-		children: [
-			n.icon ? /* @__PURE__ */ l("span", {
-				className: "shrink-0",
-				children: n.icon
-			}) : null,
-			r ? null : /* @__PURE__ */ l("span", {
-				className: "min-w-0 flex-1 truncate",
-				children: n.label
-			}),
-			!r && n.badge ? /* @__PURE__ */ l("span", {
-				className: "shrink-0",
-				children: n.badge
-			}) : null
-		]
-	});
-	return r ? /* @__PURE__ */ l(t, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ l("span", {
-			className: "block",
-			children: a
-		})
-	}) : a;
-}
-function C({ account: n, collapsed: r, onAfterSelect: i }) {
-	let a = /* @__PURE__ */ u("button", {
-		type: "button",
-		"data-slot": "app-sidebar-account",
-		className: e("flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]", h({}), r ? "justify-center px-2 py-2.5" : "px-3 py-2.5"),
-		onClick: () => {
-			if (n.onSelect?.(), i?.(), n.href) {
-				if (n.href.startsWith("http")) {
-					window.open(n.href, "_blank", "noopener,noreferrer");
-					return;
-				}
-				window.location.assign(n.href);
-			}
-		},
-		children: [n.avatar ? /* @__PURE__ */ l("span", {
-			"data-slot": "app-sidebar-account-avatar",
-			className: "inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold",
-			children: n.avatar
-		}) : null, r ? null : /* @__PURE__ */ u("span", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ l("span", {
-				"data-slot": "app-sidebar-account-label",
-				className: "block truncate text-sm font-semibold text-[color:var(--sidebar-foreground)]",
-				children: n.label
-			}), n.description ? /* @__PURE__ */ l("span", {
-				"data-slot": "app-sidebar-account-description",
-				className: "block truncate text-xs text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_36%)]",
-				children: n.description
-			}) : null]
-		})]
-	});
-	return r ? /* @__PURE__ */ l(t, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ l("span", {
-			className: "block",
-			children: a
-		})
-	}) : a;
-}
-function w({ className: n, style: r, header: a, footer: o, items: d = [], collapsed: m = !1, width: h = f, collapsedWidth: g = p, collapsedRail: _, railItems: v = [], footerAccount: y, secondaryActions: b = [], footerSecondary: w, footerClassName: T, tooltipOnCollapsed: E, showSectionLabels: D = !0, itemSize: O = "md", activeIndicator: k = "bar", navigationLabel: A = "Primary navigation", onItemSelect: j, renderItem: M, renderLink: N, children: P, mobile: F, mobileTitle: I, mobileDescription: L, mobileCloseLabel: R = "Close navigation", onRequestClose: z, closeOnSelect: B = !0, ...V }) {
-	let H = d.filter((e) => !e.hidden), U = v.filter((e) => !e.hidden), W = b.filter((e) => !e.hidden), G = i.useCallback((e) => {
-		j?.(e), F && B && z?.();
-	}, [
-		B,
-		F,
-		j,
-		z
-	]), K = F && (I || L || z);
-	return /* @__PURE__ */ u("aside", {
-		"data-slot": "app-sidebar",
-		"data-collapsed": m || void 0,
-		"data-mobile": F || void 0,
-		className: e("flex h-full min-h-0 flex-col overflow-hidden", n),
-		style: {
-			width: m ? g : h,
-			minWidth: m ? g : h,
-			...r
-		},
-		...V,
-		children: [
-			(a || K) && /* @__PURE__ */ l("div", {
-				"data-slot": "app-sidebar-header",
-				className: "shrink-0 border-b p-3",
-				children: /* @__PURE__ */ u("div", {
-					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ u("div", {
-						className: "min-w-0 flex-1",
-						children: [a ?? null, K ? /* @__PURE__ */ u("div", {
-							className: e(a && "mt-3"),
-							children: [I ? /* @__PURE__ */ l("p", {
-								className: "text-sm font-semibold text-foreground",
-								children: I
-							}) : null, L ? /* @__PURE__ */ l("p", {
-								className: "mt-1 text-xs leading-5 text-muted-foreground",
-								children: L
-							}) : null]
-						}) : null]
-					}), F && z ? /* @__PURE__ */ l("button", {
-						type: "button",
-						"aria-label": R,
-						"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,var(--border))] bg-[color:var(--aui-page-bg-alt,var(--muted))] text-[color:var(--aui-page-foreground,var(--foreground))] transition hover:bg-[color:var(--aui-control-bg,var(--muted))]",
-						onClick: z,
-						children: /* @__PURE__ */ l(s, { className: "size-4" })
-					}) : null]
-				})
-			}),
-			/* @__PURE__ */ u("nav", {
-				"data-slot": "app-sidebar-nav",
-				"aria-label": A,
-				className: "flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto overscroll-contain p-2",
-				children: [P ?? H.map((e) => {
-					if (!M) return null;
-					let n = M(e, { collapsed: m });
-					return !m || !E ? /* @__PURE__ */ l(i.Fragment, { children: n }, e.key) : /* @__PURE__ */ l(t, {
-						content: e.tooltip ?? e.label,
-						side: "right",
-						children: /* @__PURE__ */ l("span", {
-							className: "block",
-							children: n
-						})
-					}, e.key);
-				}), !P && !M && /* @__PURE__ */ l(x, {
-					items: H,
-					collapsed: m,
-					depth: 0,
-					showSectionLabels: D,
-					itemSize: O,
-					activeIndicator: k,
-					onItemSelect: G,
-					renderLink: N
-				})]
-			}),
-			(y || w || o || W.length > 0 || m && (_ || U.length > 0)) && /* @__PURE__ */ u("div", {
-				"data-slot": "app-sidebar-footer",
-				className: e("shrink-0 border-t p-3", T),
-				children: [
-					m ? /* @__PURE__ */ u(c, { children: [U.length > 0 ? /* @__PURE__ */ l("div", {
-						"data-slot": "app-sidebar-rail-actions",
-						className: "grid gap-2",
-						children: U.map((e) => /* @__PURE__ */ l(S, {
-							item: e,
-							collapsed: !0,
-							onItemSelect: G
-						}, e.key))
-					}) : null, _ ? /* @__PURE__ */ l("div", {
-						"data-slot": "app-sidebar-rail",
-						children: _
-					}) : null] }) : null,
-					!m && y ? /* @__PURE__ */ l("div", {
-						"data-slot": "app-sidebar-account-wrap",
-						className: "mb-3",
-						children: /* @__PURE__ */ l(C, {
-							account: y,
-							collapsed: !1,
-							onAfterSelect: () => {
-								F && B && z?.();
-							}
-						})
-					}) : null,
-					!m && W.length > 0 ? /* @__PURE__ */ l("div", {
-						"data-slot": "app-sidebar-secondary-actions",
-						className: "mb-3 grid gap-2",
-						children: W.map((e) => /* @__PURE__ */ l(S, {
-							item: e,
-							collapsed: !1,
-							onItemSelect: G
-						}, e.key))
-					}) : null,
-					!m && w ? /* @__PURE__ */ l("div", {
-						"data-slot": "app-sidebar-footer-secondary",
-						className: "mb-3",
-						children: w
-					}) : null,
-					m && y ? /* @__PURE__ */ l("div", {
-						"data-slot": "app-sidebar-account-wrap",
-						children: /* @__PURE__ */ l(C, {
-							account: y,
-							collapsed: !0,
-							onAfterSelect: () => {
-								F && B && z?.();
-							}
-						})
-					}) : null,
-					!m && o
-				]
-			})
-		]
-	});
-}
-function T({ className: t, header: r, footer: a, items: s = [], collapsed: h = !1, width: g = f, collapsedWidth: _ = p, mobileWidth: v = m, collapsedRail: y, railItems: b = [], footerAccount: x, secondaryActions: S = [], footerSecondary: C, tooltipOnCollapsed: T = !0, showSectionLabels: E = !0, itemSize: D = "md", activeIndicator: O = "bar", navigationLabel: k = "Primary navigation", responsive: A = !0, mobileBreakpoint: j = d, mobileOpen: M, defaultMobileOpen: N = !1, onMobileOpenChange: P, mobileTitle: F, mobileDescription: I, mobileToggleLabel: L = "Open navigation", mobileCloseLabel: R = "Close navigation", mobileToggleIcon: z, showMobileToggle: B = !0, closeOnSelect: V = !0, mobileToggleClassName: H, mobilePanelClassName: U, mobileOverlayClassName: W, renderMobileToggle: G, onItemSelect: K, renderItem: q, renderLink: J, children: Y, ...ee }) {
-	let te = n(j), X = A && te, [ne, re] = i.useState(N), Z = M ?? ne, Q = i.useCallback((e) => {
-		M ?? re(e), P?.(e);
-	}, [M, P]);
-	i.useEffect(() => {
-		!X && Z && Q(!1);
-	}, [
-		X,
-		Z,
-		Q
-	]), i.useEffect(() => {
-		if (!X || !Z) return;
-		let e = document.body.style.overflow;
-		document.body.style.overflow = "hidden";
-		let t = (e) => {
-			e.key === "Escape" && Q(!1);
-		};
-		return window.addEventListener("keydown", t), () => {
-			document.body.style.overflow = e, window.removeEventListener("keydown", t);
-		};
-	}, [
-		X,
-		Z,
-		Q
-	]);
-	let $ = {
-		className: t,
-		header: r,
-		footer: a,
-		items: s,
-		collapsed: h,
-		width: g,
-		collapsedWidth: _,
-		collapsedRail: y,
-		railItems: b,
-		footerAccount: x,
-		secondaryActions: S,
-		footerSecondary: C,
-		tooltipOnCollapsed: T,
-		showSectionLabels: E,
-		itemSize: D,
-		activeIndicator: O,
-		navigationLabel: k,
-		mobileCloseLabel: R,
-		closeOnSelect: V,
-		onItemSelect: K,
-		renderItem: q,
-		renderLink: J,
-		children: Y,
-		...ee
-	};
-	if (!A || !X) return /* @__PURE__ */ l(w, { ...$ });
-	let ie = /* @__PURE__ */ u("button", {
-		type: "button",
-		"aria-label": Z ? R : L,
-		"data-slot": "app-sidebar-mobile-trigger",
-		"data-state": Z ? "open" : "closed",
-		className: e("inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] px-3 text-sm font-medium text-[color:var(--aui-page-foreground,var(--foreground))] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt,var(--muted))]", H),
-		onClick: () => Q(!Z),
-		children: [/* @__PURE__ */ l("span", {
-			className: "inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt,var(--muted))]",
-			children: z ?? /* @__PURE__ */ l(o, { className: "size-4" })
-		}), /* @__PURE__ */ l("span", { children: Z ? R : L })]
-	});
-	return /* @__PURE__ */ u(c, { children: [B ? G ? G({
-		open: Z,
-		setOpen: Q
-	}) : ie : null, /* @__PURE__ */ u("div", {
-		"data-slot": "app-sidebar-mobile-root",
-		className: "relative z-40",
-		children: [/* @__PURE__ */ l("button", {
-			type: "button",
-			"aria-label": "Dismiss navigation",
-			"data-slot": "app-sidebar-mobile-overlay",
-			"data-state": Z ? "open" : "closed",
-			className: e("fixed inset-0 z-40 bg-black/45 transition-opacity duration-200", Z ? "opacity-100" : "pointer-events-none opacity-0", W),
-			style: {
-				opacity: +!!Z,
-				pointerEvents: Z ? "auto" : "none"
-			},
-			onClick: () => Q(!1)
-		}), /* @__PURE__ */ l(w, {
-			...$,
-			mobile: !0,
-			collapsed: !1,
-			mobileTitle: F,
-			mobileDescription: I,
-			onRequestClose: () => Q(!1),
-			"data-state": Z ? "open" : "closed",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": typeof F == "string" ? F : "Navigation",
-			className: e("fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] shadow-2xl transition-transform duration-200 ease-out", Z ? "translate-x-0" : "-translate-x-full", U, t),
-			style: {
-				width: v,
-				minWidth: v,
-				translate: Z ? "0 0" : "-100% 0"
-			}
-		})]
-	})] });
-}
-//#endregion
-export { T as Sidebar };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`)]);exports.layoutShowcaseDemoRegistry=t;

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

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/layout/demo.tsx
-var n = t([e("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots.")]);
-//#endregion
-export { n as layoutShowcaseDemoRegistry };

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

@@ -1 +0,0 @@
-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.`)]);exports.navigationShowcaseDemoRegistry=t;

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

@@ -1,5 +0,0 @@
-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.")]);
-//#endregion
-export { n as navigationShowcaseDemoRegistry };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`dialog-actions`,`DialogActions`,`overlay`,`Modal footer action row with cancel, secondary and primary actions.`),e.component(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),e.component(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`)]);exports.overlayShowcaseDemoRegistry=t;

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

@@ -1,9 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/overlay/demo.tsx
-var n = t([
-	e("dialog-actions", "DialogActions", "overlay", "Modal footer action row with cancel, secondary and primary actions."),
-	e("alert-dialog", "AlertDialog", "overlay", "Destructive confirmation dialog with loading-ready action states."),
-	e("drawer", "Drawer", "overlay", "Side panel for contextual details without leaving the page.")
-]);
-//#endregion
-export { n as overlayShowcaseDemoRegistry };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),e.component(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)]);exports.patternsShowcaseDemoRegistry=t;

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

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/patterns/demo.tsx
-var n = t([e("resource-page", "ResourcePage", "patterns", "Full resource index page shell for admin dashboards."), e("resource-detail-page", "ResourceDetailPage", "patterns", "Detail page shell with title, metadata and sections.")]);
-//#endregion
-export { n as patternsShowcaseDemoRegistry };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),e.component(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`,`ImageUpload`)]);exports.uploadShowcaseDemoRegistry=t;

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

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/upload/demo.tsx
-var n = t([e("file-upload", "FileUpload", "upload", "Full file upload surface with dropzone, action button and helper text."), e("image-upload", "ImageUpload", "upload", "Image upload pattern with preview-oriented copy.", "ImageUpload")]);
-//#endregion
-export { n as uploadShowcaseDemoRegistry };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),e.component(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`)]);exports.wizardShowcaseDemoRegistry=t;

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

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/wizard/demo.tsx
-var n = t([e("stepper", "Stepper", "wizard", "Clickable step navigation for multi-step forms."), e("wizard", "Wizard", "wizard", "Stepper, content and footer controls combined into one workflow.")]);
-//#endregion
-export { n as wizardShowcaseDemoRegistry };