@epam/ai-dial-ui-kit 0.16.0-dev.6 → 0.16.0-dev.61

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

@@ -1,31 +0,0 @@
-import { JsonSchemaDef } from '../types';
-import { FC } from 'react';
-export interface SchemaObjectEditorProps {
-    schema: JsonSchemaDef;
-    value: unknown;
-    onChange: (value: unknown) => void;
-    path: string[];
-    level: number;
-}
-/**
- * Renders the properties of a JSON Schema object as labeled form fields.
- * aliases: ObjectSchemaEditor|SchemaPropertiesEditor
- *
- * @example
- * ```tsx
- * <SchemaObjectEditor
- *   schema={{ type: 'object', properties: { name: { type: 'string' } } }}
- *   value={{ name: 'Alice' }}
- *   onChange={(v) => console.log(v)}
- *   path={['config']}
- *   level={1}
- * />
- * ```
- *
- * @param schema - The JSON Schema object definition
- * @param value - Current object value
- * @param onChange - Called with the updated object when any property changes
- * @param path - Field path segments used for validation error tracking
- * @param level - Nesting depth passed to child SchemaField instances
- */
-export declare const SchemaObjectEditor: FC<SchemaObjectEditorProps>;

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

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

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

@@ -1,31 +0,0 @@
-import { FC } from 'react';
-import { JsonSchemaDef } from '../types';
-export interface SchemaPrimitiveFieldProps {
-    schema: JsonSchemaDef;
-    value: unknown;
-    onChange: (value: unknown) => void;
-    invalid?: boolean;
-}
-/**
- * Renders a single primitive schema field: string, integer, number, boolean, enum, or const.
- * - `isProtected: true` → masked password input
- * - `enum` + `enumDisplay: 'radio'` → radio buttons (`enumOrientation: 'row'` lays them horizontally)
- * - `enum` without `enumDisplay` → select dropdown
- * - `const` → disabled read-only input
- * aliases: SchemaInputField|PrimitiveSchemaField
- *
- * @example
- * ```tsx
- * <SchemaPrimitiveField
- *   schema={{ type: 'string', enum: ['a', 'b'], enumDisplay: 'radio', enumOrientation: 'row' }}
- *   value="a"
- *   onChange={(v) => console.log(v)}
- * />
- * ```
- *
- * @param schema - The resolved JSON Schema definition; supports `isProtected`, `enumDisplay`, `enumOrientation`
- * @param value - Current field value
- * @param onChange - Called with the new value when the field changes
- * @param [invalid] - Whether the field has a validation error (applies error styling)
- */
-export declare const SchemaPrimitiveField: FC<SchemaPrimitiveFieldProps>;

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

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface SchemaSectionProps {
-    title: string;
-    description?: string;
-    summary?: string;
-    errorCount?: number;
-    level?: number;
-    children?: ReactNode;
-    onRemove?: () => void;
-    defaultExpanded?: boolean;
-    removeItemAriaLabel?: string;
-}
-/**
- * A collapsible section card used to wrap schema property groups.
- * aliases: CollapsibleSchemaSection|SchemaCard
- *
- * @example
- * ```tsx
- * <SchemaSection title="Settings" level={0} summary="3/4 fields" errorCount={1}>
- *   <p>Content</p>
- * </SchemaSection>
- * ```
- *
- * @param title - Section header title
- * @param [description] - Optional description shown in collapsed state
- * @param [summary] - Short summary text shown in the header (e.g. "3/4 fields", "2 items")
- * @param [errorCount=0] - Number of validation errors; shows error badge when > 0
- * @param [level=0] - Nesting depth; 0 = top-level card style, 1+ = nested style
- * @param [children] - Section body content rendered when expanded
- * @param [onRemove] - If provided, shows a remove button in the section header
- * @param [defaultExpanded=true] - Whether the section starts in the expanded state
- */
-export declare const SchemaSection: FC<SchemaSectionProps>;

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

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { JsonSchema, JsonSchemaDef, SchemaRendererTexts } from './types';
-import { EditorThemes } from '../../types/editor';
-interface SchemaRendererContextValue {
-    rootSchema: JsonSchema;
-    texts: SchemaRendererTexts;
-    readonly?: boolean;
-    defaultExpanded?: boolean;
-    inputClassName?: string;
-    jsonEditorTheme?: EditorThemes;
-    acceptableResourceTypes?: Record<string, unknown>;
-    renderField?: (path: string[], schema: JsonSchemaDef, defaultElement: React.ReactElement) => React.ReactNode;
-    touchedPaths?: ReadonlySet<string>;
-    markTouched?: (path: string) => void;
-    skipUntouched?: boolean;
-}
-export declare const SchemaRendererContext: React.Context<SchemaRendererContextValue | null>;
-export declare function useSchemaContext(): SchemaRendererContextValue;
-export {};

