@epam/ai-dial-ui-kit 0.16.0-dev.45 → 0.16.0-dev.47

package/dist/src/components/PasswordInput/Icons/HideIcon.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    onClick: () => void;
-}
-/**
- * An icon button component for hiding password input (eye-off icon).
- *
- * @example
- * ```tsx
- * <DialHideIcon onClick={() => setShowPassword(false)} />
- * ```
- *
- * @param onClick - Callback function called when the icon is clicked
- */
-export declare const DialHideIcon: FC<Props>;
-export {};

package/dist/src/components/PasswordInput/Icons/ShowIcon.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    onClick: () => void;
-}
-/**
- * An icon button component for showing password input (eye icon).
- *
- * @example
- * ```tsx
- * <DialShowIcon onClick={() => setShowPassword(true)} />
- * ```
- *
- * @param onClick - Callback function called when the icon is clicked
- */
-export declare const DialShowIcon: FC<Props>;
-export {};

package/dist/src/components/PasswordInput/PasswordInput.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import { DialInputProps } from '../Input/Input';
-/**
- * A password input component with show/hide functionality and customizable props.
- * aliases: SecureInput|ToggleablePassword
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialPasswordInput
- *   id="password"
- *   label="Password"
- *   value={password}
- *   onChange={e => setPassword(e.target.value)}
- *   disabled={false}
- * />
- * ```
- *
- * @param id - Unique identifier for the input element
- * @param [label] - The label text for the field
- * @param [value] - The current value of the input
- * @param [onChange] - Callback function called when the input value changes
- * @param [disabled=false] - Whether the input is disabled
- * @param [iconAfterInput] - Custom icon to display after the input (overridden by show/hide icons)
- */
-export declare const DialPasswordInput: FC<DialInputProps>;

package/dist/src/components/Popup/Popup.d.ts

@@ -1,64 +0,0 @@
-import { FC, MouseEvent, ReactNode } from 'react';
-import { PopupSize } from '../../types/popup';
-export interface DialPopupProps {
-    open?: boolean;
-    header?: ReactNode;
-    portalId?: string;
-    className?: string;
-    overlayClassName?: string;
-    titleClassName?: string;
-    headerClassName?: string;
-    dividers?: boolean;
-    dividerFooter?: boolean;
-    children?: ReactNode;
-    footer?: ReactNode;
-    onClose?: (e?: MouseEvent<HTMLButtonElement> | null) => void;
-    size?: PopupSize;
-    hideClose?: boolean;
-    closeOnOutsideClick?: boolean;
-    preventKeyboardOnOpen?: boolean;
-}
-/**
- * An accessible modal dialog component using Floating UI.
- * aliases: Modal|Dialog
- * Design system 1.0
- *
- * Renders in a portal with a scrim overlay, focus management, header with a title,
- * content area, optional footer and a close control.
- *
- * @example
- * ```tsx
- * <DialPopup
- *   open
- *   title="Title"
- *   size={PopupSize.Md}
- *   footer={
- *     <div className="flex justify-end gap-2">
- *       <button className="btn-secondary px-3 py-1 rounded">Cancel</button>
- *       <button className="btn-primary px-3 py-1 rounded">Confirm</button>
- *     </div>
- *   }
- *   onClose={() => console.log('closed')}
- * >
- *   <div className="p-6">Dialog content goes here…</div>
- * </DialPopup>
- * ```
- *
- * @param [open=false] - Controls visibility of the popup
- * @param [header] - Optional title rendered in the header
- * @param [portalId] - Optional portal container id
- * @param [className] - Additional CSS classes applied to the popup container
- * @param [overlayClassName] - Additional CSS classes applied to the overlay
- * @param [titleClassName] - Additional CSS classes applied to the title element
- * @param [headerClassName] - Additional CSS classes applied to the popup header container
- * @param [dividers=true] - Whether to render separators between sections
- * @param [dividerFooter=true] - Whether to render a divider above the footer when `dividers` is true
- * @param [children] - Body content
- * @param [footer] - Footer area for actions
- * @param [onClose] - Callback fired when the popup requests to close
- * @param [size=PopupSize.Md] - Sets the max-width of the popup
- * @param [hideClose=false] Whether the close button is hidden in the header (default: false)
- * @param [closeOnOutsideClick=true] - Whether the popup closes when clicking outside (default: true)
- * @param [preventKeyboardOnOpen=false] - When true, initial focus goes to a non-input guard to avoid opening the virtual keyboard on mobile. Redundant since the default focuses the dialog container, which never raises the keyboard; kept for compatibility
- */
-export declare const DialPopup: FC<DialPopupProps>;

