tembro 2.0.4 → 2.0.6

package/dist/showcase/site-data.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../public-component-surface.cjs"),t=require("./tembro-registry.json.cjs"),n=require("./package-meta.cjs");let r=require("lucide-react");var i=[[`control`,`Control<TFieldValues>`,`-`,"RHF control instance from `useForm()`."],[`name`,`FieldPath<TFieldValues>`,`-`,`Field path used for registration and value lookup.`],[`rules`,`Omit<UseControllerProps['rules'], 'value' | 'name'>`,`-`,`Validation rules and constraints for the field.`],[`required`,`boolean | "*" | FieldError`,`false`,`Marks field required in shell and optional validation path.`],[`disabled`,`boolean`,`false`,`Disables input and blocks interaction.`],[`readOnly`,`boolean`,`false`,`Allows viewing without edit; value remains controlled.`],[`error`,`string | FieldError | null`,`-`,`Optional error override instead of default form state message.`]],a=[`RHF control wiring`,`name-based field registration`,`error and required visual states`,`validation contract`,`label/description consistency`,`disabled/readOnly handling`],o=`tembro`,s=`tembro`,c=`tembro`,ee=`azamat-ui`,l=`npx ${s} init --template next --defaults`,te=`npx ${s} init --template vite --defaults`,u=`npx ${s} add button form-input`,d=`${l}\n${u}`,ne=`npx ${s} --help`,re=`npx ${s} theme`,ie=`https://www.npmjs.com/package/tembro`,f=`https://github.com/AzamatJurayev-dev/tembro`,p=`${f}/releases`,m=`https://github.com/AzamatJurayev-dev/azamat-ui`,h=p,ae=`${m}/releases`,g=`/docs`,_=[{version:n.PACKAGE_LATEST_VERSION,date:n.PACKAGE_LATEST_RELEASE_DATE,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`.",`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.`]},{version:`0.3.18`,date:`June 30, 2026`,status:`Published`,summary:`Refined grouped docs and related-surface mapping.`,notes:[`Input, Select, Card, Badge, Overlay, Form, and Data Table components were aligned with the latest public exports.`,`Deprecated route-level names stayed aliased for compatibility while primary docs move toward simpler canonical surfaces.`,`Docs app metadata now prefers current package registry vocabulary over older showcase-only names.`]}],oe=_[0]?.version??`2.0.3`,se=_[0]?.date??`July 8, 2026`,v=e=>`/components/${e}`,y=e=>`/playground/${e}`,b=e=>`/components/${e}`,x=e=>e.replace(/([a-z])([A-Z])/g,`$1-$2`).replace(/\s+/g,`-`).toLowerCase(),S=(e,t)=>`/components/${e}/${x(t)}`,C=e=>`/templates/${e}`,w=e=>`/blocks/${e}`,T=[`Primitives`,`Form Controls`,`Overlay`,`Data Display`,`Layout`,`Feedback`,`Patterns`],E={Primitives:{title:`Primitives`,description:`Foundation components for actions, text entry, compact layout and small state changes.`,whenToUse:`Use when you need a small reusable UI unit with minimal product opinion.`,whenNotToUse:`Do not start here when the page needs full form orchestration, route structure, or async flows.`},"Form Controls":{title:`Form Controls`,description:`Fields, wrappers and input flows for validation, selection, formatting and data entry.`,whenToUse:`Use for user input, validation, RHF wiring and constrained value contracts.`,whenNotToUse:`Do not use for read-only summaries or large page layout composition.`},Overlay:{title:`Overlay`,description:`Dialog, popover, menu and confirmation surfaces that appear above the current screen.`,whenToUse:`Use for contextual actions, confirmations and short focused tasks.`,whenNotToUse:`Do not hide long multi-step flows inside overlays when a full page works better.`},"Data Display":{title:`Data Display`,description:`Metrics, tables, empty states and read-oriented surfaces for operational screens.`,whenToUse:`Use when the main job is reading, comparing or scanning product data.`,whenNotToUse:`Do not use these as the first layer for input-heavy forms or route-level navigation.`},Layout:{title:`Layout`,description:`Shell, breadcrumbs, side navigation and page framing for structured application routes.`,whenToUse:`Use when the route needs hierarchy, section framing and navigation continuity.`,whenNotToUse:`Do not pull layout components into tiny isolated widgets or inline forms.`},Feedback:{title:`Feedback`,description:`Loading, result and toast patterns for status communication and short response loops.`,whenToUse:`Use when the UI needs clear success, error, pending or completion feedback.`,whenNotToUse:`Do not use feedback components as a substitute for missing page structure or field validation.`},Patterns:{title:`Patterns`,description:`Composed flows and builders that connect multiple primitives.`,whenToUse:`Use when the screen needs a repeatable workflow instead of one atomic control.`,whenNotToUse:`Do not start here when a primitive or one wrapper solves the need cleanly.`}},ce=new Set([`button`,`input`,`textarea`,`checkbox`,`switch`,`badge`,`card`,`tabs`,`collapse`,`kbd`]),le=new Set(`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(`.`)),ue=new Set([`dialog`,`popover`,`dropdown-menu`,`tooltip`,`right-click-menu`,`confirm-dialog`,`modal-shell`,`sheet-shell`,`alert-dialog`,`drawer`]),de=new Set([`sidebar`,`app-sidebar`,`app-shell`,`sidebar-nav`,`breadcrumbs`,`page-header`,`page-container`,`app-header`,`section-header`,`sticky-footer-bar`]),fe=new Set([`toast`,`loading-state`,`empty-state`,`result`]),pe=new Set([`form-builder`]),D=new Map([[`app-sidebar`,`sidebar`],[`confirm-action`,`confirm-dialog`],[`file-dropzone`,`upload`],[`hover-card`,`tooltip`],[`metric-card`,`metric-grid`],[`nav-tabs`,`tabs`],[`section-header`,`page-header`],[`side-panel`,`sidebar`],[`status-dot`,`status-legend`]]);function O(e){return D.get(e)??e}function k(e){return ce.has(e)?`Primitives`:le.has(e)?`Form Controls`:ue.has(e)?`Overlay`:de.has(e)?`Layout`:fe.has(e)?`Feedback`:pe.has(e)?`Patterns`:`Data Display`}function me(e){return E[k(e)]}function A(e,t){return V.filter(t=>k(t.slug)===e).map(e=>({label:e.title,href:t(e.slug),icon:e.icon,badge:e.status}))}var j=[{slug:`button`,title:`Button`,description:`Trigger actions with multiple variants, sizes, icon positions and loading states.`,icon:r.MousePointerClickIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`variant`,`'default' | 'secondary' | ...`,`'default'`,`The visual style of the button.`],[`size`,`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`The size of the button.`],[`asChild`,`boolean`,`false`,`Render as a child element using Slot.`],[`disabled`,`boolean`,`false`,`Disables the button.`],[`className`,`string`,`-`,`Additional CSS classes.`],[`onClick`,`(e: MouseEvent) => void`,`-`,`Click event handler.`]],features:[`Variants`,`Sizes`,`Icon support`,`Loading state`]},{slug:`input`,title:`Input`,description:`Primary text-entry surface for forms, filters, and compact editor layouts before moving into presets.`,icon:r.FormInputIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled value.`],[`onValueChange`,`(value) => void`,`-`,`Direct text callback for controlled string flows.`],[`type`,`'text' | 'email' | 'password' | ...`,`'text'`,`Input HTML type before moving to a preset.`],[`clearable`,`boolean`,`false`,`Adds a built-in clear action when value exists.`],[`trailingAction`,`ReactNode`,`-`,`Interactive trailing slot for counters, shortcuts, or actions.`],[`replaceTrailingWhenClear`,`boolean`,`true`,`Keep or replace trailing content when clear is visible.`],[`disabled`,`boolean`,`false`,`Disables the field.`]],features:[`Primary text field`,`Built-in clear action`,`Trailing action slot`,`Preset-friendly API`]},{slug:`textarea`,title:`Textarea`,description:`Multi-line input with autosizing-friendly layout for notes, messages and long-form data.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`placeholder`,`string`,`-`,`Placeholder text.`],[`disabled`,`boolean`,`false`,`Disables the textarea.`],[`rows`,`number`,`-`,`Preferred visible rows.`],[`value`,`string`,`-`,`Controlled value.`],[`onChange`,`(event) => void`,`-`,`Change handler.`]],features:[`Long-form input`,`Disabled state`,`Resizable content`,`Controlled value`]},{slug:`select`,title:`Select`,description:`Primary selection surface for lists, status filters, and compact forms before moving into members.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled selected value.`],[`defaultValue`,`string`,`-`,`Initial selected value.`],[`onValueChange`,`(value) => void`,`-`,`Selection change callback.`],[`searchable`,`boolean`,`false`,`Enables local filtering on the main surface.`],[`multiple`,`boolean`,`false`,`Allows multiple values when the active member supports it.`],[`size`,`'sm' | 'default'`,`'default'`,`Trigger size.`],[`disabled`,`boolean`,`false`,`Disables the trigger.`]],features:[`Primary choice input`,`Local filtering`,`Compact trigger`,`Preset-friendly API`]},{slug:`simple-select`,title:`Simple Select`,description:`Static-option select surface for compact forms, filter rows, and settings screens that do not need remote loading.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`options`,`SimpleSelectOption[]`,`-`,`Static options for display and selection.`],[`value`,`string`,`-`,`Controlled selected value.`],[`onValueChange`,`(value) => void`,`-`,`Selection callback.`],[`defaultValue`,`string`,`-`,`Uncontrolled initial selected value.`],[`placeholder`,`string`,`-`,`Prompt text for empty state.`],[`size`,`'sm' | 'default'`,`'default'`,`Trigger visual density.`],[`disabled`,`boolean`,`false`,`Disables select interaction.`],[`triggerClassName`,`string`,`-`,`Trigger custom class.`]],features:[`Static options API`,`Controlled and uncontrolled usage`,`Shared select styling`,`Compact filter and form flows`]},{slug:`async-select`,title:`Async Select`,description:`Remote-aware select for search-driven datasets, edit hydration, and production loading or empty states.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled selected value.`],[`selectedOption`,`AsyncSelectOption`,`-`,`Hydrated selected option for controlled edit modes.`],[`onValueChange`,`(value, option?) => void`,`-`,`Selection callback with optional option payload.`],[`loadOptions`,`(search) => Promise<AsyncSelectOption[]>`,`-`,`Async option fetcher.`],[`loadSelectedOption`,`(value) => Promise<AsyncSelectOption | null>`,`-`,`Fetch selected option for controlled edit.`],[`defaultOptions`,`AsyncSelectOption[]`,`-`,`Initial static options.`],[`clearable`,`boolean`,`true`,`Allows clearing the selected value.`],[`cacheOptions`,`boolean`,`false`,`Reuse options cache across repeated queries.`],[`minSearchLength`,`number`,`1`,`Minimum query length for request.`],[`debounceMs`,`number`,`250`,`Delay before calling remote search.`],[`labels`,`AsyncSelectLabels`,`-`,`Copy and state copy labels.`],[`renderLoading`,`AsyncSelectStateRenderer`,`-`,`Custom loading content renderer.`]],features:[`Remote option loading`,`Debounced search`,`Hydrated edit state`,`Clearable controlled output`]},{slug:`async-multi-select`,title:`Async Multi Select`,description:`Remote-aware multi-select member with visible tags, limits, and create/select-all helpers.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`selectedOptions`,`string[]`,`-`,`Controlled selected values.`],[`value`,`string[]`,`-`,`Controlled selected values alias.`],[`loadSelectedOptions`,`(values) => Promise<AsyncSelectOption[]>`,`-`,`Resolve selected values for controlled chips.`],[`onValueChange`,`(values, options) => void`,`-`,`Bulk selection callback.`],[`loadOptions`,`(search) => Promise<AsyncSelectOption[]>`,`-`,`Async loader by search query.`],[`maxSelected`,`number`,`-`,`Upper cap for total selected items.`],[`showSelectAll`,`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`]},{slug:`combobox`,title:`Combobox`,description:`Keyboard-first local filtering member for assignment flows and command-style lists.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`options`,`ComboboxOption[]`,`-`,`Local options with label, description and disabled state.`],[`value`,`string`,`-`,`Controlled selected value.`],[`onValueChange`,`(value, option?) => void`,`-`,`Selection callback with option payload.`],[`placeholder`,`ReactNode`,`"Select option"`,`Trigger content when no value is selected.`],[`searchPlaceholder`,`string`,`"Search..."`,`Search input placeholder.`],[`emptyLabel`,`ReactNode`,`"No option found"`,`Empty state content.`],[`disabled`,`boolean`,`false`,`Disables trigger and dropdown interaction.`]],features:[`Keyboard-first member`,`Local option filtering`,`Description rows`,`Controlled assignment flows`]},{slug:`number-input`,title:`Number Input`,description:`Numeric entry with parsing, constraints, and precise change semantics.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`number | string`,`-`,`Controlled value.`],[`defaultValue`,`number | string`,`-`,`Initial uncontrolled value.`],[`onChange`,`React.ChangeEventHandler<HTMLInputElement>`,`-`,`Native change event.`],[`onNumberChange`,`(value) => void`,`-`,`Parsed numeric callback.`],[`onValueChange`,`(value) => void`,`-`,`String-based callback for raw typed value.`],[`min`,`number`,`-`,`Lower bound.`],[`max`,`number`,`-`,`Upper bound.`],[`step`,`number`,`1`,`Step size for changes.`],[`allowEmpty`,`boolean`,`false`,`Allows clearing the input without forcing zero.`]],features:[`Parsing`,`min/max`,`Step semantics`,`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:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,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:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,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`,description:`Popover-based date picker optimized for form fields and action buttons.`,icon:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled picker value.`],[`defaultValue`,`string`,`-`,`Initial uncontrolled value.`],[`onValueChange`,`(value) => void`,`-`,`Picker change callback.`],[`disabled`,`boolean`,`false`,`Disables the popover trigger.`],[`min`,`string`,`-`,`Minimum selectable date string.`],[`max`,`string`,`-`,`Maximum selectable date string.`],[`disabledDates`,`string[]`,`-`,`Date literals that are blocked.`],[`className`,`string`,`-`,`Wrapper style class.`]],features:[`Popover selection`,`Date formatting`,`min/max`,`disabledDates`]},{slug:`date-range-picker`,title:`Date Range Picker`,description:`Popover date-range picker for period selection with constrained windows.`,icon:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`{ from: string; to: string }`,`-`,`Controlled range value.`],[`defaultValue`,`{ from: string; to: string }`,`-`,`Initial uncontrolled range value.`],[`onValueChange`,`(value) => void`,`-`,`Range callback with from/to.`],[`disabled`,`boolean`,`false`,`Disables all picker interactions.`],[`min`,`string`,`-`,`Earliest allowed date.`],[`max`,`string`,`-`,`Latest allowed date.`],[`disabledDates`,`string[]`,`-`,`Date literals blocked from selection.`],[`className`,`string`,`-`,`Wrapper style class.`]],features:[`Range picker`,`Range windows`,`disabledDates`,`Boundary guards`]},{slug:`form-field-shell`,title:`Form Field Shell`,description:`Composable field shell that standardizes label, description, layout, errors and required markers.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`label`,`string`,`-`,`Field shell label text.`],[`description`,`string`,`-`,`Supporting helper text.`],[`descriptionPosition`,`'top' | 'bottom'`,`'bottom'`,`Description location relative to control.`],[`layout`,`'vertical' | 'horizontal' | 'inline'`,`'vertical'`,`Visual layout mode of label and field.`],[`required`,`boolean`,`false`,`Renders required marker and forwards required metadata.`],[`error`,`string | FieldError`,`-`,`Explicit error message shown in helper area.`],[`labelAction`,`ReactNode`,`-`,`Optional action in label area.`],[`readOnly`,`boolean`,`false`,`Read-only shell state.`],[`disabled`,`boolean`,`false`,`Disables shell state visuals.`],[`className`,`string`,`-`,`Custom wrapper class.`]],features:[`Label contract`,`Inline description`,`Horizontal/inline layout`,`ReadOnly + disabled states`,`Required indicator`]},{slug:`form-input`,title:`Form Input`,description:"Primary RHF field wrapper for text-like inputs. Use `kind` to cover search, password, number, phone, and date flows from one surface.",icon:r.FormInputIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`kind`,`'text' | 'search' | 'password' | 'number' | 'phone' | 'date'`,`'text'`,`Selects the field variant without changing wrapper-level API.`],[`type`,`'text' | 'email' | 'search' | ...`,`'text'`,`Rendered input type for base behavior when using the text variant.`],[`placeholder`,`string`,`-`,`Input placeholder.`],[`onValueChange`,`(value: string) => void`,`-`,`Change callback with parsed display value.`],[`defaultValue`,`string`,`-`,`Uncontrolled initial value in hybrid modes.`]],features:[...a,"Universal `kind` variants",`Error text and message flow`,`Single wrapper migration path`]},{slug:`form-select`,title:`Form Select`,description:'Primary RHF select wrapper. Start with the default simple mode and switch to `kind="async"` when option loading or hydration is remote.',icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`kind`,`'simple' | 'async'`,`'simple'`,`Chooses the select surface while keeping the same form wrapper contract.`],[`options`,`SimpleSelectOption[]`,`-`,`Flat option set for select rendering.`],[`placeholder`,`string`,`-`,`Default label when empty.`],[`onValueChange`,`(value: string) => void`,`-`,`Selection change callback.`]],features:[...a,`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:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`Compatibility alias`,`Remote options`,`Hydration support`]},{slug:`form-textarea`,title:`Form Textarea`,description:`RHF textarea wrapper with shell-level validation messages and descriptions.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.ComponentIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.FormInputIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.SmartphoneIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`value`,`string`,`-`,`Controlled popover date value.`],[`disabledDates`,`string[]`,`-`,`Calendar date blacklist.`],[`min`,`string`,`-`,`Earliest selectable date string.`],[`max`,`string`,`-`,`Latest selectable date string.`],[`onValueChange`,`(value: string | null) => void`,`-`,`Normalized picker value callback.`]],features:[...a,`Popover interaction`,`Range of disabled dates`,`Controlled popover state`]},{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:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`value`,`{ from: string; to: string }`,`-`,`Controlled range value object.`],[`fromLabel`,`string`,`"From"`,`Label text for start field.`],[`toLabel`,`string`,`"To"`,`Label text for end field.`],[`disabledDates`,`string[]`,`-`,`Date literals blocked from selection.`],[`onValueChange`,`(value: { from: string; to: string }) => void`,`-`,`Range callback for form state updates.`]],features:[...a,`Range-specific validation`,`Date range constraints`,`Accessible error mapping`]},{slug:`form-builder`,title:`Form Builder`,description:`RHF section builder for schema-driven forms with submit/reset and disabled/read-only modes.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`control`,`Control<TFieldValues>`,`-`,`RHF control passed to all generated sections.`],[`fields`,`FormBuilderField<TFieldValues, string>[]`,`-`,`Explicit field descriptors for full control.`],[`sections`,`FormBuilderSection<TFieldValues>[]`,`-`,`Form section descriptors with grouped presets.`],[`submitLabel`,`string`,`"Save"`,`Submit button text.`],[`resetLabel`,`string`,`"Reset"`,`Reset button text.`],[`disabled`,`boolean`,`false`,`Disables all controls and actions in builder.`],[`readOnly`,`boolean`,`false`,`Read-only state for generated field controls.`],[`columns`,`1 | 2 | 3`,`1`,`Grid column count for generated sections.`],[`onSubmit`,`(values) => Promise<void> | void`,`-`,"Submit handler for generated `<form>` events."]],features:[`Field schema`,`Section composition`,`Custom render hooks`,`Submit and reset control`,`Disabled/readOnly pass-through`,`Preset factories (inputField, phoneField, ...)`]},{slug:`radio-group`,title:`Radio Group`,description:`Single-choice grouped control for plans, density modes, and mutually exclusive settings.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`options`,`RadioGroupOption[]`,`-`,`Options with label, value and optional description.`],[`value`,`string`,`-`,`Controlled selected value.`],[`defaultValue`,`string`,`-`,`Initial uncontrolled value.`],[`onValueChange`,`(value) => void`,`-`,`Selection callback.`],[`orientation`,`'vertical' | 'horizontal'`,`'vertical'`,`Layout direction.`],[`size`,`'sm' | 'default' | 'lg'`,`'default'`,`Control density.`]],features:[`Single selection`,`Descriptions`,`Horizontal or vertical layout`,`Controlled plans`]},{slug:`phone-input`,title:`Phone Input`,description:`Localized phone number input with formatted display and consistent editing assumptions.`,icon:r.SmartphoneIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled phone value used as canonical form (usually raw digits or formatted string).`],[`defaultValue`,`string`,`-`,`Uncontrolled initial phone value.`],[`onValueChange`,`(value) => void`,`-`,`Emitted value after formatting transformations.`],[`defaultCountry`,`string`,`"UZ" | "US" | ...`,`Country context used by masking layer.`],[`placeholder`,`string`,`"+998 (__) ___-__-__"`,`Field placeholder.`],[`disabled`,`boolean`,`false`,`Disable interaction.`],[`separator`,`string`,`" "`,`Custom separator for grouping digits.`]],features:[`Phone parsing`,`Masking assumptions`,`Localized formatting`,`Controlled usage`]},{slug:`masked-input`,title:`Masked Input`,description:`Pattern-driven text input for IDs, codes and fixed-format strings.`,icon:r.SmartphoneIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled masked value.`],[`defaultValue`,`string`,`-`,`Uncontrolled initial masked value.`],[`onValueChange`,`(value) => void`,`-`,`Raw value callback after mask is applied.`],[`mask`,`((value: string) => string) | ((value: string, pattern: string) => string)`,`-`,`Formatting function for live masking.`],[`placeholder`,`string`,`-`,`Placeholder and pattern hint for users.`],[`stripMask`,`boolean`,`true`,`Whether callback should return raw digits.`],[`disabled`,`boolean`,`false`,`Disables user edits.`]],features:[`Mask function`,`Pattern assumptions`,`Controlled editing`,`Fixed-format workflows`]},{slug:`money-input`,title:`Money Input`,description:`Currency-aware input with prefix/suffix and parsing helper for numeric payload.`,icon:r.WalletIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`number`,`-`,`Controlled money value.`],[`defaultValue`,`number`,`-`,`Initial uncontrolled value.`],[`onValueChange`,`(value, rawValue) => void`,`-`,`Parsed numeric value and raw text callback.`],[`prefix`,`string`,`"$"`,`Money prefix text.`],[`suffix`,`string`,`-`,`Money suffix text.`],[`inputMode`,`'text' | 'decimal' | 'numeric'`,`'decimal'`,`Mobile keyboard hint.`],[`className`,`string`,`-`,`Wrapper custom styles.`]],features:[`Currency formatting assumptions`,`Parsing flow`,`Prefix/suffix`,`Read/write numeric value`]},{slug:`quantity-input`,title:`Quantity Input`,description:`Stepper-like numeric input for compact quantity and count constraints.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`number`,`-`,`Controlled quantity.`],[`defaultValue`,`number`,`-`,`Initial quantity.`],[`onValueChange`,`(value) => void`,`-`,`Change callback with parsed quantity.`],[`min`,`number`,`0`,`Minimum value.`],[`max`,`number`,`-`,`Maximum value.`],[`step`,`number`,`1`,`Increment size.`],[`showControls`,`boolean`,`true`,`Display increment/decrement controls.`]],features:[`Count editing`,`Clamp behavior`,`Controls`,`Min/max guardrails`]},{slug:`checkbox`,title:`Checkbox`,description:`Binary selection control for permissions, tasks and grouped form actions.`,icon:r.BoxIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`checked`,`boolean | 'indeterminate'`,`false`,`Controlled checked state.`],[`defaultChecked`,`boolean | 'indeterminate'`,`false`,`Initial state.`],[`disabled`,`boolean`,`false`,`Disables the control.`],[`onCheckedChange`,`(checked) => void`,`-`,`Checked state callback.`]],features:[`Checked state`,`Indeterminate state`,`Disabled state`,`Task lists`]},{slug:`switch`,title:`Switch`,description:`On/off control for preferences, settings and lightweight toggles.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`checked`,`boolean`,`false`,`Controlled on/off state.`],[`defaultChecked`,`boolean`,`false`,`Initial state.`],[`disabled`,`boolean`,`false`,`Disables the switch.`],[`onCheckedChange`,`(checked) => void`,`-`,`State change callback.`]],features:[`Checked state`,`Settings toggles`,`Disabled state`,`Compact interaction`]},{slug:`badge`,title:`Badge`,description:`Small status surface for counts, labels, intents and inline metadata.`,icon:r.BadgeIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`variant`,`'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'`,`'default'`,`Visual style.`],[`render`,`ReactNode`,`-`,`Optional custom render target.`],[`className`,`string`,`-`,`Additional CSS classes.`]],features:[`Status labels`,`Variants`,`Inline metadata`,`Compact counters`]},{slug:`card`,title:`Card`,description:`Structured content container with header, content and footer slots.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`size`,`'default' | 'sm'`,`'default'`,`Card density.`],[`className`,`string`,`-`,`Additional CSS classes.`],[`children`,`ReactNode`,`-`,`Composed card content.`]],features:[`Header/footer slots`,`Compact size`,`Dashboard modules`,`Composed content`]},{slug:`tabs`,title:`Tabs`,description:`Segmented navigation for switching views without leaving the current route.`,icon:r.Layers3Icon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled active tab.`],[`defaultValue`,`string`,`-`,`Initial tab.`],[`orientation`,`'horizontal' | 'vertical'`,`'horizontal'`,`Tab list direction.`],[`disabled`,`boolean`,`false`,`Disables a trigger.`]],features:[`Segmented nav`,`Panel switching`,`Controlled state`,`Settings sections`]},{slug:`collapse`,title:`Collapse`,description:`Expandable disclosure surface for FAQs, dense settings, and progressive detail blocks.`,icon:r.WorkflowIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state for a single collapse item.`],[`defaultOpen`,`boolean`,`false`,`Initial uncontrolled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`items`,`CollapseItem[]`,`-`,"Grouped disclosure items for `CollapseGroup`."],[`type`,`'single' | 'multiple'`,`'multiple'`,`Whether one or many group items can stay open.`]],features:[`Disclosure sections`,`Controlled state`,`Grouped items`,`Dense content reveal`]},{slug:`dialog`,title:`Dialog`,description:`Focused modal surface for confirmation flows, forms and destructive actions.`,icon:r.AlertCircleIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`defaultOpen`,`boolean`,`false`,`Initial open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`showCloseButton`,`boolean`,`true`,`Toggles the close affordance.`]],features:[`Modal trigger`,`Overlay`,`Header/footer slots`,`Close actions`]},{slug:`popover`,title:`Popover`,description:`Lightweight anchored overlay for context actions and compact helper content.`,icon:r.SparklesIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`side`,`'top' | 'right' | 'bottom' | 'left'`,`'bottom'`,`Popup side.`],[`align`,`'start' | 'center' | 'end'`,`'center'`,`Popup alignment.`],[`sideOffset`,`number`,`4`,`Distance from trigger.`],[`children`,`ReactNode`,`-`,`Trigger and content composition.`]],features:[`Anchored overlay`,`Title/description`,`Action menus`,`Compact help content`]},{slug:`dropdown-menu`,title:`Dropdown Menu`,description:`Menu overlays with action, checkbox and radio items for dense navigation.`,icon:r.ComponentIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`children`,`ReactNode`,`-`,`Trigger and content composition.`],[`side`,`'top' | 'right' | 'bottom' | 'left'`,`'bottom'`,`Popup side.`],[`align`,`'start' | 'center' | 'end'`,`'start'`,`Popup alignment.`],[`sideOffset`,`number`,`4`,`Distance from trigger.`],[`disabled`,`boolean`,`false`,`Disable menu interaction.`]],features:[`Dropdown patterns`,`Checkbox items`,`Radio groups`,`Shortcut labels`]},{slug:`tooltip`,title:`Tooltip`,description:`Compact hover and focus hint for controls that need one short piece of guidance.`,icon:r.SparklesIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`content`,`ReactNode`,`-`,`Tooltip label or helper content.`],[`side`,`'top' | 'bottom' | 'left' | 'right'`,`'top'`,`Placement around the trigger.`],[`disabled`,`boolean`,`false`,`Disables tooltip rendering.`],[`children`,`ReactNode`,`-`,`Trigger content wrapped by the tooltip.`]],features:[`Short helper copy`,`Hover + focus`,`Side placement`,`Low-noise guidance`]},{slug:`hover-card`,title:`Hover Card`,description:`Hover-revealed detail card for compact entity previews and secondary context.`,icon:r.SparklesIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`trigger`,`ReactNode`,`-`,`Inline trigger element that reveals the card.`],[`content`,`ReactNode`,`-`,`Card body content shown on hover/focus.`],[`side`,`'top' | 'right' | 'bottom' | 'left'`,`'bottom'`,`Preferred card placement.`],[`contentClassName`,`string`,`-`,`Extra classes for the revealed card surface.`]],features:[`Entity preview`,`Hover + focus`,`Secondary context`,`Compact detail card`]},{slug:`right-click-menu`,title:`Right Click Menu`,description:`Context menu surface for dense workspaces that need pointer-driven secondary actions.`,icon:r.MousePointerClickIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`items`,`RightClickMenuItem[]`,`-`,`Context actions shown after right click.`],[`children`,`ReactNode`,`-`,`Target area that owns the right-click interaction.`],[`className`,`string`,`-`,`Wrapper classes for the interaction zone.`]],features:[`Context actions`,`Pointer workflow`,`Compact menus`,`Workspace interactions`]},{slug:`confirm-dialog`,title:`Confirm Dialog`,description:`Clear confirm overlays for safe destructive and irreversible actions.`,icon:r.AlertCircleIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback for parent-driven flow.`],[`title`,`string`,`-`,`Dialog title text.`],[`description`,`string`,`-`,`Secondary context and scope text.`],[`confirmText`,`string`,`'Confirm'`,`Primary action label.`],[`confirmVariant`,`'default' | 'destructive'`,`'default'`,`Primary button emphasis.`],[`isLoading`,`boolean`,`false`,`Disables actions while async action runs.`],[`onConfirm`,`() => void | Promise<void>`,`-`,`Required confirm handler.`]],features:[`Destructive confirmations`,`Controlled usage`,`Async confirm`,`Clear copy guidance`]},{slug:`modal-shell`,title:`Modal Shell`,description:`Composable shell for short focused forms, approvals, and information dialogs.`,icon:r.PanelTopIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`title`,`string`,`-`,`Header title for shell context.`],[`description`,`string`,`-`,`Header description or guidance text.`],[`footer`,`ReactNode`,`-`,`Optional footer action area.`],[`size`,`'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`Shell width/spacing profile.`],[`showCloseButton`,`boolean`,`true`,`Show default close icon.`]],features:[`Reusable overlay shell`,`Controlled modal`,`Slot composition`,`Action footers`]},{slug:`sheet-shell`,title:`Sheet Shell`,description:`Side anchored shell for contextual editing and mobile drawer flows.`,icon:r.PanelTopIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`side`,`'right' | 'left' | 'top' | 'bottom'`,`'right'`,`Drawer anchor side.`],[`title`,`string`,`-`,`Sheet title.`],[`description`,`string`,`-`,`Optional supporting text.`],[`footer`,`ReactNode`,`-`,`Optional footer action area.`],[`size`,`'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`Shell width/spacing profile.`]],features:[`Side drawer`,`Mobile sheet`,`Slot composition`,`Context workflows`]},{slug:`app-shell`,title:`App Shell`,description:`Compose dashboards and pages with header, sidebar, content, aside and mobile controls.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`header`,`ReactNode`,`-`,`Optional top header region.`],[`sidebar`,`ReactNode`,`-`,`Optional sidebar region for global navigation.`],[`aside`,`ReactNode`,`-`,`Optional side content region.`],[`footer`,`ReactNode`,`-`,`Optional footer region.`],[`sidebarCollapsed`,`boolean`,`-`,`Controlled sidebar collapse state.`],[`onSidebarCollapsedChange`,`(collapsed) => void`,`-`,`Callback for controlled collapse toggles.`],[`mobileSidebarOpen`,`boolean`,`-`,`Controlled mobile sidebar visibility.`],[`sidebarMode`,`'fixed' | 'static'`,`'fixed'`,`Desktop sidebar placement strategy.`],[`showMobileMenuButton`,`boolean`,`true`,`Shows mobile menu trigger button.`]],features:[`Shell composition`,`Responsive layout`,`Aside slot`,`Controlled sidebar`]},{slug:`sidebar`,title:`Sidebar`,description:`Reusable application sidebar with header, footer, active states, collapsed mode and custom link rendering.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`items`,`AppSidebarNavItem[]`,`[]`,`Sidebar entries with active, disabled, badge and callback state.`],[`header`,`ReactNode`,`-`,`Optional content rendered above navigation items.`],[`footer`,`ReactNode`,`-`,`Optional footer actions or account area.`],[`collapsed`,`boolean`,`false`,`Compact sidebar mode for dense layouts.`],[`onItemSelect`,`(item) => void`,`-`,`Called when a sidebar item is selected.`],[`renderItem`,`(item, state) => ReactNode`,`-`,`Override full item rendering.`],[`renderLink`,`(props) => ReactNode`,`-`,`Override anchor rendering for router integration.`]],features:[`Navigation sidebar`,`Collapsed state`,`Header and footer slots`,`Router-friendly rendering`]},{slug:`sidebar-nav`,title:`Sidebar Nav`,description:`Structured nav list with active/disabled states, route metadata and custom render hooks.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`items`,`SidebarNavItem[]`,`-`,`Navigation entries, including active, disabled and custom render payloads.`],[`collapsed`,`boolean`,`false`,`Compact nav mode with item labels hidden.`],[`itemClassName`,`string`,`-`,`Class for all nav items.`],[`activeItemClassName`,`string`,`-`,`Class added to the active item.`],[`renderItem`,`(item, element) => ReactNode`,`-`,`Custom item rendering hook.`],[`renderLink`,`(props) => ReactNode`,`-`,`Custom link rendering hook.`]],features:[`Navigation lists`,`Active states`,`Custom render`,`Collapsed mode`]},{slug:`breadcrumbs`,title:`Breadcrumbs`,description:`Navigation breadcrumbs with current context and optional custom link rendering.`,icon:r.ChevronRightIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`items`,`BreadcrumbItem[]`,`-`,`Breadcrumb sequence for navigation context.`],[`separator`,`ReactNode`,`-`,`Custom separator between items.`],[`renderLink`,`(props) => ReactNode`,`-`,`Custom link renderer for each item.`],[`current`,`boolean`,`-`,`Marks current step and disables navigation for it.`]],features:[`Navigation context`,`Custom separators`,`Custom links`,`Current state support`]},{slug:`page-header`,title:`Page Header`,description:`Top-level page heading block with breadcrumbs, actions and optional meta area.`,icon:r.CreditCardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`title`,`ReactNode`,`-`,`Primary heading text.`],[`description`,`ReactNode`,`-`,`Subtext explanation for current page.`],[`eyebrow`,`ReactNode`,`-`,`Small uppercase lead text.`],[`breadcrumbs`,`ReactNode`,`-`,`Optional breadcrumb trail.`],[`actions`,`ReactNode`,`-`,`Actions rendered on the right side.`],[`meta`,`ReactNode`,`-`,`Secondary metadata block.`],[`sticky`,`boolean`,`false`,`Enable sticky positioning in scroll containers.`]],features:[`Page context`,`Action areas`,`Breadcrumb composition`,`Sticky header option`]},{slug:`page-container`,title:`Page Container`,description:`Consistent width and spacing wrapper for page contents and responsive content density.`,icon:r.PanelTopIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`size`,`'default' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`,`'default'`,`Container width preset.`],[`className`,`string`,`-`,`Additional wrapper class names.`],[`children`,`ReactNode`,`-`,`Page content.`]],features:[`Consistent content width`,`Responsive max-width`,`Spacing control`,`Dashboard wrappers`]},{slug:`metric-grid`,title:`Metric Grid`,description:`Compact KPI cards for dashboards with trend, icon and tone options.`,icon:r.DatabaseIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`items`,`MetricItem[]`,`-`,`Metric tiles and optional descriptions.`],[`columns`,`1 | 2 | 3 | 4`,`3`,`Number of columns for layout.`],[`compact`,`boolean`,`false`,`Shrinks paddings and typography for dense layouts.`],[`itemClassName`,`string`,`-`,`Shared class override for each metric card.`]],features:[`KPI display`,`Compact and dense layout`,`Trend labels`,`Dashboard summaries`]},{slug:`info-card`,title:`Info Card`,description:`Flexible context card for summaries, metadata, quick actions, and supporting media inside real product surfaces.`,icon:r.FileTextIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`eyebrow`,`ReactNode`,`-`,`Small label above card title.`],[`title`,`ReactNode`,`-`,`Main card title.`],[`description`,`ReactNode`,`-`,`Supporting description text.`],[`icon`,`ReactNode`,`-`,`Optional leading icon.`],[`actions`,`ReactNode`,`-`,`Card action area.`],[`media`,`ReactNode`,`-`,`Optional media block.`],[`compact`,`boolean`,`false`,`Compact card density.`],[`orientation`,`'vertical' | 'horizontal'`,`'vertical'`,`Content layout direction.`]],features:[`Metadata summaries`,`Action regions`,`Media slots`,`Vertical or horizontal layout`]},{slug:`activity-feed`,title:`Activity Feed`,description:`Timeline-like feed list for events, audits and recent activity surfaces.`,icon:r.BadgeIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`items`,`ActivityFeedItem[]`,`-`,`List of timeline-like activity rows.`],[`title`,`ReactNode`,`-`,`Feed title.`],[`description`,`ReactNode`,`-`,`Supporting card description.`],[`actions`,`ReactNode`,`-`,`Optional header actions.`],[`empty`,`ReactNode`,`-`,`Fallback when there are no items.`],[`compact`,`boolean`,`false`,`Compact feed density.`],[`itemClassName`,`string`,`-`,`Class for each feed item.`]],features:[`Audit timeline`,`Empty state handling`,`Compact mode`,`Action rows`]},{slug:`empty-state`,title:`Empty State`,description:`Empty data state block with optional action affordance.`,icon:r.AlertCircleIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`title`,`ReactNode`,`-`,`Primary empty-state title.`],[`description`,`ReactNode`,`-`,`Short explanation for no-content state.`],[`icon`,`ReactNode`,`-`,`Optional empty-state illustration icon.`],[`action`,`ReactNode`,`-`,`Action element to show as CTA.`],[`actionLabel`,`ReactNode`,`-`,`Legacy action label shortcut.`],[`onAction`,`() => void`,`-`,`Action callback.`]],features:[`No-content messaging`,`Optional CTA`,`Reusable copy`,`Data placeholders`]},{slug:`loading-state`,title:`Loading State`,description:`Simple loading placeholder block with label and description.`,icon:r.SparklesIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`label`,`ReactNode`,`-`,`Loading heading.`],[`description`,`ReactNode`,`-`,`Loading explanation text.`],[`icon`,`ReactNode`,`-`,`Optional loading icon.`],[`className`,`string`,`-`,`Container class override.`]],features:[`Skeleton alternative`,`Section loading labels`,`Minimal setup`,`Custom icon`]},{slug:`result`,title:`Result`,description:`Status result surface for success, warning, error and blocked/empty outcomes.`,icon:r.ShieldCheckIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`status`,`'success' | 'error' | 'warning' | 'info' | 'not-found' | 'forbidden' | 'server-error'`,`'info'`,`Result semantic status.`],[`title`,`ReactNode`,`-`,`Result title.`],[`description`,`ReactNode`,`-`,`Result detail text.`],[`icon`,`ReactNode`,`-`,`Optional custom icon.`],[`actions`,`ReactNode`,`-`,`Primary action area.`],[`extra`,`ReactNode`,`-`,`Secondary/auxiliary action area.`],[`compact`,`boolean`,`false`,`Compact status surface.`]],features:[`Outcome states`,`Action block`,`Error/result screens`,`No-page-needed fallback`]},{slug:`scroll-box`,title:`Scroll Box`,description:`Scoped scrolling surface for dense lists, side panels, and bounded data regions.`,icon:r.PanelTopIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`maxHeight`,`string | number`,`-`,`Maximum rendered height before scroll starts.`],[`axis`,`'y' | 'x' | 'both'`,`'y'`,`Allowed scroll direction.`],[`children`,`ReactNode`,`-`,`Scrollable content.`],[`className`,`string`,`-`,`Container classes.`]],features:[`Bounded scroll`,`Axis control`,`Dense lists`,`Panel content`]},{slug:`toast`,title:`Toast`,description:`Global transient messaging system with provider, placement and dismiss behavior.`,icon:r.ShieldCheckIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`children`,`ReactNode`,`-`,`Application children wrapped by provider.`],[`position`,`'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'`,`'top-right'`,`Toast container placement.`],[`defaultDuration`,`number`,`3000`,`Default auto-dismiss duration in ms.`],[`maxToasts`,`number`,`5`,`Maximum number of visible toasts.`],[`pauseOnHover`,`boolean`,`true`,`Pause dismiss timer when hovered.`],[`addToast`,`(input) => string`,`-`,`API to push a toast from context.`],[`success/info/warning/error`,`(input) => string`,`-`,`Tone helpers for common outcomes.`]],features:[`Provider setup`,`Controlled duration`,`Action buttons`,`Placement options`]},{slug:`table`,title:`Table primitive`,description:`Low-level semantic table pieces for internal composition, not the primary public data-grid showcase.`,icon:r.Table2Icon,category:`Data Display`,status:`Preview`,installCommand:d,propsRows:[[`className`,`string`,`-`,`Additional table styling.`],[`children`,`ReactNode`,`-`,`Header, body and row markup.`],[`caption`,`ReactNode`,`-`,`Optional table caption.`]],features:[`Semantic rows`,`Header/body slots`,`Internal composition`,`Primitive markup`]},{slug:`kbd`,title:`Kbd`,description:`Keyboard hint token for shortcuts, command palettes, and focused action labels.`,icon:r.TerminalSquareIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`size`,`'sm' | 'default' | 'lg'`,`'default'`,`Visual size for the key token.`],[`variant`,`'default' | 'outline' | 'ghost'`,`'default'`,`Surface treatment.`],[`children`,`ReactNode`,`-`,`Rendered key label.`],[`className`,`string`,`-`,`Extra classes for the token.`]],features:[`Shortcut tokens`,`Size variants`,`Outline or ghost style`,`Command labels`]},{slug:`data-table`,title:`Data Table`,description:`Primary reusable admin data grid with sorting, row selection, bulk actions, saved views, mobile cards, and server-aware pagination.`,icon:r.Table2Icon,category:`Data Display`,status:`Preview`,installCommand:d,propsRows:[[`columns`,`ColumnDef<RowData>[]`,`-`,`Table column definitions.`],[`data`,`Array<RowData>`,`-`,`Row data at current page in server mode.`],[`getRowId`,`(row) => string`,`-`,`Stable row identifier function.`],[`sorting`,`SortingState`,`[]`,`Controlled sort state.`],[`rowSelection`,`RowSelectionState`,`{}`,`Controlled row selection state.`],[`enableRowSelection`,`boolean`,`false`,`Turns row selection on.`],[`pagination`,`PaginationStateProps`,`-`,`Page controls, counts and page size.`],[`toolbarProps`,`ToolbarProps`,`-`,`Header actions, search and contextual controls.`],[`onRowClick`,`(row) => void`,`-`,`Row click callback.`],[`isLoading`,`boolean`,`false`,`Loading indicator state.`],[`isError`,`boolean`,`false`,`Error state flag for fallback.`],[`loadingState`,`LoadingState`,`-`,"Loading UI when `isLoading` is true."],[`emptyState`,`EmptyState`,`-`,`State shown when no rows are present.`],[`errorState`,`ErrorState`,`-`,"State shown when `isError` is true."]],features:[`Column-based API`,`Sorting and pagination`,`Row selection and bulk actions`,`Toolbar, visibility and saved views`,`Mobile cards and server mode`,`Empty/loading/error states`]}],he={button:{groupSlugs:[`actions`,`navigation`,`layout`],componentSlugs:[`badge`,`card`,`tabs`]},input:{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`textarea`,`select`,`switch`]},textarea:{groupSlugs:[`inputs`,`form`,`layout`],componentSlugs:[`input`,`card`,`badge`]},select:{groupSlugs:[`inputs`,`filters`,`overlay`],componentSlugs:[`simple-select`,`async-select`,`async-multi-select`,`combobox`]},"simple-select":{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`select`,`async-select`,`async-multi-select`,`combobox`]},combobox:{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`select`,`simple-select`,`async-select`,`async-multi-select`]},"radio-group":{groupSlugs:[`inputs`,`form`],componentSlugs:[`checkbox`,`switch`,`select`]},"async-select":{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`select`,`simple-select`,`async-multi-select`,`combobox`]},"async-multi-select":{groupSlugs:[`inputs`,`form`],componentSlugs:[`select`,`async-select`,`simple-select`,`combobox`]},"number-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`money-input`,`quantity-input`,`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`]},"date-range-picker":{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`date-picker`,`date-range-input`,`calendar`,`data-table`]},"form-field-shell":{groupSlugs:[`form`],componentSlugs:[`form-input`,`form-select`,`form-textarea`,`form-switch`,`input`,`textarea`,`switch`]},"form-input":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-field-shell`,`form-textarea`,`form-number-input`,`form-password-input`,`input`,`password`,`phone-input`]},"form-select":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-async-select`,`select`,`simple-select`,`form-field-shell`]},"form-async-select":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-select`,`async-select`,`form-field-shell`,`input`]},"form-textarea":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-input`,`textarea`,`form-field-shell`,`quantity-input`]},"form-switch":{groupSlugs:[`form`,`inputs`],componentSlugs:[`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:[`input`,`textarea`,`simple-select`]},"masked-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`input`,`number-input`,`phone-input`]},"money-input":{groupSlugs:[`inputs`,`display`],componentSlugs:[`number-input`,`quantity-input`,`input`]},"quantity-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`number-input`,`money-input`,`input`]},checkbox:{groupSlugs:[`inputs`,`form`],componentSlugs:[`switch`,`button`,`card`]},switch:{groupSlugs:[`inputs`,`layout`],componentSlugs:[`checkbox`,`tabs`,`badge`]},badge:{groupSlugs:[`actions`,`display`],componentSlugs:[`button`,`card`,`tabs`]},card:{groupSlugs:[`layout`,`display`,`actions`],componentSlugs:[`tabs`,`badge`,`button`]},tabs:{groupSlugs:[`navigation`,`layout`],componentSlugs:[`dialog`,`card`,`button`]},collapse:{groupSlugs:[`layout`,`display`,`form`],componentSlugs:[`tabs`,`card`,`sidebar-nav`]},dialog:{groupSlugs:[`overlay`,`notifications`],componentSlugs:[`popover`,`confirm-dialog`,`sheet-shell`]},popover:{groupSlugs:[`overlay`,`navigation`],componentSlugs:[`dropdown-menu`,`dialog`,`confirm-dialog`]},"dropdown-menu":{groupSlugs:[`overlay`,`navigation`,`actions`],componentSlugs:[`popover`,`dialog`,`confirm-dialog`]},tooltip:{groupSlugs:[`overlay`,`actions`,`form`],componentSlugs:[`popover`,`button`,`input`]},"hover-card":{groupSlugs:[`overlay`,`display`],componentSlugs:[`tooltip`,`card`,`info-card`]},"right-click-menu":{groupSlugs:[`overlay`,`actions`,`navigation`],componentSlugs:[`dropdown-menu`,`popover`,`data-table`]},"confirm-dialog":{groupSlugs:[`overlay`,`notifications`],componentSlugs:[`dialog`,`modal-shell`,`sheet-shell`]},"modal-shell":{groupSlugs:[`overlay`,`layout`],componentSlugs:[`sheet-shell`,`dialog`,`confirm-dialog`]},"sheet-shell":{groupSlugs:[`overlay`,`layout`,`navigation`],componentSlugs:[`modal-shell`,`dialog`,`dropdown-menu`]},table:{groupSlugs:[`data-table`,`display`,`filters`],componentSlugs:[`card`,`tabs`,`badge`]},"data-table":{groupSlugs:[`data-table`,`layout`,`filters`],componentSlugs:[`table`,`card`,`tabs`]},sidebar:{groupSlugs:[`layout`,`navigation`],componentSlugs:[`sidebar-nav`,`breadcrumbs`,`app-shell`,`page-container`]},"app-shell":{groupSlugs:[`layout`],componentSlugs:[`sidebar`,`sidebar-nav`,`page-header`,`page-container`]},"sidebar-nav":{groupSlugs:[`layout`,`navigation`],componentSlugs:[`sidebar`,`breadcrumbs`,`app-shell`]},breadcrumbs:{groupSlugs:[`layout`,`navigation`],componentSlugs:[`page-header`,`sidebar`,`sidebar-nav`]},"page-header":{groupSlugs:[`layout`],componentSlugs:[`breadcrumbs`,`sidebar`,`metric-grid`,`info-card`]},"page-container":{groupSlugs:[`layout`],componentSlugs:[`page-header`,`app-shell`,`info-card`]},"metric-grid":{groupSlugs:[`display`],componentSlugs:[`info-card`,`activity-feed`,`empty-state`]},"info-card":{groupSlugs:[`display`,`layout`],componentSlugs:[`metric-grid`,`activity-feed`,`result`,`card`]},"activity-feed":{groupSlugs:[`display`],componentSlugs:[`info-card`,`metric-grid`,`result`]},"empty-state":{groupSlugs:[`display`],componentSlugs:[`loading-state`,`result`,`data-table`]},"loading-state":{groupSlugs:[`display`],componentSlugs:[`empty-state`,`result`,`data-table`]},result:{groupSlugs:[`display`],componentSlugs:[`empty-state`,`loading-state`,`page-header`]},"scroll-box":{groupSlugs:[`display`,`layout`],componentSlugs:[`table`,`data-table`,`page-container`]},toast:{groupSlugs:[`notifications`,`overlay`],componentSlugs:[`confirm-dialog`,`sheet-shell`,`modal-shell`]},kbd:{groupSlugs:[`command`,`actions`],componentSlugs:[`button`,`tooltip`,`input`]}},ge=new Set(`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(`.`)),_e={textarea:`input`,"search-input":`input`,"password-input":`input`,"number-input":`input`,"phone-input":`input`,"masked-input":`input`,"money-input":`input`,"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`,combobox:`select`,"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`,"app-shell":`sidebar`,"app-header":`sidebar`,"sidebar-nav":`sidebar`,"page-container":`sidebar`,section:`sidebar`,toolbar:`sidebar`,"split-layout":`sidebar`,"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`,"progress-circle":`progress`},M={input:[{key:`core`,title:`Core input surfaces`,description:`Start with the default text field and move outward only when the workflow demands specialization.`,slugs:[`input`,`textarea`]},{key:`related`,title:`Related input patterns`,description:`Specialized input types for search, masking, numeric entry, and compact structured values.`,slugs:[`search-input`,`password-input`,`number-input`,`phone-input`,`masked-input`,`money-input`,`quantity-input`,`tag-input`,`otp-input`,`color-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`]}],select:[{key:`core`,title:`Core select surfaces`,description:`Use the base selection control first, then expand only when the interaction model truly changes.`,slugs:[`select`]},{key:`related`,title:`Related select members`,description:`These members add real behavior such as remote loading or keyboard-first local filtering.`,slugs:[`async-select`,`combobox`,`async-multi-select`]},{key:`integrations`,title:`Form integrations`,description:`Use wrapped selects when you need consistent form-level validation, labels, and shell behavior.`,slugs:[`form-select`]},{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`]}],dialog:[{key:`core`,title:`Core overlay surfaces`,description:`Use the lightest overlay that still matches the interaction. Do not default every action to a full modal.`,slugs:[`dialog`,`popover`,`dropdown-menu`]},{key:`advanced`,title:`Confirmation and shell patterns`,description:`These composed overlays handle destructive confirmation, reusable modal shells, and side-drawer editing flows.`,slugs:[`confirm-dialog`,`modal-shell`,`sheet-shell`]}],sidebar:[{key:`core`,title:`Sidebar surfaces`,description:`These pieces define the reusable sidebar surface first, then layer shell framing around it only when the route really needs it.`,slugs:[`sidebar`,`sidebar-nav`,`breadcrumbs`]},{key:`related`,title:`Route-level patterns`,description:`Use these patterns only after the sidebar and navigation contract are already clear.`,slugs:[`app-shell`,`app-header`,`page-container`,`section`,`toolbar`,`split-layout`,`sticky-footer-bar`]}],"page-header":[{key:`core`,title:`Page context surfaces`,description:`Use these pieces to establish page identity, breadcrumbs, meta, and supporting stats.`,slugs:[`page-header`,`breadcrumbs`]},{key:`related`,title:`Supporting page patterns`,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`]}],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`]}]},N=t.default,P=N?.groups??{},F=new Set((N?.recommended??[]).map(e=>e)),I=N?.migrationAliases??{},L=new Set(Object.values(I)),ve=new Set([`kits`]),R=new Set([`all`,`dashboard`,`calendar-kit`,`wizard-kit`]),ye=new Set([`hooks`]),be={ui:`Components`,actions:`Components`,layout:`Components`,feedback:`Data Display`,display:`Data Display`,overlay:`Overlay`,inputs:`Forms`,form:`Forms`,dataTable:`Data Display`,data_table:`Data Display`,navigation:`Data Display`,filters:`Data Display`,calendar:`Data Display`,upload:`Data Display`,wizard:`Data Display`,notifications:`Data Display`,command:`Data Display`,patterns:`Patterns`},xe={ui:r.ComponentIcon,actions:r.SparklesIcon,feedback:r.WalletIcon,display:r.DatabaseIcon,overlay:r.PanelTopIcon,inputs:r.FormInputIcon,form:r.FormInputIcon,dataTable:r.Table2Icon,data_table:r.Table2Icon,layout:r.LayoutDashboardIcon,navigation:r.BoxIcon,filters:r.SlidersHorizontalIcon,calendar:r.CalendarClockIcon,upload:r.FileTextIcon,wizard:r.WorkflowIcon,notifications:r.BellIcon,command:r.TerminalSquareIcon,patterns:r.BlocksIcon,hooks:r.SmartphoneIcon};function z(e){return e.split(`-`).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}var Se=new Set(j.map(e=>e.slug)),B=new Map;for(let[e,t]of Object.entries(P))if(!(ve.has(e)||ye.has(e)))for(let n of t){let t=I[n],i=t??n;if(!n||R.has(n)||R.has(i)||L.has(i)||L.has(n)||Se.has(i)||B.has(i))continue;let a=be[e]??`Data Display`,o=xe[e]??r.SparklesIcon;B.set(i,{slug:i,title:z(t||i),description:`${z(i)} surfaced from package registry group "${e}".`,icon:o,category:a,status:F.has(i)?`Stable`:`Preview`,installCommand:d,propsRows:[[`className`,`string`,`-`,`Additional classes for wrapper element.`]],features:[e]})}var Ce=[...B.values()],V=[...j,...Ce],H=[],U=new Map(H.map(e=>[e.slug,e])),W=new Set([`app-sidebar`,`app-shell`,`app-header`,`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`]),we=new Set([...W,...D.keys()]);function G(e){if(!e)return;let t=O(e),n=q(t);return t===n?U.get(t)??V.find(e=>e.slug===t):U.get(n)??V.find(e=>e.slug===n)}function K(e){return U.has(O(e))||ge.has(O(e))}function q(e){let t=O(e);return K(t)?t:_e[t]??t}function J(e){return G(q(e))?.title??e}function Y(){let t=V.filter(e=>q(e.slug)===e.slug),n=new Map;for(let e of t)n.set(e.slug,e);for(let e of H)n.set(e.slug,e);return Array.from(n.values()).filter(e=>!W.has(e.slug)).filter(t=>e.isPublicComponentSurfaceSlug(t.slug)).sort((t,n)=>{let r=e.comparePublicComponentSurfaceOrder(t.slug,n.slug);return r===0?t.title.localeCompare(n.title):r})}function Te(){let e=new Map;for(let t of V)e.set(t.slug,t);for(let t of H)e.set(t.slug,t);return Array.from(e.values()).filter(e=>!we.has(e.slug)).sort((e,t)=>e.title.localeCompare(t.title))}function X(e){let t=e?q(e):void 0;return Y().map(e=>({slug:e.slug,title:e.title,href:v(e.slug),status:e.status,group:k(e.slug),active:t?q(e.slug)===t:!1})).sort((e,t)=>e.title.localeCompare(t.title))}function Ee(e){let t=new Map;for(let n of X(e)){let e=n.title[0]?.toUpperCase()??`#`,r=`${e} - ${n.group}`;t.has(r)||t.set(r,{key:r,label:`${e} • ${n.group}`,items:[]}),t.get(r)?.items.push(n)}return Array.from(t.values())}function De(e){return M[q(e)]??[]}function Z(e){return(e?[q(e)]:Object.keys(M)).flatMap(e=>{let t=G(e);return(M[e]??[]).flatMap(n=>{let r=[];for(let i of n.slugs){let a=V.find(e=>e.slug===i);a&&r.push({component:a.title,slug:a.slug,title:a.title,surfaceSlug:e,surfaceTitle:t?.title??e,sectionId:n.key,sectionLabel:n.title,sectionKey:n.key,summary:a.description,useWhen:n.description,maturity:n.key===`core`?`core`:`helper`,status:a.status,href:v(a.slug)})}return r})})}function Oe(e){return Z().find(t=>t.component===e)}function ke(e){let t=new Set(e);return Z().filter(e=>t.has(e.component))}var Q=[{slug:`actions`,title:`Actions`,description:`Context actions, copy controls and quick grids for dense product surfaces.`,icon:r.MousePointerClickIcon,category:`Actions`,exports:[`ActionMenu`,`CopyButton`,`QuickActionGrid`],href:b(`actions`),status:`Stable`,features:[`Quick actions`,`Copy affordances`,`Dense command blocks`]},{slug:`layout`,title:`Application layout`,description:`Route-level shells, sidebars and headers that support real components instead of replacing them.`,icon:r.LayoutDashboardIcon,category:`Layout`,exports:[`Sidebar`,`SidebarNav`,`Breadcrumbs`,`PageContainer`,`Section`,`SectionHeader`,`StickyFooterBar`],href:b(`layout`),status:`Stable`,features:[`Sidebar navigation`,`Page framing`,`Section structure`,`Sticky actions`]},{slug:`filters`,title:`Filters`,description:`Filter bars and chip patterns for narrowing data without leaving the current view.`,icon:r.SlidersHorizontalIcon,category:`Data`,exports:[`FilterBar`,`FilterChips`],href:b(`filters`),status:`Stable`,features:[`Filter bars`,`Chips`,`Search + filter pairing`]},{slug:`overlay`,title:`Overlay patterns`,description:`Confirm flows, modal shells, sheet layouts and dialog actions.`,icon:r.AlertCircleIcon,category:`Overlay`,exports:[`DialogActions`,`ModalShell`,`ConfirmDialog`,`SheetShell`,`Tooltip`,`HoverCard`,`RightClickMenu`],href:b(`overlay`),status:`Stable`,features:[`Confirm flows`,`Sheet layouts`,`Modal actions`,`Lightweight helper hints`]},{slug:`navigation`,title:`Navigation`,description:`Pagination and tabbed navigation patterns for sectioned or paginated interfaces.`,icon:r.ChevronRightIcon,category:`Layout`,exports:[`Pagination`,`PageTabs`,`StepperTabs`],href:b(`navigation`),status:`Stable`,features:[`Pagination`,`Page tabs`,`Stepper tabs`]},{slug:`inputs`,title:`Inputs`,description:`Input-first family with typed presets and select/date members introduced only when behavior changes.`,icon:r.FormInputIcon,category:`Forms`,exports:[`Input`,`Textarea`,`Select`,`DatePicker`,`NumberInput`,`MoneyInput`,`PhoneInput`,`TagInput`],href:b(`inputs`),status:`Stable`,features:[`Text entry`,`Select flows`,`Date controls`,`Money input`,`Tag input`]},{slug:`form`,title:`Form`,description:`Form shell and wrapper layer for labels, validation, and repeatable field composition.`,icon:r.FileTextIcon,category:`Forms`,exports:[`FormFieldShell`,`FormInput`,`FormSelect`,`FormTextarea`,`FormSwitch`,`FormDatePicker`],href:b(`form`),status:`Stable`,features:[`Field shell`,`Wrapped controls`,`Date helpers`,`Consistent validation`]},{slug:`display`,title:`Display`,description:`Metrics, activity, avatars, timelines and descriptive content surfaces.`,icon:r.DatabaseIcon,category:`Data`,exports:[`DescriptionList`,`Progress`,`Result`,`Timeline`,`MetricGrid`,`InfoCard`,`ActivityFeed`,`StatusLegend`,`Avatar`,`DataState`,`ScrollBox`],href:b(`display`),status:`Stable`,features:[`Metric grids`,`Timelines`,`Activity feeds`,`Status legends`]},{slug:`data-table`,title:`DataTable`,description:`Primary reusable data-grid system. Helper pieces stay secondary to the main table route.`,icon:r.Table2Icon,category:`Data`,exports:[`DataTable`],href:b(`data-table`),status:`Stable`,features:[`Toolbar`,`Selection`,`Row actions`,`Saved views`,`Pagination`]},{slug:`notifications`,title:`Notifications`,description:`Toast-based feedback surfaces for success, warnings and async completion states.`,icon:r.BadgeIcon,category:`Overlay`,exports:[`Toast`],href:b(`notifications`),status:`Preview`,features:[`Toasts`,`Transient feedback`,`Status messaging`]},{slug:`command`,title:`Command`,description:`Command palette patterns for keyboard-driven discovery and navigation.`,icon:r.TerminalSquareIcon,category:`Workflow`,exports:[`CommandPalette`],href:b(`command`),status:`Preview`,features:[`Command palette`,`Keyboard discovery`,`Quick navigation`]},{slug:`calendar`,title:`Calendar`,description:`Calendar, date picker and range picker flows for scheduling and reporting.`,icon:r.Grid2x2Icon,category:`Workflow`,exports:[`DateUtils`,`Calendar`,`DatePicker`,`DateRangePicker`],href:b(`calendar`),status:`Stable`,features:[`Date picker`,`Range picker`,`Scheduling flows`]},{slug:`upload`,title:`Upload`,description:`File and image upload surfaces with preview-friendly interaction patterns.`,icon:r.BlocksIcon,category:`Workflow`,exports:[`FileUpload`,`ImageUpload`],href:b(`upload`),status:`Preview`,features:[`File upload`,`Image upload`,`Attachment flows`]},{slug:`wizard`,title:`Wizard`,description:`Stepper and multi-step workflow patterns for onboarding and guided flows.`,icon:r.WorkflowIcon,category:`Workflow`,exports:[`Stepper`,`Wizard`],href:b(`wizard`),status:`Stable`,features:[`Step flow`,`Guided forms`,`Progress state`]}],Ae=[{label:`Docs`,href:g},{label:`Installation`,href:`/docs/installation`},{label:`Components`,href:`/components`},{label:`Search`,href:`/search`},{label:`Changelog`,href:`/changelog`}],je=[{title:`Getting Started`,items:[{label:`Overview`,href:g,icon:r.BookOpenIcon},{label:`Installation`,href:`/docs/installation`,icon:r.ChevronRightIcon},{label:`Components catalog`,href:`/components`,icon:r.ComponentIcon},{label:`Changelog`,href:`/changelog`,icon:r.FileTextIcon}]},...T.map(e=>({title:e,items:A(e,v)})).filter(e=>e.items.length>0)],Me=[{title:`Getting Started`,items:[{label:`Introduction`,href:`/playground/button`,icon:r.BookOpenIcon},{label:`Installation`,href:y(`button`),icon:r.ChevronRightIcon},{label:`Theming`,href:y(`button`),icon:r.SparklesIcon},{label:`Tokens`,href:y(`badge`),icon:r.Layers3Icon},{label:`Icon Library`,href:y(`popover`),icon:r.Grid2x2Icon}]},...T.map(e=>({title:e,items:A(e,y)})).filter(e=>e.items.length>0)],Ne=[`All blocks`,`Dashboard`,`Auth`,`Table`,`Settings`,`Pricing`,`Product`,`Marketing`],Pe=[`All layouts`,`Application`,`Marketing`],$=[`All themes`,`Light`,`Soft`],Fe=[`Popular`,`A-Z`],Ie=[{title:`Application blocks`,text:`Dashboard, table and settings blocks should show route structure, visible actions and realistic operational density.`,items:[`Sidebar shell`,`Toolbar actions`,`Table states`,`Settings surfaces`]},{title:`Entry and conversion blocks`,text:`Auth, pricing, product and marketing blocks should explain trust, conversion hierarchy and where the section fits in a larger page flow.`,items:[`Form blocks`,`CTA hierarchy`,`Proof points`,`Responsive sections`]},{title:`Reusable block library`,text:`Every block card should show its category, where it fits, and which route opens the richer preview or template detail view.`,items:[`Category label`,`Usage notes`,`Preview action`,`Install path`]}],Le={slug:`dashboard-starter`,title:`Modern Dashboard`,description:`Clean dashboard with analytics, charts, and activity tables.`,bestFor:`Dashboard entry sections, KPI headers, recent activity, and operational overview surfaces.`,category:`Dashboard`,tags:[`Dashboard`,`Analytics`,`Charts`,`Overview`],uses:[`AppShell`,`PageHeader`,`MetricGrid`,`DataTable`],tone:`from-emerald-50 via-white to-sky-50`,href:w(`dashboard-starter`),previewHref:`/preview/blocks/dashboard-01`,previewTone:`dashboard`,layout:`Application`,theme:`Soft`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and make sure the dashboard route already has theme tokens loaded.",`Copy the shell section into an authenticated page and connect it to live KPI and activity data.`,`Keep the block focused on one overview slice instead of turning it into a full page shell.`],dependencyGroups:[`Layout shell`,`Metric cards`,`Table primitives`,`Action buttons`],copyTargets:[`components/blocks/dashboard/overview-shell.tsx`,`components/blocks/dashboard/metric-row.tsx`,`components/blocks/dashboard/activity-table.tsx`],notes:[`Use this block when one dashboard section is enough; move to the template when navigation and multiple zones are required.`,`Primary actions should stay tied to one operational area, not a full application workflow.`]},Re=[{slug:`sidebar-layout`,title:`Sidebar Layout`,description:`Application shell with responsive sidebar.`,bestFor:`Route-level shells that need stable navigation, app header actions, and one main content zone.`,category:`Dashboard`,tags:[`Navigation`,`Shell`,`Analytics`],uses:[`AppShell`,`SidebarNav`,`PageHeader`,`Button`],tone:`from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]`,href:w(`sidebar-layout`),previewHref:`/preview/blocks/dashboard-01`,previewTone:`dashboard`,layout:`Application`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and mount the shell inside an authenticated route group.",`Wire navigation items and header actions before copying child content zones into the shell.`,`Keep the shell generic enough to reuse across more than one application page.`],dependencyGroups:[`App shell`,`Sidebar navigation`,`Page header`,`Action controls`],copyTargets:[`components/blocks/layout/sidebar-layout.tsx`,`components/navigation/app-sidebar.tsx`],notes:[`Do not use this block for a whole admin app export; it is one shell slice, not the full template.`,`Navigation depth and section order should come from the app route model, not from hardcoded demo labels.`]},{slug:`crm-dashboard`,title:`CRM Dashboard`,description:`Sales pipeline and deals management.`,bestFor:`Pipeline snapshots, team handoff sections, and account-focused operational dashboards.`,category:`Product`,tags:[`CRM`,`Pipeline`,`Kanban`],uses:[`PageHeader`,`Badge`,`Tabs`,`ActivityFeed`],tone:`from-[color:color-mix(in_oklch,var(--aui-accent)_10%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`crm-dashboard`),previewTone:`crm`,layout:`Application`,theme:`Soft`,relatedTemplateSlug:`crm-dashboard`,installSteps:["Run `npx tembro init` and reuse the CRM block inside an existing workspace route.",`Connect stage counts, owners, and next actions to live CRM entities before release.`,`Escalate to the CRM template only when the page needs reports, settings, and multiple sections together.`],dependencyGroups:[`Stage summaries`,`Owner badges`,`Activity feed`,`Tabs and headers`],copyTargets:[`components/blocks/crm/pipeline-summary.tsx`,`components/blocks/crm/account-activity.tsx`],notes:[`CRM sections lose clarity when actions are hidden; keep stage, owner, and next-step signals visible.`,`This block should stay narrower than the full CRM workspace template.`]},{slug:`users-table`,title:`Users Table`,description:`Advanced table with filters and actions.`,bestFor:`Management tables with filters, row actions, bulk actions, and compact result scanning.`,category:`Table`,tags:[`Data`,`Filters`,`Bulk actions`],uses:[`DataTable`,`DataTableToolbar`,`Button`,`Badge`],tone:`from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]`,href:w(`users-table`),previewHref:`/preview/blocks/table-01`,previewTone:`table`,layout:`Application`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and move the table block into the target resource page.",`Map columns, row identifiers, and action callbacks to your real API contract.`,`Keep pagination, filters, and bulk actions aligned with backend capabilities.`],dependencyGroups:[`Data table`,`Toolbar filters`,`Bulk actions`,`Status badges`],copyTargets:[`components/blocks/tables/users-table.tsx`,`components/blocks/tables/table-toolbar.tsx`],notes:[`Prefer this block for one resource section; use a template when the whole page needs navigation and surrounding analytics.`,`Do not treat demo filters as final product logic; they are only structural placeholders.`]},{slug:`auth-sign-in`,title:`Auth Sign In`,description:`Minimal sign in form with social login.`,bestFor:`Entry flows that need one focused sign-in surface, trust copy, and a compact auth action stack.`,category:`Auth`,tags:[`Sign in`,`Form`,`Trust`],uses:[`Card`,`Input`,`Button`,`Badge`],tone:`from-[color:color-mix(in_oklch,var(--aui-warning)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`auth-sign-in`),previewHref:`/preview/blocks/auth-01`,previewTone:`auth`,layout:`Marketing`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and mount the auth block on a public or gated entry route.",`Replace demo trust copy, OAuth providers, and field labels with your real auth contract.`,`Use the wider auth or app template only when onboarding needs multiple steps or side content.`],dependencyGroups:[`Form fields`,`Card shell`,`Primary CTA`,`Trust badges`],copyTargets:[`components/blocks/auth/sign-in-card.tsx`,`components/blocks/auth/social-auth-row.tsx`],notes:[`Keep this block conversion-focused; avoid adding unrelated settings or dashboard content to the same surface.`,`Auth blocks should show trust and hierarchy clearly on mobile before they are shipped.`]},{slug:`settings-form`,title:`Settings Form`,description:`Profile and preferences settings form.`,bestFor:`One bounded settings section with fields, toggles, save actions, and light explanatory copy.`,category:`Settings`,tags:[`Profile`,`Preferences`,`Form`],uses:[`FormFieldShell`,`Input`,`Switch`,`Button`],tone:`from-[color:color-mix(in_oklch,var(--aui-surface-muted)_70%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`settings-form`),previewTone:`settings`,layout:`Application`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and place the settings block inside an existing account or workspace page.",`Wire field state, validation, and save feedback to your app settings contract.`,`Only move to a larger settings template when multiple settings areas need shared navigation.`],dependencyGroups:[`Form wrappers`,`Inputs and switches`,`Save actions`,`Inline helper text`],copyTargets:[`components/blocks/settings/profile-form.tsx`,`components/blocks/settings/preferences-section.tsx`],notes:[`This block is for one settings slice, not an entire account management surface.`,`Keep destructive account actions separate from routine preference editing.`]},{slug:`invoices-page`,title:`Invoices Page`,description:`Invoices list with status and actions.`,bestFor:`Billing or finance tables that need status columns, invoice actions, and readable operational totals.`,category:`Table`,tags:[`Finance`,`Invoices`,`Status`],uses:[`DataTable`,`Badge`,`Button`,`PageHeader`],tone:`from-[color:color-mix(in_oklch,var(--aui-accent)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`invoices-page`),previewHref:`/preview/blocks/table-01`,previewTone:`table`,layout:`Application`,theme:`Soft`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and copy the invoice block into the billing route.",`Connect payment status, row actions, and export flows to real finance data.`,`Keep summaries close to the table instead of turning the block into a full finance dashboard.`],dependencyGroups:[`Table rows`,`Invoice status badges`,`Header actions`,`Finance filters`],copyTargets:[`components/blocks/finance/invoices-table.tsx`,`components/blocks/finance/invoice-actions.tsx`],notes:[`Finance blocks need explicit status language; avoid vague marketing labels in invoice rows.`,`When the page needs broader reporting and settings, step up to a template-level surface.`]}],ze=d,Be=[[`variant`,`'default' | 'secondary' | ...`,`'default'`,`The visual style of the button.`],[`size`,`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`The size of the button.`],[`asChild`,`boolean`,`false`,`Render as a child element using Slot.`],[`disabled`,`boolean`,`false`,`Disables the button.`],[`className`,`string`,`-`,`Additional CSS classes.`],[`onClick`,`(e: MouseEvent) => void`,`-`,`Click event handler.`]],Ve=[`Installation`,`Variations`,`Sizes`,`States`,`Icon buttons`,`Block button`,`Examples`,`API Reference`,`Accessibility`],He=[{title:`Action buttons`,cta:`Save changes`},{title:`Icon with text`,cta:`Send message`},{title:`Loading state`,cta:`Processing...`},{title:`Destructive action`,cta:`Delete item`}],Ue=[`Tab to focus`,`Visible focus ring`,`Enter / Space to activate`],We=[`Role: button`,`Name is programmatically determinable`,`Minimum touch target (44x44px)`,`Sufficient color contrast`],Ge=[{title:`Home`,description:`Open the landing page with the product overview.`,href:`/`,group:`Docs`,shortcut:`H`,keywords:[`home`,`landing`,`overview`,`introduction`]},{title:`Blocks`,description:`Browse reusable blocks and layout sections.`,href:`/blocks`,group:`Blocks`,shortcut:`B`,featured:!0,keywords:[`blocks`,`catalog`,`templates`,`dashboards`,`marketing`,`layout patterns`]},{title:`Components`,description:`Browse component docs and related modules.`,href:`/components`,group:`Docs`,shortcut:`C`,keywords:[`components`,`catalog`,`docs`,`family`,`category`]},{title:`Developer inventory`,description:`Open the export inventory with primary components, groups, and member routes.`,href:`/components/registry`,group:`Docs`,shortcut:`R`,keywords:[`developer inventory`,`registry`,`inventory`,`exports`,`component list`,`source of truth`]},{title:`Changelog`,description:`Read release notes and track API and docs changes.`,href:`/changelog`,group:`Docs`,shortcut:`L`,keywords:[`changelog`,`release`,`history`,`changes`,`version`]},{title:`Command page`,description:`Open the full route index and quick command page.`,href:`/command`,group:`Docs`,shortcut:`K`,keywords:[`command`,`search`,`palette`,`route index`,`jump`]},{title:`Installation`,description:`Initialize the project, write theme tokens, and copy working CLI commands.`,href:`/docs/installation`,group:`Docs`,shortcut:`I`,featured:!0,keywords:[`installation`,`setup`,`npm`,`theme`,`tembro`,`cli`]},{title:`Next.js installation`,description:`Initialize tembro in a Next.js app and write local component files.`,href:`/docs/installation/next`,group:`Docs`,shortcut:`I`,keywords:[`installation`,`next`,`nextjs`,`setup`,`init`,`tailwind`,`cli`]},{title:`Vite installation`,description:`Initialize tembro in a Vite app and write local component files.`,href:`/docs/installation/vite`,group:`Docs`,shortcut:`I`,keywords:[`installation`,`vite`,`setup`,`init`,`tailwind`,`cli`]},...Y().flatMap(e=>[{title:e.title,description:e.description,href:`/components/${e.slug}`,group:`Components`,shortcut:`C`,featured:e.slug===`button`||e.slug===`input`||e.slug===`dialog`||e.slug===`select`||e.slug===`card`,keywords:[e.slug,e.title,e.category,k(e.slug),J(e.slug),...e.features,`component`,`detail`,`usage`,`installation`]}]),...Z().map(e=>({title:`${e.title} in ${e.surfaceTitle}`,description:`${e.summary} Documented inside the ${e.surfaceTitle} surface under ${e.sectionLabel.toLowerCase()}.`,href:e.href,group:`Components`,shortcut:`M`,keywords:[e.title,e.slug,e.component,e.surfaceTitle,e.surfaceSlug,e.sectionLabel,e.maturity,`member`,`surface`,`variant`,`wrapper`]})),...Q.map(e=>({title:`${e.title} group`,description:`${e.description} Open the grouped docs surface for related exports and usage boundaries.`,href:e.href,group:`Components`,shortcut:`F`,featured:e.slug===`data-table`||e.slug===`form`||e.slug===`layout`,keywords:[e.slug,e.title,e.category,...e.features,...e.exports,`component group`,`catalog`,`system`]})),...Q.flatMap(e=>e.exports.map(t=>({title:`${t} API`,description:`${e.title} export detail with import path, related docs and usage context.`,href:S(e.slug,t),group:`Components`,shortcut:`E`,keywords:[t,e.title,e.slug,...e.features,`export`,`api`,`component`]})))];exports.CLI_ADD_COMMAND=u,exports.CLI_INIT_NEXT_COMMAND=l,exports.CLI_INIT_VITE_COMMAND=te,exports.CLI_INSTALL_COMMAND=ne,exports.CLI_PACKAGE_NAME=s,exports.CLI_THEME_COMMAND=re,exports.DOCS_APP_NAME=ee,exports.DOCS_RELEASES_URL=ae,exports.DOCS_REPO_URL=m,exports.DOCS_ROOT_PATH=g,exports.PACKAGE_GITHUB_RELEASES_URL=p,exports.PACKAGE_GITHUB_URL=f,exports.PACKAGE_IMPORT=c,exports.PACKAGE_INSTALL_COMMAND=d,exports.PACKAGE_NAME=o,exports.PACKAGE_NPM_URL=ie,exports.PACKAGE_RELEASES_URL=h,exports.PACKAGE_RELEASE_DATE=se,exports.PACKAGE_VERSION=oe,exports.accessibilityChecks=We,exports.blockCards=Re,exports.blockCoverageSections=Ie,exports.blockLayoutFilters=Pe,exports.blockPath=w,exports.blockSortOptions=Fe,exports.blockTabs=Ne,exports.blockThemeFilters=$,exports.componentCatalog=V,exports.componentDocsPath=v,exports.componentExportPath=S,exports.componentExportSlug=x,exports.componentGroupMeta=E,exports.componentGroupOrder=T,exports.componentModuleCatalog=Q,exports.componentModulePath=b,exports.componentPlaygroundPath=y,exports.componentRelations=he,exports.docsSidebar=je,exports.exampleCards=He,exports.featuredBlock=Le,exports.getComponentDetailSidebarItems=X,exports.getComponentDetailSidebarSections=Ee,exports.getComponentGroup=k,exports.getComponentGroupDetails=me,exports.getComponentSurfaceCatalogItem=G,exports.getComponentSurfaceSections=De,exports.getDocumentedMemberByComponent=Oe,exports.getDocumentedMembersByComponents=ke,exports.getPrimaryComponentCatalog=Y,exports.getPrimaryComponentMemberInventory=Z,exports.getPrimaryComponentSurfaceSlug=q,exports.getPrimaryComponentSurfaceTitle=J,exports.getVisibleComponentCatalog=Te,exports.globalSearchItems=Ge,exports.inspectorChecks=Ue,exports.installCommand=ze,exports.isPrimaryComponentSurface=K,exports.playgroundSidebar=Me,exports.primaryNav=Ae,exports.propRows=Be,exports.releaseHistory=_,exports.templatePath=C,exports.tocItems=Ve;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../public-component-surface.cjs"),t=require("./tembro-registry.json.cjs"),n=require("./package-meta.cjs");let r=require("lucide-react");var i=[[`control`,`Control<TFieldValues>`,`-`,"RHF control instance from `useForm()`."],[`name`,`FieldPath<TFieldValues>`,`-`,`Field path used for registration and value lookup.`],[`rules`,`Omit<UseControllerProps['rules'], 'value' | 'name'>`,`-`,`Validation rules and constraints for the field.`],[`required`,`boolean | "*" | FieldError`,`false`,`Marks field required in shell and optional validation path.`],[`disabled`,`boolean`,`false`,`Disables input and blocks interaction.`],[`readOnly`,`boolean`,`false`,`Allows viewing without edit; value remains controlled.`],[`error`,`string | FieldError | null`,`-`,`Optional error override instead of default form state message.`]],a=[`RHF control wiring`,`name-based field registration`,`error and required visual states`,`validation contract`,`label/description consistency`,`disabled/readOnly handling`],o=`tembro`,s=`tembro`,c=`tembro`,ee=`azamat-ui`,l=`npx ${s} init --template next --defaults`,te=`npx ${s} init --template vite --defaults`,u=`npx ${s} add button form-input`,d=`${l}\n${u}`,ne=`npx ${s} --help`,re=`npx ${s} theme`,ie=`https://www.npmjs.com/package/tembro`,f=`https://github.com/AzamatJurayev-dev/tembro`,p=`${f}/releases`,m=`https://github.com/AzamatJurayev-dev/azamat-ui`,h=p,ae=`${m}/releases`,g=`/docs`,_=[{version:n.PACKAGE_LATEST_VERSION,date:n.PACKAGE_LATEST_RELEASE_DATE,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`, `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.`]},{version:`0.3.18`,date:`June 30, 2026`,status:`Published`,summary:`Refined grouped docs and related-surface mapping.`,notes:[`Input, Select, Card, Badge, Overlay, Form, and Data Table components were aligned with the latest public exports.`,`Deprecated route-level names stayed aliased for compatibility while primary docs move toward simpler canonical surfaces.`,`Docs app metadata now prefers current package registry vocabulary over older showcase-only names.`]}],oe=_[0]?.version??`2.0.3`,se=_[0]?.date??`July 8, 2026`,v=e=>`/components/${e}`,y=e=>`/playground/${e}`,b=e=>`/components/${e}`,x=e=>e.replace(/([a-z])([A-Z])/g,`$1-$2`).replace(/\s+/g,`-`).toLowerCase(),S=(e,t)=>`/components/${e}/${x(t)}`,C=e=>`/templates/${e}`,w=e=>`/blocks/${e}`,T=[`Primitives`,`Form Controls`,`Overlay`,`Data Display`,`Layout`,`Feedback`,`Patterns`],E={Primitives:{title:`Primitives`,description:`Foundation components for actions, text entry, compact layout and small state changes.`,whenToUse:`Use when you need a small reusable UI unit with minimal product opinion.`,whenNotToUse:`Do not start here when the page needs full form orchestration, route structure, or async flows.`},"Form Controls":{title:`Form Controls`,description:`Fields, wrappers and input flows for validation, selection, formatting and data entry.`,whenToUse:`Use for user input, validation, RHF wiring and constrained value contracts.`,whenNotToUse:`Do not use for read-only summaries or large page layout composition.`},Overlay:{title:`Overlay`,description:`Dialog, popover, menu and confirmation surfaces that appear above the current screen.`,whenToUse:`Use for contextual actions, confirmations and short focused tasks.`,whenNotToUse:`Do not hide long multi-step flows inside overlays when a full page works better.`},"Data Display":{title:`Data Display`,description:`Metrics, tables, empty states and read-oriented surfaces for operational screens.`,whenToUse:`Use when the main job is reading, comparing or scanning product data.`,whenNotToUse:`Do not use these as the first layer for input-heavy forms or route-level navigation.`},Layout:{title:`Layout`,description:`Shell, breadcrumbs, side navigation and page framing for structured application routes.`,whenToUse:`Use when the route needs hierarchy, section framing and navigation continuity.`,whenNotToUse:`Do not pull layout components into tiny isolated widgets or inline forms.`},Feedback:{title:`Feedback`,description:`Loading, result and toast patterns for status communication and short response loops.`,whenToUse:`Use when the UI needs clear success, error, pending or completion feedback.`,whenNotToUse:`Do not use feedback components as a substitute for missing page structure or field validation.`},Patterns:{title:`Patterns`,description:`Composed flows and builders that connect multiple primitives.`,whenToUse:`Use when the screen needs a repeatable workflow instead of one atomic control.`,whenNotToUse:`Do not start here when a primitive or one wrapper solves the need cleanly.`}},ce=new Set([`button`,`input`,`textarea`,`checkbox`,`switch`,`badge`,`card`,`tabs`,`collapse`,`kbd`]),le=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`]),ue=new Set([`dialog`,`popover`,`dropdown-menu`,`tooltip`,`right-click-menu`,`confirm-dialog`,`modal-shell`,`sheet-shell`,`alert-dialog`,`drawer`]),de=new Set([`sidebar`,`app-sidebar`,`app-shell`,`sidebar-nav`,`breadcrumbs`,`page-header`,`page-container`,`app-header`,`section-header`,`sticky-footer-bar`]),fe=new Set([`toast`,`loading-state`,`data-state`,`result`]),pe=new Set([]),D=new Map([[`app-sidebar`,`sidebar`],[`confirm-action`,`confirm-dialog`],[`file-dropzone`,`upload`],[`hover-card`,`tooltip`],[`metric-card`,`metric-grid`],[`nav-tabs`,`tabs`],[`section-header`,`page-header`],[`side-panel`,`sidebar`],[`status-dot`,`status-legend`]]);function O(e){return D.get(e)??e}function k(e){return ce.has(e)?`Primitives`:le.has(e)?`Form Controls`:ue.has(e)?`Overlay`:de.has(e)?`Layout`:fe.has(e)?`Feedback`:pe.has(e)?`Patterns`:`Data Display`}function me(e){return E[k(e)]}function A(e,t){return V.filter(t=>k(t.slug)===e).map(e=>({label:e.title,href:t(e.slug),icon:e.icon,badge:e.status}))}var j=[{slug:`button`,title:`Button`,description:`Trigger actions with multiple variants, sizes, icon positions and loading states.`,icon:r.MousePointerClickIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`variant`,`'default' | 'secondary' | ...`,`'default'`,`The visual style of the button.`],[`size`,`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`The size of the button.`],[`asChild`,`boolean`,`false`,`Render as a child element using Slot.`],[`disabled`,`boolean`,`false`,`Disables the button.`],[`className`,`string`,`-`,`Additional CSS classes.`],[`onClick`,`(e: MouseEvent) => void`,`-`,`Click event handler.`]],features:[`Variants`,`Sizes`,`Icon support`,`Loading state`]},{slug:`input`,title:`Input`,description:`Primary text-entry surface for forms, filters, and compact editor layouts before moving into presets.`,icon:r.FormInputIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled value.`],[`onValueChange`,`(value) => void`,`-`,`Direct text callback for controlled string flows.`],[`type`,`'text' | 'email' | 'password' | ...`,`'text'`,`Input HTML type before moving to a preset.`],[`clearable`,`boolean`,`false`,`Adds a built-in clear action when value exists.`],[`trailingAction`,`ReactNode`,`-`,`Interactive trailing slot for counters, shortcuts, or actions.`],[`replaceTrailingWhenClear`,`boolean`,`true`,`Keep or replace trailing content when clear is visible.`],[`disabled`,`boolean`,`false`,`Disables the field.`]],features:[`Primary text field`,`Built-in clear action`,`Trailing action slot`,`Preset-friendly API`]},{slug:`textarea`,title:`Textarea`,description:`Multi-line input with autosizing-friendly layout for notes, messages and long-form data.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`placeholder`,`string`,`-`,`Placeholder text.`],[`disabled`,`boolean`,`false`,`Disables the textarea.`],[`rows`,`number`,`-`,`Preferred visible rows.`],[`value`,`string`,`-`,`Controlled value.`],[`onChange`,`(event) => void`,`-`,`Change handler.`]],features:[`Long-form input`,`Disabled state`,`Resizable content`,`Controlled value`]},{slug:`select`,title:`Select`,description:`Primary selection surface for lists, status filters, and compact forms before moving into members.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled selected value.`],[`defaultValue`,`string`,`-`,`Initial selected value.`],[`onValueChange`,`(value) => void`,`-`,`Selection change callback.`],[`searchable`,`boolean`,`false`,`Enables local filtering on the main surface.`],[`multiple`,`boolean`,`false`,`Allows multiple values when the active member supports it.`],[`size`,`'sm' | 'default'`,`'default'`,`Trigger size.`],[`disabled`,`boolean`,`false`,`Disables the trigger.`]],features:[`Primary choice input`,`Local filtering`,`Compact trigger`,`Preset-friendly API`]},{slug:`simple-select`,title:`Simple Select`,description:`Static-option select surface for compact forms, filter rows, and settings screens that do not need remote loading.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`options`,`SimpleSelectOption[]`,`-`,`Static options for display and selection.`],[`value`,`string`,`-`,`Controlled selected value.`],[`onValueChange`,`(value) => void`,`-`,`Selection callback.`],[`defaultValue`,`string`,`-`,`Uncontrolled initial selected value.`],[`placeholder`,`string`,`-`,`Prompt text for empty state.`],[`size`,`'sm' | 'default'`,`'default'`,`Trigger visual density.`],[`disabled`,`boolean`,`false`,`Disables select interaction.`],[`triggerClassName`,`string`,`-`,`Trigger custom class.`]],features:[`Static options API`,`Controlled and uncontrolled usage`,`Shared select styling`,`Compact filter and form flows`]},{slug:`async-select`,title:`Async Select`,description:`Remote-aware select for search-driven datasets, edit hydration, and production loading or empty states.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled selected value.`],[`selectedOption`,`AsyncSelectOption`,`-`,`Hydrated selected option for controlled edit modes.`],[`onValueChange`,`(value, option?) => void`,`-`,`Selection callback with optional option payload.`],[`loadOptions`,`(search) => Promise<AsyncSelectOption[]>`,`-`,`Async option fetcher.`],[`loadSelectedOption`,`(value) => Promise<AsyncSelectOption | null>`,`-`,`Fetch selected option for controlled edit.`],[`defaultOptions`,`AsyncSelectOption[]`,`-`,`Initial static options.`],[`clearable`,`boolean`,`true`,`Allows clearing the selected value.`],[`cacheOptions`,`boolean`,`false`,`Reuse options cache across repeated queries.`],[`minSearchLength`,`number`,`1`,`Minimum query length for request.`],[`debounceMs`,`number`,`250`,`Delay before calling remote search.`],[`labels`,`AsyncSelectLabels`,`-`,`Copy and state copy labels.`],[`renderLoading`,`AsyncSelectStateRenderer`,`-`,`Custom loading content renderer.`]],features:[`Remote option loading`,`Debounced search`,`Hydrated edit state`,`Clearable controlled output`]},{slug:`async-multi-select`,title:`Async Select`,description:"Legacy alias for Async Select multi mode. Use `isMulti` on AsyncSelect instead of installing a separate component.",icon:r.ComponentIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`isMulti`,`boolean`,`true`,`Turns AsyncSelect into multi mode with tag selection.`],[`value`,`string[]`,`-`,`Controlled selected values in multi mode.`],[`onValueChange`,`(values, options) => void`,`-`,`Bulk selection callback in multi mode.`],[`maxSelected`,`number`,`-`,`Upper cap for total selected items.`],[`showSelectAll`,`boolean`,`false`,`Allow select-all shortcut.`]],features:[`Legacy alias`,`Multi selection`,`Select-all helpers`,`Use AsyncSelect as the canonical API`]},{slug:`combobox`,title:`Combobox`,description:`Keyboard-first local filtering member for assignment flows and command-style lists.`,icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`options`,`ComboboxOption[]`,`-`,`Local options with label, description and disabled state.`],[`value`,`string`,`-`,`Controlled selected value.`],[`onValueChange`,`(value, option?) => void`,`-`,`Selection callback with option payload.`],[`placeholder`,`ReactNode`,`"Select option"`,`Trigger content when no value is selected.`],[`searchPlaceholder`,`string`,`"Search..."`,`Search input placeholder.`],[`emptyLabel`,`ReactNode`,`"No option found"`,`Empty state content.`],[`disabled`,`boolean`,`false`,`Disables trigger and dropdown interaction.`]],features:[`Keyboard-first member`,`Local option filtering`,`Description rows`,`Controlled assignment flows`]},{slug:`number-input`,title:`Number Input`,description:`Numeric entry with parsing, constraints, and precise change semantics.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`number | string`,`-`,`Controlled value.`],[`defaultValue`,`number | string`,`-`,`Initial uncontrolled value.`],[`onChange`,`React.ChangeEventHandler<HTMLInputElement>`,`-`,`Native change event.`],[`onNumberChange`,`(value) => void`,`-`,`Parsed numeric callback.`],[`onValueChange`,`(value) => void`,`-`,`String-based callback for raw typed value.`],[`min`,`number`,`-`,`Lower bound.`],[`max`,`number`,`-`,`Upper bound.`],[`step`,`number`,`1`,`Step size for changes.`],[`allowEmpty`,`boolean`,`false`,`Allows clearing the input without forcing zero.`]],features:[`Parsing`,`min/max`,`Step semantics`,`Invalid number handling`]},{slug:`date-picker`,title:`Date Picker`,description:`Popover-based date picker optimized for form fields and action buttons.`,icon:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled picker value.`],[`defaultValue`,`string`,`-`,`Initial uncontrolled value.`],[`onValueChange`,`(value) => void`,`-`,`Picker change callback.`],[`disabled`,`boolean`,`false`,`Disables the popover trigger.`],[`min`,`string`,`-`,`Minimum selectable date string.`],[`max`,`string`,`-`,`Maximum selectable date string.`],[`disabledDates`,`string[]`,`-`,`Date literals that are blocked.`],[`className`,`string`,`-`,`Wrapper style class.`]],features:[`Popover selection`,`Date formatting`,`min/max`,`disabledDates`]},{slug:`date-range-picker`,title:`Date Range Picker`,description:`Popover date-range picker for period selection with constrained windows.`,icon:r.CalendarClockIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`{ from: string; to: string }`,`-`,`Controlled range value.`],[`defaultValue`,`{ from: string; to: string }`,`-`,`Initial uncontrolled range value.`],[`onValueChange`,`(value) => void`,`-`,`Range callback with from/to.`],[`disabled`,`boolean`,`false`,`Disables all picker interactions.`],[`min`,`string`,`-`,`Earliest allowed date.`],[`max`,`string`,`-`,`Latest allowed date.`],[`disabledDates`,`string[]`,`-`,`Date literals blocked from selection.`],[`className`,`string`,`-`,`Wrapper style class.`]],features:[`Range picker`,`Range windows`,`disabledDates`,`Boundary guards`]},{slug:`form-field-shell`,title:`Form Field Shell`,description:`Composable field shell that standardizes label, description, layout, errors and required markers.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`label`,`string`,`-`,`Field shell label text.`],[`description`,`string`,`-`,`Supporting helper text.`],[`descriptionPosition`,`'top' | 'bottom'`,`'bottom'`,`Description location relative to control.`],[`layout`,`'vertical' | 'horizontal' | 'inline'`,`'vertical'`,`Visual layout mode of label and field.`],[`required`,`boolean`,`false`,`Renders required marker and forwards required metadata.`],[`error`,`string | FieldError`,`-`,`Explicit error message shown in helper area.`],[`labelAction`,`ReactNode`,`-`,`Optional action in label area.`],[`readOnly`,`boolean`,`false`,`Read-only shell state.`],[`disabled`,`boolean`,`false`,`Disables shell state visuals.`],[`className`,`string`,`-`,`Custom wrapper class.`]],features:[`Label contract`,`Inline description`,`Horizontal/inline layout`,`ReadOnly + disabled states`,`Required indicator`]},{slug:`form-input`,title:`Form Input`,description:"Primary RHF field wrapper for text-like inputs. Use `kind` to cover search, password, number, phone, and date flows from one surface.",icon:r.FormInputIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[...i,[`kind`,`'text' | 'search' | 'password' | 'number' | 'phone' | 'date'`,`'text'`,`Selects the field variant without changing wrapper-level API.`],[`type`,`'text' | 'email' | 'search' | ...`,`'text'`,`Rendered input type for base behavior when using the text variant.`],[`placeholder`,`string`,`-`,`Input placeholder.`],[`onValueChange`,`(value: string) => void`,`-`,`Change callback with parsed display value.`],[`defaultValue`,`string`,`-`,`Uncontrolled initial value in hybrid modes.`]],features:[...a,"Universal `kind` variants",`Error text and message flow`,`Single wrapper migration path`]},{slug:`form-select`,title:`Form Select`,description:'Primary RHF select wrapper. Start with the default simple mode and switch to `kind="async"` when option loading or hydration is remote.',icon:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`kind`,`'simple' | 'async'`,`'simple'`,`Chooses the select surface while keeping the same form wrapper contract.`],[`options`,`SimpleSelectOption[]`,`-`,`Flat option set for select rendering.`],[`placeholder`,`string`,`-`,`Default label when empty.`],[`onValueChange`,`(value: string) => void`,`-`,`Selection change callback.`]],features:[...a,`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:r.ComponentIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`Compatibility alias`,`Remote options`,`Hydration support`]},{slug:`form-textarea`,title:`Form Textarea`,description:`RHF textarea wrapper with shell-level validation messages and descriptions.`,icon:r.FileTextIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`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:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[...i,[`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:[...a,`Boolean value contract`,`Readable shell errors`,`Disabled states`]},{slug:`radio-group`,title:`Radio Group`,description:`Single-choice grouped control for plans, density modes, and mutually exclusive settings.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`options`,`RadioGroupOption[]`,`-`,`Options with label, value and optional description.`],[`value`,`string`,`-`,`Controlled selected value.`],[`defaultValue`,`string`,`-`,`Initial uncontrolled value.`],[`onValueChange`,`(value) => void`,`-`,`Selection callback.`],[`orientation`,`'vertical' | 'horizontal'`,`'vertical'`,`Layout direction.`],[`size`,`'sm' | 'default' | 'lg'`,`'default'`,`Control density.`]],features:[`Single selection`,`Descriptions`,`Horizontal or vertical layout`,`Controlled plans`]},{slug:`phone-input`,title:`Phone Input`,description:`Localized phone number input with formatted display and consistent editing assumptions.`,icon:r.SmartphoneIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled phone value used as canonical form (usually raw digits or formatted string).`],[`defaultValue`,`string`,`-`,`Uncontrolled initial phone value.`],[`onValueChange`,`(value) => void`,`-`,`Emitted value after formatting transformations.`],[`defaultCountry`,`string`,`"UZ" | "US" | ...`,`Country context used by masking layer.`],[`placeholder`,`string`,`"+998 (__) ___-__-__"`,`Field placeholder.`],[`disabled`,`boolean`,`false`,`Disable interaction.`],[`separator`,`string`,`" "`,`Custom separator for grouping digits.`]],features:[`Phone parsing`,`Masking assumptions`,`Localized formatting`,`Controlled usage`]},{slug:`masked-input`,title:`Masked Input`,description:`Pattern-driven text input for IDs, codes and fixed-format strings.`,icon:r.SmartphoneIcon,category:`Forms`,status:`Preview`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled masked value.`],[`defaultValue`,`string`,`-`,`Uncontrolled initial masked value.`],[`onValueChange`,`(value) => void`,`-`,`Raw value callback after mask is applied.`],[`mask`,`((value: string) => string) | ((value: string, pattern: string) => string)`,`-`,`Formatting function for live masking.`],[`placeholder`,`string`,`-`,`Placeholder and pattern hint for users.`],[`stripMask`,`boolean`,`true`,`Whether callback should return raw digits.`],[`disabled`,`boolean`,`false`,`Disables user edits.`]],features:[`Mask function`,`Pattern assumptions`,`Controlled editing`,`Fixed-format workflows`]},{slug:`money-input`,title:`Money Input`,description:`Currency-aware input with prefix/suffix and parsing helper for numeric payload.`,icon:r.WalletIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`number`,`-`,`Controlled money value.`],[`defaultValue`,`number`,`-`,`Initial uncontrolled value.`],[`onValueChange`,`(value, rawValue) => void`,`-`,`Parsed numeric value and raw text callback.`],[`prefix`,`string`,`"$"`,`Money prefix text.`],[`suffix`,`string`,`-`,`Money suffix text.`],[`inputMode`,`'text' | 'decimal' | 'numeric'`,`'decimal'`,`Mobile keyboard hint.`],[`className`,`string`,`-`,`Wrapper custom styles.`]],features:[`Currency formatting assumptions`,`Parsing flow`,`Prefix/suffix`,`Read/write numeric value`]},{slug:`quantity-input`,title:`Quantity Input`,description:`Stepper-like numeric input for compact quantity and count constraints.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`value`,`number`,`-`,`Controlled quantity.`],[`defaultValue`,`number`,`-`,`Initial quantity.`],[`onValueChange`,`(value) => void`,`-`,`Change callback with parsed quantity.`],[`min`,`number`,`0`,`Minimum value.`],[`max`,`number`,`-`,`Maximum value.`],[`step`,`number`,`1`,`Increment size.`],[`showControls`,`boolean`,`true`,`Display increment/decrement controls.`]],features:[`Count editing`,`Clamp behavior`,`Controls`,`Min/max guardrails`]},{slug:`checkbox`,title:`Checkbox`,description:`Binary selection control for permissions, tasks and grouped form actions.`,icon:r.BoxIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`checked`,`boolean | 'indeterminate'`,`false`,`Controlled checked state.`],[`defaultChecked`,`boolean | 'indeterminate'`,`false`,`Initial state.`],[`disabled`,`boolean`,`false`,`Disables the control.`],[`onCheckedChange`,`(checked) => void`,`-`,`Checked state callback.`]],features:[`Checked state`,`Indeterminate state`,`Disabled state`,`Task lists`]},{slug:`switch`,title:`Switch`,description:`On/off control for preferences, settings and lightweight toggles.`,icon:r.ToggleLeftIcon,category:`Forms`,status:`Stable`,installCommand:d,propsRows:[[`checked`,`boolean`,`false`,`Controlled on/off state.`],[`defaultChecked`,`boolean`,`false`,`Initial state.`],[`disabled`,`boolean`,`false`,`Disables the switch.`],[`onCheckedChange`,`(checked) => void`,`-`,`State change callback.`]],features:[`Checked state`,`Settings toggles`,`Disabled state`,`Compact interaction`]},{slug:`badge`,title:`Badge`,description:`Small status surface for counts, labels, intents and inline metadata.`,icon:r.BadgeIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`variant`,`'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'`,`'default'`,`Visual style.`],[`render`,`ReactNode`,`-`,`Optional custom render target.`],[`className`,`string`,`-`,`Additional CSS classes.`]],features:[`Status labels`,`Variants`,`Inline metadata`,`Compact counters`]},{slug:`card`,title:`Card`,description:`Structured content container with header, content and footer slots.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`size`,`'default' | 'sm'`,`'default'`,`Card density.`],[`className`,`string`,`-`,`Additional CSS classes.`],[`children`,`ReactNode`,`-`,`Composed card content.`]],features:[`Header/footer slots`,`Compact size`,`Dashboard modules`,`Composed content`]},{slug:`tabs`,title:`Tabs`,description:`Segmented navigation for switching views without leaving the current route.`,icon:r.Layers3Icon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`value`,`string`,`-`,`Controlled active tab.`],[`defaultValue`,`string`,`-`,`Initial tab.`],[`orientation`,`'horizontal' | 'vertical'`,`'horizontal'`,`Tab list direction.`],[`disabled`,`boolean`,`false`,`Disables a trigger.`]],features:[`Segmented nav`,`Panel switching`,`Controlled state`,`Settings sections`]},{slug:`collapse`,title:`Collapse`,description:`Expandable disclosure surface for FAQs, dense settings, and progressive detail blocks.`,icon:r.WorkflowIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state for a single collapse item.`],[`defaultOpen`,`boolean`,`false`,`Initial uncontrolled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`items`,`CollapseItem[]`,`-`,"Grouped disclosure items for `CollapseGroup`."],[`type`,`'single' | 'multiple'`,`'multiple'`,`Whether one or many group items can stay open.`]],features:[`Disclosure sections`,`Controlled state`,`Grouped items`,`Dense content reveal`]},{slug:`dialog`,title:`Dialog`,description:`Focused modal surface for confirmation flows, forms and destructive actions.`,icon:r.AlertCircleIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`defaultOpen`,`boolean`,`false`,`Initial open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`showCloseButton`,`boolean`,`true`,`Toggles the close affordance.`]],features:[`Modal trigger`,`Overlay`,`Header/footer slots`,`Close actions`]},{slug:`popover`,title:`Popover`,description:`Lightweight anchored overlay for context actions and compact helper content.`,icon:r.SparklesIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`side`,`'top' | 'right' | 'bottom' | 'left'`,`'bottom'`,`Popup side.`],[`align`,`'start' | 'center' | 'end'`,`'center'`,`Popup alignment.`],[`sideOffset`,`number`,`4`,`Distance from trigger.`],[`children`,`ReactNode`,`-`,`Trigger and content composition.`]],features:[`Anchored overlay`,`Title/description`,`Action menus`,`Compact help content`]},{slug:`dropdown-menu`,title:`Dropdown Menu`,description:`Menu overlays with action, checkbox and radio items for dense navigation.`,icon:r.ComponentIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`children`,`ReactNode`,`-`,`Trigger and content composition.`],[`side`,`'top' | 'right' | 'bottom' | 'left'`,`'bottom'`,`Popup side.`],[`align`,`'start' | 'center' | 'end'`,`'start'`,`Popup alignment.`],[`sideOffset`,`number`,`4`,`Distance from trigger.`],[`disabled`,`boolean`,`false`,`Disable menu interaction.`]],features:[`Dropdown patterns`,`Checkbox items`,`Radio groups`,`Shortcut labels`]},{slug:`tooltip`,title:`Tooltip`,description:`Compact hover and focus hint for controls that need one short piece of guidance.`,icon:r.SparklesIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`content`,`ReactNode`,`-`,`Tooltip label or helper content.`],[`side`,`'top' | 'bottom' | 'left' | 'right'`,`'top'`,`Placement around the trigger.`],[`disabled`,`boolean`,`false`,`Disables tooltip rendering.`],[`children`,`ReactNode`,`-`,`Trigger content wrapped by the tooltip.`]],features:[`Short helper copy`,`Hover + focus`,`Side placement`,`Low-noise guidance`]},{slug:`hover-card`,title:`Hover Card`,description:`Hover-revealed detail card for compact entity previews and secondary context.`,icon:r.SparklesIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`trigger`,`ReactNode`,`-`,`Inline trigger element that reveals the card.`],[`content`,`ReactNode`,`-`,`Card body content shown on hover/focus.`],[`side`,`'top' | 'right' | 'bottom' | 'left'`,`'bottom'`,`Preferred card placement.`],[`contentClassName`,`string`,`-`,`Extra classes for the revealed card surface.`]],features:[`Entity preview`,`Hover + focus`,`Secondary context`,`Compact detail card`]},{slug:`right-click-menu`,title:`Right Click Menu`,description:`Context menu surface for dense workspaces that need pointer-driven secondary actions.`,icon:r.MousePointerClickIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`items`,`RightClickMenuItem[]`,`-`,`Context actions shown after right click.`],[`children`,`ReactNode`,`-`,`Target area that owns the right-click interaction.`],[`className`,`string`,`-`,`Wrapper classes for the interaction zone.`]],features:[`Context actions`,`Pointer workflow`,`Compact menus`,`Workspace interactions`]},{slug:`confirm-dialog`,title:`Confirm Dialog`,description:`Clear confirm overlays for safe destructive and irreversible actions.`,icon:r.AlertCircleIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback for parent-driven flow.`],[`title`,`string`,`-`,`Dialog title text.`],[`description`,`string`,`-`,`Secondary context and scope text.`],[`confirmText`,`string`,`'Confirm'`,`Primary action label.`],[`confirmVariant`,`'default' | 'destructive'`,`'default'`,`Primary button emphasis.`],[`isLoading`,`boolean`,`false`,`Disables actions while async action runs.`],[`onConfirm`,`() => void | Promise<void>`,`-`,`Required confirm handler.`]],features:[`Destructive confirmations`,`Controlled usage`,`Async confirm`,`Clear copy guidance`]},{slug:`modal-shell`,title:`Modal Shell`,description:`Composable shell for short focused forms, approvals, and information dialogs.`,icon:r.PanelTopIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`title`,`string`,`-`,`Header title for shell context.`],[`description`,`string`,`-`,`Header description or guidance text.`],[`footer`,`ReactNode`,`-`,`Optional footer action area.`],[`size`,`'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`Shell width/spacing profile.`],[`showCloseButton`,`boolean`,`true`,`Show default close icon.`]],features:[`Reusable overlay shell`,`Controlled modal`,`Slot composition`,`Action footers`]},{slug:`sheet-shell`,title:`Sheet Shell`,description:`Side anchored shell for contextual editing and mobile drawer flows.`,icon:r.PanelTopIcon,category:`Overlay`,status:`Stable`,installCommand:d,propsRows:[[`open`,`boolean`,`-`,`Controlled open state.`],[`onOpenChange`,`(open) => void`,`-`,`Open state callback.`],[`side`,`'right' | 'left' | 'top' | 'bottom'`,`'right'`,`Drawer anchor side.`],[`title`,`string`,`-`,`Sheet title.`],[`description`,`string`,`-`,`Optional supporting text.`],[`footer`,`ReactNode`,`-`,`Optional footer action area.`],[`size`,`'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`Shell width/spacing profile.`]],features:[`Side drawer`,`Mobile sheet`,`Slot composition`,`Context workflows`]},{slug:`app-shell`,title:`App Shell`,description:`Compose dashboards and pages with header, sidebar, content, aside and mobile controls.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`header`,`ReactNode`,`-`,`Optional top header region.`],[`sidebar`,`ReactNode`,`-`,`Optional sidebar region for global navigation.`],[`aside`,`ReactNode`,`-`,`Optional side content region.`],[`footer`,`ReactNode`,`-`,`Optional footer region.`],[`sidebarCollapsed`,`boolean`,`-`,`Controlled sidebar collapse state.`],[`onSidebarCollapsedChange`,`(collapsed) => void`,`-`,`Callback for controlled collapse toggles.`],[`mobileSidebarOpen`,`boolean`,`-`,`Controlled mobile sidebar visibility.`],[`sidebarMode`,`'fixed' | 'static'`,`'fixed'`,`Desktop sidebar placement strategy.`],[`showMobileMenuButton`,`boolean`,`true`,`Shows mobile menu trigger button.`]],features:[`Shell composition`,`Responsive layout`,`Aside slot`,`Controlled sidebar`]},{slug:`sidebar`,title:`Sidebar`,description:`Reusable application sidebar with header, footer, active states, collapsed mode and custom link rendering.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`items`,`AppSidebarNavItem[]`,`[]`,`Sidebar entries with active, disabled, badge and callback state.`],[`header`,`ReactNode`,`-`,`Optional content rendered above navigation items.`],[`footer`,`ReactNode`,`-`,`Optional footer actions or account area.`],[`collapsed`,`boolean`,`false`,`Compact sidebar mode for dense layouts.`],[`onItemSelect`,`(item) => void`,`-`,`Called when a sidebar item is selected.`],[`renderItem`,`(item, state) => ReactNode`,`-`,`Override full item rendering.`],[`renderLink`,`(props) => ReactNode`,`-`,`Override anchor rendering for router integration.`]],features:[`Navigation sidebar`,`Collapsed state`,`Header and footer slots`,`Router-friendly rendering`]},{slug:`sidebar-nav`,title:`Sidebar Nav`,description:`Structured nav list with active/disabled states, route metadata and custom render hooks.`,icon:r.LayoutDashboardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`items`,`SidebarNavItem[]`,`-`,`Navigation entries, including active, disabled and custom render payloads.`],[`collapsed`,`boolean`,`false`,`Compact nav mode with item labels hidden.`],[`itemClassName`,`string`,`-`,`Class for all nav items.`],[`activeItemClassName`,`string`,`-`,`Class added to the active item.`],[`renderItem`,`(item, element) => ReactNode`,`-`,`Custom item rendering hook.`],[`renderLink`,`(props) => ReactNode`,`-`,`Custom link rendering hook.`]],features:[`Navigation lists`,`Active states`,`Custom render`,`Collapsed mode`]},{slug:`breadcrumbs`,title:`Breadcrumbs`,description:`Navigation breadcrumbs with current context and optional custom link rendering.`,icon:r.ChevronRightIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`items`,`BreadcrumbItem[]`,`-`,`Breadcrumb sequence for navigation context.`],[`separator`,`ReactNode`,`-`,`Custom separator between items.`],[`renderLink`,`(props) => ReactNode`,`-`,`Custom link renderer for each item.`],[`current`,`boolean`,`-`,`Marks current step and disables navigation for it.`]],features:[`Navigation context`,`Custom separators`,`Custom links`,`Current state support`]},{slug:`page-header`,title:`Page Header`,description:`Top-level page heading block with breadcrumbs, actions and optional meta area.`,icon:r.CreditCardIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`title`,`ReactNode`,`-`,`Primary heading text.`],[`description`,`ReactNode`,`-`,`Subtext explanation for current page.`],[`eyebrow`,`ReactNode`,`-`,`Small uppercase lead text.`],[`breadcrumbs`,`ReactNode`,`-`,`Optional breadcrumb trail.`],[`actions`,`ReactNode`,`-`,`Actions rendered on the right side.`],[`meta`,`ReactNode`,`-`,`Secondary metadata block.`],[`sticky`,`boolean`,`false`,`Enable sticky positioning in scroll containers.`]],features:[`Page context`,`Action areas`,`Breadcrumb composition`,`Sticky header option`]},{slug:`page-container`,title:`Page Container`,description:`Consistent width and spacing wrapper for page contents and responsive content density.`,icon:r.PanelTopIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`size`,`'default' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`,`'default'`,`Container width preset.`],[`className`,`string`,`-`,`Additional wrapper class names.`],[`children`,`ReactNode`,`-`,`Page content.`]],features:[`Consistent content width`,`Responsive max-width`,`Spacing control`,`Dashboard wrappers`]},{slug:`metric-grid`,title:`Metric Grid`,description:`Compact KPI cards for dashboards with trend, icon and tone options.`,icon:r.DatabaseIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`items`,`MetricItem[]`,`-`,`Metric tiles and optional descriptions.`],[`columns`,`1 | 2 | 3 | 4`,`3`,`Number of columns for layout.`],[`compact`,`boolean`,`false`,`Shrinks paddings and typography for dense layouts.`],[`itemClassName`,`string`,`-`,`Shared class override for each metric card.`]],features:[`KPI display`,`Compact and dense layout`,`Trend labels`,`Dashboard summaries`]},{slug:`info-card`,title:`Info Card`,description:`Flexible context card for summaries, metadata, quick actions, and supporting media inside real product surfaces.`,icon:r.FileTextIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`eyebrow`,`ReactNode`,`-`,`Small label above card title.`],[`title`,`ReactNode`,`-`,`Main card title.`],[`description`,`ReactNode`,`-`,`Supporting description text.`],[`icon`,`ReactNode`,`-`,`Optional leading icon.`],[`actions`,`ReactNode`,`-`,`Card action area.`],[`media`,`ReactNode`,`-`,`Optional media block.`],[`compact`,`boolean`,`false`,`Compact card density.`],[`orientation`,`'vertical' | 'horizontal'`,`'vertical'`,`Content layout direction.`]],features:[`Metadata summaries`,`Action regions`,`Media slots`,`Vertical or horizontal layout`]},{slug:`activity-feed`,title:`Activity Feed`,description:`Timeline-like feed list for events, audits and recent activity surfaces.`,icon:r.BadgeIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`items`,`ActivityFeedItem[]`,`-`,`List of timeline-like activity rows.`],[`title`,`ReactNode`,`-`,`Feed title.`],[`description`,`ReactNode`,`-`,`Supporting card description.`],[`actions`,`ReactNode`,`-`,`Optional header actions.`],[`empty`,`ReactNode`,`-`,`Fallback when there are no items.`],[`compact`,`boolean`,`false`,`Compact feed density.`],[`itemClassName`,`string`,`-`,`Class for each feed item.`]],features:[`Audit timeline`,`Empty state handling`,`Compact mode`,`Action rows`]},{slug:`data-state`,title:`Data State`,description:`Unified data state block for empty, search-empty, loading, error and success surfaces.`,icon:r.AlertCircleIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`status`,`"idle" | "loading" | "empty" | "error" | "success"`,`-`,`State preset that controls default copy and icon.`],[`title`,`ReactNode`,`-`,`Primary state title.`],[`description`,`ReactNode`,`-`,`Short explanation for the current state.`],[`variant`,`"card" | "plain" | "inline"`,`"card"`,`Container style for page, table and inline usage.`],[`query`,`ReactNode`,`-`,`Optional searched value for empty search results.`],[`actions`,`ReactNode`,`-`,`Custom action elements.`],[`onRetry`,`() => void`,`-`,`Retry callback for error/loading recovery.`],[`onClear`,`() => void`,`-`,`Clear callback for search-empty states.`]],features:[`Empty/search-empty states`,`Error retry`,`Plain table fallback`,`Inline state rows`]},{slug:`loading-state`,title:`Loading State`,description:`Simple loading placeholder block with label and description.`,icon:r.SparklesIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`label`,`ReactNode`,`-`,`Loading heading.`],[`description`,`ReactNode`,`-`,`Loading explanation text.`],[`icon`,`ReactNode`,`-`,`Optional loading icon.`],[`className`,`string`,`-`,`Container class override.`]],features:[`Skeleton alternative`,`Section loading labels`,`Minimal setup`,`Custom icon`]},{slug:`result`,title:`Result`,description:`Status result surface for success, warning, error and blocked/empty outcomes.`,icon:r.ShieldCheckIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`status`,`'success' | 'error' | 'warning' | 'info' | 'not-found' | 'forbidden' | 'server-error'`,`'info'`,`Result semantic status.`],[`title`,`ReactNode`,`-`,`Result title.`],[`description`,`ReactNode`,`-`,`Result detail text.`],[`icon`,`ReactNode`,`-`,`Optional custom icon.`],[`actions`,`ReactNode`,`-`,`Primary action area.`],[`extra`,`ReactNode`,`-`,`Secondary/auxiliary action area.`],[`compact`,`boolean`,`false`,`Compact status surface.`]],features:[`Outcome states`,`Action block`,`Error/result screens`,`No-page-needed fallback`]},{slug:`scroll-box`,title:`Scroll Box`,description:`Scoped scrolling surface for dense lists, side panels, and bounded data regions.`,icon:r.PanelTopIcon,category:`Data Display`,status:`Stable`,installCommand:d,propsRows:[[`maxHeight`,`string | number`,`-`,`Maximum rendered height before scroll starts.`],[`axis`,`'y' | 'x' | 'both'`,`'y'`,`Allowed scroll direction.`],[`children`,`ReactNode`,`-`,`Scrollable content.`],[`className`,`string`,`-`,`Container classes.`]],features:[`Bounded scroll`,`Axis control`,`Dense lists`,`Panel content`]},{slug:`toast`,title:`Toast`,description:`Global transient messaging system with provider, placement and dismiss behavior.`,icon:r.ShieldCheckIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`children`,`ReactNode`,`-`,`Application children wrapped by provider.`],[`position`,`'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'`,`'top-right'`,`Toast container placement.`],[`defaultDuration`,`number`,`3000`,`Default auto-dismiss duration in ms.`],[`maxToasts`,`number`,`5`,`Maximum number of visible toasts.`],[`pauseOnHover`,`boolean`,`true`,`Pause dismiss timer when hovered.`],[`addToast`,`(input) => string`,`-`,`API to push a toast from context.`],[`success/info/warning/error`,`(input) => string`,`-`,`Tone helpers for common outcomes.`]],features:[`Provider setup`,`Controlled duration`,`Action buttons`,`Placement options`]},{slug:`table`,title:`Table primitive`,description:`Low-level semantic table pieces for internal composition, not the primary public data-grid showcase.`,icon:r.Table2Icon,category:`Data Display`,status:`Preview`,installCommand:d,propsRows:[[`className`,`string`,`-`,`Additional table styling.`],[`children`,`ReactNode`,`-`,`Header, body and row markup.`],[`caption`,`ReactNode`,`-`,`Optional table caption.`]],features:[`Semantic rows`,`Header/body slots`,`Internal composition`,`Primitive markup`]},{slug:`kbd`,title:`Kbd`,description:`Keyboard hint token for shortcuts, command palettes, and focused action labels.`,icon:r.TerminalSquareIcon,category:`Components`,status:`Stable`,installCommand:d,propsRows:[[`size`,`'sm' | 'default' | 'lg'`,`'default'`,`Visual size for the key token.`],[`variant`,`'default' | 'outline' | 'ghost'`,`'default'`,`Surface treatment.`],[`children`,`ReactNode`,`-`,`Rendered key label.`],[`className`,`string`,`-`,`Extra classes for the token.`]],features:[`Shortcut tokens`,`Size variants`,`Outline or ghost style`,`Command labels`]},{slug:`data-table`,title:`Data Table`,description:`Primary reusable admin data grid with sorting, row selection, bulk actions, saved views, mobile cards, and server-aware pagination.`,icon:r.Table2Icon,category:`Data Display`,status:`Preview`,installCommand:d,propsRows:[[`columns`,`ColumnDef<RowData>[]`,`-`,`Table column definitions.`],[`data`,`Array<RowData>`,`-`,`Row data at current page in server mode.`],[`getRowId`,`(row) => string`,`-`,`Stable row identifier function.`],[`sorting`,`SortingState`,`[]`,`Controlled sort state.`],[`rowSelection`,`RowSelectionState`,`{}`,`Controlled row selection state.`],[`enableRowSelection`,`boolean`,`false`,`Turns row selection on.`],[`pagination`,`PaginationStateProps`,`-`,`Page controls, counts and page size.`],[`toolbarProps`,`ToolbarProps`,`-`,`Header actions, search and contextual controls.`],[`onRowClick`,`(row) => void`,`-`,`Row click callback.`],[`isLoading`,`boolean`,`false`,`Loading indicator state.`],[`isError`,`boolean`,`false`,`Error state flag for fallback.`],[`loadingState`,`LoadingState`,`-`,"Loading UI when `isLoading` is true."],[`emptyState`,`Omit<DataStateProps, "status">`,`-`,`State shown when no rows are present.`],[`errorState`,`ErrorState`,`-`,"State shown when `isError` is true."]],features:[`Column-based API`,`Sorting and pagination`,`Row selection and bulk actions`,`Toolbar, visibility and saved views`,`Mobile cards and server mode`,`Empty/loading/error states`]}],he={button:{groupSlugs:[`actions`,`navigation`,`layout`],componentSlugs:[`badge`,`card`,`tabs`]},input:{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`textarea`,`select`,`switch`]},textarea:{groupSlugs:[`inputs`,`form`,`layout`],componentSlugs:[`input`,`card`,`badge`]},select:{groupSlugs:[`inputs`,`filters`,`overlay`],componentSlugs:[`simple-select`,`async-select`,`form-select`]},"simple-select":{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`select`,`async-select`,`form-select`]},combobox:{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`select`,`async-select`,`form-select`]},"radio-group":{groupSlugs:[`inputs`,`form`],componentSlugs:[`checkbox`,`switch`,`select`]},"async-select":{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`select`,`combobox`,`form-select`]},"async-multi-select":{groupSlugs:[`inputs`,`form`],componentSlugs:[`select`,`async-select`,`form-select`]},"number-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`money-input`,`quantity-input`,`input`]},"date-picker":{groupSlugs:[`inputs`,`form`,`display`],componentSlugs:[`calendar`,`date-range-picker`]},"date-range-picker":{groupSlugs:[`inputs`,`form`,`filters`],componentSlugs:[`date-picker`,`calendar`,`data-table`]},"form-field-shell":{groupSlugs:[`form`],componentSlugs:[`form-input`,`form-select`,`form-textarea`,`form-switch`,`input`,`textarea`,`switch`]},"form-input":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-field-shell`,`input`,`search-input`,`number-input`,`phone-input`,`date-picker`]},"form-select":{groupSlugs:[`form`,`inputs`],componentSlugs:[`select`,`async-select`,`simple-select`,`form-field-shell`]},"form-async-select":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-select`,`async-select`,`select`,`form-field-shell`]},"form-textarea":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-input`,`textarea`,`form-field-shell`,`quantity-input`]},"form-switch":{groupSlugs:[`form`,`inputs`],componentSlugs:[`form-field-shell`,`switch`,`checkbox`,`form-input`]},"phone-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`input`,`textarea`,`simple-select`]},"masked-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`input`,`number-input`,`phone-input`]},"money-input":{groupSlugs:[`inputs`,`display`],componentSlugs:[`number-input`,`quantity-input`,`input`]},"quantity-input":{groupSlugs:[`inputs`,`form`],componentSlugs:[`number-input`,`money-input`,`input`]},checkbox:{groupSlugs:[`inputs`,`form`],componentSlugs:[`switch`,`button`,`card`]},switch:{groupSlugs:[`inputs`,`layout`],componentSlugs:[`checkbox`,`tabs`,`badge`]},badge:{groupSlugs:[`actions`,`display`],componentSlugs:[`button`,`card`,`tabs`]},card:{groupSlugs:[`layout`,`display`,`actions`],componentSlugs:[`tabs`,`badge`,`button`]},tabs:{groupSlugs:[`navigation`,`layout`],componentSlugs:[`dialog`,`card`,`button`]},collapse:{groupSlugs:[`layout`,`display`,`form`],componentSlugs:[`tabs`,`card`,`sidebar-nav`]},dialog:{groupSlugs:[`overlay`,`notifications`],componentSlugs:[`popover`,`confirm-dialog`,`sheet-shell`]},popover:{groupSlugs:[`overlay`,`navigation`],componentSlugs:[`dropdown-menu`,`dialog`,`confirm-dialog`]},"dropdown-menu":{groupSlugs:[`overlay`,`navigation`,`actions`],componentSlugs:[`popover`,`dialog`,`confirm-dialog`]},tooltip:{groupSlugs:[`overlay`,`actions`,`form`],componentSlugs:[`popover`,`button`,`input`]},"hover-card":{groupSlugs:[`overlay`,`display`],componentSlugs:[`tooltip`,`card`,`info-card`]},"right-click-menu":{groupSlugs:[`overlay`,`actions`,`navigation`],componentSlugs:[`dropdown-menu`,`popover`,`data-table`]},"confirm-dialog":{groupSlugs:[`overlay`,`notifications`],componentSlugs:[`dialog`,`modal-shell`,`sheet-shell`]},"modal-shell":{groupSlugs:[`overlay`,`layout`],componentSlugs:[`sheet-shell`,`dialog`,`confirm-dialog`]},"sheet-shell":{groupSlugs:[`overlay`,`layout`,`navigation`],componentSlugs:[`modal-shell`,`dialog`,`dropdown-menu`]},table:{groupSlugs:[`data-table`,`display`,`filters`],componentSlugs:[`card`,`tabs`,`badge`]},"data-table":{groupSlugs:[`data-table`,`layout`,`filters`],componentSlugs:[`table`,`card`,`tabs`]},sidebar:{groupSlugs:[`layout`,`navigation`],componentSlugs:[`sidebar-nav`,`breadcrumbs`,`app-shell`,`page-container`]},"app-shell":{groupSlugs:[`layout`],componentSlugs:[`sidebar`,`sidebar-nav`,`page-header`,`page-container`]},"sidebar-nav":{groupSlugs:[`layout`,`navigation`],componentSlugs:[`sidebar`,`breadcrumbs`,`app-shell`]},breadcrumbs:{groupSlugs:[`layout`,`navigation`],componentSlugs:[`page-header`,`sidebar`,`sidebar-nav`]},"page-header":{groupSlugs:[`layout`],componentSlugs:[`breadcrumbs`,`sidebar`,`metric-grid`,`info-card`]},"page-container":{groupSlugs:[`layout`],componentSlugs:[`page-header`,`app-shell`,`info-card`]},"metric-grid":{groupSlugs:[`display`],componentSlugs:[`info-card`,`activity-feed`,`data-state`]},"info-card":{groupSlugs:[`display`,`layout`],componentSlugs:[`metric-grid`,`activity-feed`,`result`,`card`]},"activity-feed":{groupSlugs:[`display`],componentSlugs:[`info-card`,`metric-grid`,`result`]},"data-state":{groupSlugs:[`display`],componentSlugs:[`loading-state`,`result`,`data-table`]},"loading-state":{groupSlugs:[`display`],componentSlugs:[`data-state`,`result`,`data-table`]},result:{groupSlugs:[`display`],componentSlugs:[`data-state`,`loading-state`,`page-header`]},"scroll-box":{groupSlugs:[`display`,`layout`],componentSlugs:[`table`,`data-table`,`page-container`]},toast:{groupSlugs:[`notifications`,`overlay`],componentSlugs:[`confirm-dialog`,`sheet-shell`,`modal-shell`]},kbd:{groupSlugs:[`command`,`actions`],componentSlugs:[`button`,`tooltip`,`input`]}},ge=new Set(`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(`.`)),_e={textarea:`input`,"search-input":`input`,"password-input":`input`,"number-input":`input`,"phone-input":`input`,"masked-input":`input`,"money-input":`input`,"quantity-input":`input`,"tag-input":`input`,"otp-input":`input`,"form-input":`input`,"form-textarea":`input`,"simple-select":`select`,"async-select":`select`,"async-multi-select":`select`,combobox:`select`,"form-select":`select`,"form-async-select":`select`,calendar:`date-picker`,"date-range-picker":`date-picker`,"confirm-dialog":`dialog`,"modal-shell":`dialog`,"sheet-shell":`dialog`,"app-shell":`sidebar`,"app-header":`sidebar`,"sidebar-nav":`sidebar`,"page-container":`sidebar`,section:`sidebar`,toolbar:`sidebar`,"split-layout":`sidebar`,"sticky-footer-bar":`sidebar`,"page-header":`breadcrumbs`,"stat-card":`metric-grid`,"data-table-column-visibility-menu":`data-table`,"data-table-sortable-header":`data-table`,"data-table-bulk-actions":`data-table`,"data-table-view-presets":`data-table`,table:`data-table`,"progress-circle":`progress`},M={input:[{key:`core`,title:`Core input surfaces`,description:`Start with the default text field and move outward only when the workflow demands specialization.`,slugs:[`input`,`textarea`]},{key:`related`,title:`Related input patterns`,description:`Specialized input types for search, masking, numeric entry, and compact structured values.`,slugs:[`search-input`,`password-input`,`number-input`,`phone-input`,`masked-input`,`money-input`,`quantity-input`,`tag-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`]}],select:[{key:`core`,title:`Core select surfaces`,description:`Use the base selection control first, then expand only when the interaction model truly changes.`,slugs:[`select`]},{key:`related`,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`]},{key:`integrations`,title:`Form integrations`,description:`Use wrapped selects when you need consistent form-level validation, labels, and shell behavior.`,slugs:[`form-select`]},{key:`compatibility`,title:`Compatibility aliases`,description:`Keep older helper routes available for migration, but do not lead with them in new work.`,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`,description:`Use the lightest overlay that still matches the interaction. Do not default every action to a full modal.`,slugs:[`dialog`,`popover`,`dropdown-menu`]},{key:`advanced`,title:`Confirmation and shell patterns`,description:`These composed overlays handle destructive confirmation, reusable modal shells, and side-drawer editing flows.`,slugs:[`confirm-dialog`,`modal-shell`,`sheet-shell`]}],sidebar:[{key:`core`,title:`Sidebar surfaces`,description:`These pieces define the reusable sidebar surface first, then layer shell framing around it only when the route really needs it.`,slugs:[`sidebar`,`sidebar-nav`,`breadcrumbs`]},{key:`related`,title:`Route-level patterns`,description:`Use these patterns only after the sidebar and navigation contract are already clear.`,slugs:[`app-shell`,`app-header`,`page-container`,`section`,`toolbar`,`split-layout`,`sticky-footer-bar`]}],"page-header":[{key:`core`,title:`Page context surfaces`,description:`Use these pieces to establish page identity, breadcrumbs, meta, and supporting stats.`,slugs:[`page-header`,`breadcrumbs`]},{key:`related`,title:`Supporting page patterns`,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:`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`]}]},N=t.default,P=N?.groups??{},F=new Set((N?.recommended??[]).map(e=>e)),I=N?.migrationAliases??{},L=new Set(Object.values(I)),ve=new Set([`kits`]),R=new Set([`all`,`dashboard`,`calendar-kit`,`wizard-kit`]),ye=new Set([`hooks`]),be={ui:`Components`,actions:`Components`,layout:`Components`,feedback:`Data Display`,display:`Data Display`,overlay:`Overlay`,inputs:`Forms`,form:`Forms`,dataTable:`Data Display`,data_table:`Data Display`,navigation:`Data Display`,filters:`Data Display`,calendar:`Data Display`,upload:`Data Display`,wizard:`Data Display`,notifications:`Data Display`,command:`Data Display`,patterns:`Patterns`},xe={ui:r.ComponentIcon,actions:r.SparklesIcon,feedback:r.WalletIcon,display:r.DatabaseIcon,overlay:r.PanelTopIcon,inputs:r.FormInputIcon,form:r.FormInputIcon,dataTable:r.Table2Icon,data_table:r.Table2Icon,layout:r.LayoutDashboardIcon,navigation:r.BoxIcon,filters:r.SlidersHorizontalIcon,calendar:r.CalendarClockIcon,upload:r.FileTextIcon,wizard:r.WorkflowIcon,notifications:r.BellIcon,command:r.TerminalSquareIcon,patterns:r.BlocksIcon,hooks:r.SmartphoneIcon};function z(e){return e.split(`-`).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}var Se=new Set(j.map(e=>e.slug)),B=new Map;for(let[e,t]of Object.entries(P))if(!(ve.has(e)||ye.has(e)))for(let n of t){let t=I[n],i=t??n;if(!n||R.has(n)||R.has(i)||L.has(i)||L.has(n)||Se.has(i)||B.has(i))continue;let a=be[e]??`Data Display`,o=xe[e]??r.SparklesIcon;B.set(i,{slug:i,title:z(t||i),description:`${z(i)} surfaced from package registry group "${e}".`,icon:o,category:a,status:F.has(i)?`Stable`:`Preview`,installCommand:d,propsRows:[[`className`,`string`,`-`,`Additional classes for wrapper element.`]],features:[e]})}var Ce=[...B.values()],V=[...j,...Ce],H=[],U=new Map(H.map(e=>[e.slug,e])),W=new Set([`app-sidebar`,`app-shell`,`app-header`,`page-header`,`page-container`,`stat-card`,`resource-page`,`resource-detail-page`,`data-table-column-visibility-menu`,`data-table-sortable-header`,`data-table-bulk-actions`,`data-table-view-presets`]),we=new Set([...W,...D.keys()]);function G(e){if(!e)return;let t=O(e),n=q(t);return t===n?U.get(t)??V.find(e=>e.slug===t):U.get(n)??V.find(e=>e.slug===n)}function K(e){return U.has(O(e))||ge.has(O(e))}function q(e){let t=O(e);return K(t)?t:_e[t]??t}function J(e){return G(q(e))?.title??e}function Y(){let t=V.filter(e=>q(e.slug)===e.slug),n=new Map;for(let e of t)n.set(e.slug,e);for(let e of H)n.set(e.slug,e);return Array.from(n.values()).filter(e=>!W.has(e.slug)).filter(t=>e.isPublicComponentSurfaceSlug(t.slug)).sort((t,n)=>{let r=e.comparePublicComponentSurfaceOrder(t.slug,n.slug);return r===0?t.title.localeCompare(n.title):r})}function Te(){let e=new Map;for(let t of V)e.set(t.slug,t);for(let t of H)e.set(t.slug,t);return Array.from(e.values()).filter(e=>!we.has(e.slug)).sort((e,t)=>e.title.localeCompare(t.title))}function X(e){let t=e?q(e):void 0;return Y().map(e=>({slug:e.slug,title:e.title,href:v(e.slug),status:e.status,group:k(e.slug),active:t?q(e.slug)===t:!1})).sort((e,t)=>e.title.localeCompare(t.title))}function Ee(e){let t=new Map;for(let n of X(e)){let e=n.title[0]?.toUpperCase()??`#`,r=`${e} - ${n.group}`;t.has(r)||t.set(r,{key:r,label:`${e} • ${n.group}`,items:[]}),t.get(r)?.items.push(n)}return Array.from(t.values())}function De(e){return M[q(e)]??[]}function Z(e){return(e?[q(e)]:Object.keys(M)).flatMap(e=>{let t=G(e);return(M[e]??[]).flatMap(n=>{let r=[];for(let i of n.slugs){let a=V.find(e=>e.slug===i);a&&r.push({component:a.title,slug:a.slug,title:a.title,surfaceSlug:e,surfaceTitle:t?.title??e,sectionId:n.key,sectionLabel:n.title,sectionKey:n.key,summary:a.description,useWhen:n.description,maturity:n.key===`core`?`core`:n.key===`compatibility`?`compatibility`:`helper`,status:a.status,href:v(a.slug)})}return r})})}function Oe(e){return Z().find(t=>t.component===e)}function ke(e){let t=new Set(e);return Z().filter(e=>t.has(e.component))}var Q=[{slug:`actions`,title:`Actions`,description:`Context actions, copy controls and quick grids for dense product surfaces.`,icon:r.MousePointerClickIcon,category:`Actions`,exports:[`ActionMenu`,`CopyButton`,`QuickActionGrid`],href:b(`actions`),status:`Stable`,features:[`Quick actions`,`Copy affordances`,`Dense command blocks`]},{slug:`layout`,title:`Application layout`,description:`Route-level shells, sidebars and headers that support real components instead of replacing them.`,icon:r.LayoutDashboardIcon,category:`Layout`,exports:[`Sidebar`,`SidebarNav`,`Breadcrumbs`,`PageContainer`,`Section`,`SectionHeader`,`StickyFooterBar`],href:b(`layout`),status:`Stable`,features:[`Sidebar navigation`,`Page framing`,`Section structure`,`Sticky actions`]},{slug:`filters`,title:`Filters`,description:`Filter bars and chip patterns for narrowing data without leaving the current view.`,icon:r.SlidersHorizontalIcon,category:`Data`,exports:[`FilterBar`,`SavedFilterSelect`],href:b(`filters`),status:`Stable`,features:[`Filter bars`,`Chips`,`Search + filter pairing`]},{slug:`overlay`,title:`Overlay patterns`,description:`Confirm flows, modal shells, sheet layouts and dialog actions.`,icon:r.AlertCircleIcon,category:`Overlay`,exports:[`DialogActions`,`ModalShell`,`ConfirmDialog`,`SheetShell`,`Tooltip`,`HoverCard`,`RightClickMenu`],href:b(`overlay`),status:`Stable`,features:[`Confirm flows`,`Sheet layouts`,`Modal actions`,`Lightweight helper hints`]},{slug:`navigation`,title:`Navigation`,description:`Pagination and tabbed navigation patterns for sectioned or paginated interfaces.`,icon:r.ChevronRightIcon,category:`Layout`,exports:[`Pagination`,`PageTabs`,`StepperTabs`],href:b(`navigation`),status:`Stable`,features:[`Pagination`,`Page tabs`,`Stepper tabs`]},{slug:`inputs`,title:`Inputs`,description:`Input-first family with typed presets and select/date members introduced only when behavior changes.`,icon:r.FormInputIcon,category:`Forms`,exports:[`Input`,`Textarea`,`Select`,`DatePicker`,`NumberInput`,`MoneyInput`,`PhoneInput`,`TagInput`],href:b(`inputs`),status:`Stable`,features:[`Text entry`,`Select flows`,`Date controls`,`Money input`,`Tag input`]},{slug:`form`,title:`Form`,description:`Form shell and wrapper layer for labels, validation, and repeatable field composition.`,icon:r.FileTextIcon,category:`Forms`,exports:[`FormFieldShell`,`FormInput`,`FormSelect`,`FormTextarea`,`FormSwitch`,`FormDatePicker`],href:b(`form`),status:`Stable`,features:[`Field shell`,`Wrapped controls`,`Date helpers`,`Consistent validation`]},{slug:`display`,title:`Display`,description:`Metrics, activity, avatars, timelines and descriptive content surfaces.`,icon:r.DatabaseIcon,category:`Data`,exports:[`DescriptionList`,`Progress`,`Result`,`Timeline`,`MetricGrid`,`InfoCard`,`ActivityFeed`,`StatusLegend`,`Avatar`,`DataState`,`ScrollBox`],href:b(`display`),status:`Stable`,features:[`Metric grids`,`Timelines`,`Activity feeds`,`Status legends`]},{slug:`data-table`,title:`DataTable`,description:`Primary reusable data-grid system. Helper pieces stay secondary to the main table route.`,icon:r.Table2Icon,category:`Data`,exports:[`DataTable`],href:b(`data-table`),status:`Stable`,features:[`Toolbar`,`Selection`,`Row actions`,`Saved views`,`Pagination`]},{slug:`notifications`,title:`Notifications`,description:`Toast-based feedback surfaces for success, warnings and async completion states.`,icon:r.BadgeIcon,category:`Overlay`,exports:[`Toast`],href:b(`notifications`),status:`Preview`,features:[`Toasts`,`Transient feedback`,`Status messaging`]},{slug:`command`,title:`Command`,description:`Command palette patterns for keyboard-driven discovery and navigation.`,icon:r.TerminalSquareIcon,category:`Workflow`,exports:[`CommandPalette`],href:b(`command`),status:`Preview`,features:[`Command palette`,`Keyboard discovery`,`Quick navigation`]},{slug:`calendar`,title:`Calendar`,description:`Calendar, date picker and range picker flows for scheduling and reporting.`,icon:r.Grid2x2Icon,category:`Workflow`,exports:[`DateUtils`,`Calendar`,`DatePicker`,`DateRangePicker`],href:b(`calendar`),status:`Stable`,features:[`Date picker`,`Range picker`,`Scheduling flows`]},{slug:`upload`,title:`Upload`,description:`File and image upload surfaces with preview-friendly interaction patterns.`,icon:r.BlocksIcon,category:`Workflow`,exports:[`FileUpload`,`ImageUpload`],href:b(`upload`),status:`Preview`,features:[`File upload`,`Image upload`,`Attachment flows`]},{slug:`wizard`,title:`Wizard`,description:`Stepper and multi-step workflow patterns for onboarding and guided flows.`,icon:r.WorkflowIcon,category:`Workflow`,exports:[`Stepper`,`Wizard`],href:b(`wizard`),status:`Stable`,features:[`Step flow`,`Guided forms`,`Progress state`]}],Ae=[{label:`Docs`,href:g},{label:`Installation`,href:`/docs/installation`},{label:`Components`,href:`/components`},{label:`Search`,href:`/search`},{label:`Changelog`,href:`/changelog`}],je=[{title:`Getting Started`,items:[{label:`Overview`,href:g,icon:r.BookOpenIcon},{label:`Installation`,href:`/docs/installation`,icon:r.ChevronRightIcon},{label:`Components catalog`,href:`/components`,icon:r.ComponentIcon},{label:`Changelog`,href:`/changelog`,icon:r.FileTextIcon}]},...T.map(e=>({title:e,items:A(e,v)})).filter(e=>e.items.length>0)],Me=[{title:`Getting Started`,items:[{label:`Introduction`,href:`/playground/button`,icon:r.BookOpenIcon},{label:`Installation`,href:y(`button`),icon:r.ChevronRightIcon},{label:`Theming`,href:y(`button`),icon:r.SparklesIcon},{label:`Tokens`,href:y(`badge`),icon:r.Layers3Icon},{label:`Icon Library`,href:y(`popover`),icon:r.Grid2x2Icon}]},...T.map(e=>({title:e,items:A(e,y)})).filter(e=>e.items.length>0)],Ne=[`All blocks`,`Dashboard`,`Auth`,`Table`,`Settings`,`Pricing`,`Product`,`Marketing`],Pe=[`All layouts`,`Application`,`Marketing`],$=[`All themes`,`Light`,`Soft`],Fe=[`Popular`,`A-Z`],Ie=[{title:`Application blocks`,text:`Dashboard, table and settings blocks should show route structure, visible actions and realistic operational density.`,items:[`Sidebar shell`,`Toolbar actions`,`Table states`,`Settings surfaces`]},{title:`Entry and conversion blocks`,text:`Auth, pricing, product and marketing blocks should explain trust, conversion hierarchy and where the section fits in a larger page flow.`,items:[`Form blocks`,`CTA hierarchy`,`Proof points`,`Responsive sections`]},{title:`Reusable block library`,text:`Every block card should show its category, where it fits, and which route opens the richer preview or template detail view.`,items:[`Category label`,`Usage notes`,`Preview action`,`Install path`]}],Le={slug:`dashboard-starter`,title:`Modern Dashboard`,description:`Clean dashboard with analytics, charts, and activity tables.`,bestFor:`Dashboard entry sections, KPI headers, recent activity, and operational overview surfaces.`,category:`Dashboard`,tags:[`Dashboard`,`Analytics`,`Charts`,`Overview`],uses:[`AppShell`,`PageHeader`,`MetricGrid`,`DataTable`],tone:`from-emerald-50 via-white to-sky-50`,href:w(`dashboard-starter`),previewHref:`/preview/blocks/dashboard-01`,previewTone:`dashboard`,layout:`Application`,theme:`Soft`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and make sure the dashboard route already has theme tokens loaded.",`Copy the shell section into an authenticated page and connect it to live KPI and activity data.`,`Keep the block focused on one overview slice instead of turning it into a full page shell.`],dependencyGroups:[`Layout shell`,`Metric cards`,`Table primitives`,`Action buttons`],copyTargets:[`components/blocks/dashboard/overview-shell.tsx`,`components/blocks/dashboard/metric-row.tsx`,`components/blocks/dashboard/activity-table.tsx`],notes:[`Use this block when one dashboard section is enough; move to the template when navigation and multiple zones are required.`,`Primary actions should stay tied to one operational area, not a full application workflow.`]},Re=[{slug:`sidebar-layout`,title:`Sidebar Layout`,description:`Application shell with responsive sidebar.`,bestFor:`Route-level shells that need stable navigation, app header actions, and one main content zone.`,category:`Dashboard`,tags:[`Navigation`,`Shell`,`Analytics`],uses:[`AppShell`,`SidebarNav`,`PageHeader`,`Button`],tone:`from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]`,href:w(`sidebar-layout`),previewHref:`/preview/blocks/dashboard-01`,previewTone:`dashboard`,layout:`Application`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and mount the shell inside an authenticated route group.",`Wire navigation items and header actions before copying child content zones into the shell.`,`Keep the shell generic enough to reuse across more than one application page.`],dependencyGroups:[`App shell`,`Sidebar navigation`,`Page header`,`Action controls`],copyTargets:[`components/blocks/layout/sidebar-layout.tsx`,`components/navigation/app-sidebar.tsx`],notes:[`Do not use this block for a whole admin app export; it is one shell slice, not the full template.`,`Navigation depth and section order should come from the app route model, not from hardcoded demo labels.`]},{slug:`crm-dashboard`,title:`CRM Dashboard`,description:`Sales pipeline and deals management.`,bestFor:`Pipeline snapshots, team handoff sections, and account-focused operational dashboards.`,category:`Product`,tags:[`CRM`,`Pipeline`,`Kanban`],uses:[`PageHeader`,`Badge`,`Tabs`,`ActivityFeed`],tone:`from-[color:color-mix(in_oklch,var(--aui-accent)_10%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`crm-dashboard`),previewTone:`crm`,layout:`Application`,theme:`Soft`,relatedTemplateSlug:`crm-dashboard`,installSteps:["Run `npx tembro init` and reuse the CRM block inside an existing workspace route.",`Connect stage counts, owners, and next actions to live CRM entities before release.`,`Escalate to the CRM template only when the page needs reports, settings, and multiple sections together.`],dependencyGroups:[`Stage summaries`,`Owner badges`,`Activity feed`,`Tabs and headers`],copyTargets:[`components/blocks/crm/pipeline-summary.tsx`,`components/blocks/crm/account-activity.tsx`],notes:[`CRM sections lose clarity when actions are hidden; keep stage, owner, and next-step signals visible.`,`This block should stay narrower than the full CRM workspace template.`]},{slug:`users-table`,title:`Users Table`,description:`Advanced table with filters and actions.`,bestFor:`Management tables with filters, row actions, bulk actions, and compact result scanning.`,category:`Table`,tags:[`Data`,`Filters`,`Bulk actions`],uses:[`DataTable`,`DataTableToolbar`,`Button`,`Badge`],tone:`from-[color:var(--aui-page-bg-alt)] to-[color:var(--aui-page-bg)]`,href:w(`users-table`),previewHref:`/preview/blocks/table-01`,previewTone:`table`,layout:`Application`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and move the table block into the target resource page.",`Map columns, row identifiers, and action callbacks to your real API contract.`,`Keep pagination, filters, and bulk actions aligned with backend capabilities.`],dependencyGroups:[`Data table`,`Toolbar filters`,`Bulk actions`,`Status badges`],copyTargets:[`components/blocks/tables/users-table.tsx`,`components/blocks/tables/table-toolbar.tsx`],notes:[`Prefer this block for one resource section; use a template when the whole page needs navigation and surrounding analytics.`,`Do not treat demo filters as final product logic; they are only structural placeholders.`]},{slug:`auth-sign-in`,title:`Auth Sign In`,description:`Minimal sign in form with social login.`,bestFor:`Entry flows that need one focused sign-in surface, trust copy, and a compact auth action stack.`,category:`Auth`,tags:[`Sign in`,`Form`,`Trust`],uses:[`Card`,`Input`,`Button`,`Badge`],tone:`from-[color:color-mix(in_oklch,var(--aui-warning)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`auth-sign-in`),previewHref:`/preview/blocks/auth-01`,previewTone:`auth`,layout:`Marketing`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and mount the auth block on a public or gated entry route.",`Replace demo trust copy, OAuth providers, and field labels with your real auth contract.`,`Use the wider auth or app template only when onboarding needs multiple steps or side content.`],dependencyGroups:[`Form fields`,`Card shell`,`Primary CTA`,`Trust badges`],copyTargets:[`components/blocks/auth/sign-in-card.tsx`,`components/blocks/auth/social-auth-row.tsx`],notes:[`Keep this block conversion-focused; avoid adding unrelated settings or dashboard content to the same surface.`,`Auth blocks should show trust and hierarchy clearly on mobile before they are shipped.`]},{slug:`settings-form`,title:`Settings Form`,description:`Profile and preferences settings form.`,bestFor:`One bounded settings section with fields, toggles, save actions, and light explanatory copy.`,category:`Settings`,tags:[`Profile`,`Preferences`,`Form`],uses:[`FormFieldShell`,`Input`,`Switch`,`Button`],tone:`from-[color:color-mix(in_oklch,var(--aui-surface-muted)_70%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`settings-form`),previewTone:`settings`,layout:`Application`,theme:`Light`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and place the settings block inside an existing account or workspace page.",`Wire field state, validation, and save feedback to your app settings contract.`,`Only move to a larger settings template when multiple settings areas need shared navigation.`],dependencyGroups:[`Form wrappers`,`Inputs and switches`,`Save actions`,`Inline helper text`],copyTargets:[`components/blocks/settings/profile-form.tsx`,`components/blocks/settings/preferences-section.tsx`],notes:[`This block is for one settings slice, not an entire account management surface.`,`Keep destructive account actions separate from routine preference editing.`]},{slug:`invoices-page`,title:`Invoices Page`,description:`Invoices list with status and actions.`,bestFor:`Billing or finance tables that need status columns, invoice actions, and readable operational totals.`,category:`Table`,tags:[`Finance`,`Invoices`,`Status`],uses:[`DataTable`,`Badge`,`Button`,`PageHeader`],tone:`from-[color:color-mix(in_oklch,var(--aui-accent)_12%,var(--aui-page-bg-alt))] to-[color:var(--aui-page-bg)]`,href:w(`invoices-page`),previewHref:`/preview/blocks/table-01`,previewTone:`table`,layout:`Application`,theme:`Soft`,relatedTemplateSlug:`dashboard-starter`,installSteps:["Run `npx tembro init` and copy the invoice block into the billing route.",`Connect payment status, row actions, and export flows to real finance data.`,`Keep summaries close to the table instead of turning the block into a full finance dashboard.`],dependencyGroups:[`Table rows`,`Invoice status badges`,`Header actions`,`Finance filters`],copyTargets:[`components/blocks/finance/invoices-table.tsx`,`components/blocks/finance/invoice-actions.tsx`],notes:[`Finance blocks need explicit status language; avoid vague marketing labels in invoice rows.`,`When the page needs broader reporting and settings, step up to a template-level surface.`]}],ze=d,Be=[[`variant`,`'default' | 'secondary' | ...`,`'default'`,`The visual style of the button.`],[`size`,`'xs' | 'sm' | 'md' | 'lg' | 'xl'`,`'md'`,`The size of the button.`],[`asChild`,`boolean`,`false`,`Render as a child element using Slot.`],[`disabled`,`boolean`,`false`,`Disables the button.`],[`className`,`string`,`-`,`Additional CSS classes.`],[`onClick`,`(e: MouseEvent) => void`,`-`,`Click event handler.`]],Ve=[`Installation`,`Variations`,`Sizes`,`States`,`Icon buttons`,`Block button`,`Examples`,`API Reference`,`Accessibility`],He=[{title:`Action buttons`,cta:`Save changes`},{title:`Icon with text`,cta:`Send message`},{title:`Loading state`,cta:`Processing...`},{title:`Destructive action`,cta:`Delete item`}],Ue=[`Tab to focus`,`Visible focus ring`,`Enter / Space to activate`],We=[`Role: button`,`Name is programmatically determinable`,`Minimum touch target (44x44px)`,`Sufficient color contrast`],Ge=[{title:`Home`,description:`Open the landing page with the product overview.`,href:`/`,group:`Docs`,shortcut:`H`,keywords:[`home`,`landing`,`overview`,`introduction`]},{title:`Blocks`,description:`Browse reusable blocks and layout sections.`,href:`/blocks`,group:`Blocks`,shortcut:`B`,featured:!0,keywords:[`blocks`,`catalog`,`templates`,`dashboards`,`marketing`,`layout patterns`]},{title:`Components`,description:`Browse component docs and related modules.`,href:`/components`,group:`Docs`,shortcut:`C`,keywords:[`components`,`catalog`,`docs`,`family`,`category`]},{title:`Developer inventory`,description:`Open the export inventory with primary components, groups, and member routes.`,href:`/components/registry`,group:`Docs`,shortcut:`R`,keywords:[`developer inventory`,`registry`,`inventory`,`exports`,`component list`,`source of truth`]},{title:`Changelog`,description:`Read release notes and track API and docs changes.`,href:`/changelog`,group:`Docs`,shortcut:`L`,keywords:[`changelog`,`release`,`history`,`changes`,`version`]},{title:`Command page`,description:`Open the full route index and quick command page.`,href:`/command`,group:`Docs`,shortcut:`K`,keywords:[`command`,`search`,`palette`,`route index`,`jump`]},{title:`Installation`,description:`Initialize the project, write theme tokens, and copy working CLI commands.`,href:`/docs/installation`,group:`Docs`,shortcut:`I`,featured:!0,keywords:[`installation`,`setup`,`npm`,`theme`,`tembro`,`cli`]},{title:`Next.js installation`,description:`Initialize tembro in a Next.js app and write local component files.`,href:`/docs/installation/next`,group:`Docs`,shortcut:`I`,keywords:[`installation`,`next`,`nextjs`,`setup`,`init`,`tailwind`,`cli`]},{title:`Vite installation`,description:`Initialize tembro in a Vite app and write local component files.`,href:`/docs/installation/vite`,group:`Docs`,shortcut:`I`,keywords:[`installation`,`vite`,`setup`,`init`,`tailwind`,`cli`]},...Y().flatMap(e=>[{title:e.title,description:e.description,href:`/components/${e.slug}`,group:`Components`,shortcut:`C`,featured:e.slug===`button`||e.slug===`input`||e.slug===`dialog`||e.slug===`select`||e.slug===`card`,keywords:[e.slug,e.title,e.category,k(e.slug),J(e.slug),...e.features,`component`,`detail`,`usage`,`installation`]}]),...Z().map(e=>({title:`${e.title} in ${e.surfaceTitle}`,description:`${e.summary} Documented inside the ${e.surfaceTitle} surface under ${e.sectionLabel.toLowerCase()}.`,href:e.href,group:`Components`,shortcut:`M`,keywords:[e.title,e.slug,e.component,e.surfaceTitle,e.surfaceSlug,e.sectionLabel,e.maturity,`member`,`surface`,`variant`,`wrapper`]})),...Q.map(e=>({title:`${e.title} group`,description:`${e.description} Open the grouped docs surface for related exports and usage boundaries.`,href:e.href,group:`Components`,shortcut:`F`,featured:e.slug===`data-table`||e.slug===`form`||e.slug===`layout`,keywords:[e.slug,e.title,e.category,...e.features,...e.exports,`component group`,`catalog`,`system`]})),...Q.flatMap(e=>e.exports.map(t=>({title:`${t} API`,description:`${e.title} export detail with import path, related docs and usage context.`,href:S(e.slug,t),group:`Components`,shortcut:`E`,keywords:[t,e.title,e.slug,...e.features,`export`,`api`,`component`]})))];exports.CLI_ADD_COMMAND=u,exports.CLI_INIT_NEXT_COMMAND=l,exports.CLI_INIT_VITE_COMMAND=te,exports.CLI_INSTALL_COMMAND=ne,exports.CLI_PACKAGE_NAME=s,exports.CLI_THEME_COMMAND=re,exports.DOCS_APP_NAME=ee,exports.DOCS_RELEASES_URL=ae,exports.DOCS_REPO_URL=m,exports.DOCS_ROOT_PATH=g,exports.PACKAGE_GITHUB_RELEASES_URL=p,exports.PACKAGE_GITHUB_URL=f,exports.PACKAGE_IMPORT=c,exports.PACKAGE_INSTALL_COMMAND=d,exports.PACKAGE_NAME=o,exports.PACKAGE_NPM_URL=ie,exports.PACKAGE_RELEASES_URL=h,exports.PACKAGE_RELEASE_DATE=se,exports.PACKAGE_VERSION=oe,exports.accessibilityChecks=We,exports.blockCards=Re,exports.blockCoverageSections=Ie,exports.blockLayoutFilters=Pe,exports.blockPath=w,exports.blockSortOptions=Fe,exports.blockTabs=Ne,exports.blockThemeFilters=$,exports.componentCatalog=V,exports.componentDocsPath=v,exports.componentExportPath=S,exports.componentExportSlug=x,exports.componentGroupMeta=E,exports.componentGroupOrder=T,exports.componentModuleCatalog=Q,exports.componentModulePath=b,exports.componentPlaygroundPath=y,exports.componentRelations=he,exports.docsSidebar=je,exports.exampleCards=He,exports.featuredBlock=Le,exports.getComponentDetailSidebarItems=X,exports.getComponentDetailSidebarSections=Ee,exports.getComponentGroup=k,exports.getComponentGroupDetails=me,exports.getComponentSurfaceCatalogItem=G,exports.getComponentSurfaceSections=De,exports.getDocumentedMemberByComponent=Oe,exports.getDocumentedMembersByComponents=ke,exports.getPrimaryComponentCatalog=Y,exports.getPrimaryComponentMemberInventory=Z,exports.getPrimaryComponentSurfaceSlug=q,exports.getPrimaryComponentSurfaceTitle=J,exports.getVisibleComponentCatalog=Te,exports.globalSearchItems=Ge,exports.inspectorChecks=Ue,exports.installCommand=ze,exports.isPrimaryComponentSurface=K,exports.playgroundSidebar=Me,exports.primaryNav=Ae,exports.propRows=Be,exports.releaseHistory=_,exports.templatePath=C,exports.tocItems=Ve;