package/dist/src/components/SchemaRenderer/tests/utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,62 +0,0 @@
-import { default as React } from 'react';
-import { EditorThemes } from '../../types/editor';
-import { SchemaRendererVariant } from '../../types/json-schema';
-import { JsonSchema, JsonSchemaDef, SchemaRendererTexts } from '../../models/json-schema';
-export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from '../../types/json-schema';
-export type { DialMeta, JsonSchemaDef, JsonSchema, ValidationError, SchemaRendererTexts, } from '../../models/json-schema';
-export { DEFAULT_SCHEMA_TEXTS } from '../../constants/schema-renderer';
-export interface DialSchemaRendererProps {
-    schema: JsonSchema;
-    defaultValue?: Record<string, unknown>;
-    texts?: Partial<SchemaRendererTexts>;
-    className?: string;
-    readonly?: boolean;
-    defaultExpanded?: boolean;
-    inputClassName?: string;
-    /**
-     * `'sections'` (default) — every top-level property is a collapsible SchemaSection card.
-     * `'flat'` — primitive top-level properties render as plain DialFormItem fields; object/array
-     * properties still use collapsible sections.
-     */
-    variant?: SchemaRendererVariant;
-    /**
-     * When `true`, required-field errors are only shown after the user has interacted
-     * with a field. When `false` (default), all unfilled required fields are highlighted immediately.
-     */
-    skipUntouched?: boolean;
-    /**
-     * Theme applied to the JSON editor shown for value keys that are not declared in the
-     * schema's `properties`. Defaults to `EditorThemes.dark`.
-     */
-    jsonEditorTheme?: EditorThemes;
-    /**
-     * Live resource options for schema properties flagged with `dial:resource: true`.
-     * Keyed by the resource type name referenced in a property's `acceptableResourceTypes`
-     * array; each value provides the selectable entries for that resource type (a string
-     * array for string-typed properties).
-     */
-    acceptableResourceTypes?: Record<string, unknown>;
-    onChange?: (value: Record<string, unknown>) => void;
-    onPropertyChange?: (path: string, value: unknown) => void;
-    onDefaultValues?: (value: Record<string, unknown>) => void;
-    /**
-     * Override the rendered element for any field by path.
-     * Return `defaultElement` to fall back to the built-in renderer.
-     * @param path - Array of schema property keys leading to this field (e.g. ['connection', 'token'])
-     * @param schema - The resolved JSON Schema definition for this field
-     * @param defaultElement - The element that would be rendered without customization
-     */
-    renderField?: (path: string[], schema: JsonSchemaDef, defaultElement: React.ReactElement) => React.ReactNode;
-}
-export interface SchemaFieldContentProps {
-    schema: JsonSchemaDef;
-    value: unknown;
-    onChange: (value: unknown) => void;
-    path: string[];
-    level: number;
-    required?: boolean;
-    suppressInlineError?: boolean;
-}
-export interface SchemaFieldProps extends SchemaFieldContentProps {
-    label?: string;
-}

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

@@ -1 +0,0 @@
-export * from '../../utils/json-schema';

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

