@epam/ai-dial-ui-kit 0.16.0-dev.5 → 0.16.0-dev.50

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

@@ -1,46 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialPopupProps } from '../Popup/Popup';
-export interface DialFormPopupProps extends DialPopupProps {
-    submitLabel?: string;
-    cancelLabel?: string;
-    isLoading?: boolean;
-    disableSubmitButton?: boolean;
-    submitClassName?: string;
-    onSubmit: () => void;
-    onCancel?: () => void;
-    children?: ReactNode;
-}
-/**
- * A form-oriented popup dialog.
- * aliases: FormDialog|FormModal
- * Design system 1.0
- *
- * Provides an accessible popup with a title, custom body,
- * and a footer with "Cancel" and "Submit" actions.
- *
- * @example
- * ```tsx
- * <DialFormPopup
- *   open
- *   header="Create Model"
- *   onClose={() => setOpen(false)}
- *   onSubmit={handleSubmit}
- * />
- * ```
- *
- * @param header - Title content for the header
- * @param [open=false] - Controls visibility of the popup
- * @param [submitLabel="Submit"] - Label for the primary action button
- * @param [cancelLabel="Cancel"] - Label for the cancel button
- * @param [isLoading=false] - Shows loader placeholder and hides actions
- * @param [disableSubmitButton=false] - Disables the submit button
- * @param [className] - Extra classes for the popup container
- * @param [submitClassName] - Extra classes merged into the submit button
- * @param onClose - Fired on close
- * @param onSubmit - Fired on submit
- * @param [onCancel] - Fired on cancel (falls back to `onClose`)
- * @param [children] - Custom body content
- * @param [dividers=true] - Whether to render separators between sections
- * @param [size=PopupSize.Md] - Size of the popup
- */
-export declare const DialFormPopup: FC<DialFormPopupProps>;

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

@@ -1,3 +0,0 @@
-export declare const defaultSubmitLabel = "Create";
-export declare const defaultCancelLabel = "Cancel";
-export declare const actionsBaseClassName = "flex items-center justify-end gap-2 px-6 py-3";

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