package/dist/src/components/Popup/constants.d.ts

@@ -1,5 +0,0 @@
-import { PopupSize } from '../../types/popup';
-export declare const overlayBaseClassName = "z-popup flex items-center justify-center bg-blackout md:p-4";
-export declare const popupDividerClassName = "divide-tertiary divide-y";
-export declare const popupHeaderClassName = "flex flex-row justify-between py-4 px-6 items-center";
-export declare const popupSizeClassMap: Record<PopupSize, string>;

package/dist/src/components/RadioButton/RadioButton.d.ts

@@ -1,54 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialRadioButtonProps {
-    name: string;
-    value: string;
-    label?: ReactNode;
-    caption?: ReactNode;
-    description?: ReactNode;
-    checked?: boolean;
-    inputId: string;
-    className?: string;
-    labelClassName?: string;
-    disabled?: boolean;
-    onChange?: (value: string) => void;
-    descriptionClassName?: string;
-    containerClassName?: string;
-    oneLineCaption?: boolean;
-}
-/**
- * A stylized, accessible radio input with optional description.
- * aliases: ChoiceOption|RadioInput
- * Design system 1.0
- *
- * Renders a native `<input type="radio" />` paired with a label. When `checked`
- * and `description` are provided, a supporting text block appears under the control.
- *
- * @example
- * ```tsx
- * <DialRadioButton
- *   name="plan"
- *   value="pro"
- *   inputId="radio-pro"
- *   title="Pro plan"
- *   description="Includes all advanced features."
- *   checked
- *   onChange={(v) => console.log('changed', v)}
- * />
- * ```
- *
- * @param name - Radio group name
- * @param value - Radio value emitted on change
- * @param [label] - Visible label text
- * @param [caption] - Caption text describing label
- * @param [description] - Supporting text shown when checked
- * @param [checked=false] - Controlled checked state
- * @param inputId - ID associated with the label
- * @param [className] - Additional classes applied to the input element
- * @param [labelClassName] - Additional classes applied to the label element
- * @param [disabled] - Disabled state of the control
- * @param [onChange] - Callback fired with `value` when the radio is changed
- * @param [descriptionClassName] - Additional classes applied to the description block
- * @param [containerClassName] - Additional classes applied to the container div
- * @param [oneLineCaption=false] - When true, the caption is shown on the same line to the right of the label instead of underneath it
- */
-export declare const DialRadioButton: FC<DialRadioButtonProps>;

package/dist/src/components/RadioGroup/RadioGroup.d.ts

@@ -1,66 +0,0 @@
-import { FC } from 'react';
-import { RadioButtonWithContent } from '../../models/radio';
-import { RadioGroupOrientation } from '../../types/radio-group';
-export interface DialRadioGroupProps {
-    fieldTitle?: string;
-    elementId: string;
-    disabled?: boolean;
-    radioButtons: RadioButtonWithContent[];
-    activeRadioButton: string;
-    orientation: RadioGroupOrientation;
-    labelDescription?: string;
-    onChange: (radioId: string) => void;
-    radioClassName?: string;
-    groupLabelClassName?: string;
-    labelClassName?: string;
-    containerClassName?: string;
-    formItemChildrenClassName?: string;
-    selectedItemClassName?: string;
-    selectedLabelClassName?: string;
-    radioGroupClassName?: string;
-    inputContainerClassName?: string;
-    selectedInputContainerClassName?: string;
-}
-/**
- * Groups multiple `DialRadio` options and renders custom content for the active option.
- * aliases: SelectionGroup|OptionGroup
- * Design system 1.0
- *
- * Uses `DialField` as the field label and a container with `role="radiogroup"`.
- * Content provided in `radioButtons[].content` is shown under the currently active radio.
- *
- * @example
- * ```tsx
- * <DialRadioGroup
- *   fieldTitle="Delivery"
- *   elementId="delivery"
- *   orientation={RadioGroupOrientation.Column}
- *   activeRadioButton="courier"
- *   radioButtons={[
- *     { id: 'pickup', name: 'Pickup', content: <span>Free, ready today</span> },
- *     { id: 'courier', name: 'Courier', content: <span>Arrives tomorrow</span> },
- *   ]}
- *   onChange={(id) => console.log('selected', id)}
- * />
- * ```
- *
- * @param [fieldTitle] - Optional label rendered by `DialField`
- * @param elementId - Name for the underlying radio group; also used for input `name`
- * @param [radioClassName] - Additional classes applied to each radio input
- * @param [inputContainerClassName] - Additional classes applied to each radio input's container
- * @param [selectedInputContainerClassName] - Additional classes applied to the selected radio input's container
- * @param [groupLabelClassName] - Optional classes applied to the group label. If not provided, `labelClassName` will be used.
- * @param [formItemChildrenClassName] - Additional classes applied to the DialFormItem's children container
- * @param [labelClassName] - Additional classes applied to each radio label
- * @param [containerClassName] - Additional classes applied to the outer container
- * @param [selectedItemClassName] - Additional classes applied to the selected option's content container
- * @param [selectedLabelClassName] - Additional classes applied to the selected option's label
- * @param [radioGroupClassName] - Additional classes applied to the radio group container
- * @param [disabled] - Disables all child radios when set
- * @param [labelDescription] - Optional description rendered by `DialFormItem`
- * @param radioButtons - Array of options with ids, labels, and optional content
- * @param activeRadioButton - The id of the currently selected radio
- * @param orientation - Layout direction of radios: row or column
- * @param onChange - Callback fired with the selected radio id
- */
-export declare const DialRadioGroup: FC<DialRadioGroupProps>;