@@ -1,35 +0,0 @@
-import { FC } from 'react';
-import { ElementSize } from '../../types/size';
-import { DialInputProps } from '../Input/Input';
-export interface DialSearchProps extends Omit<DialInputProps, 'type' | 'size' | 'inputButtonProps' | 'labelProps' | 'iconBefore' | 'iconAfter' | 'prefix' | 'postfix' | 'onChange'> {
-    withoutBorder?: boolean;
-    size?: ElementSize;
-    onChange?: (value: string) => void;
-}
-/**
- * A search input component with a customizable placeholder, icons, flexible props, and the ability
- * aliases: SearchField|QueryInput
- * Design system 1.0
- *
- * to clear the input value via a clear button. Supports multiple sizes for flexible layouts.
- *
- * @example
- * ```tsx
- * <DialSearch
- *   id="search"
- *   value={query}
- *   placeholder="Search"
- *   size={ElementSize.Small}
- *   onChange={(value) => setQuery(value)}
- *   onBlur={() => handleBlur()}
- *   disabled={false}
- * />
- * ```
- *
- * Extends the `DialInput` component, inheriting all of its props except for those that are overridden
- * (like `iconBefore`, `iconAfter`, and `inputButtonProps` which are managed internally). The `size`
- * prop allows you to choose between predefined size configurations that adjust the input's appearance
- * @param [size=ElementSize.Standard] - The size of the search input. Uses the {@link ElementSize} enum.
- * @param [withoutBorder] - If true, the search input will be rendered without a border.
- */
-export declare const DialSearch: FC<DialSearchProps>;

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

@@ -1,8 +0,0 @@
-import { ElementSize } from '../../types/size';
-export declare const SIZE_CONFIG: Record<ElementSize, {
-    className: string;
-    wrapperClassName: string;
-    containerClassName: string;
-    iconSize: number;
-    iconStroke: number;
-}>;

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

@@ -1,40 +0,0 @@
-import { SegmentedControlOption } from '../../models/segmented-control';
-export interface DialSegmentedControlProps<T extends string> {
-    options: SegmentedControlOption<T>[];
-    value: T;
-    onChange: (value: T) => void;
-    disabled?: boolean;
-    className?: string;
-    ariaLabel?: string;
-}
-/**
- * A single-select control for switching between a small set of mutually exclusive,
- * equally-sized options (e.g. view switchers).
- * aliases: SegmentedButton|ViewSwitcher
- * Design system 1.0
- *
- * Renders a horizontal group of segments where every option is always visible and
- * equally sized. Supports 2 or more segments, optional per-option icons, and
- * keyboard navigation (Arrow keys, Home, End).
- *
- * @example
- * ```tsx
- * <DialSegmentedControl
- *   ariaLabel="View"
- *   value={view}
- *   onChange={setView}
- *   options={[
- *     { value: 'list', label: 'List' },
- *     { value: 'grid', label: 'Grid' },
- *   ]}
- * />
- * ```
- *
- * @param options - Segments to render. Each option needs a unique `value` and may include a `label`, `icon`, and `disabled` flag.
- * @param value - The currently selected option `value`.
- * @param onChange - Callback fired with the selected option `value`.
- * @param [disabled] - Disables the entire control when set.
- * @param [className] - Additional classes applied to the container.
- * @param [ariaLabel] - Accessible label for the control (applied to the `tablist`).
- */
-export declare const DialSegmentedControl: <T extends string>({ options, value, onChange, disabled, className, ariaLabel, }: DialSegmentedControlProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-export declare const containerBaseClassName = "inline-flex items-center rounded bg-layer-3";
-export declare const segmentBaseClassName = "flex flex-1 items-center justify-center gap-2 h-7 px-3 py-1 border border-primary dial-small-text whitespace-nowrap focus-visible:outline outline-offset-0 focus-visible:relative focus-visible:z-10";
-export declare const segmentSelectedClassName = "relative z-10 bg-controls-accent-primary-alpha-active text-primary";
-export declare const segmentUnselectedClassName = "text-secondary hover:text-primary";
-export declare const segmentDisabledClassName = "text-controls-disable-accent cursor-not-allowed hover:text-controls-disable-accent";

package/dist/src/components/Select/MultiSelectTags.d.ts

@@ -1,8 +0,0 @@
-import { SelectOption } from '../../models/select';
-import { FC, MouseEvent } from 'react';
-export interface DialMultiSelectTagsProps {
-    options: SelectOption[];
-    selectedValues: string[];
-    handleRemoveTag?: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, val: string) => void;
-}
-export declare const DialMultiSelectTags: FC<DialMultiSelectTagsProps>;

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