@@ -1,120 +0,0 @@
-import { ColDef, GridApi, GridOptions } from 'ag-grid-community';
-import { ReactNode } from 'react';
-import { DropdownItem } from '../../models/dropdown';
-import { GridSelectionMode } from '../../models/selection-mode';
-export interface DialGridProps<T extends object = Record<string, unknown>> {
-    columnDefs?: ColDef<T>[];
-    rowData?: T[];
-    additionalGridOptions?: GridOptions<T>;
-    getContextMenuItems?: (row: T) => DropdownItem[];
-    className?: string;
-    ariaLabel?: string;
-    wrapCustomCellRenderers?: boolean | ((col: ColDef<T>) => boolean);
-    disabledRowIds?: Set<string>;
-    selectedRowIds?: Set<string>;
-    onGridApiChange?: (api: GridApi<T>) => void;
-    onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
-    getRowId?: (row: T) => string;
-    alternateOddRowColors?: boolean;
-    filterPlaceholder?: string;
-    emptyStateIcon?: ReactNode;
-    emptyStateTitle?: string;
-    emptyStateDescription?: string;
-    loading?: boolean;
-    wrapperBorder?: boolean;
-    withoutHeaderBorders?: boolean;
-    selectionMode?: GridSelectionMode;
-    allowDisabledContextMenu?: boolean;
-}
-/**
- * DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
- * aliases: DataTable|TableGrid
- * Design system 1.0
- *
- * Provides a pre-configured grid with:
- * - Dark theme styling with CSS variable integration
- * - Optional row selection with checkboxes
- * - Context menu integration via DialDropdown
- * - Text overflow handling with tooltips via DialEllipsisTooltip
- * - Controlled or uncontrolled selection modes
- * - Automatic column sizing and responsive behavior
- * - Full accessibility support with ARIA attributes
- * - Loading state with native AG-Grid overlay
- *
- * @example
- * ```tsx
- * // Basic usage with data
- * interface Product {
- *   id: string;
- *   name: string;
- *   price: number;
- * }
- *
- * const columns: ColDef<Product>[] = [
- *   { field: 'name', headerName: 'Product Name', flex: 1 },
- *   { field: 'price', headerName: 'Price', width: 120 },
- * ];
- *
- * <DialGrid<Product>
- *   columnDefs={columns}
- *   rowData={products}
- * />
- *
- * // With loading state
- * <DialGrid<Product>
- *   columnDefs={columns}
- *   rowData={products}
- *   loading={true}
- * />
- *
- * // With context menu
- * const getContextMenu = (row: Product): DropdownItem[] => [
- *   { key: 'edit', label: 'Edit' },
- *   { key: 'delete', label: 'Delete', danger: true },
- * ];
- *
- * <DialGrid<Product>
- *   columnDefs={columns}
- *   rowData={products}
- *   getContextMenuItems={getContextMenu}
- * />
- *
- * // Controlled selection
- * const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
- *
- * <DialGrid<Product>
- *   columnDefs={columns}
- *   rowData={products}
- *   selectedRowIds={selectedIds}
- *   onSelectionChange={(ids, rows) => {
- *     setSelectedIds(ids);
- *     console.log('Selected:', rows);
- *   }}
- * />
- * ```
- *
- * @param [columnDefs] - Array of column definitions (ag-Grid ColDef format)
- * @param [rowData] - Array of data objects to display in the grid
- * @param [additionalGridOptions] - Additional ag-Grid GridOptions to merge with defaults
- * @param [getContextMenuItems] - Function returning context menu items for a given row
- * @param [className] - Additional CSS classes to apply to the grid container
- * @param [ariaLabel='Data grid'] - Accessible label for the grid region
- * @param [wrapCustomCellRenderers=true] - Whether to wrap custom cell renderers with context menu support
- * @param [disabledRowIds] - Set of row IDs that should be disabled. Disabled rows are non-interactive and cannot be selected. IDs must match values from `getRowId`.
- * @param [selectedRowIds] - Controlled selection: set of row IDs that should be selected
- * @param [onSelectionChange] - Callback invoked when selection changes (selectedIds, selectedRows)
- * @param [onGridApiChange] - Callback invoked when the grid API becomes available
- * @param [getRowId] - Function to extract unique ID from a row object (defaults to 'id' field)
- * @param [alternateOddRowColors=false] - Whether to alternate background colors for odd/even rows
- * @param [filterPlaceholder='Enter value'] - Placeholder text for column filter inputs
- * @param [emptyStateIcon] - Optional icon for empty state
- * @param [emptyStateTitle] - Optional title text displayed when the grid has no rows to show.
- * @param [emptyStateDescription] - Optional description text displayed below the empty state title,
- *   providing additional context or instructions (e.g., "No data found" or "Try adjusting your filters").
- * @param [loading=false] - When true, shows AG-Grid's native loading overlay
- * @param [wrapperBorder=true] - Whether to apply a border around the grid container
- * @param [withoutHeaderBorders=false] - Whether to hide the header row borders
- * @param [selectionMode] - Could be GridSelectionMode.MULTIPLE or GridSelectionMode.SINGLE to enable selection column
- * @param [allowDisabledContextMenu] - Enables context menu actions even if row itself is disabled for selection
- */
-export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, className, ariaLabel, wrapCustomCellRenderers, disabledRowIds, selectedRowIds, onSelectionChange, onGridApiChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, wrapperBorder, withoutHeaderBorders, allowDisabledContextMenu, selectionMode, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Grid/comparators/base-column-comparator.d.ts

@@ -1 +0,0 @@
-export { baseColumnComparator, checkColDefsChanges, omitUndefined, } from '../../../utils/grid-comparators';

package/dist/src/components/Grid/comparators/base-column-comparator.spec.d.ts

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

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

@@ -1,28 +0,0 @@
-export declare const gridBaseClassName = "h-full w-full";
-export declare const checkboxClass = ".ag-checkbox-input";
-export declare const GRID_THEME_COLORS: {
-    accentColor: string;
-    backgroundColor: string;
-    oddRowBackgroundColor: string;
-    selectedRowBackgroundColor: string;
-    borderColor: string;
-    rowBorder: string;
-    rowHoverColor: string;
-    borderRadius: number;
-    browserColorScheme: string;
-    chromeBackgroundColor: string;
-    foregroundColor: string;
-    headerFontSize: number;
-    headerFontWeight: number;
-    headerTextColor: string;
-    spacing: number;
-    wrapperBorderRadius: number;
-    fontSize: number;
-    fontFamily: string;
-};
-export declare const ROW_HEIGHT = 40;
-export declare enum SelectionEventSourceType {
-    API = "api",
-    ROW_DATA_CHANGED = "rowDataChanged",
-    CHECKBOX_SELECTED = "checkboxSelected"
-}