package/dist/src/components/RadioGroup/constants.d.ts

@@ -1,5 +0,0 @@
-import { RadioGroupOrientation } from '../../types/radio-group';
-export declare const groupBaseClassName = "flex flex-col gap-2";
-export declare const optionsWrapperBaseClassName = "flex";
-export declare const selectedContentClassName = "pb-1 mt-2";
-export declare const orientationClassMap: Record<RadioGroupOrientation, string>;

package/dist/src/components/RadioGroupPopupField/RadioGroupPopupField.d.ts

@@ -1,74 +0,0 @@
-import { FC } from 'react';
-import { DialLabelProps } from '../Label/Label';
-import { DialInputPopupProps } from '../InputPopup/InputPopup';
-import { DialPopupProps } from '../Popup/Popup';
-import { DialRadioGroupProps } from '../RadioGroup/RadioGroup';
-export interface RadioGroupPopupFieldProps extends Pick<DialLabelProps, 'label' | 'htmlFor'>, Omit<DialInputPopupProps, 'onOpen' | 'children'>, Pick<DialRadioGroupProps, 'radioButtons'>, Pick<DialPopupProps, 'onClose' | 'portalId' | 'size'> {
-    customInputValue?: string;
-    header: string;
-    cancelButtonTitle?: string;
-    applyButtonTitle?: string;
-    isValid: boolean;
-    onApply: () => void;
-    onCancel?: () => void;
-    selectedRadioValue: string;
-    onChangeRadioField: (id: string) => void;
-    id: string;
-}
-/**
- * A composite field that opens a popup with a radio group selector.
- * aliases: PopupRadio|ChoicePopup
- * Design system 1.0
- *
- * Renders a labeled readout using `DialInputPopup`; when opened, a `DialPopup`
- * displays a `DialRadioGroup` allowing the user to pick from a list of options.
- * The footer provides Cancel/Apply actions, with Apply disabled when `isValid` is false.
- *
- * The value shown in the collapsed field is derived from either `customInputValue`
- * or the name of the currently selected radio option identified by `selectedValue`.
- *
- * @example
- * ```tsx
- * <DialRadioGroupPopupField
- *   fieldTitle="Status"
- *   htmlFor="status"
- *   header="Select status"
- *   emptyValueText="None"
- *   radioButtons={[
- *     { id: 'draft', name: 'Draft' },
- *     { id: 'review', name: 'In Review' },
- *     { id: 'published', name: 'Published' },
- *   ]}
- *   selectedValue="draft"
- *   selectedRadioValue="draft"
- *   onChangeRadioField={(id) => console.log('radio changed', id)}
- *   id="status-group"
- *   isValid={true}
- *   onApply={() => console.log('applied')}
- * />
- * ```
- *
- * @param fieldTitle - Field label text displayed above the input
- * @param htmlFor - Associates the label with an input id for a11y
- * @param [readonly] - When true, the popup cannot be opened
- * @param [selectedValue] - Current value id used to resolve the displayed option name
- * @param radioButtons - Collection of radio options (id/name)
- * @param [customInputValue] - Custom value text to display instead of a radio option name
- * @param [placeholder] - Placeholder text shown in the field when no value is selected; unlike `emptyValueText`, it suppresses the tooltip
- * @param [valueClassName] - Extra classes applied to the value text in the collapsed field
- * @param [inputClassName] - Extra classes applied to the collapsed input container
- * @param emptyValueText - Placeholder text when no value is selected
- * @param [onClose] - Callback fired when the popup closes
- * @param header - Title text shown in the popup header
- * @param [portalId] - Target portal id for rendering the popup
- * @param onApply - Callback fired when the Apply button is clicked
- * @param [onCancel] - Callback fired when the Cancel button is clicked
- * @param [cancelButtonTitle="Cancel"] - Text for the Cancel button
- * @param [applyButtonTitle="Apply"] - Text for the Apply button
- * @param isValid - Determines whether the Apply action is enabled
- * @param selectedRadioValue - Currently selected radio id inside the popup
- * @param onChangeRadioField - Handler for radio selection changes
- * @param id - Element id used for the internal radio group
- * @param [size=PopupSize.Md] - Size of the popup
- */
-export declare const DialRadioGroupPopupField: FC<RadioGroupPopupFieldProps>;