@@ -1,100 +0,0 @@
-import { FC, ReactNode, MouseEvent, Ref } from 'react';
-import { SelectOption } from '../../models/select';
-import { SelectSize, SelectVariant } from '../../types/select';
-import { ElementSize } from '../../types/size';
-export interface DialSelectProps {
-    options: SelectOption[];
-    multiple?: boolean;
-    elementId?: string;
-    size?: SelectSize;
-    variant?: SelectVariant;
-    value?: string | string[];
-    customSelectedValue?: string;
-    prefix?: string;
-    defaultValue?: string | string[];
-    placeholder?: string;
-    searchable?: boolean;
-    searchSize?: ElementSize;
-    searchPlaceholder?: string;
-    selectAll?: boolean;
-    selectAllLabel?: string;
-    emptyStateTitle?: string;
-    emptyStateDescription?: string;
-    emptyStateIcon?: ReactNode;
-    disabled?: boolean;
-    className?: string;
-    listClassName?: string;
-    closable?: boolean;
-    invalid?: boolean;
-    header?: ReactNode | (() => ReactNode);
-    footer?: ReactNode | (() => ReactNode);
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    onInlineQueryChange?: (query: string) => void;
-    dismissRef?: Ref<unknown>;
-    onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
-    onChange?: (next: string | string[]) => void;
-    inlineSearch?: boolean;
-    onFooterClick?: (e: MouseEvent<HTMLDivElement>) => void;
-    customMultiSelectTagsRenderer?: (options: SelectOption[], selectedValues: string[], handleRemoveTag: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, val: string) => void) => ReactNode;
-}
-/**
- * A versatile select supporting single and multiple selections.
- * aliases: OptionPicker|ChoiceSelector
- * Design system 1.0
- *
- * Single mode mirrors the legacy visual:
- * - Trigger shows the selected option's leading icon + label.
- * - In the list, the selected option is indicated by a LEFT border and tinted background
- *   (no check icon).
- *
- * Multiple mode uses checkboxes (including Select All with indeterminate state).
- *
- * Search:
- * - `searchable`: shows a plain input in the overlay header that filters options.
- * - `inlineSearch` (single mode only): the trigger renders a plain input; typing filters options;
- *   when closed, the input shows the selected label.
- *
- * @example
- * ```tsx
- * <DialSelect options={[{ value: 'option-1', label: 'Option 1' }]} />
- * <DialSelect searchable options={[{ value: 'a', label: 'Alpha' }, { value: 'b', label: 'Beta' }]} />
- * <DialSelect multiple selectAll options={[{ value: '1', label: 'One' }, { value: '2', label: 'Two' }]} />
- * <DialSelect inlineSearch options={[{ value: 'r', label: 'Relax-Name' }, { value: 'rep2', label: 'rep2' }]} />
- * ```
- *
- * @param options - Array of options to select from.
- * @param [elementId] - The id attribute for the select element.
- * @param [multiple] - Whether multiple selections are allowed.
- * @param [size=SelectSize.Md] - Size of the control.
- * @param [variant=SelectVariant.Primary] - Visual variant.
- * @param [value] - Controlled selected value(s).
- * @param [customSelectedValue] - Custom string to render as the selected value in single mode.
- * @param [prefix] - Prefix for selected value(s).
- * @param [defaultValue] - Uncontrolled initial selected value(s).
- * @param [placeholder="Select..."] - Placeholder text when no selection is made.
- * @param [searchable=false] - Show a search field in the overlay header.
- * @param [searchSize=ElementSize.Standard] - Size of the overlay search input when `searchable` is enabled.
- * @param [searchPlaceholder] - Placeholder for the search input (overlay/inline).
- * @param [selectAll=false] - Show a "Select All" checkbox in multiple mode.
- * @param [selectAllLabel="Select all"] - Label for the "Select All" checkbox.
- * @param [emptyStateTitle="No options available"] - Title text when there are no options.
- * @param [emptyStateDescription] - Description text when there are no options.
- * @param [emptyStateIcon] - Icon to display when there are no options.
- * @param [invalid] - Whether the select is in an invalid state, affecting styling.
- * @param [disabled=false] - Disable the control.
- * @param [className] - Additional CSS classes for the trigger.
- * @param [listClassName] - Additional CSS classes for the list dropdown.
- * @param [closable=false] - Show a close button in the dropdown header.
- * @param [header] - Custom node/function rendered above the options.
- * @param [footer] - Custom node/function rendered below the options.
- * @param [open] - Controlled open state of the dropdown. When provided, makes the dropdown controlled.
- * @param [onOpenChange] - Called when the dropdown open state changes.
- * @param [onClose] - Called when the dropdown close button is clicked.
- * @param [onChange] - Called when the selection changes.
- * @param [inlineSearch=false] - Render a plain input inside trigger (single mode only).
- * @param [onInlineQueryChange] - Called when the inline search query changes
- * @param [onFooterClick] - Called when the footer element is clicked. When provided, automatically closes the dropdown.
- * @param [dismissRef] - Ref object to expose a `dismiss` method to programmatically close the select.
- */
-export declare const DialSelect: FC<DialSelectProps>;

