tembro 2.0.4 → 2.0.5

package/dist/showcase/site-data.js

@@ -59,7 +59,7 @@ var C = [
 	status: "Published",
 	summary: "Expanded the registry with newer dashboard, input, badge, sidebar, and notification primitives.",
 	notes: [
-		"Registry truth now includes `accordion`, `sidebar`, `trend-card`, `delta-badge`, `entity-header`, `notification-center`, and `command-bar`.",
+		"Registry truth now includes `accordion`, `sidebar`, `trend-card`, `delta-badge`, `notification-center`, and `command-bar`.",
 		"Component metadata was refreshed so docs can keep canonical surfaces and related helpers accurate.",
 		"CLI-first local component setup remains the default path for Next.js and Vite users."
 	]
@@ -135,7 +135,27 @@ var C = [
 	"tabs",
 	"collapse",
 	"kbd"
-]), De = new Set(/* @__PURE__ */ "select.simple-select.async-select.async-multi-select.combobox.radio-group.number-input.date-input.date-range-input.date-picker.date-range-picker.form-field-shell.form-input.form-select.form-async-select.form-textarea.form-switch.form-search-input.form-password-input.form-number-input.form-phone-input.form-date-input.form-date-range-input.form-date-picker.form-date-range-picker.phone-input.masked-input.money-input.quantity-input".split(".")), Oe = new Set([
+]), De = new Set([
+	"select",
+	"simple-select",
+	"async-select",
+	"async-multi-select",
+	"combobox",
+	"radio-group",
+	"number-input",
+	"date-picker",
+	"date-range-picker",
+	"form-field-shell",
+	"form-input",
+	"form-select",
+	"form-async-select",
+	"form-textarea",
+	"form-switch",
+	"phone-input",
+	"masked-input",
+	"money-input",
+	"quantity-input"
+]), Oe = new Set([
 	"dialog",
 	"popover",
 	"dropdown-menu",
@@ -160,9 +180,9 @@ var C = [
 ]), Ae = new Set([
 	"toast",
 	"loading-state",
-	"empty-state",
+	"data-state",
 	"result"
-]), je = new Set(["form-builder"]), L = new Map([
+]), je = /* @__PURE__ */ new Set([]), L = new Map([
 	["app-sidebar", "sidebar"],
 	["confirm-action", "confirm-dialog"],
 	["file-dropzone", "upload"],
@@ -565,42 +585,30 @@ var V = [
 	},
 	{
 		slug: "async-multi-select",
-		title: "Async Multi Select",
-		description: "Remote-aware multi-select member with visible tags, limits, and create/select-all helpers.",
+		title: "Async Select",
+		description: "Legacy alias for Async Select multi mode. Use `isMulti` on AsyncSelect instead of installing a separate component.",
 		icon: u,
 		category: "Forms",
-		status: "Stable",
+		status: "Preview",
 		installCommand: O,
 		propsRows: [
 			[
-				"selectedOptions",
-				"string[]",
-				"-",
-				"Controlled selected values."
+				"isMulti",
+				"boolean",
+				"true",
+				"Turns AsyncSelect into multi mode with tag selection."
 			],
 			[
 				"value",
 				"string[]",
 				"-",
-				"Controlled selected values alias."
-			],
-			[
-				"loadSelectedOptions",
-				"(values) => Promise<AsyncSelectOption[]>",
-				"-",
-				"Resolve selected values for controlled chips."
+				"Controlled selected values in multi mode."
 			],
 			[
 				"onValueChange",
 				"(values, options) => void",
 				"-",
-				"Bulk selection callback."
-			],
-			[
-				"loadOptions",
-				"(search) => Promise<AsyncSelectOption[]>",
-				"-",
-				"Async loader by search query."
+				"Bulk selection callback in multi mode."
 			],
 			[
 				"maxSelected",
@@ -613,31 +621,13 @@ var V = [
 				"boolean",
 				"false",
 				"Allow select-all shortcut."
-			],
-			[
-				"closeOnSelect",
-				"boolean",
-				"true",
-				"Close list after choosing an option."
-			],
-			[
-				"renderTag",
-				"(value, option) => ReactNode",
-				"-",
-				"Custom tag rendering."
-			],
-			[
-				"showCreateOption",
-				"(search, options) => boolean",
-				"-",
-				"Enable inline create option path."
 			]
 		],
 		features: [
-			"Remote multi-select",
-			"Visible tags",
-			"Maximum selected",
-			"Create/select-all helpers"
+			"Legacy alias",
+			"Multi selection",
+			"Select-all helpers",
+			"Use AsyncSelect as the canonical API"
 		]
 	},
 	{
@@ -770,124 +760,6 @@ var V = [
 			"Invalid number handling"
 		]
 	},
-	{
-		slug: "date-input",
-		title: "Date Input",
-		description: "Native-like date input with ISO-style string contract, min/max constraints and clear disabled state.",
-		icon: c,
-		category: "Forms",
-		status: "Preview",
-		installCommand: O,
-		propsRows: [
-			[
-				"value",
-				"string",
-				"-",
-				"Controlled date value (for example `2026-06-19`)."
-			],
-			[
-				"defaultValue",
-				"string",
-				"-",
-				"Initial uncontrolled date value."
-			],
-			[
-				"onValueChange",
-				"(value) => void",
-				"-",
-				"Callback with string date value."
-			],
-			[
-				"min",
-				"string",
-				"-",
-				"Minimum selectable date string."
-			],
-			[
-				"max",
-				"string",
-				"-",
-				"Maximum selectable date string."
-			],
-			[
-				"disabled",
-				"boolean",
-				"false",
-				"Disables input interactions."
-			],
-			[
-				"placeholder",
-				"string",
-				"-",
-				"Optional input placeholder."
-			]
-		],
-		features: [
-			"Date format contract",
-			"min/max",
-			"Controlled input",
-			"Disabled state"
-		]
-	},
-	{
-		slug: "date-range-input",
-		title: "Date Range Input",
-		description: "Date range value with `from` / `to` boundaries for filters and reporting windows.",
-		icon: c,
-		category: "Forms",
-		status: "Preview",
-		installCommand: O,
-		propsRows: [
-			[
-				"value",
-				"{ from: string; to: string }",
-				"-",
-				"Controlled range value."
-			],
-			[
-				"defaultValue",
-				"{ from: string; to: string }",
-				"-",
-				"Initial uncontrolled range value."
-			],
-			[
-				"onValueChange",
-				"(value) => void",
-				"-",
-				"Callback with normalized range value."
-			],
-			[
-				"min",
-				"string",
-				"-",
-				"Minimum selectable date for range start."
-			],
-			[
-				"max",
-				"string",
-				"-",
-				"Maximum selectable date for range end."
-			],
-			[
-				"disabled",
-				"boolean",
-				"false",
-				"Disables all range controls."
-			],
-			[
-				"required",
-				"boolean",
-				"false",
-				"Requires both bounds to be selected."
-			]
-		],
-		features: [
-			"Range semantics",
-			"String range contract",
-			"Boundary constraints",
-			"Filtering windows"
-		]
-	},
 	{
 		slug: "date-picker",
 		title: "Date Picker",
@@ -1167,576 +1039,143 @@ var V = [
 				"Flat option set for select rendering."
 			],
 			[
-				"placeholder",
-				"string",
-				"-",
-				"Default label when empty."
-			],
-			[
-				"onValueChange",
-				"(value: string) => void",
-				"-",
-				"Selection change callback."
-			]
-		],
-		features: [
-			...w,
-			"Simple + async under one API",
-			"Form-driven value control",
-			"Clear/empty handling"
-		]
-	},
-	{
-		slug: "form-async-select",
-		title: "Form Async Select",
-		description: "Compatibility alias for the async `FormSelect` variant. Keep it for migration, but prefer `FormSelect kind=\"async\"` in new code.",
-		icon: u,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"loadOptions",
-				"(search: string) => Promise<AsyncSelectOption[]>",
-				"-",
-				"Search-driven option loader."
-			],
-			[
-				"loadSelectedOption",
-				"(value: string) => Promise<AsyncSelectOption | null>",
-				"-",
-				"Hydrates selected option for controlled edit mode."
-			],
-			[
-				"selectedOption",
-				"AsyncSelectOption",
-				"-",
-				"Hydrated selected option."
-			],
-			[
-				"defaultOptions",
-				"AsyncSelectOption[]",
-				"-",
-				"Initial loaded options."
-			]
-		],
-		features: [
-			...w,
-			"Compatibility alias",
-			"Remote options",
-			"Hydration support"
-		]
-	},
-	{
-		slug: "form-textarea",
-		title: "Form Textarea",
-		description: "RHF textarea wrapper with shell-level validation messages and descriptions.",
-		icon: f,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"rows",
-				"number",
-				"-",
-				"Visible row count."
-			],
-			[
-				"minHeight",
-				"number",
-				"-",
-				"Optional minimum height in rem/px."
-			],
-			[
-				"maxLength",
-				"number",
-				"-",
-				"Input length safety guard."
-			],
-			[
-				"onValueChange",
-				"(value: string) => void",
-				"-",
-				"Raw text callback from field."
-			]
-		],
-		features: [
-			...w,
-			"Long text support",
-			"Error placement",
-			"Description + helper states"
-		]
-	},
-	{
-		slug: "form-switch",
-		title: "Form Switch",
-		description: "RHF switch wrapper with binary payload and shell-level feedback.",
-		icon: x,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"checked",
-				"boolean",
-				"-",
-				"Controlled checked value when controlled by wrapper."
-			],
-			[
-				"defaultChecked",
-				"boolean",
-				"false",
-				"Uncontrolled initial value in mixed modes."
-			],
-			[
-				"onCheckedChange",
-				"(value: boolean) => void",
-				"-",
-				"Boolean callback from switch state change."
-			]
-		],
-		features: [
-			...w,
-			"Boolean value contract",
-			"Readable shell errors",
-			"Disabled states"
-		]
-	},
-	{
-		slug: "form-search-input",
-		title: "Form Search Input",
-		description: "Compatibility alias for `FormInput kind=\"search\"`. Keep existing routes stable while new work adopts the universal wrapper.",
-		icon: u,
-		category: "Forms",
-		status: "Preview",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"clearLabel",
-				"string",
-				"\"Clear\"",
-				"Clear action label for search mode."
-			],
-			[
-				"showClearButton",
-				"boolean",
-				"true",
-				"Whether clear action is visible."
-			],
-			[
-				"searchMode",
-				"boolean",
-				"true",
-				"Enables search UX conventions."
-			],
-			[
-				"onValueChange",
-				"(value: string) => void",
-				"-",
-				"Normalized value callback for external query sync."
-			]
-		],
-		features: [
-			...w,
-			"Compatibility alias",
-			"Clear action",
-			"Query-driven usage"
-		]
-	},
-	{
-		slug: "form-password-input",
-		title: "Form Password Input",
-		description: "Compatibility alias for `FormInput kind=\"password\"` so migration does not break existing imports.",
-		icon: p,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"showToggle",
-				"boolean",
-				"true",
-				"Show/hide toggle for masked text."
-			],
-			[
-				"minLength",
-				"number",
-				"-",
-				"Client validation hint for minimum length."
-			],
-			[
-				"onValueChange",
-				"(value: string) => void",
-				"-",
-				"Password value callback."
-			]
-		],
-		features: [
-			...w,
-			"Compatibility alias",
-			"Password masking",
-			"Validation-first UX"
-		]
-	},
-	{
-		slug: "form-number-input",
-		title: "Form Number Input",
-		description: "Compatibility alias for `FormInput kind=\"number\"`. Prefer the universal wrapper for new numeric fields.",
-		icon: x,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"min",
-				"number",
-				"-",
-				"Minimum allowed number."
-			],
-			[
-				"max",
-				"number",
-				"-",
-				"Maximum allowed number."
-			],
-			[
-				"step",
-				"number",
-				"1",
-				"Increment/decrement step."
-			],
-			[
-				"allowEmpty",
-				"boolean",
-				"false",
-				"Allows empty input state while editing."
-			],
-			[
-				"onValueChange",
-				"(value: number | null) => void",
-				"-",
-				"Parsed numeric callback."
-			]
-		],
-		features: [
-			...w,
-			"Compatibility alias",
-			"Numeric parser contract",
-			"Boundary states"
-		]
-	},
-	{
-		slug: "form-phone-input",
-		title: "Form Phone Input",
-		description: "Compatibility alias for `FormInput kind=\"phone\"` with the same shell contract and phone formatting behavior.",
-		icon: _,
-		category: "Forms",
-		status: "Stable",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"defaultCountry",
-				"string",
-				"\"UZ\"",
-				"Country context for formatting fallback."
-			],
-			[
-				"placeholder",
-				"string",
-				"\"+998 (__) ___-__-__\"",
-				"Input placeholder and hint."
-			],
-			[
-				"separator",
-				"string",
-				"\" \"",
-				"Separator used in grouped display."
-			],
-			[
-				"onValueChange",
-				"(value: string) => void",
-				"-",
-				"Emitted canonical phone value."
-			]
-		],
-		features: [
-			...w,
-			"Compatibility alias",
-			"Phone formatting",
-			"Validation integration"
-		]
-	},
-	{
-		slug: "form-date-input",
-		title: "Form Date Input",
-		description: "Compatibility alias for `FormInput kind=\"date\"`. Use it only while older forms migrate to the universal wrapper.",
-		icon: c,
-		category: "Forms",
-		status: "Preview",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"value",
-				"string",
-				"-",
-				"Controlled date value in date string format."
-			],
-			[
-				"defaultValue",
-				"string",
-				"-",
-				"Uncontrolled initial date."
-			],
-			[
-				"min",
-				"string",
-				"-",
-				"Minimum date constraint."
-			],
-			[
-				"max",
-				"string",
-				"-",
-				"Maximum date constraint."
-			],
-			[
-				"onValueChange",
-				"(value: string | null) => void",
-				"-",
-				"Normalized date callback."
-			]
-		],
-		features: [
-			...w,
-			"Compatibility alias",
-			"Date contract clarity",
-			"Submit-safe string values"
-		]
-	},
-	{
-		slug: "form-date-range-input",
-		title: "Form Date Range Input",
-		description: "RHF range input wrapper supporting from/to bounds and required range validation.",
-		icon: c,
-		category: "Forms",
-		status: "Preview",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"value",
-				"{ from: string; to: string }",
-				"-",
-				"RHF controlled date range value."
-			],
-			[
-				"min",
-				"string",
-				"-",
-				"Earliest valid date for start boundary."
-			],
-			[
-				"max",
-				"string",
-				"-",
-				"Latest valid date for end boundary."
-			],
-			[
-				"required",
-				"boolean | { from: boolean; to: boolean }",
-				"false",
-				"Require one or both bounds."
-			],
-			[
-				"onValueChange",
-				"(value: { from: string; to: string }) => void",
-				"-",
-				"Range update callback."
-			]
-		],
-		features: [
-			...w,
-			"Range required validation",
-			"from/to coordination",
-			"Filter-ready contract"
-		]
-	},
-	{
-		slug: "form-date-picker",
-		title: "Form Date Picker",
-		description: "RHF popover date picker wrapper with shared validation and controlled submit flow.",
-		icon: c,
-		category: "Forms",
-		status: "Preview",
-		installCommand: O,
-		propsRows: [
-			...C,
-			[
-				"value",
-				"string",
-				"-",
-				"Controlled popover date value."
-			],
-			[
-				"disabledDates",
-				"string[]",
-				"-",
-				"Calendar date blacklist."
-			],
-			[
-				"min",
-				"string",
-				"-",
-				"Earliest selectable date string."
-			],
-			[
-				"max",
+				"placeholder",
 				"string",
 				"-",
-				"Latest selectable date string."
+				"Default label when empty."
 			],
 			[
 				"onValueChange",
-				"(value: string | null) => void",
+				"(value: string) => void",
 				"-",
-				"Normalized picker value callback."
+				"Selection change callback."
 			]
 		],
 		features: [
 			...w,
-			"Popover interaction",
-			"Range of disabled dates",
-			"Controlled popover state"
+			"Simple + async under one API",
+			"Form-driven value control",
+			"Clear/empty handling"
 		]
 	},
 	{
-		slug: "form-date-range-picker",
-		title: "Form Date Range Picker",
-		description: "RHF wrapper over popover date-range picker with required range and block-out support.",
-		icon: c,
+		slug: "form-async-select",
+		title: "Form Async Select",
+		description: "Compatibility alias for the async `FormSelect` variant. Keep it for migration, but prefer `FormSelect kind=\"async\"` in new code.",
+		icon: u,
 		category: "Forms",
-		status: "Preview",
+		status: "Stable",
 		installCommand: O,
 		propsRows: [
 			...C,
 			[
-				"value",
-				"{ from: string; to: string }",
+				"loadOptions",
+				"(search: string) => Promise<AsyncSelectOption[]>",
 				"-",
-				"Controlled range value object."
-			],
-			[
-				"fromLabel",
-				"string",
-				"\"From\"",
-				"Label text for start field."
+				"Search-driven option loader."
 			],
 			[
-				"toLabel",
-				"string",
-				"\"To\"",
-				"Label text for end field."
+				"loadSelectedOption",
+				"(value: string) => Promise<AsyncSelectOption | null>",
+				"-",
+				"Hydrates selected option for controlled edit mode."
 			],
 			[
-				"disabledDates",
-				"string[]",
+				"selectedOption",
+				"AsyncSelectOption",
 				"-",
-				"Date literals blocked from selection."
+				"Hydrated selected option."
 			],
 			[
-				"onValueChange",
-				"(value: { from: string; to: string }) => void",
+				"defaultOptions",
+				"AsyncSelectOption[]",
 				"-",
-				"Range callback for form state updates."
+				"Initial loaded options."
 			]
 		],
 		features: [
 			...w,
-			"Range-specific validation",
-			"Date range constraints",
-			"Accessible error mapping"
+			"Compatibility alias",
+			"Remote options",
+			"Hydration support"
 		]
 	},
 	{
-		slug: "form-builder",
-		title: "Form Builder",
-		description: "RHF section builder for schema-driven forms with submit/reset and disabled/read-only modes.",
+		slug: "form-textarea",
+		title: "Form Textarea",
+		description: "RHF textarea wrapper with shell-level validation messages and descriptions.",
 		icon: f,
 		category: "Forms",
 		status: "Stable",
 		installCommand: O,
 		propsRows: [
+			...C,
 			[
-				"control",
-				"Control<TFieldValues>",
+				"rows",
+				"number",
 				"-",
-				"RHF control passed to all generated sections."
+				"Visible row count."
 			],
 			[
-				"fields",
-				"FormBuilderField<TFieldValues, string>[]",
+				"minHeight",
+				"number",
 				"-",
-				"Explicit field descriptors for full control."
+				"Optional minimum height in rem/px."
 			],
 			[
-				"sections",
-				"FormBuilderSection<TFieldValues>[]",
+				"maxLength",
+				"number",
 				"-",
-				"Form section descriptors with grouped presets."
-			],
-			[
-				"submitLabel",
-				"string",
-				"\"Save\"",
-				"Submit button text."
+				"Input length safety guard."
 			],
 			[
-				"resetLabel",
-				"string",
-				"\"Reset\"",
-				"Reset button text."
-			],
+				"onValueChange",
+				"(value: string) => void",
+				"-",
+				"Raw text callback from field."
+			]
+		],
+		features: [
+			...w,
+			"Long text support",
+			"Error placement",
+			"Description + helper states"
+		]
+	},
+	{
+		slug: "form-switch",
+		title: "Form Switch",
+		description: "RHF switch wrapper with binary payload and shell-level feedback.",
+		icon: x,
+		category: "Forms",
+		status: "Stable",
+		installCommand: O,
+		propsRows: [
+			...C,
 			[
-				"disabled",
+				"checked",
 				"boolean",
-				"false",
-				"Disables all controls and actions in builder."
+				"-",
+				"Controlled checked value when controlled by wrapper."
 			],
 			[
-				"readOnly",
+				"defaultChecked",
 				"boolean",
 				"false",
-				"Read-only state for generated field controls."
-			],
-			[
-				"columns",
-				"1 | 2 | 3",
-				"1",
-				"Grid column count for generated sections."
+				"Uncontrolled initial value in mixed modes."
 			],
 			[
-				"onSubmit",
-				"(values) => Promise<void> | void",
+				"onCheckedChange",
+				"(value: boolean) => void",
 				"-",
-				"Submit handler for generated `<form>` events."
+				"Boolean callback from switch state change."
 			]
 		],
 		features: [
-			"Field schema",
-			"Section composition",
-			"Custom render hooks",
-			"Submit and reset control",
-			"Disabled/readOnly pass-through",
-			"Preset factories (inputField, phoneField, ...)"
+			...w,
+			"Boolean value contract",
+			"Readable shell errors",
+			"Disabled states"
 		]
 	},
 	{
@@ -3193,56 +2632,68 @@ var V = [
 		]
 	},
 	{
-		slug: "empty-state",
-		title: "Empty State",
-		description: "Empty data state block with optional action affordance.",
+		slug: "data-state",
+		title: "Data State",
+		description: "Unified data state block for empty, search-empty, loading, error and success surfaces.",
 		icon: a,
 		category: "Data Display",
 		status: "Stable",
 		installCommand: O,
 		propsRows: [
+			[
+				"status",
+				"\"idle\" | \"loading\" | \"empty\" | \"error\" | \"success\"",
+				"-",
+				"State preset that controls default copy and icon."
+			],
 			[
 				"title",
 				"ReactNode",
 				"-",
-				"Primary empty-state title."
+				"Primary state title."
 			],
 			[
 				"description",
 				"ReactNode",
 				"-",
-				"Short explanation for no-content state."
+				"Short explanation for the current state."
 			],
 			[
-				"icon",
+				"variant",
+				"\"card\" | \"plain\" | \"inline\"",
+				"\"card\"",
+				"Container style for page, table and inline usage."
+			],
+			[
+				"query",
 				"ReactNode",
 				"-",
-				"Optional empty-state illustration icon."
+				"Optional searched value for empty search results."
 			],
 			[
-				"action",
+				"actions",
 				"ReactNode",
 				"-",
-				"Action element to show as CTA."
+				"Custom action elements."
 			],
 			[
-				"actionLabel",
-				"ReactNode",
+				"onRetry",
+				"() => void",
 				"-",
-				"Legacy action label shortcut."
+				"Retry callback for error/loading recovery."
 			],
 			[
-				"onAction",
+				"onClear",
 				"() => void",
 				"-",
-				"Action callback."
+				"Clear callback for search-empty states."
 			]
 		],
 		features: [
-			"No-content messaging",
-			"Optional CTA",
-			"Reusable copy",
-			"Data placeholders"
+			"Empty/search-empty states",
+			"Error retry",
+			"Plain table fallback",
+			"Inline state rows"
 		]
 	},
 	{
@@ -3604,7 +3055,7 @@ var V = [
 			],
 			[
 				"emptyState",
-				"EmptyState",
+				"Omit<DataStateProps, \"status\">",
 				"-",
 				"State shown when no rows are present."
 			],
@@ -3670,8 +3121,7 @@ var V = [
 		componentSlugs: [
 			"simple-select",
 			"async-select",
-			"async-multi-select",
-			"combobox"
+			"form-select"
 		]
 	},
 	"simple-select": {
@@ -3683,8 +3133,7 @@ var V = [
 		componentSlugs: [
 			"select",
 			"async-select",
-			"async-multi-select",
-			"combobox"
+			"form-select"
 		]
 	},
 	combobox: {
@@ -3695,9 +3144,8 @@ var V = [
 		],
 		componentSlugs: [
 			"select",
-			"simple-select",
 			"async-select",
-			"async-multi-select"
+			"form-select"
 		]
 	},
 	"radio-group": {
@@ -3716,9 +3164,8 @@ var V = [
 		],
 		componentSlugs: [
 			"select",
-			"simple-select",
-			"async-multi-select",
-			"combobox"
+			"combobox",
+			"form-select"
 		]
 	},
 	"async-multi-select": {
@@ -3726,8 +3173,7 @@ var V = [
 		componentSlugs: [
 			"select",
 			"async-select",
-			"simple-select",
-			"combobox"
+			"form-select"
 		]
 	},
 	"number-input": {
@@ -3738,44 +3184,13 @@ var V = [
 			"input"
 		]
 	},
-	"date-input": {
-		groupSlugs: [
-			"inputs",
-			"form",
-			"filters"
-		],
-		componentSlugs: [
-			"date-range-input",
-			"date-picker",
-			"date-range-picker",
-			"table",
-			"select"
-		]
-	},
-	"date-range-input": {
-		groupSlugs: [
-			"inputs",
-			"filters",
-			"form"
-		],
-		componentSlugs: [
-			"date-input",
-			"date-picker",
-			"date-range-picker",
-			"data-table"
-		]
-	},
 	"date-picker": {
 		groupSlugs: [
 			"inputs",
 			"form",
 			"display"
 		],
-		componentSlugs: [
-			"calendar",
-			"date-input",
-			"date-range-picker"
-		]
+		componentSlugs: ["calendar", "date-range-picker"]
 	},
 	"date-range-picker": {
 		groupSlugs: [
@@ -3785,7 +3200,6 @@ var V = [
 		],
 		componentSlugs: [
 			"date-picker",
-			"date-range-input",
 			"calendar",
 			"data-table"
 		]
@@ -3806,19 +3220,18 @@ var V = [
 		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
 			"form-field-shell",
-			"form-textarea",
-			"form-number-input",
-			"form-password-input",
 			"input",
-			"password",
-			"phone-input"
+			"search-input",
+			"number-input",
+			"phone-input",
+			"date-picker"
 		]
 	},
 	"form-select": {
 		groupSlugs: ["form", "inputs"],
 		componentSlugs: [
-			"form-async-select",
 			"select",
+			"async-select",
 			"simple-select",
 			"form-field-shell"
 		]
@@ -3828,8 +3241,8 @@ var V = [
 		componentSlugs: [
 			"form-select",
 			"async-select",
-			"form-field-shell",
-			"input"
+			"select",
+			"form-field-shell"
 		]
 	},
 	"form-textarea": {
@@ -3847,90 +3260,9 @@ var V = [
 			"form-field-shell",
 			"switch",
 			"checkbox",
-			"form-builder"
-		]
-	},
-	"form-search-input": {
-		groupSlugs: ["form", "inputs"],
-		componentSlugs: [
-			"form-input",
-			"input",
-			"form-field-shell"
-		]
-	},
-	"form-password-input": {
-		groupSlugs: ["form", "inputs"],
-		componentSlugs: [
-			"form-input",
-			"input",
-			"form-field-shell"
-		]
-	},
-	"form-number-input": {
-		groupSlugs: ["form", "inputs"],
-		componentSlugs: [
-			"number-input",
-			"money-input",
-			"quantity-input",
-			"form-field-shell",
 			"form-input"
 		]
 	},
-	"form-phone-input": {
-		groupSlugs: ["form", "inputs"],
-		componentSlugs: [
-			"phone-input",
-			"form-input",
-			"masked-input",
-			"form-field-shell"
-		]
-	},
-	"form-date-input": {
-		groupSlugs: ["form", "inputs"],
-		componentSlugs: [
-			"date-input",
-			"date-picker",
-			"form-field-shell",
-			"form-date-picker"
-		]
-	},
-	"form-date-range-input": {
-		groupSlugs: ["form", "filters"],
-		componentSlugs: [
-			"date-range-input",
-			"date-range-picker",
-			"form-date-range-picker",
-			"form-field-shell"
-		]
-	},
-	"form-date-picker": {
-		groupSlugs: ["form", "inputs"],
-		componentSlugs: [
-			"date-picker",
-			"form-date-input",
-			"calendar",
-			"form-field-shell"
-		]
-	},
-	"form-date-range-picker": {
-		groupSlugs: ["form", "filters"],
-		componentSlugs: [
-			"date-range-picker",
-			"form-date-range-input",
-			"calendar",
-			"form-field-shell"
-		]
-	},
-	"form-builder": {
-		groupSlugs: ["patterns", "form"],
-		componentSlugs: [
-			"form-field-shell",
-			"form-input",
-			"form-switch",
-			"form-textarea",
-			"form-async-select"
-		]
-	},
 	"phone-input": {
 		groupSlugs: ["inputs", "form"],
 		componentSlugs: [
@@ -4187,7 +3519,7 @@ var V = [
 		componentSlugs: [
 			"info-card",
 			"activity-feed",
-			"empty-state"
+			"data-state"
 		]
 	},
 	"info-card": {
@@ -4207,7 +3539,7 @@ var V = [
 			"result"
 		]
 	},
-	"empty-state": {
+	"data-state": {
 		groupSlugs: ["display"],
 		componentSlugs: [
 			"loading-state",
@@ -4218,7 +3550,7 @@ var V = [
 	"loading-state": {
 		groupSlugs: ["display"],
 		componentSlugs: [
-			"empty-state",
+			"data-state",
 			"result",
 			"data-table"
 		]
@@ -4226,7 +3558,7 @@ var V = [
 	result: {
 		groupSlugs: ["display"],
 		componentSlugs: [
-			"empty-state",
+			"data-state",
 			"loading-state",
 			"page-header"
 		]
@@ -4255,7 +3587,7 @@ var V = [
 			"input"
 		]
 	}
-}, Pe = new Set(/* @__PURE__ */ "button.input.select.date-picker.checkbox.switch.badge.card.tabs.dialog.popover.dropdown-menu.sidebar.breadcrumbs.data-table.metric-grid.info-card.activity-feed.empty-state.loading-state.result.toast.trend-card.delta-badge.entity-header.notification-center.command-bar.progress.progress-circle".split(".")), Fe = {
+}, Pe = new Set(/* @__PURE__ */ "button.input.select.date-picker.checkbox.switch.badge.card.tabs.dialog.popover.dropdown-menu.sidebar.breadcrumbs.data-table.metric-grid.info-card.activity-feed.loading-state.result.toast.trend-card.notification-center.command-bar.progress.progress-circle".split(".")), Fe = {
 	textarea: "input",
 	"search-input": "input",
 	"password-input": "input",
@@ -4266,12 +3598,8 @@ var V = [
 	"quantity-input": "input",
 	"tag-input": "input",
 	"otp-input": "input",
-	"color-input": "input",
 	"form-input": "input",
 	"form-textarea": "input",
-	"form-password-input": "input",
-	"form-number-input": "input",
-	"form-phone-input": "input",
 	"simple-select": "select",
 	"async-select": "select",
 	"async-multi-select": "select",
@@ -4279,13 +3607,7 @@ var V = [
 	"form-select": "select",
 	"form-async-select": "select",
 	calendar: "date-picker",
-	"date-input": "date-picker",
-	"date-range-input": "date-picker",
 	"date-range-picker": "date-picker",
-	"form-date-input": "date-picker",
-	"form-date-range-input": "date-picker",
-	"form-date-picker": "date-picker",
-	"form-date-range-picker": "date-picker",
 	"confirm-dialog": "dialog",
 	"modal-shell": "dialog",
 	"sheet-shell": "dialog",
@@ -4299,15 +3621,8 @@ var V = [
 	"sticky-footer-bar": "sidebar",
 	"page-header": "breadcrumbs",
 	"stat-card": "metric-grid",
-	"form-builder": "form-field-shell",
-	"data-table-saved-filters": "data-table",
-	"data-table-pagination": "data-table",
-	"data-table-toolbar": "data-table",
 	"data-table-column-visibility-menu": "data-table",
-	"data-table-select-column": "data-table",
 	"data-table-sortable-header": "data-table",
-	"data-table-row-actions": "data-table",
-	"data-table-actions-column": "data-table",
 	"data-table-bulk-actions": "data-table",
 	"data-table-view-presets": "data-table",
 	table: "data-table",
@@ -4333,21 +3648,14 @@ var V = [
 				"money-input",
 				"quantity-input",
 				"tag-input",
-				"otp-input",
-				"color-input"
+				"otp-input"
 			]
 		},
 		{
 			key: "integrations",
 			title: "Form integrations",
 			description: "Use these wrappers when the field needs to plug directly into shared form shells or React Hook Form.",
-			slugs: [
-				"form-input",
-				"form-textarea",
-				"form-password-input",
-				"form-number-input",
-				"form-phone-input"
-			]
+			slugs: ["form-input", "form-textarea"]
 		}
 	],
 	select: [
@@ -4362,9 +3670,9 @@ var V = [
 			title: "Related select members",
 			description: "These members add real behavior such as remote loading or keyboard-first local filtering.",
 			slugs: [
+				"simple-select",
 				"async-select",
-				"combobox",
-				"async-multi-select"
+				"combobox"
 			]
 		},
 		{
@@ -4377,38 +3685,24 @@ var V = [
 			key: "compatibility",
 			title: "Compatibility aliases",
 			description: "Keep older helper routes available for migration, but do not lead with them in new work.",
-			slugs: ["simple-select", "form-async-select"]
-		}
-	],
-	"date-picker": [
-		{
-			key: "core",
-			title: "Core date surfaces",
-			description: "Choose the popover picker or range picker when visual selection matters more than raw text entry.",
-			slugs: [
-				"date-picker",
-				"date-range-picker",
-				"calendar"
-			]
-		},
-		{
-			key: "related",
-			title: "Input-level patterns",
-			description: "These patterns keep the date contract explicit when your product prefers inline text/date fields.",
-			slugs: ["date-input", "date-range-input"]
-		},
-		{
-			key: "integrations",
-			title: "Form integrations",
-			description: "Use wrapped date fields when validation, labels, and form shell behavior should stay standardized.",
-			slugs: [
-				"form-date-input",
-				"form-date-range-input",
-				"form-date-picker",
-				"form-date-range-picker"
-			]
+			slugs: ["async-multi-select", "form-async-select"]
 		}
 	],
+	"date-picker": [{
+		key: "core",
+		title: "Core date surfaces",
+		description: "Choose the popover picker or range picker when visual selection matters more than raw text entry.",
+		slugs: [
+			"date-picker",
+			"date-range-picker",
+			"calendar"
+		]
+	}, {
+		key: "integrations",
+		title: "Form integrations",
+		description: "Use wrapped date fields when validation, labels, and form shell behavior should stay standardized.",
+		slugs: ["form-input"]
+	}],
 	dialog: [{
 		key: "core",
 		title: "Core overlay surfaces",
@@ -4462,53 +3756,22 @@ var V = [
 		description: "These supporting pieces sit around the page header when you need compact summary or stat context.",
 		slugs: ["stat-card"]
 	}],
-	"data-table": [
-		{
-			key: "core",
-			title: "Primary data table surface",
-			description: "Start with the full DataTable route first. It demonstrates the reusable grid the way product teams actually consume it.",
-			slugs: ["data-table"]
-		},
-		{
-			key: "related",
-			title: "Core companions",
-			description: "These are the most common helpers teams install next to the main grid.",
-			slugs: [
-				"data-table-toolbar",
-				"data-table-pagination",
-				"data-table-row-actions"
-			]
-		},
-		{
-			key: "advanced",
-			title: "Composable helpers",
-			description: "Factories and low-level pieces belong after the main grid contract is already clear.",
-			slugs: [
-				"data-table-saved-filters",
-				"data-table-select-column",
-				"data-table-actions-column",
-				"data-table-column-visibility-menu",
-				"data-table-sortable-header"
-			]
-		},
-		{
-			key: "related",
-			title: "Low-level primitive",
-			description: "Use the semantic table primitive only for lightweight markup. It is not the main reusable data-grid surface.",
-			slugs: ["table"]
-		}
-	],
+	"data-table": [{
+		key: "core",
+		title: "Primary data table surface",
+		description: "Start with the full DataTable route first. It demonstrates the reusable grid the way product teams actually consume it.",
+		slugs: ["data-table"]
+	}, {
+		key: "related",
+		title: "Supporting primitive",
+		description: "Drop down to the semantic table primitive only when you do not need the full DataTable workflow.",
+		slugs: ["table"]
+	}],
 	toast: [{
 		key: "core",
 		title: "Global feedback surface",
 		description: "Use toast messaging for transient global feedback, not for critical form validation or persistent page states.",
 		slugs: ["toast"]
-	}],
-	"form-builder": [{
-		key: "core",
-		title: "Form-building surfaces",
-		description: "Use the builder when you need a repeatable form system instead of wiring every field wrapper manually.",
-		slugs: ["form-builder", "form-field-shell"]
 	}]
 }, U = n, Ie = U?.groups ?? {}, Le = new Set((U?.recommended ?? []).map((e) => e)), Re = U?.migrationAliases ?? {}, ze = new Set(Object.values(Re)), Be = new Set(["kits"]), Ve = new Set([
 	"all",
@@ -4587,19 +3850,12 @@ var qe = [...W.values()], G = [...V, ...qe], K = [], q = new Map(K.map((e) => [e
 	"page-header",
 	"page-container",
 	"stat-card",
-	"form-builder",
 	"resource-page",
 	"resource-detail-page",
-	"data-table-toolbar",
-	"data-table-pagination",
 	"data-table-column-visibility-menu",
-	"data-table-select-column",
 	"data-table-sortable-header",
-	"data-table-row-actions",
-	"data-table-actions-column",
 	"data-table-bulk-actions",
-	"data-table-view-presets",
-	"data-table-saved-filters"
+	"data-table-view-presets"
 ]), Ye = new Set([...Je, ...L.keys()]);
 function J(e) {
 	if (!e) return;
@@ -4675,7 +3931,7 @@ function Q(e) {
 					sectionKey: n.key,
 					summary: a.description,
 					useWhen: n.description,
-					maturity: n.key === "core" ? "core" : "helper",
+					maturity: n.key === "core" ? "core" : n.key === "compatibility" ? "compatibility" : "helper",
 					status: a.status,
 					href: j(a.slug)
 				});
@@ -4741,7 +3997,7 @@ var $ = [
 		description: "Filter bars and chip patterns for narrowing data without leaving the current view.",
 		icon: se,
 		category: "Data",
-		exports: ["FilterBar", "FilterChips"],
+		exports: ["FilterBar", "SavedFilterSelect"],
 		href: N("filters"),
 		status: "Stable",
 		features: [