package/dist/src/components/ResizableContainer/ConditionalResizableContainer.d.ts

@@ -1,35 +0,0 @@
-import { FC } from 'react';
-import { DialResizableContainerProps } from './ResizableContainer';
-export interface DialConditionalResizableContainerProps extends DialResizableContainerProps {
-    enabled?: boolean;
-}
-/**
- * DialConditionalResizableContainer — A conditional wrapper around `DialResizableContainer`.
- * aliases: OptionalResize|ConditionalPanel
- * Design system 1.0
- *
- * This component renders its children inside a resizable container only when `enabled` is true.
- * When `enabled` is false, children are rendered directly without any resizable behavior.
- *
- * All other props are the same as `DialResizableContainer`. See the documentation for
- * `DialResizableContainer` for full details on usage, controlled/uncontrolled modes, sides, and callbacks.
- *
- * @example
- * ```tsx
- * <DialConditionalResizableContainer
- *   enabled={!isCollapsed}
- *   defaultWidth={260}
- *   minWidth={180}
- *   maxWidth={520}
- *   onResize={(w) => console.log('Current width:', w)}
- *   onResizeStop={(w) => setSidebarWidth(w)}
- * >
- *   <Sidebar />
- * </DialConditionalResizableContainer>
- * ```
- *
- * @param enabled - Whether resizing is enabled. When false, children are rendered directly.
- * @param children - Content to render inside the container.
- * @see DialResizableContainer
- */
-export declare const DialConditionalResizableContainer: FC<DialConditionalResizableContainerProps>;

package/dist/src/components/ResizableContainer/ResizableContainer.d.ts

@@ -1,72 +0,0 @@
-import { ResizableContainerSide } from '../../types/resizable-container';
-import { FC, ReactNode } from 'react';
-export interface DialResizableContainerProps {
-    children: ReactNode;
-    minWidth: number;
-    maxWidth: number;
-    width?: number;
-    defaultWidth: number;
-    onResizeStop?: (width: number) => void;
-    onResize?: (width: number) => void;
-    side?: ResizableContainerSide;
-    resizeHandlerClassName?: string;
-    resizeHandler?: ReactNode;
-}
-/**
- * DialResizableContainer — A reusable resizable container
- * aliases: ResizePanel|SizableContainer
- * Design system 1.0
- *
- * supporting both **controlled** and **uncontrolled** width modes.
- *
- * Controlled Mode
- *
- * Provide `width` and optionally `onResizeStop`:
- * ```tsx
- * <DialResizableContainer
- *   width={sidebarWidth}
- *   onResizeStop={(w) => setSidebarWidth(w)}
- *   minWidth={180}
- *   maxWidth={520}
- * >
- *   <Sidebar />
- * </DialResizableContainer>
- * ```
- *
- * Uncontrolled Mode
- *
- * Omit `width` entirely — the component manages its own width:
- * ```tsx
- * <DialResizableContainer
- *   defaultWidth={260}
- *   minWidth={180}
- *   maxWidth={520}
- * >
- *   <Sidebar />
- * </DialResizableContainer>
- * ```
- *
- * Features:
- * - Resize from left or right
- * - Fully supports controlled & uncontrolled sizing
- * - Custom resize handler (icon or any ReactNode)
- * - Callback when resize stops (optional)
- * - Smooth hover/drag visibility transitions
- *
- * @param [children] - Content placed inside the container.
- * @param [minWidth] - Minimum allowed width (px).
- * @param [maxWidth] - Maximum allowed width (px).
- * @param [width] - Controlled width. If omitted → uncontrolled mode.
- * @param [defaultWidth] - Initial width in uncontrolled mode.
- * @param [onResizeStop] - Optional callback fired when resize ends.
- * @param [onResize] - Optional callback fired continuously during resizing with current width.
- * @param [side=ResizableContainerSide.Right] - Resize handle side.
- * @param [resizeHandlerClassName] - Optional additional CSS classes.
- * @param [resizeHandler] - Optional custom handler element.
- *
- * @remarks
- * - In uncontrolled mode, width is stored internally.
- * - `onResizeStop` is optional in both modes.
- * - Controlled mode always uses the value from `width`.
- */
-export declare const DialResizableContainer: FC<DialResizableContainerProps>;