package/dist/src/components/Select/SelectSubMenuItem.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { SelectOption } from '../../models/select';
-export interface SelectSubMenuItemProps {
-    opt: SelectOption;
-    selectedValues: string[];
-    onSelect: (value: string) => void;
-}
-export declare const SelectSubMenuItem: FC<SelectSubMenuItemProps>;

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

@@ -1,9 +0,0 @@
-export declare const selectTriggerBaseClassName = "dial-input flex w-full items-center justify-between gap-2 dial-small-text cursor-pointer";
-export declare const selectOverlayBaseClassName = "w-full rounded flex flex-col";
-export declare const selectOptionBaseClassName = "flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small-text text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none";
-export declare const selectOptionSelectedClassName = "bg-accent-primary-alpha";
-export declare const selectOptionSingleSelectedClassName = "bg-accent-primary-alpha border-l border-accent-primary border-1";
-export declare const selectOptionDisabledClassName = "opacity-75";
-export declare const dropdownMenuMaxHeight = 352;
-export declare const selectSubMenuGap = 4;
-export declare const selectChevronIcon: import("react/jsx-runtime").JSX.Element;

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

@@ -1,42 +0,0 @@
-import { FC } from 'react';
-import { DialFormItemProps } from '../FormItem/FormItem';
-import { DialSelectProps } from '../Select/Select';
-import { DialLabelProps } from '../Label/Label';
-export interface DialSelectFieldProps extends Omit<DialSelectProps, 'className' | 'elementId'>, Omit<DialLabelProps, 'htmlFor'>, Omit<DialFormItemProps, 'label' | 'children' | 'value'> {
-    selectClassName?: string;
-    containerClassName?: string;
-}
-/**
- * A Select field wrapper that composes `DialFormItem` and `DialSelect`.
- * aliases: SelectInput|ComboField
- * Design system 1.0
- *
- * Provides unified label, description, error rendering and a readonly view that shows
- * the selected option labels (comma-separated in single mode, list in multiple).
- *
- * @example
- * ```tsx
- * <DialSelectField
- *   elementId="transport"
- *   fieldTitle="Transport"
- *   options={[
- *     { value: 'SSE', label: 'Server-Sent Events (SSE)' },
- *     { value: 'WS', label: 'WebSocket' },
- *   ]}
- *   value="WS"
- *   onChange={(v) => setTransport(v as string)}
- * />
- *
- * @params - Component properties extending:
- * - {@link DialSelectProps} for select options and props, except for className
- * - {@link DialFormItemProps} for form item props, except for htmlFor
- * - {@link DialLabelProps} for label props, except for label, children, value
- *
- * @param selectClassName CSS class for the select element
- * @param containerClassName CSS class for the form item container
- * @param emptyStateTitle Title to show when there are no options
- * @param restSelectProps All other DialSelect props
- * @param restFormItemProps All other DialFormItem props
- * ```
- */
-export declare const DialSelectField: FC<DialSelectFieldProps>;

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

@@ -1,31 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialSharedEntityIndicatorProps {
-    label?: ReactNode;
-    size?: number;
-    stroke?: number;
-    className?: string;
-    containerClassName?: string;
-    sharedIndicatorTooltip?: ReactNode;
-}
-/**
- * A compact icon-only indicator to denote a "shared" entity.
- * aliases: SharedIcon|AccessIndicator
- * Design system 1.0
- *
- * Renders a small arrow-up-right icon with token-based colors.
- *
- * @example
- * ```tsx
- * <DialSharedEntityIndicator />
- * <DialSharedEntityIndicator size={12} label="Opens in new window" />
- * ```
- *
- * @param [label="Shared entity"] - Accessible label for assistive tech
- * @param [size=10] - Pixel size for the icon
- * @param [className] - Additional Tailwind classes applied to the icon
- * @param [containerClassName] - Additional Tailwind classes appended to the container
- * @param [stroke=1.5] - Stroke width for the icon
- * @param [sharedIndicatorTooltip] - Custom tooltip content, defaults to "Shared"
- *
- */
-export declare const DialSharedEntityIndicator: FC<DialSharedEntityIndicatorProps>;

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

