tembro 2.0.5 → 2.0.6

package/dist/showcase/render-registry-preview.js

@@ -2,27 +2,26 @@ import { Button as e } from "../components/ui/button/index.js";
 import { ActionMenu as t } from "../components/actions/action-menu.js";
 import { ButtonGroup as n } from "../components/actions/button-group.js";
 import { PasswordInput as r } from "../components/inputs/password-input.js";
-import { SearchInput as i } from "../components/inputs/search-input.js";
-import { Input as a } from "../components/ui/input/index.js";
-import { Badge as o } from "../components/ui/badge/index.js";
-import { QuickActionGrid as s } from "../components/actions/quick-action-grid.js";
-import { SectionHeader as c } from "../components/layout/section-header.js";
-import { AnchorNav as l } from "../components/navigation/anchor-nav.js";
-import { NavTabs as u } from "../components/navigation/nav-tabs.js";
-import { PageTabs as d } from "../components/navigation/page-tabs.js";
-import { Pagination as f } from "../components/navigation/pagination.js";
-import { StepperTabs as p } from "../components/navigation/stepper-tabs.js";
-import { FilterBar as m } from "../components/filters/filter-bar.js";
-import { AlertDialog as h } from "../components/overlay/alert-dialog.js";
-import { DialogActionButton as g, DialogActions as _ } from "../components/overlay/dialog-actions.js";
-import { Drawer as v } from "../components/overlay/drawer.js";
-import { ColorInput as y } from "../components/inputs/color-input.js";
-import { OtpInput as b } from "../components/inputs/otp-input.js";
-import { Rating as x } from "../components/inputs/rating.js";
-import { RangeSlider as ee, Slider as te } from "../components/inputs/slider.js";
-import { TagInput as ne } from "../components/inputs/tag-input.js";
-import { Alert as re } from "../components/feedback/alert.js";
-import { PageState as ie } from "../components/feedback/page-state.js";
+import { Input as i } from "../components/ui/input/index.js";
+import { Badge as a } from "../components/ui/badge/index.js";
+import { QuickActionGrid as o } from "../components/actions/quick-action-grid.js";
+import { SectionHeader as s } from "../components/layout/section-header.js";
+import { AnchorNav as ee } from "../components/navigation/anchor-nav.js";
+import { NavTabs as c } from "../components/navigation/nav-tabs.js";
+import { PageTabs as l } from "../components/navigation/page-tabs.js";
+import { Pagination as u } from "../components/navigation/pagination.js";
+import { StepperTabs as d } from "../components/navigation/stepper-tabs.js";
+import { FilterBar as f } from "../components/filters/filter-bar.js";
+import { AlertDialog as p } from "../components/overlay/alert-dialog.js";
+import { DialogActionButton as m, DialogActions as h } from "../components/overlay/dialog-actions.js";
+import { Drawer as g } from "../components/overlay/drawer.js";
+import { ColorInput as _ } from "../components/inputs/color-input.js";
+import { OtpInput as v } from "../components/inputs/otp-input.js";
+import { Rating as y } from "../components/inputs/rating.js";
+import { RangeSlider as b, Slider as x } from "../components/inputs/slider.js";
+import { TagInput as te } from "../components/inputs/tag-input.js";
+import { Alert as ne } from "../components/feedback/alert.js";
+import { PageState as re } from "../components/feedback/page-state.js";
 import { DescriptionList as S } from "../components/display/description-list.js";
 import { List as C } from "../components/display/list.js";
 import { Progress as w } from "../components/display/progress.js";
@@ -42,80 +41,81 @@ import { AppHeader as L } from "../components/layout/app-header.js";
 import { ResourceDetailPage as R } from "../components/patterns/resource-detail-page.js";
 import { ResourcePage as z, ResourcePageSection as B } from "../components/patterns/resource-page.js";
 import "react";
-import { ArchiveIcon as V, BellIcon as ae, ChevronRightIcon as H, DownloadIcon as U, FilterIcon as W, LayoutDashboardIcon as G, MoreHorizontalIcon as K, SearchIcon as q, UploadCloudIcon as J } from "lucide-react";
+import { ArchiveIcon as V, BellIcon as H, ChevronRightIcon as ie, DownloadIcon as U, FilterIcon as W, LayoutDashboardIcon as G, MoreHorizontalIcon as K, SearchIcon as q, UploadCloudIcon as J } from "lucide-react";
 import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
 //#region src/showcase/render-registry-preview.tsx
