tembro 2.0.2 → 2.0.4

package/dist/showcase/fallback.js

@@ -3,71 +3,59 @@ import { ButtonGroup as t } from "../components/actions/button-group.js";
 import { CopyButton as n } from "../components/actions/copy-button.js";
 import { CopyField as r } from "../components/actions/copy-field.js";
 import { Input as i } from "../components/ui/input/index.js";
-import { Card as a, CardContent as o, CardHeader as s, CardTitle as ee } from "../components/ui/card/index.js";
-import { Badge as c } from "../components/ui/badge/index.js";
-import { Accordion as l } from "../components/ui/accordion/index.js";
-import { Skeleton as u, SkeletonCard as d, SkeletonText as te } from "../components/ui/skeleton/index.js";
-import { Divider as ne } from "../components/ui/divider/index.js";
-import { SegmentedControl as re } from "../components/ui/segmented-control/index.js";
-import { Spinner as f } from "../components/ui/spinner/index.js";
-import { QuickActionGrid as ie } from "../components/actions/quick-action-grid.js";
-import { Section as ae } from "../components/layout/section.js";
-import { Grid as oe, Stack as se } from "../components/layout/stack.js";
-import { StickyFooterBar as ce } from "../components/layout/sticky-footer-bar.js";
-import { AnchorNav as le } from "../components/navigation/anchor-nav.js";
-import { PageTabs as ue } from "../components/navigation/page-tabs.js";
-import { StepperTabs as de } from "../components/navigation/stepper-tabs.js";
-import { FilterChips as fe } from "../components/filters/filter-chips.js";
-import { SavedFilterSelect as pe } from "../components/filters/saved-filter-select.js";
-import { ColorInput as me } from "../components/inputs/color-input.js";
-import { OtpInput as he } from "../components/inputs/otp-input.js";
-import { QuantityStepper as p } from "../components/inputs/quantity-stepper.js";
-import { Rating as m } from "../components/inputs/rating.js";
-import { RangeSlider as h, Slider as g } from "../components/inputs/slider.js";
-import { TagInput as _ } from "../components/inputs/tag-input.js";
-import { Cascader as v } from "../components/inputs/cascader.js";
-import { JsonInput as y } from "../components/inputs/json-input.js";
-import { MentionInput as b } from "../components/inputs/mention-input.js";
-import { TimePicker as x, TimeRangePicker as S } from "../components/inputs/time-picker.js";
-import { Alert as C } from "../components/feedback/alert.js";
-import { EmptyState as w } from "../components/feedback/empty-state.js";
-import { PageState as T } from "../components/feedback/page-state.js";
-import { DescriptionList as E } from "../components/display/description-list.js";
-import { Avatar as D, AvatarGroup as O } from "../components/display/avatar.js";
-import { Descriptions as k } from "../components/display/descriptions.js";
-import { KeyboardShortcut as A } from "../components/display/keyboard-shortcut.js";
-import { KanbanBoard as j } from "../components/display/kanban.js";
-import { CodeBlock as M } from "../components/display/code-block.js";
-import { DataState as N } from "../components/display/data-state.js";
-import { EntityCard as P } from "../components/display/entity-card.js";
-import { List as F } from "../components/display/list.js";
-import { PropertyGrid as I } from "../components/display/property-grid.js";
-import { Statistic as L, StatisticCard as R, StatisticGrid as ge } from "../components/display/statistic.js";
-import { StatusLegend as _e } from "../components/display/status-legend.js";
-import { TagList as ve } from "../components/display/tag-list.js";
-import { TreeView as ye } from "../components/display/tree-view.js";
-import { SkeletonTable as be } from "../components/display/skeleton-table.js";
-import { SkeletonForm as xe } from "../components/display/skeleton-form.js";
-import { AspectRatio as Se } from "../components/display/aspect-ratio.js";
-import { Carousel as Ce, CarouselItem as z } from "../components/display/carousel.js";
-import { FloatButton as we } from "../components/display/float-button.js";
-import { QRCode as Te } from "../components/display/qr-code.js";
-import { Tag as B, TagGroup as Ee } from "../components/display/tag.js";
-import { Heading as De, Mark as Oe, Text as V } from "../components/display/typography.js";
-import { Watermark as ke } from "../components/display/watermark.js";
-import { Affix as Ae } from "../components/modern/affix.js";
-import { CalendarScheduler as je } from "../components/modern/calendar-scheduler.js";
-import { DualListPicker as Me } from "../components/modern/dual-list-picker.js";
-import { Menubar as Ne, MenubarContent as Pe, MenubarItem as H, MenubarMenu as U, MenubarTrigger as W } from "../components/modern/menubar.js";
-import { NavigationMenu as Fe, NavigationMenuItem as G, NavigationMenuLink as K, NavigationMenuList as Ie } from "../components/modern/navigation-menu.js";
-import { ResizableHandle as Le, ResizablePanel as q, ResizablePanelGroup as Re } from "../components/modern/resizable-panel.js";
-import { RichTextEditor as ze } from "../components/modern/rich-text-editor.js";
-import { Tour as J } from "../components/modern/tour.js";
-import { StatCard as Be } from "../components/layout/stat-card.js";
-import { Fragment as Ve, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { Card as a, CardContent as o } from "../components/ui/card/index.js";
+import { Badge as s } from "../components/ui/badge/index.js";
+import { Accordion as ee } from "../components/ui/accordion/index.js";
+import { Skeleton as c, SkeletonCard as te, SkeletonText as ne } from "../components/ui/skeleton/index.js";
+import { Divider as re } from "../components/ui/divider/index.js";
+import { SegmentedControl as ie } from "../components/ui/segmented-control/index.js";
+import { Spinner as l } from "../components/ui/spinner/index.js";
+import { QuickActionGrid as ae } from "../components/actions/quick-action-grid.js";
+import { Section as oe } from "../components/layout/section.js";
+import { StickyFooterBar as se } from "../components/layout/sticky-footer-bar.js";
+import { AnchorNav as ce } from "../components/navigation/anchor-nav.js";
+import { PageTabs as le } from "../components/navigation/page-tabs.js";
+import { StepperTabs as u } from "../components/navigation/stepper-tabs.js";
+import { FilterChips as ue } from "../components/filters/filter-chips.js";
+import { SavedFilterSelect as d } from "../components/filters/saved-filter-select.js";
+import { ColorInput as f } from "../components/inputs/color-input.js";
+import { OtpInput as p } from "../components/inputs/otp-input.js";
+import { QuantityStepper as m } from "../components/inputs/quantity-stepper.js";
+import { Rating as de } from "../components/inputs/rating.js";
+import { RangeSlider as fe, Slider as h } from "../components/inputs/slider.js";
+import { TagInput as g } from "../components/inputs/tag-input.js";
+import { JsonInput as _ } from "../components/inputs/json-input.js";
+import { TimePicker as v, TimeRangePicker as y } from "../components/inputs/time-picker.js";
+import { Alert as b } from "../components/feedback/alert.js";
+import { EmptyState as x } from "../components/feedback/empty-state.js";
+import { PageState as S } from "../components/feedback/page-state.js";
+import { Avatar as C, AvatarGroup as w } from "../components/display/avatar.js";
+import { Descriptions as T } from "../components/display/descriptions.js";
+import { KanbanBoard as E } from "../components/display/kanban.js";
+import { CodeBlock as D } from "../components/display/code-block.js";
+import { DataState as O } from "../components/display/data-state.js";
+import { EntityCard as k } from "../components/display/entity-card.js";
+import { List as A } from "../components/display/list.js";
+import { PropertyGrid as j } from "../components/display/property-grid.js";
+import { Statistic as M, StatisticCard as N, StatisticGrid as P } from "../components/display/statistic.js";
+import { StatusLegend as F } from "../components/display/status-legend.js";
+import { TreeView as I } from "../components/display/tree-view.js";
+import { Carousel as L, CarouselItem as R } from "../components/display/carousel.js";
+import { QRCode as z } from "../components/display/qr-code.js";
+import { Tag as B, TagGroup as V } from "../components/display/tag.js";
+import { Heading as pe, Mark as me, Text as H } from "../components/display/typography.js";
+import { CalendarScheduler as he } from "../components/modern/calendar-scheduler.js";
+import { DualListPicker as ge } from "../components/modern/dual-list-picker.js";
+import { Menubar as _e, MenubarContent as ve, MenubarItem as U, MenubarMenu as W, MenubarTrigger as G } from "../components/modern/menubar.js";
+import { NavigationMenu as ye, NavigationMenuItem as K, NavigationMenuLink as q, NavigationMenuList as be } from "../components/modern/navigation-menu.js";
+import { ResizableHandle as xe, ResizablePanel as J, ResizablePanelGroup as Se } from "../components/modern/resizable-panel.js";
+import { RichTextEditor as Ce } from "../components/modern/rich-text-editor.js";
+import { Tour as we } from "../components/modern/tour.js";
+import { StatCard as Te } from "../components/layout/stat-card.js";
+import { Fragment as Ee, jsx as Y, jsxs as X } from "react/jsx-runtime";
 //#region src/showcase/fallback.tsx
 function Z({ item: e, groupLabel: t, importSnippet: n }) {
-	let r = He(e.slug);
+	let r = De(e.slug);
 	return {
 		Showcase: (n) => /* @__PURE__ */ Y(Q, {
 			...n,
@@ -86,7 +74,7 @@ function Z({ item: e, groupLabel: t, importSnippet: n }) {
 		}
 	};
 }
-function He(e) {
+function De(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
 function Q({ item: e, groupLabel: t, state: n, setState: r, mode: i }) {
@@ -148,8 +136,8 @@ function Q({ item: e, groupLabel: t, state: n, setState: r, mode: i }) {
 		]
 	});
 }
-function $(Z, He, Q, $, Ue) {
-	return Z.slug === "accordion" ? /* @__PURE__ */ Y(l, {
+function $(Z, De, Q, $, Oe) {
+	return Z.slug === "accordion" ? /* @__PURE__ */ Y(ee, {
 		type: "single",
 		defaultValue: "api",
 		items: [{
@@ -163,34 +151,15 @@ function $(Z, He, Q, $, Ue) {
 			description: "Controlled or uncontrolled usage.",
 			content: "Use one expanded section for FAQs, settings clusters, and compact disclosure flows."
 		}]
-	}) : Z.slug === "affix" ? /* @__PURE__ */ X("div", {
-		className: "grid gap-3",
-		children: [/* @__PURE__ */ Y(Ae, {
-			offsetTop: 0,
-			children: /* @__PURE__ */ Y("div", {
-				className: "rounded-lg border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2 text-sm font-medium",
-				children: "Sticky helper bar"
-			})
-		}), /* @__PURE__ */ Y("div", {
-			className: "rounded-xl border border-dashed border-[color:var(--aui-divider)] p-4 text-sm text-[color:var(--aui-page-muted)]",
-			children: "Use `Affix` when a small control or summary should remain visible while the surrounding content scrolls."
-		})]
-	}) : Z.slug === "aspect-ratio" ? /* @__PURE__ */ Y(Se, {
-		ratio: 16 / 9,
-		className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]",
-		children: /* @__PURE__ */ Y("div", {
-			className: "flex size-full items-center justify-center bg-[linear-gradient(135deg,color-mix(in_oklch,var(--aui-brand),transparent_88%),transparent)] text-sm font-medium text-[color:var(--aui-page-foreground)]",
-			children: "16:9 media surface"
-		})
 	}) : Z.slug === "avatar" ? /* @__PURE__ */ X("div", {
 		className: "flex flex-wrap items-center gap-4",
 		children: [
-			/* @__PURE__ */ Y(D, { name: "Azamat UI" }),
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ Y(C, { name: "Azamat UI" }),
+			/* @__PURE__ */ Y(C, {
 				fallback: "AJ",
 				shape: "rounded"
 			}),
-			/* @__PURE__ */ Y(O, { items: [
+			/* @__PURE__ */ Y(w, { items: [
 				{
 					key: "1",
 					name: "Azamat"
@@ -209,7 +178,7 @@ function $(Z, He, Q, $, Ue) {
 				}
 			] })
 		]
-	}) : Z.slug === "calendar-scheduler" ? /* @__PURE__ */ Y(je, { events: [
+	}) : Z.slug === "calendar-scheduler" ? /* @__PURE__ */ Y(he, { events: [
 		{
 			id: "1",
 			title: "Design review",
@@ -231,9 +200,9 @@ function $(Z, He, Q, $, Ue) {
 			time: "09:30",
 			tone: "success"
 		}
-	] }) : Z.slug === "carousel" ? /* @__PURE__ */ X(Ce, {
+	] }) : Z.slug === "carousel" ? /* @__PURE__ */ X(L, {
 		index: 0,
-		children: [/* @__PURE__ */ Y(z, { children: /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
+		children: [/* @__PURE__ */ Y(R, { children: /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
 			className: "p-5",
 			children: [/* @__PURE__ */ Y("p", {
 				className: "text-lg font-semibold",
@@ -242,7 +211,7 @@ function $(Z, He, Q, $, Ue) {
 				className: "mt-2 text-sm text-muted-foreground",
 				children: "Compact KPI slide for weekly review."
 			})]
-		}) }) }), /* @__PURE__ */ Y(z, { children: /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
+		}) }) }), /* @__PURE__ */ Y(R, { children: /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
 			className: "p-5",
 			children: [/* @__PURE__ */ Y("p", {
 				className: "text-lg font-semibold",
@@ -252,35 +221,7 @@ function $(Z, He, Q, $, Ue) {
 				children: "Second slide with account risk summary."
 			})]
 		}) }) })]
-	}) : Z.slug === "cascader" ? /* @__PURE__ */ Y(v, {
-		value: [
-			"workspace",
-			"billing",
-			"invoices"
-		],
-		options: [{
-			value: "workspace",
-			label: "Workspace",
-			children: [{
-				value: "billing",
-				label: "Billing",
-				children: [{
-					value: "invoices",
-					label: "Invoices"
-				}, {
-					value: "plans",
-					label: "Plans"
-				}]
-			}]
-		}, {
-			value: "settings",
-			label: "Settings",
-			children: [{
-				value: "team",
-				label: "Team"
-			}]
-		}]
-	}) : Z.slug === "code-block" ? /* @__PURE__ */ Y(M, {
+	}) : Z.slug === "code-block" ? /* @__PURE__ */ Y(D, {
 		title: "Install",
 		language: "bash",
 		code: "npx tembro init --template next\nnpx tembro add button"
@@ -291,7 +232,7 @@ function $(Z, He, Q, $, Ue) {
 		label: "CLI command",
 		description: "Quick source-copy command",
 		value: "npx tembro add input"
-	}) : Z.slug === "data-state" ? /* @__PURE__ */ Y(N, {
+	}) : Z.slug === "data-state" ? /* @__PURE__ */ Y(O, {
 		status: "empty",
 		title: "No matching rows",
 		description: "Try another filter or import the first record.",
@@ -299,7 +240,7 @@ function $(Z, He, Q, $, Ue) {
 			size: "sm",
 			children: "Import CSV"
 		})
-	}) : Z.slug === "descriptions" ? /* @__PURE__ */ Y(k, {
+	}) : Z.slug === "descriptions" ? /* @__PURE__ */ Y(T, {
 		title: "Workspace details",
 		columns: 3,
 		items: [
@@ -326,13 +267,13 @@ function $(Z, He, Q, $, Ue) {
 				className: "text-sm font-medium",
 				children: "Section above"
 			}),
-			/* @__PURE__ */ Y(ne, { label: "Summary" }),
+			/* @__PURE__ */ Y(re, { label: "Summary" }),
 			/* @__PURE__ */ Y("div", {
 				className: "text-sm text-muted-foreground",
 				children: "Section below"
 			})
 		]
-	}) : Z.slug === "dual-list-picker" ? /* @__PURE__ */ Y(Me, {
+	}) : Z.slug === "dual-list-picker" ? /* @__PURE__ */ Y(ge, {
 		picked: ["billing", "support"],
 		items: [
 			{
@@ -352,7 +293,7 @@ function $(Z, He, Q, $, Ue) {
 				label: "Security"
 			}
 		]
-	}) : Z.slug === "segmented-control" ? /* @__PURE__ */ Y(re, {
+	}) : Z.slug === "segmented-control" ? /* @__PURE__ */ Y(ie, {
 		options: [
 			{
 				value: "overview",
@@ -371,60 +312,41 @@ function $(Z, He, Q, $, Ue) {
 	}) : Z.slug === "spinner" ? /* @__PURE__ */ X("div", {
 		className: "flex items-center gap-5",
 		children: [
-			/* @__PURE__ */ Y(f, { size: "xs" }),
-			/* @__PURE__ */ Y(f, { size: "sm" }),
-			/* @__PURE__ */ Y(f, { size: "md" }),
-			/* @__PURE__ */ Y(f, { size: "lg" })
+			/* @__PURE__ */ Y(l, { size: "xs" }),
+			/* @__PURE__ */ Y(l, { size: "sm" }),
+			/* @__PURE__ */ Y(l, { size: "md" }),
+			/* @__PURE__ */ Y(l, { size: "lg" })
 		]
 	}) : Z.slug === "skeleton" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-3",
 		children: [
-			/* @__PURE__ */ Y(u, { className: "h-10 w-full" }),
-			/* @__PURE__ */ Y(te, { rows: 3 }),
-			/* @__PURE__ */ Y(d, { avatar: !0 })
+			/* @__PURE__ */ Y(c, { className: "h-10 w-full" }),
+			/* @__PURE__ */ Y(ne, { rows: 3 }),
+			/* @__PURE__ */ Y(te, { avatar: !0 })
 		]
-	}) : Z.slug === "skeleton-form" ? /* @__PURE__ */ Y(xe, {}) : Z.slug === "skeleton-table" ? /* @__PURE__ */ Y(be, {
-		rows: 5,
-		columns: 4
-	}) : Z.slug === "slider" ? /* @__PURE__ */ Y(g, {
+	}) : Z.slug === "slider" ? /* @__PURE__ */ Y(h, {
 		label: "Spacing scale",
 		description: "Adjust dashboard density.",
 		defaultValue: 64,
 		showValue: !0
-	}) : Z.slug === "stack" ? /* @__PURE__ */ X(se, {
-		gap: "sm",
-		children: [
-			/* @__PURE__ */ Y("div", {
-				className: "rounded-lg border p-3 text-sm",
-				children: "Header area"
-			}),
-			/* @__PURE__ */ Y("div", {
-				className: "rounded-lg border p-3 text-sm",
-				children: "Content area"
-			}),
-			/* @__PURE__ */ Y("div", {
-				className: "rounded-lg border p-3 text-sm",
-				children: "Footer area"
-			})
-		]
-	}) : Z.slug === "statistic" ? /* @__PURE__ */ X(ge, {
+	}) : Z.slug === "statistic" ? /* @__PURE__ */ X(P, {
 		columns: 3,
 		children: [
-			/* @__PURE__ */ Y(R, {
+			/* @__PURE__ */ Y(N, {
 				label: "ARR",
 				value: "$84.2k",
 				change: "+12.4%",
 				trend: "up",
 				description: "vs previous month"
 			}),
-			/* @__PURE__ */ Y(L, {
+			/* @__PURE__ */ Y(M, {
 				label: "MRR",
 				value: "$7.0k",
 				change: "+3.1%",
 				trend: "up",
 				description: "Live subscriptions"
 			}),
-			/* @__PURE__ */ Y(L, {
+			/* @__PURE__ */ Y(M, {
 				label: "Churn",
 				value: "1.9%",
 				change: "-0.4%",
@@ -437,12 +359,12 @@ function $(Z, He, Q, $, Ue) {
 		children: [/* @__PURE__ */ Y("div", {
 			className: "p-4 text-sm text-muted-foreground",
 			children: "Scrollable page content"
-		}), /* @__PURE__ */ Y(ce, {
+		}), /* @__PURE__ */ Y(se, {
 			start: /* @__PURE__ */ Y("div", {
 				className: "text-sm font-medium",
 				children: "2 unsaved changes"
 			}),
-			end: /* @__PURE__ */ X(Ve, { children: [/* @__PURE__ */ Y(e, {
+			end: /* @__PURE__ */ X(Ee, { children: [/* @__PURE__ */ Y(e, {
 				size: "sm",
 				variant: "outline",
 				children: "Discard"
@@ -451,7 +373,7 @@ function $(Z, He, Q, $, Ue) {
 				children: "Save"
 			})] })
 		})]
-	}) : Z.slug === "tag" ? /* @__PURE__ */ X(Ee, { children: [
+	}) : Z.slug === "tag" ? /* @__PURE__ */ X(V, { children: [
 		/* @__PURE__ */ Y(B, { children: "Default" }),
 		/* @__PURE__ */ Y(B, {
 			tone: "success",
@@ -465,34 +387,16 @@ function $(Z, He, Q, $, Ue) {
 			tone: "danger",
 			children: "Blocked"
 		})
-	] }) : Z.slug === "tag-list" ? /* @__PURE__ */ Y(ve, {
-		removable: !0,
-		items: [
-			{
-				key: "1",
-				label: "Dashboard"
-			},
-			{
-				key: "2",
-				label: "Billing",
-				variant: "secondary"
-			},
-			{
-				key: "3",
-				label: "Priority",
-				variant: "outline"
-			}
-		]
-	}) : Z.slug === "time-picker" ? /* @__PURE__ */ X("div", {
+	] }) : Z.slug === "time-picker" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-3",
-		children: [/* @__PURE__ */ Y(x, {
+		children: [/* @__PURE__ */ Y(v, {
 			label: "Start time",
 			defaultValue: "09:30"
-		}), /* @__PURE__ */ Y(S, {
+		}), /* @__PURE__ */ Y(y, {
 			from: "09:30",
 			to: "17:30"
 		})]
-	}) : Z.slug === "tour" ? /* @__PURE__ */ Y(J, {
+	}) : Z.slug === "tour" ? /* @__PURE__ */ Y(we, {
 		index: 1,
 		steps: [
 			{
@@ -508,7 +412,7 @@ function $(Z, He, Q, $, Ue) {
 				description: "Open docs, API and preview together."
 			}
 		]
-	}) : Z.slug === "tree-view" ? /* @__PURE__ */ Y(ye, {
+	}) : Z.slug === "tree-view" ? /* @__PURE__ */ Y(I, {
 		defaultExpandedKeys: ["components", "inputs"],
 		selectedKey: "button",
 		items: [{
@@ -529,53 +433,41 @@ function $(Z, He, Q, $, Ue) {
 	}) : Z.slug === "typography" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-3",
 		children: [
-			/* @__PURE__ */ Y(De, {
+			/* @__PURE__ */ Y(pe, {
 				level: 2,
 				children: "Dashboard typography"
 			}),
-			/* @__PURE__ */ Y(V, { children: "Readable defaults for product copy and operational labels." }),
+			/* @__PURE__ */ Y(H, { children: "Readable defaults for product copy and operational labels." }),
 			/* @__PURE__ */ Y("blockquote", {
 				className: "border-l-4 pl-4 italic text-muted-foreground",
 				children: "Ship simple text hierarchy before adding decorative layout layers."
 			}),
-			/* @__PURE__ */ X(V, {
+			/* @__PURE__ */ X(H, {
 				muted: !0,
 				size: "sm",
 				children: [
 					"Use ",
-					/* @__PURE__ */ Y(Oe, { children: "Mark" }),
+					/* @__PURE__ */ Y(me, { children: "Mark" }),
 					" only for emphasis that matters."
 				]
 			})
 		]
-	}) : Z.slug === "watermark" ? /* @__PURE__ */ Y(ke, {
-		text: "AZAMAT UI",
-		children: /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
-			className: "p-6",
-			children: [/* @__PURE__ */ Y("p", {
-				className: "text-lg font-semibold",
-				children: "Preview export"
-			}), /* @__PURE__ */ Y("p", {
-				className: "mt-2 text-sm text-muted-foreground",
-				children: "Subtle branding surface for internal screenshots or mockups."
-			})]
-		}) })
-	}) : Z.slug === "range-slider" ? /* @__PURE__ */ Y(h, {
+	}) : Z.slug === "range-slider" ? /* @__PURE__ */ Y(fe, {
 		label: "Revenue band",
 		description: "Filter a metric window.",
 		defaultValue: [20, 80],
 		showValue: !0
-	}) : Z.slug === "rating" ? /* @__PURE__ */ Y(m, {
+	}) : Z.slug === "rating" ? /* @__PURE__ */ Y(de, {
 		defaultValue: 4,
 		labels: { clear: "Reset" }
-	}) : Z.slug === "otp-input" ? /* @__PURE__ */ Y(he, {
+	}) : Z.slug === "otp-input" ? /* @__PURE__ */ Y(p, {
 		value: Q.textValue.replace(/\D/g, "").slice(0, 6),
 		onValueChange: (e) => $({ textValue: e })
-	}) : Z.slug === "color-input" ? /* @__PURE__ */ Y(me, {
+	}) : Z.slug === "color-input" ? /* @__PURE__ */ Y(f, {
 		defaultValue: "#22c55e",
 		label: "Accent color",
 		description: "Theme token preview."
-	}) : Z.slug === "tag-input" ? /* @__PURE__ */ Y(_, {
+	}) : Z.slug === "tag-input" ? /* @__PURE__ */ Y(g, {
 		defaultValue: [
 			"dashboard",
 			"beta",
@@ -595,7 +487,7 @@ function $(Z, He, Q, $, Ue) {
 			key: "month",
 			label: "Month"
 		}
-	] }) : Z.slug === "quick-action-grid" || Z.slug === "command-bar" ? /* @__PURE__ */ Y(ie, {
+	] }) : Z.slug === "quick-action-grid" || Z.slug === "command-bar" ? /* @__PURE__ */ Y(ae, {
 		columns: Z.slug === "command-bar" ? 4 : 3,
 		compact: Z.slug === "command-bar",
 		items: [
@@ -620,7 +512,7 @@ function $(Z, He, Q, $, Ue) {
 		]
 	}) : Z.slug === "filter-chips" || Z.slug === "data-table-saved-filters" ? /* @__PURE__ */ X("div", {
 		className: "grid gap-3",
-		children: [/* @__PURE__ */ Y(fe, {
+		children: [/* @__PURE__ */ Y(ue, {
 			chips: [
 				{
 					key: "status",
@@ -661,7 +553,7 @@ function $(Z, He, Q, $, Ue) {
 				}
 			]
 		}) : null]
-	}) : Z.slug === "anchor-nav" ? /* @__PURE__ */ Y(le, {
+	}) : Z.slug === "anchor-nav" ? /* @__PURE__ */ Y(ce, {
 		orientation: "horizontal",
 		title: "Sections",
 		items: [
@@ -682,7 +574,7 @@ function $(Z, He, Q, $, Ue) {
 				href: "#api"
 			}
 		]
-	}) : Z.slug === "page-tabs" ? /* @__PURE__ */ Y(ue, {
+	}) : Z.slug === "page-tabs" ? /* @__PURE__ */ Y(le, {
 		value: "overview",
 		variant: "pills",
 		items: [
@@ -700,7 +592,7 @@ function $(Z, He, Q, $, Ue) {
 				badge: "3"
 			}
 		]
-	}) : Z.slug === "stepper-tabs" ? /* @__PURE__ */ Y(de, {
+	}) : Z.slug === "stepper-tabs" ? /* @__PURE__ */ Y(u, {
 		value: "billing",
 		items: [
 			{
@@ -720,7 +612,7 @@ function $(Z, He, Q, $, Ue) {
 				description: "Confirm release"
 			}
 		]
-	}) : Z.slug === "alert" ? /* @__PURE__ */ Y(C, {
+	}) : Z.slug === "alert" ? /* @__PURE__ */ Y(b, {
 		tone: "warning",
 		title: "Review needed",
 		description: "Billing rules changed and one approval is pending.",
@@ -728,7 +620,7 @@ function $(Z, He, Q, $, Ue) {
 			size: "sm",
 			children: "Open"
 		})
-	}) : Z.slug === "page-state" ? /* @__PURE__ */ Y(T, {
+	}) : Z.slug === "page-state" ? /* @__PURE__ */ Y(S, {
 		title: "Workspace connected",
 		description: "The route is ready to accept live data and team actions.",
 		tone: "success",
@@ -736,23 +628,14 @@ function $(Z, He, Q, $, Ue) {
 			size: "sm",
 			children: "Continue"
 		})
-	}) : Z.slug === "empty-search-state" ? /* @__PURE__ */ Y(w, {
+	}) : Z.slug === "empty-search-state" ? /* @__PURE__ */ Y(x, {
 		title: "No matching components",
 		description: "Try a shorter keyword or switch to a broader family.",
 		action: /* @__PURE__ */ Y(e, {
 			size: "sm",
 			children: "Clear search"
 		})
-	}) : Z.slug === "float-button" ? /* @__PURE__ */ X("div", {
-		className: "relative min-h-28 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-		children: [/* @__PURE__ */ Y("p", {
-			className: "text-sm text-muted-foreground",
-			children: "Floating action inside a content area."
-		}), /* @__PURE__ */ Y(we, {
-			className: "absolute bottom-4 right-4",
-			children: "+"
-		})]
-	}) : Z.slug === "data-list" || Z.slug === "list" ? /* @__PURE__ */ Y(F, { items: [
+	}) : Z.slug === "data-list" || Z.slug === "list" ? /* @__PURE__ */ Y(A, { items: [
 		{
 			key: "1",
 			title: "Enterprise plan",
@@ -771,26 +654,10 @@ function $(Z, He, Q, $, Ue) {
 			description: "Lightweight team setup",
 			extra: "$49"
 		}
-	] }) : Z.slug === "key-value-card" ? /* @__PURE__ */ X(a, { children: [/* @__PURE__ */ Y(s, { children: /* @__PURE__ */ Y(ee, { children: "Account summary" }) }), /* @__PURE__ */ Y(o, { children: /* @__PURE__ */ Y(E, { items: [
-		{
-			key: "owner",
-			label: "Owner",
-			value: "Azamat UI"
-		},
-		{
-			key: "plan",
-			label: "Plan",
-			value: "Scale"
-		},
-		{
-			key: "renewal",
-			label: "Renewal",
-			value: "July 14, 2026"
-		}
-	] }) })] }) : Z.slug === "entity-card" || Z.slug === "file-card" ? /* @__PURE__ */ Y(P, {
+	] }) : Z.slug === "entity-card" || Z.slug === "file-card" ? /* @__PURE__ */ Y(k, {
 		title: Z.slug === "file-card" ? "Design-spec.pdf" : "Azamat Workspace",
 		description: Z.slug === "file-card" ? "Shared with 4 reviewers." : "Admin console and live dashboard route.",
-		status: /* @__PURE__ */ Y(c, {
+		status: /* @__PURE__ */ Y(s, {
 			variant: "secondary",
 			children: "Live"
 		}),
@@ -800,7 +667,7 @@ function $(Z, He, Q, $, Ue) {
 			variant: "outline",
 			children: "Open"
 		})
-	}) : Z.slug === "status-legend" ? /* @__PURE__ */ Y(_e, {
+	}) : Z.slug === "status-legend" ? /* @__PURE__ */ Y(F, {
 		title: "Delivery states",
 		items: [
 			{
@@ -825,7 +692,7 @@ function $(Z, He, Q, $, Ue) {
 				count: 1
 			}
 		]
-	}) : Z.slug === "trend-card" || Z.slug === "comparison-card" ? /* @__PURE__ */ Y(Be, {
+	}) : Z.slug === "trend-card" || Z.slug === "comparison-card" ? /* @__PURE__ */ Y(Te, {
 		title: Z.slug === "trend-card" ? "Weekly revenue" : "Current vs previous",
 		value: "$84.2k",
 		description: "Compared with last month",
@@ -836,15 +703,15 @@ function $(Z, He, Q, $, Ue) {
 	}) : Z.slug === "delta-badge" ? /* @__PURE__ */ X("div", {
 		className: "flex flex-wrap gap-2",
 		children: [
-			/* @__PURE__ */ Y(c, {
+			/* @__PURE__ */ Y(s, {
 				variant: "secondary",
 				children: "+12.4%"
 			}),
-			/* @__PURE__ */ Y(c, {
+			/* @__PURE__ */ Y(s, {
 				variant: "outline",
 				children: "-3.1%"
 			}),
-			/* @__PURE__ */ Y(c, {
+			/* @__PURE__ */ Y(s, {
 				variant: "destructive",
 				children: "Risk"
 			})
@@ -853,7 +720,7 @@ function $(Z, He, Q, $, Ue) {
 		className: "flex flex-col gap-4 p-5 sm:flex-row sm:items-start sm:justify-between",
 		children: [/* @__PURE__ */ X("div", {
 			className: "space-y-2",
-			children: [/* @__PURE__ */ Y(c, {
+			children: [/* @__PURE__ */ Y(s, {
 				variant: "outline",
 				children: "Customer"
 			}), /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("h3", {
@@ -874,7 +741,7 @@ function $(Z, He, Q, $, Ue) {
 				children: "Edit"
 			})]
 		})]
-	}) }) : Z.slug === "notification-center" ? /* @__PURE__ */ Y(F, { items: [
+	}) }) : Z.slug === "notification-center" ? /* @__PURE__ */ Y(A, { items: [
 		{
 			key: "1",
 			title: "Build completed",
@@ -902,11 +769,11 @@ function $(Z, He, Q, $, Ue) {
 			size: "sm",
 			children: "Save label"
 		})]
-	}) : Z.slug === "json-input" ? /* @__PURE__ */ Y(y, {
+	}) : Z.slug === "json-input" ? /* @__PURE__ */ Y(_, {
 		value: "{\n  \"workspace\": \"azamat-ui\",\n  \"theme\": \"dashboard\"\n}",
 		onValueChange: () => void 0,
 		rows: 7
-	}) : Z.slug === "kanban" ? /* @__PURE__ */ Y(j, { columns: [
+	}) : Z.slug === "kanban" ? /* @__PURE__ */ Y(E, { columns: [
 		{
 			key: "todo",
 			title: "Todo",
@@ -934,53 +801,29 @@ function $(Z, He, Q, $, Ue) {
 				description: "Release package and sync docs."
 			}]
 		}
-	] }) : Z.slug === "keyboard-shortcut" ? /* @__PURE__ */ X("div", {
-		className: "flex flex-wrap gap-3",
-		children: [
-			/* @__PURE__ */ Y(A, { keys: ["Ctrl", "K"] }),
-			/* @__PURE__ */ Y(A, { keys: ["Shift", "Enter"] }),
-			/* @__PURE__ */ Y(A, { keys: ["Alt", "S"] })
-		]
-	}) : Z.slug === "mention-input" ? /* @__PURE__ */ Y(b, {
-		defaultValue: "@azamat can you review the DataTable route?",
-		options: [
-			{
-				value: "@azamat",
-				label: "@azamat"
-			},
-			{
-				value: "@team",
-				label: "@team"
-			},
-			{
-				value: "@design",
-				label: "@design"
-			}
-		]
-	}) : Z.slug === "menubar" ? /* @__PURE__ */ X(Ne, { children: [
-		/* @__PURE__ */ X(U, { children: [/* @__PURE__ */ Y(W, { children: "File" }), /* @__PURE__ */ X(Pe, {
+	] }) : Z.slug === "menubar" ? /* @__PURE__ */ X(_e, { children: [
+		/* @__PURE__ */ X(W, { children: [/* @__PURE__ */ Y(G, { children: "File" }), /* @__PURE__ */ X(ve, {
 			className: "relative mt-2",
-			children: [/* @__PURE__ */ Y(H, { children: "New page" }), /* @__PURE__ */ Y(H, { children: "Duplicate" })]
+			children: [/* @__PURE__ */ Y(U, { children: "New page" }), /* @__PURE__ */ Y(U, { children: "Duplicate" })]
 		})] }),
-		/* @__PURE__ */ Y(U, { children: /* @__PURE__ */ Y(W, { children: "Edit" }) }),
-		/* @__PURE__ */ Y(U, { children: /* @__PURE__ */ Y(W, { children: "View" }) })
-	] }) : Z.slug === "navigation-menu" ? /* @__PURE__ */ Y(Fe, { children: /* @__PURE__ */ X(Ie, { children: [
-		/* @__PURE__ */ Y(G, { children: /* @__PURE__ */ Y(K, {
+		/* @__PURE__ */ Y(W, { children: /* @__PURE__ */ Y(G, { children: "Edit" }) }),
+		/* @__PURE__ */ Y(W, { children: /* @__PURE__ */ Y(G, { children: "View" }) })
+	] }) : Z.slug === "navigation-menu" ? /* @__PURE__ */ Y(ye, { children: /* @__PURE__ */ X(be, { children: [
+		/* @__PURE__ */ Y(K, { children: /* @__PURE__ */ Y(q, {
 			href: "#",
 			active: !0,
 			children: "Overview"
 		}) }),
-		/* @__PURE__ */ Y(G, { children: /* @__PURE__ */ Y(K, {
+		/* @__PURE__ */ Y(K, { children: /* @__PURE__ */ Y(q, {
 			href: "#",
 			children: "Components"
 		}) }),
-		/* @__PURE__ */ Y(G, { children: /* @__PURE__ */ Y(K, {
+		/* @__PURE__ */ Y(K, { children: /* @__PURE__ */ Y(q, {
 			href: "#",
 			children: "Docs"
 		}) })
-	] }) }) : Z.slug === "overlay" ? /* @__PURE__ */ X(oe, {
-		columns: 3,
-		gap: "sm",
+	] }) }) : Z.slug === "overlay" ? /* @__PURE__ */ X("div", {
+		className: "grid gap-3 sm:grid-cols-3",
 		children: [
 			/* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
 				className: "p-4",
@@ -1013,7 +856,7 @@ function $(Z, He, Q, $, Ue) {
 				})]
 			}) })
 		]
-	}) : Z.slug === "property-grid" ? /* @__PURE__ */ Y(I, {
+	}) : Z.slug === "property-grid" ? /* @__PURE__ */ Y(j, {
 		columns: 3,
 		items: [
 			{
@@ -1035,32 +878,15 @@ function $(Z, He, Q, $, Ue) {
 				description: "Editable local files"
 			}
 		]
-	}) : Z.slug === "qr-code" ? /* @__PURE__ */ Y(Te, {
+	}) : Z.slug === "qr-code" ? /* @__PURE__ */ Y(z, {
 		value: "https://azamat-ui.vercel.app",
 		alt: "Azamat UI"
-	}) : Z.slug === "quantity-stepper" ? /* @__PURE__ */ Y(p, {
+	}) : Z.slug === "quantity-stepper" ? /* @__PURE__ */ Y(m, {
 		defaultValue: 3,
 		min: 1,
 		max: 10
-	}) : Z.slug === "repeater-field" ? /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ X(o, {
-		className: "grid gap-3 p-5",
-		children: [
-			/* @__PURE__ */ Y(i, {
-				placeholder: "First item",
-				defaultValue: "Revenue KPI"
-			}),
-			/* @__PURE__ */ Y(i, {
-				placeholder: "Second item",
-				defaultValue: "Churn guardrail"
-			}),
-			/* @__PURE__ */ Y("div", { children: /* @__PURE__ */ Y(e, {
-				size: "sm",
-				variant: "outline",
-				children: "Add row"
-			}) })
-		]
-	}) }) : Z.slug === "resizable-panel" ? /* @__PURE__ */ X(Re, { children: [
-		/* @__PURE__ */ X(q, {
+	}) : Z.slug === "resizable-panel" ? /* @__PURE__ */ X(Se, { children: [
+		/* @__PURE__ */ X(J, {
 			defaultSize: "45%",
 			children: [/* @__PURE__ */ Y("p", {
 				className: "text-sm font-medium",
@@ -1070,8 +896,8 @@ function $(Z, He, Q, $, Ue) {
 				children: "Resize this surface in product screens with long content."
 			})]
 		}),
-		/* @__PURE__ */ Y(Le, {}),
-		/* @__PURE__ */ X(q, {
+		/* @__PURE__ */ Y(xe, {}),
+		/* @__PURE__ */ X(J, {
 			defaultSize: "55%",
 			children: [/* @__PURE__ */ Y("p", {
 				className: "text-sm font-medium",
@@ -1081,10 +907,10 @@ function $(Z, He, Q, $, Ue) {
 				children: "Use for side-by-side data and editing tools."
 			})]
 		})
-	] }) : Z.slug === "rich-text-editor" ? /* @__PURE__ */ Y(ze, {
+	] }) : Z.slug === "rich-text-editor" ? /* @__PURE__ */ Y(Ce, {
 		value: "<p><strong>Release note</strong> with product details.</p>",
 		onValueChange: () => void 0
-	}) : Z.slug === "saved-filter-select" ? /* @__PURE__ */ Y(pe, {
+	}) : Z.slug === "saved-filter-select" ? /* @__PURE__ */ Y(d, {
 		value: "billing",
 		filters: [
 			{
@@ -1106,7 +932,7 @@ function $(Z, He, Q, $, Ue) {
 		onValueChange: () => void 0,
 		onSave: () => void 0,
 		onDelete: () => void 0
-	}) : Z.slug === "section" ? /* @__PURE__ */ Y(ae, {
+	}) : Z.slug === "section" ? /* @__PURE__ */ Y(oe, {
 		title: "Revenue summary",
 		description: "Section wrapper for grouped content and actions.",
 		actions: /* @__PURE__ */ Y(e, {
@@ -1147,9 +973,9 @@ function $(Z, He, Q, $, Ue) {
 			}), /* @__PURE__ */ Y("p", {
 				className: "mt-1 text-sm text-muted-foreground",
 				children: "Generic display fallback kept neutral until a dedicated showcase is added."
-			})] }), /* @__PURE__ */ Y(c, {
+			})] }), /* @__PURE__ */ Y(s, {
 				variant: "outline",
-				children: Ue
+				children: Oe
 			})]
 		})
 	}) : /* @__PURE__ */ Y("div", {
@@ -1162,7 +988,7 @@ function $(Z, He, Q, $, Ue) {
 			}), /* @__PURE__ */ Y("p", {
 				className: "mt-1 text-sm text-muted-foreground",
 				children: "Neutral starter preview for this surface. Copy it into your app, then shape the final state with your real data and props."
-			})] }), /* @__PURE__ */ Y(c, {
+			})] }), /* @__PURE__ */ Y(s, {
 				variant: "outline",
 				children: Z.category
 			})]