package/dist/src/components/Grid/renderers/DateCellRenderer.d.ts

@@ -1,34 +0,0 @@
-import { FC } from 'react';
-import { ICellRendererParams } from 'ag-grid-community';
-export type DateValue = string | number | Date;
-export interface DialDateCellRendererProps extends Partial<ICellRendererParams<Record<string, unknown>, DateValue>> {
-    value?: DateValue | null;
-    locale?: string;
-    options?: Intl.DateTimeFormatOptions;
-    emptyPlaceholder?: string;
-    className?: string;
-    hideTooltip?: boolean;
-}
-/**
- * Minimal date cell renderer (ag-Grid compatible).
- * Design system 1.0
- *
- * Renders the value in the **"MMM dd, yyyy"** format (e.g., "Jul 20, 2025"),
- * wrapped in `DialEllipsisTooltip` (tooltip only appears if truncated).
- *
- * @example
- * ```tsx
- * // ag-Grid colDef
- * { field: 'createdAt', cellRenderer: DateCellRenderer, cellRendererParams: { options: { timeZone: 'UTC' } } }
- *
- * // Direct usage
- * <DateCellRenderer value="2025-07-20T00:00:00Z" options={{ timeZone: 'UTC' }} />
- * <DateCellRenderer value={1752969600000} options={{ timeZone: 'UTC' }} /> // milliseconds
- * ```
- *
- * @param [locale='en-US'] - Locale fixed to U.S. English by default to enforce "Jul 20, 2025".
- * @param [options={ year: 'numeric', month: 'numeric', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', timeZone: 'UTC' }] - Options for date formatting (e.g., timeZone).
- * @param [emptyPlaceholder] - Placeholder when value is empty/invalid.
- * @param [className] - Additional classes merged into the wrapper.
- */
-export declare const DialDateCellRenderer: FC<DialDateCellRendererProps>;

package/dist/src/components/Grid/renderers/constants.d.ts

@@ -1,7 +0,0 @@
-import { ColDef } from 'ag-grid-community';
-export declare const DEFAULT_LOCALE = "en-US";
-export declare const DEFAULT_DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions;
-export declare const dateCellBaseClassName = "text-primary";
-export declare const SELECTION_COL_DEF: ColDef;
-export declare const RADIO_BUTTON_COL_DEF: ColDef;
-export declare const CHECKBOX_COL_DEF: ColDef;

package/dist/src/components/Grid/renderers/utils.d.ts

@@ -1 +0,0 @@
-export { convertToDate } from '../../../utils/grid-date';

package/dist/src/components/Grid/renderers/utils.spec.d.ts

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

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