@@ -1,57 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-import { DialLabelProps } from '../Label/Label';
-export interface DialSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    value: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    labelProps?: DialLabelProps;
-    /** 2-element or 3-element label tuple rendered below the track */
-    labels?: [string, string] | [string, string, string];
-    /** Custom formatter for the thumb value; defaults to fixed-decimal based on step */
-    formatValue?: (value: number) => string;
-    onChange?: (value: number) => void;
-    /** Additional classes for the track bar (default: `bg-layer-1`) */
-    trackClassName?: string;
-    /** Additional classes for the filled portion of the track (default: `bg-controls-accent-primary`) */
-    fillClassName?: string;
-    /** Additional classes for the thumb circle (default: `bg-layer-3 text-primary dial-small-text`) */
-    thumbClassName?: string;
-    /** Additional classes for the labels row (default: `text-secondary dial-tiny-text`) */
-    labelsClassName?: string;
-}
-/**
- * A range slider with a custom thumb showing the current value and optional labels.
- * aliases: RangeInput|TemperatureSlider
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialSlider
- *   value={0.5}
- *   min={0}
- *   max={1}
- *   step={0.1}
- *   labels={['Precise', 'Neutral', 'Creative']}
- *   aria-label="Temperature"
- *   onChange={(v) => console.log(v)}
- * />
- * ```
- *
- * @param value - Current slider value
- * @param [min=0] - Minimum value
- * @param [max=1] - Maximum value
- * @param [step=0.1] - Step increment
- * @param [disabled=false] - Disables interaction
- * @param [labelProps] - Props forwarded to DialLabel rendered above the slider
- * @param [labels] - 2 or 3 strings rendered below the track (start, [middle,] end)
- * @param [formatValue] - Custom value formatter for the thumb display
- * @param [onChange] - Callback fired with the new value on interaction
- * @param [className] - Additional CSS classes for the outer container
- * @param [trackClassName] - Additional CSS classes for the track bar
- * @param [fillClassName] - Additional CSS classes for the fill portion of the track
- * @param [thumbClassName] - Additional CSS classes for the thumb circle
- * @param [labelsClassName] - Additional CSS classes for the labels row
- */
-export declare const DialSlider: FC<DialSliderProps>;

package/dist/src/components/Steps/Step.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { Step } from '../../models/step';
-export interface DialStepProps {
-    step: Step;
-    index: number;
-    currentStep: string;
-    onChangeStep: (step: string) => void;
-}
-export declare const DialStep: FC<DialStepProps>;

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

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import { Step } from '../../models/step';
-export interface DialStepsProps {
-    steps: Step[];
-    currentStep: string;
-    onChangeStep: (step: string) => void;
-}
-/**
- * Props for the DialSteps component, which renders a multi-step navigation UI.
- * aliases: StepWizard|ProgressSteps
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialSteps
- *   steps={[{ id: 'step1', label: 'Step 1', status: StepStatus.VALID }, { id: 'step2', label: 'Step 2', status: StepStatus.ERROR }]}
- *   currentStep="step1"
- *   onChangeStep={(step) => console.log(step)}
- * />
- * ```
- *
- * @param steps - Array of step objects to display
- * @param currentStep - The id of the currently active step
- * @param onChangeStep - Callback to set the current step by id
- */
-export declare const DialSteps: FC<DialStepsProps>;

package/dist/src/components/Steps/tests/Steps.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/Steps/tests/utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/Steps/utils.d.ts

@@ -1,3 +0,0 @@
-import { Step } from '../../models/step';
-export declare const getStepClass: (step: Step, currentStepId: string) => "border-accent-secondary text-primary" | "border-red-900 text-primary" | "border-accent-primary text-primary" | "border-primary text-primary" | "border-red-900 text-error" | "border-primary text-secondary";
-export declare const getCircleClass: (step: Step, currentStepId: string) => "bg-accent-secondary" | "bg-red-400" | "bg-accent-primary" | "bg-layer-4";