tembro 3.0.0 → 3.1.5

package/dist/showcase/component-api-schema.js

@@ -1,903 +1 @@
-//#region src/showcase/component-api-schema.ts
-var e = {
-	button: {
-		slug: "button",
-		source: "metadata",
-		summary: "Action component for submit, secondary, destructive, warning, loading, icon and navigation-like flows. Verify every state in light and dark mode before shipping.",
-		props: [
-			{
-				name: "variant",
-				type: "'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'warning' | 'link'",
-				defaultValue: "'default'",
-				description: "Controls visual hierarchy and action tone.",
-				example: "variant=\"destructive\""
-			},
-			{
-				name: "size",
-				type: "'xs' | 'sm' | 'default' | 'md' | 'lg' | 'xl' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'",
-				defaultValue: "'default'",
-				description: "Controls height, spacing and icon-only sizing.",
-				example: "size=\"icon-sm\""
-			},
-			{
-				name: "loading",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Shows the spinner, disables interaction and communicates pending state.",
-				example: "loading={isSaving}"
-			},
-			{
-				name: "loadingLabel",
-				type: "string",
-				defaultValue: "'Loading'",
-				description: "Accessible label displayed while the button is loading.",
-				example: "loadingLabel=\"Saving\""
-			},
-			{
-				name: "disabled",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Disables the action and removes it from normal interaction.",
-				example: "disabled={!canSubmit}"
-			},
-			{
-				name: "leftIcon",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Icon rendered before the label. Use for primary verbs and scan-friendly actions."
-			},
-			{
-				name: "rightIcon",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Icon rendered after the label. Use for forward navigation or external transitions."
-			},
-			{
-				name: "iconOnly",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Switches default sizing to the icon button size while keeping Button semantics.",
-				example: "iconOnly aria-label=\"Download\""
-			},
-			{
-				name: "fullWidth",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Expands the button to fill its parent width.",
-				example: "fullWidth"
-			},
-			{
-				name: "pressed",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Marks toggle-like button state with aria-pressed and selected styling.",
-				example: "pressed={active}"
-			},
-			{
-				name: "className",
-				type: "string",
-				defaultValue: "-",
-				description: "Optional class override for spacing or layout composition."
-			},
-			{
-				name: "children",
-				type: "ReactNode",
-				defaultValue: "-",
-				required: !0,
-				description: "Button label or icon content. Icon-only buttons must still provide an accessible name."
-			},
-			{
-				name: "aria-label",
-				type: "string",
-				defaultValue: "-",
-				description: "Required for icon-only buttons so the action is announced correctly.",
-				notes: "Use when children are only icons."
-			}
-		],
-		examples: [
-			{
-				title: "Primary action",
-				code: "<Button>Save changes</Button>"
-			},
-			{
-				title: "Loading action",
-				code: "<Button loading loadingLabel=\"Saving\">Save changes</Button>"
-			},
-			{
-				title: "Destructive action",
-				code: "<Button variant=\"destructive\">Delete</Button>"
-			},
-			{
-				title: "Icon-only action",
-				code: "<Button size=\"icon-sm\" aria-label=\"Open actions\">...</Button>"
-			}
-		],
-		accessibility: [
-			"Keep visible focus states.",
-			"Use aria-label for icon-only buttons.",
-			"Loading buttons should keep a readable label.",
-			"Do not use disabled buttons for navigation links."
-		]
-	},
-	input: {
-		slug: "input",
-		source: "metadata",
-		summary: "Primary typed-value surface. Start with Input and move into presets only when behavior requires it.",
-		props: [
-			{
-				name: "value",
-				type: "string | number",
-				defaultValue: "-",
-				description: "Controlled input value.",
-				example: "value={name}"
-			},
-			{
-				name: "defaultValue",
-				type: "string | number",
-				defaultValue: "-",
-				description: "Uncontrolled initial value."
-			},
-			{
-				name: "kind",
-				type: "'text' | 'search' | 'password' | 'number' | 'phone' | 'money' | 'quantity' | 'masked' | 'date' | 'date-range'",
-				defaultValue: "'text'",
-				description: "Routes Input into a supported preset without teaching a new public component name first.",
-				example: "kind=\"search\""
-			},
-			{
-				name: "onChange",
-				type: "ChangeEventHandler<HTMLInputElement>",
-				defaultValue: "-",
-				description: "Native change handler for value updates.",
-				example: "onChange={(event) => setValue(event.target.value)}"
-			},
-			{
-				name: "onValueChange",
-				type: "(value: string) => void",
-				defaultValue: "-",
-				description: "Direct text callback for controlled string flows.",
-				example: "onValueChange={setQuery}"
-			},
-			{
-				name: "type",
-				type: "HTMLInputTypeAttribute",
-				defaultValue: "'text'",
-				description: "Native input type. Prefer presets only when formatting or masking is required."
-			},
-			{
-				name: "placeholder",
-				type: "string",
-				defaultValue: "-",
-				description: "Short hint for empty input state."
-			},
-			{
-				name: "leading",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Non-interactive leading slot for icons, prefixes, or labels."
-			},
-			{
-				name: "trailing",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Passive trailing slot for units, counts, or status copy."
-			},
-			{
-				name: "clearable",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Shows the built-in clear action when a value exists.",
-				example: "clearable"
-			},
-			{
-				name: "onClear",
-				type: "() => void",
-				defaultValue: "-",
-				description: "Called after the built-in clear action resets the field."
-			},
-			{
-				name: "trailingAction",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Interactive trailing slot for counters, shortcuts, or toggle actions.",
-				example: "trailingAction={<span>12 results</span>}"
-			},
-			{
-				name: "replaceTrailingWhenClear",
-				type: "boolean",
-				defaultValue: "true",
-				description: "Controls whether clear replaces trailing content or sits beside it."
-			},
-			{
-				name: "clearOnEscape",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Clears the value on Escape when clearable mode is active."
-			},
-			{
-				name: "helperText",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Support copy rendered below the field."
-			},
-			{
-				name: "errorText",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Validation copy rendered below the field and connected to danger styling."
-			},
-			{
-				name: "showCharacterCount",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Shows current length and maxLength when available."
-			},
-			{
-				name: "disabled",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Disables editing and interaction."
-			},
-			{
-				name: "required",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Marks the input as required for native validation."
-			},
-			{
-				name: "name",
-				type: "string",
-				defaultValue: "-",
-				description: "Form field name used during submission."
-			},
-			{
-				name: "id",
-				type: "string",
-				defaultValue: "-",
-				description: "Connects input to label and help text."
-			},
-			{
-				name: "aria-invalid",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Communicates validation state to assistive technology."
-			}
-		],
-		examples: [
-			{
-				title: "Controlled text",
-				code: "<Input value={value} onValueChange={setValue} />"
-			},
-			{
-				title: "Clearable primary field",
-				code: "<Input value={query} onValueChange={setQuery} clearable trailingAction={<span>12 results</span>} />"
-			},
-			{
-				title: "Search preset direction",
-				code: "// Prefer Input first; use SearchInput only when shortcut/result behavior is required."
-			}
-		],
-		accessibility: [
-			"Always pair form inputs with labels.",
-			"Use aria-describedby for helper/error text.",
-			"Keep disabled and read-only states visually distinct."
-		]
-	},
-	select: {
-		slug: "select",
-		source: "metadata",
-		summary: "Primary single-selection surface. Start with Select for finite option sets, then use AsyncSelect with isMulti only when remote loading or multi-value behavior is required.",
-		props: [
-			{
-				name: "value",
-				type: "string | null",
-				defaultValue: "-",
-				description: "Controlled selected value."
-			},
-			{
-				name: "defaultValue",
-				type: "string | null",
-				defaultValue: "-",
-				description: "Uncontrolled initial selected value."
-			},
-			{
-				name: "onValueChange",
-				type: "(value: string | undefined) => void",
-				defaultValue: "-",
-				description: "Called when the selected value changes.",
-				example: "onValueChange={setStatus}"
-			},
-			{
-				name: "options",
-				type: "Array<{ label: string; value: string; disabled?: boolean }>",
-				defaultValue: "[]",
-				required: !0,
-				description: "Selectable option list."
-			},
-			{
-				name: "groups",
-				type: "Array<{ label?: ReactNode; options: SelectOption[] }>",
-				defaultValue: "-",
-				description: "Grouped selectable options for longer finite lists."
-			},
-			{
-				name: "placeholder",
-				type: "string",
-				defaultValue: "-",
-				description: "Text shown when no value is selected."
-			},
-			{
-				name: "disabled",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Disables the control and option selection."
-			},
-			{
-				name: "searchable",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Enables local filtering on the main Select surface."
-			},
-			{
-				name: "clearable",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Shows a clear action when a value is selected."
-			},
-			{
-				name: "loading",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Disables selection and renders a loading state."
-			},
-			{
-				name: "emptyLabel",
-				type: "ReactNode",
-				defaultValue: "'No options found'",
-				description: "Empty state content for local filtering."
-			},
-			{
-				name: "emptyMessage",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Alias for empty state content used by newer docs."
-			},
-			{
-				name: "renderOption",
-				type: "(option, state) => ReactNode",
-				defaultValue: "-",
-				description: "Custom option renderer for richer rows."
-			}
-		],
-		examples: [
-			{
-				title: "Primary select",
-				code: "<Select value={status} onValueChange={setStatus} options={statusOptions} />"
-			},
-			{
-				title: "Searchable primary select",
-				code: "<Select value={owner} onValueChange={setOwner} searchable options={ownerOptions} />"
-			},
-			{
-				title: "Grouped select",
-				code: "<Select value={region} onValueChange={setRegion} groups={regionGroups} searchable />"
-			},
-			{
-				title: "Async member direction",
-				code: "// Prefer Select first; use AsyncSelect only when remote loading is required."
-			}
-		],
-		accessibility: [
-			"Use clear option labels.",
-			"Keep disabled options visible but not selectable.",
-			"Do not replace long forms with hidden select menus."
-		]
-	},
-	textarea: {
-		slug: "textarea",
-		source: "metadata",
-		summary: "Multi-line text entry surface with helper, error, read-only, disabled and character-count support.",
-		props: [
-			{
-				name: "value",
-				type: "string",
-				defaultValue: "-",
-				description: "Controlled textarea value."
-			},
-			{
-				name: "defaultValue",
-				type: "string",
-				defaultValue: "-",
-				description: "Uncontrolled initial value."
-			},
-			{
-				name: "onChange",
-				type: "ChangeEventHandler<HTMLTextAreaElement>",
-				defaultValue: "-",
-				description: "Native change handler."
-			},
-			{
-				name: "onValueChange",
-				type: "(value: string) => void",
-				defaultValue: "-",
-				description: "Direct text callback for controlled flows."
-			},
-			{
-				name: "rows",
-				type: "number",
-				defaultValue: "-",
-				description: "Initial visible row count."
-			},
-			{
-				name: "maxLength",
-				type: "number",
-				defaultValue: "-",
-				description: "Native maximum character length."
-			},
-			{
-				name: "helperText",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Support copy rendered below the field."
-			},
-			{
-				name: "errorText",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Validation copy rendered below the field and danger styling."
-			},
-			{
-				name: "showCharacterCount",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Shows current length and maxLength when available."
-			},
-			{
-				name: "disabled",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Disables editing."
-			},
-			{
-				name: "readOnly",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Keeps content copyable while preventing edits."
-			}
-		],
-		examples: [
-			{
-				title: "Controlled note",
-				code: "<Textarea value={note} onValueChange={setNote} helperText=\"Internal note\" />"
-			},
-			{
-				title: "Limited feedback",
-				code: "<Textarea maxLength={240} showCharacterCount />"
-			},
-			{
-				title: "Error state",
-				code: "<Textarea errorText=\"Please add at least 10 characters.\" />"
-			}
-		],
-		accessibility: [
-			"Pair textareas with visible labels.",
-			"Use helper and error copy instead of placeholder-only instructions.",
-			"Keep read-only distinct from disabled."
-		]
-	},
-	"data-table": {
-		slug: "data-table",
-		source: "metadata",
-		summary: "Operational grid for dense product data. Keep `columns`, `data`, `getRowId`, toolbar wiring, and pagination explicit so search, selection, row actions, loading, and server-mode behavior stay predictable.",
-		props: [
-			{
-				name: "columns",
-				type: "ColumnDef<RowData>[]",
-				defaultValue: "-",
-				required: !0,
-				description: "Column definitions for visible table structure.",
-				example: "columns={invoiceColumns}"
-			},
-			{
-				name: "data",
-				type: "RowData[]",
-				defaultValue: "[]",
-				required: !0,
-				description: "Rows for the current client or server page.",
-				example: "data={rows}"
-			},
-			{
-				name: "getRowId",
-				type: "(row: RowData, index: number) => string",
-				defaultValue: "-",
-				description: "Stable row id for selection, row actions, and refresh updates.",
-				example: "getRowId={(row) => row.id}"
-			},
-			{
-				name: "title",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Toolbar title when you want the table to explain itself without extra wrapper markup."
-			},
-			{
-				name: "description",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Short supporting line for operators using the table."
-			},
-			{
-				name: "search",
-				type: "DataTableSearchConfig",
-				defaultValue: "-",
-				description: "Controlled search input config for the built-in toolbar.",
-				example: "search={{ value, onValueChange: setValue, placeholder: \"Search invoices...\" }}"
-			},
-			{
-				name: "toolbarProps",
-				type: "DataTableToolbarProps | (table) => DataTableToolbarProps",
-				defaultValue: "-",
-				description: "Inject search, filters, actions, and selection affordances into the default toolbar.",
-				notes: "Use this when you want one canonical toolbar instead of composing a separate header card."
-			},
-			{
-				name: "toolbar",
-				type: "ReactNode | (table) => ReactNode",
-				defaultValue: "-",
-				description: "Replace the default toolbar entirely when the route needs a custom control layout."
-			},
-			{
-				name: "features",
-				type: "DataTableFeatureConfig",
-				defaultValue: "-",
-				description: "Turn default search, column visibility, row actions, bulk actions, refresh, or export behavior on and off."
-			},
-			{
-				name: "toolbarActions",
-				type: "ReactNode | (context) => ReactNode",
-				defaultValue: "-",
-				description: "Extra action cluster rendered beside visibility / refresh / export controls."
-			},
-			{
-				name: "bulkActions",
-				type: "DataTableBulkAction<RowData>[]",
-				defaultValue: "-",
-				description: "Bulk actions shown when selected rows exist."
-			},
-			{
-				name: "rowActions",
-				type: "(row, original) => DataTableRowAction<RowData>[]",
-				defaultValue: "-",
-				description: "Declarative row menu items appended as an actions column."
-			},
-			{
-				name: "sorting",
-				type: "SortingState",
-				defaultValue: "[]",
-				description: "Controlled sorting state.",
-				example: "sorting={sorting}"
-			},
-			{
-				name: "onSortingChange",
-				type: "OnChangeFn<SortingState>",
-				defaultValue: "-",
-				description: "Called when sorting changes.",
-				example: "onSortingChange={setSorting}"
-			},
-			{
-				name: "columnVisibility",
-				type: "VisibilityState",
-				defaultValue: "{}",
-				description: "Controlled column visibility map."
-			},
-			{
-				name: "onColumnVisibilityChange",
-				type: "OnChangeFn<VisibilityState>",
-				defaultValue: "-",
-				description: "Called when visible columns change."
-			},
-			{
-				name: "rowSelection",
-				type: "RowSelectionState",
-				defaultValue: "{}",
-				description: "Controlled row selection state."
-			},
-			{
-				name: "onRowSelectionChange",
-				type: "OnChangeFn<RowSelectionState>",
-				defaultValue: "-",
-				description: "Called when row selection changes."
-			},
-			{
-				name: "enableRowSelection",
-				type: "boolean | ((row) => boolean)",
-				defaultValue: "false",
-				description: "Enables checkbox or row selection behavior per row or for the whole grid."
-			},
-			{
-				name: "pagination",
-				type: "DataTablePaginationConfig | false",
-				defaultValue: "-",
-				description: "Page index, page size, totals, labels, and pagination handlers.",
-				notes: "Pass `manual: true` when server data already arrives sliced by page."
-			},
-			{
-				name: "renderMobileCard",
-				type: "(row) => ReactNode",
-				defaultValue: "-",
-				description: "Optional mobile card renderer when the table must collapse into stacked records."
-			},
-			{
-				name: "onRowClick",
-				type: "(row) => void",
-				defaultValue: "-",
-				description: "Optional single-click row activation handler."
-			},
-			{
-				name: "onRowDoubleClick",
-				type: "(row) => void",
-				defaultValue: "-",
-				description: "Optional double-click activation handler for denser operator workflows."
-			},
-			{
-				name: "getRowDisabled",
-				type: "(row) => boolean",
-				defaultValue: "-",
-				description: "Disable specific rows without removing them from the result set."
-			},
-			{
-				name: "density",
-				type: "'compact' | 'default' | 'comfortable'",
-				defaultValue: "'default'",
-				description: "Controls header and cell spacing.",
-				example: "density=\"comfortable\""
-			},
-			{
-				name: "striped",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Adds zebra striping for long operational lists."
-			},
-			{
-				name: "bordered",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Adds stronger cell and table borders."
-			},
-			{
-				name: "stickyHeader",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Keeps headers pinned while the table scrolls."
-			},
-			{
-				name: "isLoading",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Shows loading state."
-			},
-			{
-				name: "loadingVariant",
-				type: "'skeleton' | 'state'",
-				defaultValue: "'skeleton'",
-				description: "Choose between skeleton rows or a dedicated loading state block."
-			},
-			{
-				name: "loadingState",
-				type: "LoadingStateProps",
-				defaultValue: "-",
-				description: "Customizes the loading state when `loadingVariant=\"state\"`."
-			},
-			{
-				name: "isError",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Switches the grid into an error fallback state."
-			},
-			{
-				name: "emptyState",
-				type: "Omit<DataStateProps, \"status\">",
-				defaultValue: "-",
-				description: "Fallback when there are no rows."
-			},
-			{
-				name: "errorState",
-				type: "Omit<DataStateProps, \"status\">",
-				defaultValue: "-",
-				description: "Fallback when the data request fails."
-			},
-			{
-				name: "skeletonRows",
-				type: "number",
-				defaultValue: "6",
-				description: "How many skeleton rows to render during loading."
-			},
-			{
-				name: "cellFallback",
-				type: "ReactNode",
-				defaultValue: "\"-\"",
-				description: "Value rendered when a cell returns empty content."
-			}
-		],
-		accessibility: [
-			"Keep column headers readable and sortable targets large enough for pointer and keyboard use.",
-			"Provide clear labels for row action menus, visibility controls, and bulk actions.",
-			"When mobile cards replace the table, preserve the same row meaning and action availability."
-		]
-	},
-	dialog: {
-		slug: "dialog",
-		source: "metadata",
-		summary: "Focused overlay for short decisions, confirmations and contained edit flows.",
-		props: [
-			{
-				name: "open",
-				type: "boolean",
-				defaultValue: "-",
-				description: "Controlled open state."
-			},
-			{
-				name: "defaultOpen",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Initial uncontrolled open state."
-			},
-			{
-				name: "onOpenChange",
-				type: "(open: boolean) => void",
-				defaultValue: "-",
-				description: "Called when the dialog opens or closes."
-			},
-			{
-				name: "title",
-				type: "ReactNode",
-				defaultValue: "-",
-				required: !0,
-				description: "Accessible dialog title."
-			},
-			{
-				name: "description",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Supporting description for context."
-			},
-			{
-				name: "children",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Dialog body content."
-			},
-			{
-				name: "footer",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Action row for confirm/cancel buttons."
-			}
-		],
-		accessibility: [
-			"Every dialog needs a title.",
-			"Return focus to the trigger after close.",
-			"Do not put long multi-step workflows in a small dialog."
-		]
-	},
-	"date-picker": {
-		slug: "date-picker",
-		source: "metadata",
-		summary: "Date and range selection surface for reporting, scheduling and form flows.",
-		props: [
-			{
-				name: "value",
-				type: "Date | string | null",
-				defaultValue: "null",
-				description: "Controlled selected date."
-			},
-			{
-				name: "onValueChange",
-				type: "(value: Date | string | null) => void",
-				defaultValue: "-",
-				description: "Called when the selected date changes."
-			},
-			{
-				name: "mode",
-				type: "'single' | 'range'",
-				defaultValue: "'single'",
-				description: "Selection mode."
-			},
-			{
-				name: "minDate",
-				type: "Date | string",
-				defaultValue: "-",
-				description: "Earliest selectable date."
-			},
-			{
-				name: "maxDate",
-				type: "Date | string",
-				defaultValue: "-",
-				description: "Latest selectable date."
-			},
-			{
-				name: "disabledDates",
-				type: "Date[] | ((date: Date) => boolean)",
-				defaultValue: "-",
-				description: "Dates that cannot be selected."
-			},
-			{
-				name: "placeholder",
-				type: "string",
-				defaultValue: "-",
-				description: "Text shown before selection."
-			}
-		],
-		accessibility: [
-			"Clarify date format near text inputs.",
-			"Disable unavailable dates rather than hiding them.",
-			"Define timezone assumptions before submitting values."
-		]
-	},
-	"form-input": {
-		slug: "form-input",
-		source: "metadata",
-		summary: "React Hook Form wrapper for Input with label, helper text, validation and error display.",
-		props: [
-			{
-				name: "control",
-				type: "Control<TFieldValues>",
-				defaultValue: "-",
-				required: !0,
-				description: "RHF control instance from useForm()."
-			},
-			{
-				name: "name",
-				type: "FieldPath<TFieldValues>",
-				defaultValue: "-",
-				required: !0,
-				description: "Field path used for registration and value lookup."
-			},
-			{
-				name: "label",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Visible field label."
-			},
-			{
-				name: "description",
-				type: "ReactNode",
-				defaultValue: "-",
-				description: "Helper text shown under the field."
-			},
-			{
-				name: "rules",
-				type: "UseControllerProps['rules']",
-				defaultValue: "-",
-				description: "Validation rules passed to RHF controller."
-			},
-			{
-				name: "required",
-				type: "boolean | '*'",
-				defaultValue: "false",
-				description: "Marks the field as required in the UI."
-			},
-			{
-				name: "disabled",
-				type: "boolean",
-				defaultValue: "false",
-				description: "Disables the field and prevents editing."
-			},
-			{
-				name: "error",
-				type: "string | FieldError | null",
-				defaultValue: "-",
-				description: "Optional error override."
-			}
-		],
-		accessibility: [
-			"Label must remain visible.",
-			"Error text should be connected to the field.",
-			"Required state should be visual and semantic."
-		]
-	}
-};
-function t(t) {
-	return e[t];
-}
-//#endregion
-export { e as componentApiSchemas, t as getComponentApiSchema };
+export * from "../src/showcase/component-api-schema.js"