package/dist/src/components/ResizableContainer/components/ResizeHandle.d.ts

@@ -1,10 +0,0 @@
-import { ResizableContainerSide } from '../../../types/resizable-container';
-import { FC, ReactNode } from 'react';
-interface ResizeHandleProps {
-    side: ResizableContainerSide;
-    isResizing: boolean;
-    customHandler?: ReactNode;
-    handlerClassName?: string;
-}
-export declare const ResizeHandle: FC<ResizeHandleProps>;
-export {};

package/dist/src/components/ResizableContainer/components/ResizeIcon.d.ts

@@ -1,8 +0,0 @@
-import { ResizableContainerSide } from '../../../types/resizable-container';
-import { FC } from 'react';
-interface ResizeIconProps {
-    side: ResizableContainerSide;
-    className: string;
-}
-export declare const ResizeIcon: FC<ResizeIconProps>;
-export {};

package/dist/src/components/SchemaRenderer/SchemaRenderer.d.ts

@@ -1,30 +0,0 @@
-import { FC } from 'react';
-import { DialSchemaRendererProps } from './types';
-/**
- * Renders a JSON Schema as a form UI with collapsible sections, validation, and default values.
- * aliases: SchemaRenderer|JsonSchemaForm
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialSchemaRenderer
- *   schema={mySchema}
- *   onChange={(v) => console.log(v)}
- *   onDefaultValues={(defaults) => console.log(defaults)}
- * />
- * ```
- *
- * @param schema - The root JSON Schema to render
- * @param [defaultValue] - Initial form value; if omitted, defaults are extracted from schema
- * @param [texts] - Override any user-visible strings rendered by the component
- * @param [className] - Additional CSS classes for the root container
- * @param [readonly=false] - When true all inputs are disabled; sections remain collapsible
- * @param [defaultExpanded=true] - Initial expanded state for all collapsible sections
- * @param [variant=SchemaRendererVariant.Sections] - `Sections` wraps every top-level property in a collapsible card; `Flat` renders primitives as plain DialFormItem fields
- * @param [renderField] - Override the rendered element for any field by path; return `defaultElement` to fall back to built-in rendering
- * @param [onChange] - Called with the full form value on every change
- * @param [onPropertyChange] - Called with `(path, value)` for each individual property change
- * @param [onDefaultValues] - Called once on mount with the resolved default values
- * @param [jsonEditorTheme] - Theme for the JSON editor shown for value keys absent from the schema
- */
-export declare const DialSchemaRenderer: FC<DialSchemaRendererProps>;

package/dist/src/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { EditorThemes } from '../../../types/editor';
-export interface SchemaAdditionalPropertiesEditorProps {
-    value: unknown;
-    onChange: (value: unknown) => void;
-    theme?: EditorThemes;
-    height?: number;
-}
-/**
- * Renders a single value key that is not declared in the schema's `properties` as a raw JSON
- * editor, letting users inspect and manually edit it. The Monaco-based editor is dynamically
- * imported on the client only, keeping the parent SchemaRenderer SSR-safe.
- * aliases: SchemaExtraPropertyEditor|SchemaUnknownPropertyEditor
- *
- * @param value - The current value of the property (any JSON type)
- * @param onChange - Called with the parsed value whenever the edited JSON is valid
- * @param [theme=EditorThemes.dark] - Theme applied to the JSON editor
- * @param [height=240] - Editor height in pixels
- */
-export declare const SchemaAdditionalPropertiesEditor: FC<SchemaAdditionalPropertiesEditorProps>;

package/dist/src/components/SchemaRenderer/components/SchemaAnyOfEditor.d.ts