@@ -1,61 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialInputPopupProps {
-    open?: boolean;
-    selectedValue?: string | string[];
-    children: ReactNode;
-    onOpen: () => void;
-    disabled?: boolean;
-    valueClassName?: string;
-    inputClassName?: string;
-    placeholder?: string;
-    elementId?: string;
-    errorText?: string;
-    invalid?: boolean;
-    emptyValueText?: string;
-    editable?: boolean;
-    onValueChange?: (value: string) => void;
-    collapseTagOverflow?: boolean;
-    iconBefore?: ReactNode;
-}
-/**
- * An input field that opens a popup when clicked, displaying a selected value or a list of values.
- * aliases: PopupInput|ReadonlyInput
- * Design system 1.0
- *
- * It supports read-only mode, error states, and disabled state, with customizable styling.
- * The modal content is rendered using a portal for seamless integration.
- *
- * @example
- * ```tsx
- * <DialInputPopup
- *   open={true}
- *   selectedValue="Selected Item"
- *   emptyValueText="No value selected"
- *   onOpen={() => setModalState(true)}
- *   disabled={false}
- *   valueClassName="custom-value-class"
- *   inputClassName="custom-input-class"
- *   elementId="input-modal"
- *   errorText="This field is required"
- * >
- *   <div>Modal Content Here</div>
- * </DialInputPopup>
- * ```
- *
- * @param [open] - The current state of the modal, indicating whether it is opened or closed.
- * @param [selectedValue] - The currently selected value(s). Can be a string for a single value or an array of strings for multiple values.
- * @param [placeholder] - Placeholder text displayed when no value is selected.
- * @param children - The content to render inside the modal when it is opened.
- * @param onOpen - A callback function triggered when the modal open button is clicked.
- * @param [disabled=false] - Whether the input is disabled, preventing user interaction.
- * @param [valueClassName] - Additional CSS classes applied to the displayed value.
- * @param [inputClassName] - Additional CSS classes applied to the input container.
- * @param [elementId] - A unique identifier for the input element, useful for accessibility and testing.
- * @param [errorText] - An optional error message displayed below the input when an error state is present.
- * @param [invalid] - Whether the input is in an invalid state, affecting styling. Applied automatically if errorText is provided.
- * @param [emptyValueText] - The text displayed when no value is selected and placeholder is not provided.
- * @param [editable=false] - When true, the input area becomes an editable text field; only the icon opens the popup.
- * @param [onValueChange] - Callback fired when the user types in the editable input.
- * @param [iconBefore] - Optional icon rendered at the start of the field, before the value.
- */
-export declare const DialInputPopup: FC<DialInputPopupProps>;

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

@@ -1,25 +0,0 @@
-import { FC } from 'react';
-import { EditorThemes } from '../../types/editor';
-import { OnValidate } from '@monaco-editor/react';
-import { editor } from 'monaco-editor';
-export interface DialJsonEditorProps {
-    value?: string | undefined;
-    currentTheme: string;
-    themesConfig?: Record<EditorThemes, editor.IStandaloneThemeData>;
-    onChange: (value: string | undefined) => void;
-    onValidateJSON?: OnValidate;
-    options?: editor.IStandaloneEditorConstructionOptions;
-}
-/**
- * A JSON editor component built on top of Monaco Editor.
- * Design system 1.0
- * Provides syntax highlighting, validation, and theme support for JSON editing.
- *
- * @param currentTheme - The theme to apply to the editor
- * @param onChange - Callback fired when the editor content changes
- * @param [value] - The JSON string value to edit
- * @param [themesConfig=EDITOR_THEMES_CONFIG] - Custom theme configurations
- * @param [onValidateJSON] - Callback fired when JSON validation occurs
- * @param [options] - Additional Monaco editor options
- */
-export declare const DialJsonEditor: FC<DialJsonEditorProps>;

package/dist/src/components/JsonEditor/lazy.d.ts

@@ -1,14 +0,0 @@
-/**
- * Shared leaf module for the JSON editor's lazy loader. Both `src/index.ts`
- * (root) and `src/subpaths/editors.ts` (`./editors`) re-export this same
- * binding instead of each declaring their own copy of the loader function -
- * see `src/index.ts`'s comment above its own re-export for why the previous
- * per-entry duplication existed, and why it was replaced by this shared
- * module (an emitted-topology defect, not just source-level duplication:
- * a loader function's body containing its own `import()` call, when
- * duplicated verbatim into more than one entry's own emitted chunk, can pull
- * an unrelated dynamically-imported feature into the initial graph in some
- * Vite/Rolldown versions - see `openspec/changes/isolate-heavy-feature-modules`
- * Section 9's `diagnosis-baseline.txt` for the measured reproduction).
- */
-export declare const LazyDialJsonEditor: () => Promise<typeof import("./JsonEditor")>;

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