-function oe(e, t, n) {
-	return e.kind === "inputs" ? /* @__PURE__ */ X(se, {
+function ae(e, t, n) {
+	return e.kind === "inputs" ? /* @__PURE__ */ X(oe, {
 		slug: e.slug,
 		state: t,
 		setState: n
-	}) : e.kind === "form" ? /* @__PURE__ */ X(ce, {
+	}) : e.kind === "form" ? /* @__PURE__ */ X(se, {
 		state: t,
 		setState: n
-	}) : e.kind === "overlay" ? /* @__PURE__ */ X(le, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ X(ue, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ X(de, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ X(fe, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ X(pe, {
+	}) : e.kind === "overlay" ? /* @__PURE__ */ X(ce, { slug: e.slug }) : e.kind === "navigation" ? /* @__PURE__ */ X(le, { slug: e.slug }) : e.kind === "feedback" ? /* @__PURE__ */ X(ue, { slug: e.slug }) : e.kind === "display" ? /* @__PURE__ */ X(de, { slug: e.slug }) : e.kind === "actions" ? /* @__PURE__ */ X(fe, {
 		slug: e.slug,
 		state: t,
 		setState: n
-	}) : e.kind === "layout" ? /* @__PURE__ */ X($, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ X(me, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ X(he, {}) : e.kind === "upload" ? /* @__PURE__ */ X(ge, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ X(_e, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ X(ve, { slug: e.slug }) : null;
+	}) : e.kind === "layout" ? /* @__PURE__ */ X(pe, { slug: e.slug }) : e.kind === "data-table" ? /* @__PURE__ */ X($, { slug: e.slug }) : e.kind === "calendar" ? /* @__PURE__ */ X(me, {}) : e.kind === "upload" ? /* @__PURE__ */ X(he, { slug: e.slug }) : e.kind === "wizard" ? /* @__PURE__ */ X(ge, { slug: e.slug }) : e.kind === "patterns" ? /* @__PURE__ */ X(_e, { slug: e.slug }) : null;
 }
 function Q({ tone: e, children: t }) {
-	return /* @__PURE__ */ X(o, {
+	return /* @__PURE__ */ X(a, {
 		variant: e === "danger" ? "destructive" : e === "warning" ? "outline" : "secondary",
 		children: t
 	});
 }
-function se({ slug: e, state: t, setState: n }) {
-	let o = t.textValue, s = (e) => n({ textValue: e });
+function oe({ slug: e, state: t, setState: n }) {
+	let a = t.textValue, o = (e) => n({ textValue: e });
 	return e === "search-input" ? /* @__PURE__ */ X(i, {
-		value: o,
-		onValueChange: s,
+		type: "search",
+		value: a,
+		onValueChange: o,
 		resultCount: 12,
 		shortcut: "Ctrl K",
 		placeholder: "Search customers..."
 	}) : e === "password-input" ? /* @__PURE__ */ X(r, {
 		value: "secret-token",
-		onValueChange: s,
+		onValueChange: o,
 		placeholder: "Password"
-	}) : e === "clearable-input" ? /* @__PURE__ */ X(a, {
-		value: o,
-		onValueChange: s,
+	}) : e === "clearable-input" ? /* @__PURE__ */ X(i, {
+		value: a,
+		onValueChange: o,
 		placeholder: "Clearable input",
 		clearable: !0
-	}) : e === "slider" ? /* @__PURE__ */ X(te, {
+	}) : e === "slider" ? /* @__PURE__ */ X(x, {
 		label: "Density",
 		description: "Tune content density.",
 		defaultValue: 64,
 		showValue: !0
-	}) : e === "range-slider" ? /* @__PURE__ */ X(ee, {
+	}) : e === "range-slider" ? /* @__PURE__ */ X(b, {
 		label: "Revenue range",
 		description: "Filter between two values.",
 		defaultValue: [20, 80],
 		showValue: !0
-	}) : e === "rating" ? /* @__PURE__ */ X(x, {
+	}) : e === "rating" ? /* @__PURE__ */ X(y, {
 		defaultValue: 4,
 		labels: { clear: "Reset" }
-	}) : e === "otp-input" ? /* @__PURE__ */ X(b, {
-		value: o.replace(/\D/g, "").slice(0, 6),
-		onValueChange: s
-	}) : e === "color-input" ? /* @__PURE__ */ X(y, {
+	}) : e === "otp-input" ? /* @__PURE__ */ X(v, {
+		value: a.replace(/\D/g, "").slice(0, 6),
+		onValueChange: o
+	}) : e === "color-input" ? /* @__PURE__ */ X(_, {
 		defaultValue: "#22c55e",
 		label: "Accent color",
 		description: "Theme token preview."
-	}) : e === "tag-input" ? /* @__PURE__ */ X(ne, {
+	}) : e === "tag-input" ? /* @__PURE__ */ X(te, {
 		defaultValue: [
 			"dashboard",
 			"beta",
 			"ops"
 		],
 		placeholder: "Add label"
-	}) : /* @__PURE__ */ X(a, {
-		value: o,
+	}) : /* @__PURE__ */ X(i, {
+		value: a,
 		onChange: (e) => n({ textValue: e.currentTarget.value }),
 		placeholder: "Unified input"
 	});
 }
-function ce({ state: e, setState: t }) {
+function se({ state: e, setState: t }) {
 	return /* @__PURE__ */ Z("div", {
 		className: "grid gap-4 md:grid-cols-2",
 		children: [/* @__PURE__ */ Z("label", {
@@ -125,7 +125,7 @@ function ce({ state: e, setState: t }) {
 					className: "text-sm font-medium text-[color:var(--aui-page-foreground)]",
 					children: "Email address"
 				}),
-				/* @__PURE__ */ X(a, {
+				/* @__PURE__ */ X(i, {
 					value: e.textValue,
 					onChange: (e) => t({ textValue: e.currentTarget.value })
 				}),
@@ -142,6 +142,7 @@ function ce({ state: e, setState: t }) {
 					children: "Status"
 				}),
 				/* @__PURE__ */ X(i, {
+					type: "search",
 					value: "Active customers",
 					resultCount: 7,
 					readOnly: !0
@@ -154,24 +155,24 @@ function ce({ state: e, setState: t }) {
 		})]
 	});
 }
-function le({ slug: t }) {
+function ce({ slug: t }) {
 	return t === "dialog-actions" ? /* @__PURE__ */ X("div", {
 		className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-		children: /* @__PURE__ */ Z(_, {
+		children: /* @__PURE__ */ Z(h, {
 			align: "end",
 			children: [
-				/* @__PURE__ */ X(g, {
+				/* @__PURE__ */ X(m, {
 					variant: "ghost",
 					children: "Cancel"
 				}),
-				/* @__PURE__ */ X(g, {
+				/* @__PURE__ */ X(m, {
 					variant: "outline",
 					children: "Save draft"
 				}),
-				/* @__PURE__ */ X(g, { children: "Publish" })
+				/* @__PURE__ */ X(m, { children: "Publish" })
 			]
 		})
-	}) : t === "alert-dialog" ? /* @__PURE__ */ X(h, {
+	}) : t === "alert-dialog" ? /* @__PURE__ */ X(p, {
 		open: !1,
 		title: "Archive invoice?",
 		description: "This keeps the invoice readable but removes it from active queues.",
@@ -179,7 +180,7 @@ function le({ slug: t }) {
 			variant: "destructive",
 			children: "Open alert"
 		})
-	}) : t === "drawer" ? /* @__PURE__ */ X(v, {
+	}) : t === "drawer" ? /* @__PURE__ */ X(g, {
 		open: !1,
 		trigger: /* @__PURE__ */ X(e, {
 			variant: "outline",
@@ -211,12 +212,12 @@ function le({ slug: t }) {
 		]
 	});
 }
-function ue({ slug: e }) {
-	return e === "pagination" ? /* @__PURE__ */ X(f, {
+function le({ slug: e }) {
+	return e === "pagination" ? /* @__PURE__ */ X(u, {
 		page: 3,
 		pageCount: 9,
 		onPageChange: () => void 0
-	}) : e === "anchor-nav" ? /* @__PURE__ */ X(l, {
+	}) : e === "anchor-nav" ? /* @__PURE__ */ X(ee, {
 		orientation: "horizontal",
 		title: "Sections",
 		items: [
@@ -237,7 +238,7 @@ function ue({ slug: e }) {
 				href: "#api"
 			}
 		]
-	}) : e === "page-tabs" ? /* @__PURE__ */ X(d, {
+	}) : e === "page-tabs" ? /* @__PURE__ */ X(l, {
 		value: "overview",
 		variant: "pills",
 		items: [
@@ -255,7 +256,7 @@ function ue({ slug: e }) {
 				badge: "3"
 			}
 		]
-	}) : e === "stepper-tabs" ? /* @__PURE__ */ X(p, {
+	}) : e === "stepper-tabs" ? /* @__PURE__ */ X(d, {
 		value: "billing",
 		items: [
 			{
@@ -275,7 +276,7 @@ function ue({ slug: e }) {
 				description: "Confirm release"
 			}
 		]
-	}) : /* @__PURE__ */ X(u, {
+	}) : /* @__PURE__ */ X(c, {
 		value: "overview",
 		items: [
 			{
@@ -293,8 +294,8 @@ function ue({ slug: e }) {
 		]
 	});
 }
-function de({ slug: t }) {
-	return t === "alert" ? /* @__PURE__ */ X(re, {
+function ue({ slug: t }) {
+	return t === "alert" ? /* @__PURE__ */ X(ne, {
 		tone: "warning",
 		title: "Review needed",
 		description: "Billing rules changed and one approval is pending.",
@@ -302,7 +303,7 @@ function de({ slug: t }) {
 			size: "sm",
 			children: "Open"
 		})
-	}) : t === "page-state" ? /* @__PURE__ */ X(ie, {
+	}) : t === "page-state" ? /* @__PURE__ */ X(re, {
 		title: "Workspace connected",
 		description: "The route is ready to accept live data and team actions.",
 		tone: "success",
@@ -332,7 +333,7 @@ function de({ slug: t }) {
 		]
 	});
 }
-function fe({ slug: t }) {
+function de({ slug: t }) {
 	return t === "description-list" ? /* @__PURE__ */ X(S, {
 		title: "Invoice details",
 		description: "Structured facts with responsive columns.",
@@ -425,15 +426,15 @@ function fe({ slug: t }) {
 	}) : t === "delta-badge" ? /* @__PURE__ */ Z("div", {
 		className: "flex flex-wrap gap-2",
 		children: [
-			/* @__PURE__ */ X(o, {
+			/* @__PURE__ */ X(a, {
 				variant: "secondary",
 				children: "+12.4%"
 			}),
-			/* @__PURE__ */ X(o, {
+			/* @__PURE__ */ X(a, {
 				variant: "outline",
 				children: "-3.1%"
 			}),
-			/* @__PURE__ */ X(o, {
+			/* @__PURE__ */ X(a, {
 				variant: "destructive",
 				children: "Risk"
 			})
@@ -522,14 +523,15 @@ function fe({ slug: t }) {
 		})
 	});
 }
-function pe({ slug: r, state: a, setState: o }) {
-	return r === "filter-bar" ? /* @__PURE__ */ X(m, {
+function fe({ slug: r, state: a, setState: s }) {
+	return r === "filter-bar" ? /* @__PURE__ */ X(f, {
 		search: /* @__PURE__ */ X(i, {
+			type: "search",
 			value: a.textValue,
-			onValueChange: (e) => o({ textValue: e }),
+			onValueChange: (e) => s({ textValue: e }),
 			placeholder: "Search invoices..."
 		}),
-		onReset: () => o({ textValue: "" }),
+		onReset: () => s({ textValue: "" }),
 		chips: [{
 			key: "status",
 			label: "Status",
@@ -589,7 +591,7 @@ function pe({ slug: r, state: a, setState: o }) {
 			key: "month",
 			label: "Month"
 		}
-	] }) : r === "quick-action-grid" ? /* @__PURE__ */ X(s, {
+	] }) : r === "quick-action-grid" ? /* @__PURE__ */ X(o, {
 		columns: 3,
 		items: [
 			{
@@ -613,7 +615,7 @@ function pe({ slug: r, state: a, setState: o }) {
 		]
 	}) : r === "data-table-saved-filters" ? /* @__PURE__ */ Z("div", {
 		className: "grid gap-3",
-		children: [/* @__PURE__ */ X(m, {
+		children: [/* @__PURE__ */ X(f, {
 			chips: [
 				{
 					key: "status",
@@ -668,7 +670,7 @@ function pe({ slug: r, state: a, setState: o }) {
 				{
 					key: "open",
 					label: "Open",
-					icon: /* @__PURE__ */ X(H, { className: "size-4" })
+					icon: /* @__PURE__ */ X(ie, { className: "size-4" })
 				},
 				{
 					key: "download",
@@ -691,14 +693,14 @@ function pe({ slug: r, state: a, setState: o }) {
 		})]
 	});
 }
-function $({ slug: t }) {
+function pe({ slug: t }) {
 	return t === "app-header" ? /* @__PURE__ */ X(L, {
 		sticky: !1,
 		left: /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(G, { className: "size-4" }), /* @__PURE__ */ X("span", {
 			className: "font-medium",
 			children: "Dashboard"
 		})] }),
-		center: /* @__PURE__ */ X(o, {
+		center: /* @__PURE__ */ X(a, {
 			variant: "secondary",
 			children: "Preview"
 		}),
@@ -706,13 +708,13 @@ function $({ slug: t }) {
 			variant: "ghost",
 			size: "icon-sm",
 			"aria-label": "Notifications",
-			children: /* @__PURE__ */ X(ae, {})
+			children: /* @__PURE__ */ X(H, {})
 		}), /* @__PURE__ */ X(e, {
 			size: "sm",
 			children: "Deploy"
 		})] }),
 		className: "rounded-xl border border-[color:var(--aui-divider)]"
-	}) : t === "section-header" ? /* @__PURE__ */ X(c, {
+	}) : t === "section-header" ? /* @__PURE__ */ X(s, {
 		eyebrow: "Components",
 		title: "Production-ready surfaces",
 		description: "SectionHeader keeps copy, metadata and actions aligned.",
@@ -731,13 +733,14 @@ function $({ slug: t }) {
 		helperText: "StatCard keeps KPI, helper text and trend in one compact tile."
 	});
 }
-function me({ slug: t }) {
+function $({ slug: t }) {
 	return /* @__PURE__ */ Z("div", {
 		className: "overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]",
 		children: [
 			/* @__PURE__ */ Z("div", {
 				className: "flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3",
 				children: [/* @__PURE__ */ X(i, {
+					type: "search",
 					value: "",
 					placeholder: "Search rows...",
 					className: "max-w-xs",
@@ -806,7 +809,7 @@ function me({ slug: t }) {
 					"data-table-actions-column": "Actions column",
 					"data-table-bulk-actions": "Bulk action bar",
 					"data-table-view-presets": "Saved view presets"
-				}[t] ?? "DataTable part", " preview"] }), /* @__PURE__ */ X(f, {
+				}[t] ?? "DataTable part", " preview"] }), /* @__PURE__ */ X(u, {
 					page: 1,
 					pageCount: 4,
 					onPageChange: () => void 0,
@@ -816,14 +819,14 @@ function me({ slug: t }) {
 		]
 	});
 }
-function he() {
+function me() {
 	return /* @__PURE__ */ X(M, {
 		value: "2026-06-18",
 		defaultMonth: "2026-06-01",
 		onValueChange: () => void 0
 	});
 }
-function ge({ slug: e }) {
+function he({ slug: e }) {
 	return e === "file-dropzone" ? /* @__PURE__ */ X(P, {
 		label: "Drop contract files",
 		description: "PDF, PNG or CSV up to 10MB."
@@ -844,7 +847,7 @@ function ge({ slug: e }) {
 		})]
 	});
 }
-function _e({ slug: e }) {
+function ge({ slug: e }) {
 	let t = [
 		{
 			id: "profile",
@@ -885,7 +888,7 @@ function _e({ slug: e }) {
 		})
 	});
 }
-function ve({ slug: t }) {
+function _e({ slug: t }) {
 	return t === "resource-detail-page" ? /* @__PURE__ */ X(R, {
 		title: "Customer profile",
 		description: "ResourceDetailPage organizes detail screens.",
@@ -930,8 +933,9 @@ function ve({ slug: t }) {
 				}
 			})]
 		}),
-		filters: /* @__PURE__ */ X(m, {
+		filters: /* @__PURE__ */ X(f, {
 			search: /* @__PURE__ */ X(i, {
+				type: "search",
 				value: "",
 				placeholder: "Search...",
 				readOnly: !0
@@ -955,4 +959,4 @@ function ve({ slug: t }) {
 	});
 }
 //#endregion
-export { oe as renderShowcasePreview };
+export { ae as renderShowcasePreview };

package/dist/showcase/tembro-registry.json.cjs

@@ -1 +1 @@
-var e={$schema:`https://tembro.dev/registry.schema.json`,name:`tembro`,version:`2.0.5`,description:`Reusable React + TypeScript UI kit registry`,groups:{ui:[`badge`,`button`,`card`,`checkbox`,`accordion`,`collapse`,`dialog`,`divider`,`dropdown-menu`,`input`,`kbd`,`popover`,`radio-group`,`right-click-menu`,`scroll-box`,`select`,`segmented-control`,`skeleton`,`spinner`,`switch`,`table`,`tabs`,`textarea`,`tooltip`],overlay:[`alert-dialog`,`confirm-dialog`,`drawer`,`modal-shell`,`sheet-shell`],navigation:[`nav-tabs`,`page-tabs`,`pagination`,`stepper-tabs`,`command-bar`],inputs:[`number-input`,`money-input`,`phone-input`,`async-select`,`combobox`,`search-input`,`password-input`,`masked-input`,`quantity-input`,`tag-input`,`otp-input`,`slider`,`rating`,`quantity-stepper`,`inline-editable`,`simple-select`],form:[`form-field-shell`,`form-input`,`form-select`,`form-textarea`,`form-switch`,`form-async-select`],feedback:[`alert`,`loading-state`,`page-state`,`data-state`],display:[`activity-feed`,`avatar`,`code-block`,`data-list`,`data-state`,`info-card`,`kanban`,`list`,`metric-grid`,`progress`,`progress-circle`,`property-grid`,`result`,`statistic`,`status-dot`,`status-legend`,`timeline`,`tree-view`,`user-card`,`trend-card`],actions:[`action-menu`,`button-group`,`copy-button`,`quick-action-grid`],layout:[`app-header`,`sidebar`,`breadcrumbs`,`page-container`,`section`,`section-header`,`sidebar-nav`,`stat-card`,`sticky-footer-bar`],filters:[`filter-bar`,`saved-filter-select`],"data-table":[`data-table`,`data-table-bulk-actions`,`data-table-view-presets`,`data-table-column-visibility-menu`,`data-table-sortable-header`],calendar:[`calendar`,`date-picker`,`date-range-picker`],upload:[`file-upload`,`image-upload`,`file-dropzone`],wizard:[`stepper`,`wizard`],notifications:[`toast`,`notification-center`],command:[],patterns:[`resource-page`,`resource-detail-page`],modern:[`calendar-scheduler`,`dual-list-picker`,`menubar`,`navigation-menu`,`resizable-panel`,`rich-text-editor`,`tour`,`qr-code`,`tag`,`carousel`,`typography`,`json-input`,`time-picker`],hooks:[`use-session-storage-state`,`use-before-unload-when-dirty`,`use-is-mobile`,`use-disclosure`,`use-debounce`,`use-data-table-view-state`],kits:[`dashboard`,`calendar-kit`,`wizard-kit`,`all`]},recommended:`button.input.textarea.checkbox.switch.radio-group.dialog.popover.select.table.badge.card.tabs.collapse.accordion.segmented-control.spinner.tooltip.kbd.sidebar.breadcrumbs.data-state.loading-state.progress.metric-grid.activity-feed.action-menu.date-picker.data-table.notification-center`.split(`.`),recommendedByMode:{foundation:[`button`,`input`,`textarea`,`checkbox`,`switch`,`radio-group`,`dialog`,`popover`,`select`,`table`,`badge`,`card`,`tabs`,`kbd`,`scroll-box`],sourceCopy:[`sidebar`,`sidebar-nav`,`breadcrumbs`,`data-state`,`loading-state`,`metric-grid`,`activity-feed`,`action-menu`,`filter-bar`,`date-picker`,`date-range-picker`,`file-upload`,`file-dropzone`,`use-data-table-view-state`,`data-table`,`form-input`,`form-select`,`form-textarea`,`form-switch`,`notification-center`,`command-bar`],system:[`data-table`,`data-table-view-presets`,`sidebar`,`sidebar-nav`]},publicSurface:{documented:[`button`,`input`,`select`,`card`,`badge`,`checkbox`,`dialog`,`form-field-shell`,`data-table`,`alert`,`charts`,`sidebar`,`file-upload`,`progress`],standalone:`accordion.divider.segmented-control.skeleton.spinner.command-bar.quantity-stepper.inline-editable.avatar.code-block.data-state.kanban.list.property-grid.statistic.tree-view.copy-button.section.sticky-footer-bar.calendar-scheduler.dual-list-picker.menubar.navigation-menu.resizable-panel.rich-text-editor.tour.qr-code.tag.carousel.typography.json-input.time-picker`.split(`.`)},migrationAliases:{"form-async-select":`form-select`,"app-sidebar":`sidebar`,"smart-card":`info-card`}};exports.default=e;
+var e={$schema:`https://tembro.dev/registry.schema.json`,name:`tembro`,version:`2.0.6`,description:`Reusable React + TypeScript UI kit registry`,groups:{ui:[`badge`,`button`,`card`,`checkbox`,`accordion`,`collapse`,`dialog`,`divider`,`dropdown-menu`,`input`,`kbd`,`popover`,`radio-group`,`right-click-menu`,`scroll-box`,`select`,`segmented-control`,`skeleton`,`spinner`,`switch`,`table`,`tabs`,`textarea`,`tooltip`],overlay:[`alert-dialog`,`confirm-dialog`,`drawer`,`modal-shell`,`sheet-shell`],navigation:[`nav-tabs`,`page-tabs`,`pagination`,`stepper-tabs`,`command-bar`],inputs:[`number-input`,`money-input`,`phone-input`,`async-select`,`combobox`,`search-input`,`password-input`,`masked-input`,`quantity-input`,`tag-input`,`otp-input`,`slider`,`rating`,`quantity-stepper`,`inline-editable`,`simple-select`],form:[`form-field-shell`,`form-input`,`form-select`,`form-textarea`,`form-switch`,`form-async-select`],feedback:[`alert`,`loading-state`,`page-state`,`data-state`],display:[`activity-feed`,`avatar`,`code-block`,`data-list`,`data-state`,`info-card`,`kanban`,`list`,`metric-grid`,`progress`,`progress-circle`,`property-grid`,`result`,`statistic`,`status-dot`,`status-legend`,`timeline`,`tree-view`,`user-card`,`trend-card`],actions:[`action-menu`,`button-group`,`copy-button`,`quick-action-grid`],layout:[`app-header`,`sidebar`,`breadcrumbs`,`page-container`,`section`,`section-header`,`sidebar-nav`,`stat-card`,`sticky-footer-bar`],filters:[`filter-bar`,`saved-filter-select`],"data-table":[`data-table`,`data-table-bulk-actions`,`data-table-view-presets`,`data-table-column-visibility-menu`,`data-table-sortable-header`],calendar:[`calendar`,`date-picker`,`date-range-picker`],upload:[`file-upload`,`image-upload`,`file-dropzone`],wizard:[`stepper`,`wizard`],notifications:[`toast`,`notification-center`],command:[],patterns:[`resource-page`,`resource-detail-page`],modern:[`calendar-scheduler`,`dual-list-picker`,`menubar`,`navigation-menu`,`resizable-panel`,`rich-text-editor`,`tour`,`qr-code`,`tag`,`carousel`,`typography`,`json-input`,`time-picker`],hooks:[`use-session-storage-state`,`use-before-unload-when-dirty`,`use-is-mobile`,`use-disclosure`,`use-debounce`,`use-data-table-view-state`],kits:[`dashboard`,`calendar-kit`,`wizard-kit`,`all`]},recommended:`button.input.textarea.checkbox.switch.radio-group.dialog.popover.select.table.badge.card.tabs.collapse.accordion.segmented-control.spinner.tooltip.kbd.sidebar.breadcrumbs.data-state.loading-state.progress.metric-grid.activity-feed.action-menu.date-picker.data-table.notification-center`.split(`.`),recommendedByMode:{foundation:[`button`,`input`,`textarea`,`checkbox`,`switch`,`radio-group`,`dialog`,`popover`,`select`,`table`,`badge`,`card`,`tabs`,`kbd`,`scroll-box`],sourceCopy:[`sidebar`,`sidebar-nav`,`breadcrumbs`,`data-state`,`loading-state`,`metric-grid`,`activity-feed`,`action-menu`,`filter-bar`,`date-picker`,`date-range-picker`,`file-upload`,`file-dropzone`,`use-data-table-view-state`,`data-table`,`form-input`,`form-select`,`form-textarea`,`form-switch`,`notification-center`,`command-bar`],system:[`data-table`,`data-table-view-presets`,`sidebar`,`sidebar-nav`]},publicSurface:{documented:[`button`,`input`,`select`,`card`,`badge`,`checkbox`,`dialog`,`form-field-shell`,`data-table`,`alert`,`charts`,`sidebar`,`file-upload`,`progress`],standalone:`accordion.divider.segmented-control.skeleton.spinner.command-bar.quantity-stepper.inline-editable.avatar.code-block.data-state.kanban.list.property-grid.statistic.tree-view.copy-button.section.sticky-footer-bar.calendar-scheduler.dual-list-picker.menubar.navigation-menu.resizable-panel.rich-text-editor.tour.qr-code.tag.carousel.typography.json-input.time-picker`.split(`.`)},migrationAliases:{"form-async-select":`form-select`,"app-sidebar":`sidebar`,"smart-card":`info-card`}};exports.default=e;

package/dist/showcase/tembro-registry.json.js

@@ -1,7 +1,7 @@
 var e = {
 	$schema: "https://tembro.dev/registry.schema.json",
 	name: "tembro",
-	version: "2.0.5",
+	version: "2.0.6",
 	description: "Reusable React + TypeScript UI kit registry",
 	groups: {
 		ui: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tembro",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Reusable React UI kit with dashboard-ready components, CLI registry helpers, and TypeScript support.",
   "keywords": [
     "react",

package/packages/cli/dist/index.cjs

@@ -1180,4 +1180,4 @@ ${t}`),e.forEach(r=>{let i=ne[r],n=La(r),o=qa(r,i.category),s=i.registryDependen
 ${n}`),o.sort().forEach(s=>{let a=ne[s],c=La(s),u=qa(s,a.category),l=a.registryDependencies?.length?` -> ${a.registryDependencies.join(", ")}`:"";console.log(`  ${s} [${c}/${u}]${l}`);});console.log(`
 Status:`),console.log("  stable = safe public API"),console.log("  preview = usable but API may change"),console.log("  experimental = not ready for stable app contracts"),console.log("  internal = helper metadata"),console.log(`
 Distribution:`),console.log("  foundation = small runtime-safe primitives, hooks, and helpers"),console.log("  source-copy = copy into app source with init/add and edit locally"),console.log("  system = larger product surfaces, kits, and patterns; prefer source-copy only"),console.log(`
-Usage:`),console.log(`  ${$e("add button input data-table")}`),console.log(`  ${$e("add form --overwrite")}`);}var Ua=Me(rt());async function Ly(t){let e=process.cwd(),r=G__default.default.join(e,"tembro.json"),i=Ua.default.existsSync(r)?await Ua.default.readJson(r):{},n=t??i.cssPath??i.globalCssPath??"src/index.css",o=await An({cwd:e,cssPath:n});C.success(`Tembro theme CSS yangilandi: ${o}`);}var Je=Me(rt());var qy={minimal:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"}],dashboard:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"},{source:"src/components/ui/dropdown-menu.tsx",target:"{ui}/dropdown-menu.tsx"},{source:"src/components/ui/skeleton.tsx",target:"{ui}/skeleton.tsx"},{source:"src/components/ui/tabs.tsx",target:"{ui}/tabs.tsx"},{source:"src/components/feedback/page-state.tsx",target:"{components}/feedback/page-state.tsx"},{source:"src/components/filters/filter-bar.tsx",target:"{components}/filters/filter-bar.tsx"},{source:"src/components/display/property-grid.tsx",target:"{components}/display/property-grid.tsx"},{source:"src/components/display/smart-card.tsx",target:"{components}/display/smart-card.tsx"},{source:"src/components/data-table/data-table.tsx",target:"{components}/data-table/data-table.tsx"}]};function c1(t,e="@"){return e==="@"?t:t.replaceAll("@/",`${e}/`)}function l1(t,e){let r=e.paths?.components??"src/components",i=e.paths?.ui??"src/components/ui",n=e.utilsPath??"src/lib/utils.ts";return t.replaceAll("{components}",r).replaceAll("{ui}",i).replaceAll("{utils}",n)}async function By(t,e,r,i){if((await Je.default.stat(t)).isDirectory()){let o=await Je.default.readdir(t,{withFileTypes:true});for(let s of o)await By(G__default.default.join(t,s.name),G__default.default.join(e,s.name),r,i);return}if(i.dryRun){C.info(`[dry-run] ${t} -> ${e}`);return}if(Je.default.existsSync(e)&&!i.overwrite){C.warn(`${e} allaqachon mavjud.`);return}await Je.default.ensureDir(G__default.default.dirname(e)),await Je.default.writeFile(e,c1(await Je.default.readFile(t,"utf8"),r)),C.success(`${e} qo\u2018shildi.`);}async function Uy(t,e={}){let r=qy[t];r||(C.error(`Preset topilmadi: ${t}`),process.exit(1));let i=process.cwd(),n=G__default.default.join(i,"tembro.json");Je.default.existsSync(n)||(C.error("tembro.json topilmadi. Avval init qiling."),process.exit(1));let o=await Je.default.readJson(n),s=In((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));for(let a of r){let c=G__default.default.join(s,a.source),u=G__default.default.join(i,l1(a.target,o));await By(c,u,o.alias,e);}}var Ot=new Tt;Ot.name("tembro").description("Tembro source-copy CLI").version("2.0.5");Ot.command("init").description("Initialize local Tembro source files in your project").option("--template <template>","Project defaults: vite or next","vite").option("--skip-install","Do not install base dependencies").option("-y, --defaults","Use template defaults without interactive prompts").action(Py);Ot.command("preset").description("Add a source-copy preset to your project").argument("<name>","preset name: minimal or dashboard").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action(Uy);Ot.command("list").description("List available registry components").action(jy);Ot.command("add").description("Copy component source files into your project").argument("[components...]","components to add").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action($y);Ot.command("theme").description("Write or update Tembro theme CSS in your global CSS file").argument("[cssPath]","global CSS path, default from tembro.json or src/index.css").action(Ly);Ot.parse();
+Usage:`),console.log(`  ${$e("add button input data-table")}`),console.log(`  ${$e("add form --overwrite")}`);}var Ua=Me(rt());async function Ly(t){let e=process.cwd(),r=G__default.default.join(e,"tembro.json"),i=Ua.default.existsSync(r)?await Ua.default.readJson(r):{},n=t??i.cssPath??i.globalCssPath??"src/index.css",o=await An({cwd:e,cssPath:n});C.success(`Tembro theme CSS yangilandi: ${o}`);}var Je=Me(rt());var qy={minimal:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"}],dashboard:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"},{source:"src/components/ui/dropdown-menu.tsx",target:"{ui}/dropdown-menu.tsx"},{source:"src/components/ui/skeleton.tsx",target:"{ui}/skeleton.tsx"},{source:"src/components/ui/tabs.tsx",target:"{ui}/tabs.tsx"},{source:"src/components/feedback/page-state.tsx",target:"{components}/feedback/page-state.tsx"},{source:"src/components/filters/filter-bar.tsx",target:"{components}/filters/filter-bar.tsx"},{source:"src/components/display/property-grid.tsx",target:"{components}/display/property-grid.tsx"},{source:"src/components/display/smart-card.tsx",target:"{components}/display/smart-card.tsx"},{source:"src/components/data-table/data-table.tsx",target:"{components}/data-table/data-table.tsx"}]};function c1(t,e="@"){return e==="@"?t:t.replaceAll("@/",`${e}/`)}function l1(t,e){let r=e.paths?.components??"src/components",i=e.paths?.ui??"src/components/ui",n=e.utilsPath??"src/lib/utils.ts";return t.replaceAll("{components}",r).replaceAll("{ui}",i).replaceAll("{utils}",n)}async function By(t,e,r,i){if((await Je.default.stat(t)).isDirectory()){let o=await Je.default.readdir(t,{withFileTypes:true});for(let s of o)await By(G__default.default.join(t,s.name),G__default.default.join(e,s.name),r,i);return}if(i.dryRun){C.info(`[dry-run] ${t} -> ${e}`);return}if(Je.default.existsSync(e)&&!i.overwrite){C.warn(`${e} allaqachon mavjud.`);return}await Je.default.ensureDir(G__default.default.dirname(e)),await Je.default.writeFile(e,c1(await Je.default.readFile(t,"utf8"),r)),C.success(`${e} qo\u2018shildi.`);}async function Uy(t,e={}){let r=qy[t];r||(C.error(`Preset topilmadi: ${t}`),process.exit(1));let i=process.cwd(),n=G__default.default.join(i,"tembro.json");Je.default.existsSync(n)||(C.error("tembro.json topilmadi. Avval init qiling."),process.exit(1));let o=await Je.default.readJson(n),s=In((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));for(let a of r){let c=G__default.default.join(s,a.source),u=G__default.default.join(i,l1(a.target,o));await By(c,u,o.alias,e);}}var Ot=new Tt;Ot.name("tembro").description("Tembro source-copy CLI").version("2.0.6");Ot.command("init").description("Initialize local Tembro source files in your project").option("--template <template>","Project defaults: vite or next","vite").option("--skip-install","Do not install base dependencies").option("-y, --defaults","Use template defaults without interactive prompts").action(Py);Ot.command("preset").description("Add a source-copy preset to your project").argument("<name>","preset name: minimal or dashboard").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action(Uy);Ot.command("list").description("List available registry components").action(jy);Ot.command("add").description("Copy component source files into your project").argument("[components...]","components to add").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action($y);Ot.command("theme").description("Write or update Tembro theme CSS in your global CSS file").argument("[cssPath]","global CSS path, default from tembro.json or src/index.css").action(Ly);Ot.parse();

package/packages/cli/vendor/src/components/data-table/data-table-pagination.tsx

@@ -1,8 +1,8 @@
-import * as React from "react"
-
-import { SimpleSelect } from "@/components/inputs/simple-select"
-import { Pagination, type PaginationLabels } from "@/components/navigation/pagination"
-import { cn } from "@/lib/utils"
+import * as React from "react"
+
+import { Select } from "@/components/ui/select"
+import { Pagination, type PaginationLabels } from "@/components/navigation/pagination"
+import { cn } from "@/lib/utils"
 
 export type DataTablePaginationLabels = PaginationLabels & {
   rowsPerPage?: React.ReactNode
@@ -63,9 +63,9 @@ function DataTablePagination({
         {showPageSize && onPageSizeChange && (
           <div className="flex items-center gap-2 text-sm text-muted-foreground">
             <span>{labels?.rowsPerPage ?? "Rows per page"}</span>
-            <SimpleSelect
+            <Select
               value={String(pageSize)}
-              onValueChange={(value) => onPageSizeChange(Number(value))}
+              onValueChange={(value) => onPageSizeChange(Number(value))}
               options={pageSizeOptions.map((option) => ({
                 label: String(option),
                 value: String(option),

package/packages/cli/vendor/src/components/data-table/data-table.tsx

@@ -20,17 +20,17 @@ import {
 
 import { createDataTableActionsColumn } from "@/components/data-table/data-table-actions-column"
 import { DataTableBulkActions, type DataTableBulkAction } from "@/components/data-table/data-table-bulk-actions"
-import { DataTableColumnVisibilityMenu } from "@/components/data-table/data-table-column-visibility-menu"
-import { DataTablePagination, type DataTablePaginationProps } from "@/components/data-table/data-table-pagination"
-import { type DataTableRowAction } from "@/components/data-table/data-table-row-actions"
-import { DataTableToolbar, type DataTableToolbarProps } from "@/components/data-table/data-table-toolbar"
+import { DataTableColumnVisibilityMenu } from "@/components/data-table/data-table-column-visibility-menu"
+import { DataTablePagination, type DataTablePaginationProps } from "@/components/data-table/data-table-pagination"
+import { type DataTableRowAction } from "@/components/data-table/data-table-row-actions"
+import { DataTableToolbar, type DataTableToolbarProps } from "@/components/data-table/data-table-toolbar"
 import { DataState, type DataStateProps } from "@/components/display/data-state"
-import { LoadingState, type LoadingStateProps } from "@/components/feedback/loading-state"
-import { SearchInput, type SearchInputProps } from "@/components/inputs/search-input"
-import { Button } from "@/components/ui/button"
-import {
-  Table,
-  TableBody,
+import { LoadingState, type LoadingStateProps } from "@/components/feedback/loading-state"
+import { Button } from "@/components/ui/button"
+import { Input, type InputSearchProps } from "@/components/ui/input"
+import {
+  Table,
+  TableBody,
   TableCell,
   TableHead,
   TableHeader,
@@ -50,12 +50,12 @@ export type DataTableFeatureConfig = {
   export?: boolean
 }
 
-export type DataTableSearchConfig = Pick<
-  SearchInputProps,
-  | "value"
-  | "onValueChange"
-  | "placeholder"
-  | "inputClassName"
+export type DataTableSearchConfig = Pick<
+  InputSearchProps,
+  | "value"
+  | "onValueChange"
+  | "placeholder"
+  | "inputClassName"
   | "disabled"
   | "clearable"
   | "clearLabel"
@@ -324,10 +324,11 @@ function DataTable<TData, TValue = unknown>({
   )
   const shouldShowColumnVisibilityInToolbar = shouldShowColumnVisibility && hasPrimaryToolbarContent
   const defaultSearch = shouldShowSearch && search ? (
-    <SearchInput
-      value={search.value}
-      onValueChange={search.onValueChange}
-      placeholder={search.placeholder ?? "Search..."}
+    <Input
+      type="search"
+      value={search.value}
+      onValueChange={search.onValueChange}
+      placeholder={search.placeholder ?? "Search..."}
       wrapperClassName={search.wrapperClassName ?? search.className}
       inputClassName={search.inputClassName}
       disabled={search.disabled}