@@ -1,31 +0,0 @@
-import { FC } from 'react';
-import { JsonSchemaDef } from '../types';
-export interface SchemaAnyOfEditorProps {
-    schema: JsonSchemaDef;
-    value: unknown;
-    onChange: (value: unknown) => void;
-    path: string[];
-    level: number;
-}
-/**
- * Renders an `anyOf` schema field as a type-selector dropdown with an inline sub-editor.
- * aliases: AnyOfSchemaEditor|SchemaUnionEditor
- *
- * @example
- * ```tsx
- * <SchemaAnyOfEditor
- *   schema={{ anyOf: [{ type: 'null' }, { type: 'string' }] }}
- *   value={null}
- *   onChange={(v) => console.log(v)}
- *   path={['field']}
- *   level={1}
- * />
- * ```
- *
- * @param schema - The JSON Schema definition containing an `anyOf` array
- * @param value - Current field value
- * @param onChange - Called with the new value when the type or sub-value changes
- * @param path - Field path segments used for validation error tracking
- * @param level - Nesting depth passed to child field components
- */
-export declare const SchemaAnyOfEditor: FC<SchemaAnyOfEditorProps>;

package/dist/src/components/SchemaRenderer/components/SchemaArrayEditor.d.ts

@@ -1,31 +0,0 @@
-import { FC } from 'react';
-import { JsonSchemaDef } from '../types';
-export interface SchemaArrayEditorProps {
-    schema: JsonSchemaDef;
-    value: unknown;
-    onChange: (value: unknown) => void;
-    path: string[];
-    level: number;
-}
-/**
- * Renders a JSON Schema array as a list of collapsible items with add and remove controls.
- * aliases: ArraySchemaEditor|SchemaListEditor
- *
- * @example
- * ```tsx
- * <SchemaArrayEditor
- *   schema={{ type: 'array', items: { type: 'string' } }}
- *   value={['foo', 'bar']}
- *   onChange={(v) => console.log(v)}
- *   path={['tags']}
- *   level={1}
- * />
- * ```
- *
- * @param schema - The JSON Schema array definition (must include an `items` sub-schema)
- * @param value - Current array value
- * @param onChange - Called with the updated array when items are added, removed, or changed
- * @param path - Field path segments used for validation error tracking
- * @param level - Nesting depth passed to child section components
- */
-export declare const SchemaArrayEditor: FC<SchemaArrayEditorProps>;

package/dist/src/components/SchemaRenderer/components/SchemaField.d.ts

@@ -1,29 +0,0 @@
-import { FC } from 'react';
-import { SchemaFieldProps } from '../types';
-/**
- * Renders a single schema property as a labeled field or a collapsible section.
- * aliases: SchemaPropertyField|SchemaFormField
- *
- * @example
- * ```tsx
- * <SchemaField
- *   schema={{ type: 'string' }}
- *   value="hello"
- *   onChange={(v) => console.log(v)}
- *   path={['name']}
- *   level={1}
- *   required
- *   label="Name"
- * />
- * ```
- *
- * @param schema - The JSON Schema definition for this field
- * @param value - Current field value
- * @param onChange - Called with the updated value when the field changes
- * @param path - Field path segments used for validation error tracking
- * @param [level=0] - Nesting depth; object/array fields render as collapsible sections
- * @param [required] - Whether the field is required (shows error when empty)
- * @param [label] - Display label; falls back to schema title or path segment
- * @param [skipUntouched] - When `true`, required-field errors are only shown after the user has interacted with a field.
- */
-export declare const SchemaField: FC<SchemaFieldProps>;

package/dist/src/components/SchemaRenderer/components/SchemaFieldContent.d.ts

@@ -1,25 +0,0 @@
-import { FC } from 'react';
-import { SchemaFieldContentProps } from '../types';
-/**
- * Routes a resolved schema to the appropriate editor component.
- * aliases: SchemaEditorRouter|SchemaContentDispatcher
- *
- * @example
- * ```tsx
- * <SchemaFieldContent
- *   schema={{ type: 'string' }}
- *   value="hello"
- *   onChange={(v) => console.log(v)}
- *   path={['name']}
- *   level={1}
- * />
- * ```
- *
- * @param schema - The JSON Schema definition to render
- * @param value - Current field value
- * @param onChange - Called with the updated value when the field changes
- * @param path - Field path segments used for validation error tracking
- * @param level - Nesting depth passed to child editor components
- * @param [required] - Whether the field is required (passed to primitive fields for error styling)
- */
-export declare const SchemaFieldContent: FC<SchemaFieldContentProps>;