@@ -1,38 +0,0 @@
-import { PreviewType } from '@uiw/react-md-editor';
-import { FC, ReactNode } from 'react';
-import { EditorThemes } from '../../types/editor';
-export interface DialMarkdownEditorProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    height?: number;
-    preview?: PreviewType;
-    theme?: EditorThemes;
-    className?: string;
-    placeholder?: ReactNode;
-    showDragbar?: boolean;
-}
-/**
- * A Markdown editor component built on top of @uiw/react-md-editor.
- * Design system 1.0
- * Provides markdown editing with preview capabilities and theme support.
- *
- * @example
- * ```tsx
- * <DialMarkdownEditor
- *   value="# Hello World"
- *   onChange={(value) => console.log(value)}
- *   height={400}
- *   theme="dark"
- * />
- * ```
- *
- * @param [value] - The current markdown content
- * @param [onChange] - Callback fired when the editor content changes
- * @param [height=300] - Height of the editor in pixels
- * @param [preview='edit'] - Preview mode ('edit', 'live', 'preview')
- * @param [placeholder] - Content to display when the editor is empty
- * @param [theme='dark'] - Theme for the editor ('light' or 'dark')
- * @param [className] - Additional CSS classes for the container
- * @param [showDragbar=true] - Whether to show the bottom drag bar that resizes the editor height
- */
-export declare const DialMarkdownEditor: FC<DialMarkdownEditorProps>;

package/dist/src/components/MarkdownEditor/MarkdownEditorContainer.d.ts

@@ -1,51 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { OnValidate } from '@monaco-editor/react';
-import { PreviewType } from '@uiw/react-md-editor';
-import { EditorThemes } from '../../types/editor';
-export interface DialMarkdownEditorContainerProps {
-    value?: string;
-    onChangeValue?: (value: string) => void;
-    label?: ReactNode;
-    headerContent?: ReactNode;
-    switcherLabel?: ReactNode;
-    height?: number;
-    theme?: EditorThemes;
-    onValidateJSON?: OnValidate;
-    preview?: PreviewType;
-    showDragbar?: boolean;
-}
-/**
- * A container component that combines Markdown and JSON editing capabilities
- * with an optional switcher to toggle between modes.
- *
- * @example
- * ```tsx
- * <DialMarkdownEditorContainer
- *   value="# Hello"
- *   onChangeValue={(value) => console.log(value)}
- *   label="Content"
- *   switcherLabel="JSON Mode"
- * />
- * ```
- *
- * @example
- * ```tsx
- * <DialMarkdownEditorContainer
- *   value="# Hello"
- *   onChangeValue={(value) => console.log(value)}
- *   label="Content"
- * />
- * ```
- *
- * @param [value] - The current content value
- * @param [onChangeValue] - Callback fired when the content changes
- * @param [label] - Optional label for the field
- * @param [headerContent] - Optional content to display in the header
- * @param [switcherLabel] - Optional label for the mode switcher (if not provided, switcher is hidden)
- * @param [height=300] - Height of the editor in pixels
- * @param [theme='dark'] - Theme for the editor (EditorThemes.dark or EditorThemes.light)
- * @param [onValidateJSON] - Callback fired when JSON validation occurs
- * @param [preview='edit'] - Preview mode for Markdown editor
- * @param [showDragbar=true] - Whether to show the Markdown editor's bottom drag bar that resizes its height
- */
-export declare const DialMarkdownEditorContainer: FC<DialMarkdownEditorContainerProps>;

package/dist/src/components/MarkdownEditor/lazy.d.ts

@@ -1,7 +0,0 @@
-/**
- * Shared leaf module for the 1.0 Markdown editor's lazy loader. Both
- * `src/index.ts` (root) and `src/subpaths/editors.ts` (`./editors`)
- * re-export this same binding instead of each declaring their own copy -
- * see `src/components/JsonEditor/lazy.ts`'s comment for why.
- */
-export declare const LazyDialMarkdownEditor: () => Promise<typeof import("./MarkdownEditor")>;

package/dist/src/components/New/AutocompleteTagInput/utils.spec.d.ts

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

package/dist/src/components/New/Button/__tests__/utils.spec.d.ts

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

package/dist/src/components/New/Calendar/utils.spec.d.ts

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

package/dist/src/components/New/Slider/utils.spec.d.ts

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

package/dist/src/components/New/TagInput/utils.spec.d.ts

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

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

@@ -1,58 +0,0 @@
-import { FC, HTMLAttributes, MouseEvent, ReactNode } from 'react';
-import { NotificationVariant } from '../../types/notification';
-export interface DialNotificationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    variant?: NotificationVariant;
-    title?: ReactNode;
-    message: ReactNode;
-    closable?: boolean;
-    iconSize?: number;
-    iconStroke?: number;
-    textClassName?: string;
-    onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
-}
-/**
- * A contextual feedback component for displaying important messages.
- * aliases: Notification|StatusBanner
- * Design system 1.0
- *
- * Renders a colored container with an icon, message text, and an optional
- * close button.
- *
- * @example
- * ```tsx
- * <DialNotification
- *   variant={NotificationVariant.Info}
- *   message="This is an info alert."
- * />
- *
- * <DialNotification
- *   variant={NotificationVariant.Success}
- *   title="Saved"
- *   message="Changes saved successfully."
- * />
- *
- * <DialNotification
- *   variant={NotificationVariant.Error}
- *   closable
- *   message="Something went wrong."
- *   onClose={(e) => console.log('closed', e)}
- * />
- *
- * <DialNotification
- *   variant={NotificationVariant.Loading}
- *   title="Processing"
- *   message="Please wait..."
- * />
- * ```
- *
- * @param [variant=NotificationVariant.Info] - Defines the visual style and icon of the alert
- * @param [title] - Optional heading displayed above the message in semibold
- * @param message - Message text to display inside the alert
- * @param [className] - Additional CSS classes applied to the alert container
- * @param [textClassName] - Additional CSS classes applied to the message text
- * @param [closable=false] - Whether the alert has a close button
- * @param [iconSize=24] - Size of the icon displayed in the alert
- * @param [iconStroke=2] - Stroke width of the icon displayed in the alert
- * @param [onClose] - Callback fired when the close button is clicked
- */
-export declare const DialNotification: FC<DialNotificationProps>;

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

@@ -1,8 +0,0 @@
-import { NotificationVariant } from '../../types/notification';
-import { ReactNode } from '@tabler/icons-react';
-export declare const variantIcons: (props: {
-    size: number;
-    stroke: number;
-}) => Record<NotificationVariant, ReactNode>;
-export declare const notificationVariantClassNameMap: Record<NotificationVariant, string>;
-export declare const alertBaseClassName = "items-center justify-between relative gap-3 p-3 border border-solid dial-small-text-150 rounded shadow flex";

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

@@ -1,34 +0,0 @@
-import { FC } from 'react';
-import { DialInputProps } from '../Input/Input';
-export interface DialNumberInputProps extends Omit<DialInputProps, 'onChange'> {
-    /** When true, restricts input to integer values only — blocks decimal points, minus, plus, and scientific notation (e/E) */
-    integer?: boolean;
-    onChange?: (value?: number | string) => void;
-}
-/**
- * A number input field component
- * aliases: NumericField|NumberField
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialNumberInput
- *   id="age"
- *   placeholder="Enter your age"
- *   value={25}
- *   onChange={(value) => setAge(value)}
- * />
- * ```
- *
- * @params - Component properties extending:
- * - {@link DialInputProps} - Standard input properties (id, value, placeholder, disabled, invalid, etc.) excluding `onChange`
- *
- * @param [integer] - When true, restricts input to integer values only — blocks decimal points, minus, plus, and scientific notation (e/E)
- * @param [min] - Minimum allowed value
- * @param [max] - Maximum allowed value
- * @param [onKeyDown] - Custom keydown handler (ignored when `integer` is true)
- * @param [onPaste] - Custom paste handler (ignored when `integer` is true)
- * @param onChange - Callback function called when the input value changes.
- *                        Returns either a number (for most values) or a string (for decimal values < 1 with leading zeros)
- */
-export declare const DialNumberInput: FC<DialNumberInputProps>;

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

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-export interface DialPaginationProps {
-    page: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    className?: string;
-}
-/**
- * Design system 1.0
- */
-export declare const DialPagination: FC<DialPaginationProps>;

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

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

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

@@ -1,9 +0,0 @@
-export declare const MANY_PAGES_THRESHOLD = 7;
-export declare const ADJACENT_WINDOW = 2;
-export declare const getPageRange: (totalPages: number) => number[];
-export declare enum PageDisplayType {
-    Active = "active",
-    Adjacent = "adjacent",
-    Far = "far"
-}
-export declare const getPageDisplayType: (p: number, currentPage: number, totalPages: number) => PageDisplayType;

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 {};