@ngrr/ds 0.1.6 → 0.1.8

package/dist/components/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../Avatar';
+import { BadgeSize, BadgeVariant } from '../Badge';
+import { TagVariant } from '../Tag';
+export type CheckboxSize = 'md' | 'sm';
+/**
+ * Checkbox atom: row-level selectable control that can be embedded in
+ * multiple contexts. Field-level label/helper/error anatomy belongs to
+ * form wrappers such as CheckboxField and MultiChoice.
+ */
+export interface CheckboxProps {
+    size?: CheckboxSize;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    label?: string;
+    description?: string;
+    descriptionRight?: string;
+    showContent?: boolean;
+    showLabel?: boolean;
+    showDescription?: boolean;
+    showDescriptionRight?: boolean;
+    showAvatar?: boolean;
+    avatarProps?: AvatarProps;
+    showLeadingIcon?: boolean;
+    leadingIcon?: React.ReactNode;
+    showTrailingIcon?: boolean;
+    trailingIcon?: React.ReactNode;
+    showBadge?: boolean;
+    badgeCount?: number;
+    badgeSize?: BadgeSize;
+    badgeVariant?: BadgeVariant;
+    showTag?: boolean;
+    tagLabel?: string;
+    tagVariant?: TagVariant;
+    showButtons?: boolean;
+    actionAriaLabel?: string;
+    onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
+    showSwitcherRight?: boolean;
+    switcherChecked?: boolean;
+    onSwitcherChange?: (checked: boolean) => void;
+    onCheckedChange?: (checked: boolean) => void;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Checkbox({ size, checked, indeterminate, disabled, label, description, descriptionRight, showContent, showLabel, showDescription, showDescriptionRight, showAvatar, avatarProps, showLeadingIcon, leadingIcon, showTrailingIcon, trailingIcon, showBadge, badgeCount, badgeSize, badgeVariant, showTag, tagLabel, tagVariant, showButtons, actionAriaLabel, onActionClick, showSwitcherRight, switcherChecked, onSwitcherChange, onCheckedChange, className, 'aria-label': ariaLabel, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxSize } from './Checkbox';

package/dist/components/atoms/Chip/Chip.d.ts

@@ -0,0 +1,83 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export type ChipSize = 'md' | 'sm';
+export interface ChipProps {
+    /**
+     * The text label displayed inside the chip.
+     * Keep to 1–3 words. Use sentence case ("In progress", not "In Progress").
+     */
+    label: string;
+    /**
+     * Whether the chip is in its active/on state — a filter is applied, an option
+     * is chosen, etc. Clicking a selected chip deselects it.
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * When true, the chip is non-interactive. Uses `aria-disabled` rather than
+     * the native `disabled` attribute so the chip remains in the tab/reading order.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Visual size.
+     * - `md` — default; use in standard filter bars and option sets (32px height)
+     * - `sm` — compact layouts, dense filter panels (24px height)
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * Replaces the default CSS diamond in the **leading** position with any Lucide
+     * icon. Pass the component reference, not a rendered element:
+     *   `leadingIcon={Star}` ✓   `leadingIcon={<Star />}` ✗
+     */
+    leadingIcon?: LucideIcon;
+    /**
+     * Whether the leading icon slot is rendered.
+     * @default true
+     */
+    showLeadingIcon?: boolean;
+    /**
+     * Replaces the default CSS diamond in the **trailing** position with any
+     * Lucide icon. Ignored when `onDismiss` is provided (the dismiss × takes
+     * the trailing slot instead).
+     */
+    trailingIcon?: LucideIcon;
+    /**
+     * Whether the trailing icon slot is rendered.
+     * Ignored when `onDismiss` is provided.
+     * @default true
+     */
+    showTrailingIcon?: boolean;
+    /**
+     * When provided, renders a dismiss (×) button in the trailing position.
+     * The dismiss button has `aria-label="Remove {label}"` automatically.
+     * Calling `onDismiss` removes the chip value; it does NOT toggle selection.
+     */
+    onDismiss?: () => void;
+    /**
+     * Click / keyboard handler invoked when the user toggles the chip.
+     * The consumer is responsible for updating `selected` in response.
+     */
+    onClick?: () => void;
+    /** Additional CSS class names merged onto the root element. */
+    className?: string;
+    /**
+     * Accessible label for the chip. Falls back to the visible `label` text.
+     * Useful when the visual label alone is ambiguous in context.
+     */
+    'aria-label'?: string;
+}
+export interface ChipGroupProps {
+    /**
+     * Accessible label for the group, announced by screen readers.
+     * Describe the set: "Filter by status", "Select categories".
+     */
+    label: string;
+    /** One or more Chip elements. */
+    children: React.ReactNode;
+    /** Additional CSS class names merged onto the group element. */
+    className?: string;
+}
+export declare function Chip({ label, selected, disabled, size, leadingIcon, trailingIcon, showLeadingIcon, showTrailingIcon, onDismiss, onClick, className, 'aria-label': ariaLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipGroup({ label, children, className }: ChipGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip, ChipGroup } from './Chip';
+export type { ChipProps, ChipGroupProps, ChipSize } from './Chip';

package/dist/components/atoms/Combobox/Combobox.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    selectionMode?: 'single' | 'multi';
+    id?: string;
+    label?: string;
+    showLabel?: boolean;
+    placeholder?: string;
+    options?: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    values?: string[];
+    defaultValues?: string[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    showHelper?: boolean;
+    errorMessage?: string;
+    required?: boolean;
+    helperIcon?: React.ReactNode;
+    className?: string;
+    name?: string;
+    onChange?: (value: string, option: ComboboxOption) => void;
+    onValuesChange?: (values: string[], options: ComboboxOption[]) => void;
+    onOpenChange?: (open: boolean) => void;
+    onInputChange?: (query: string) => void;
+    confirmLabel?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+export declare function Combobox({ selectionMode, id, label, showLabel, placeholder, options, value, defaultValue, values, defaultValues, open, defaultOpen, disabled, error, helperText, showHelper, errorMessage, required, helperIcon, className, name, onChange, onValuesChange, onOpenChange, onInputChange, confirmLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export default Combobox;

package/dist/components/atoms/Combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxOption } from './Combobox';

package/dist/components/atoms/CustomViewTab/CustomViewTab.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+export interface CustomViewTabItem {
+    value: string;
+    label: string;
+    panel?: React.ReactNode;
+    disabled?: boolean;
+    showLeadingIcon?: boolean;
+    leadingIcon?: React.ReactNode;
+    removable?: boolean;
+    removeAriaLabel?: string;
+    'aria-label'?: string;
+}
+export interface CustomViewTabProps {
+    tabs: ReadonlyArray<CustomViewTabItem>;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onRemove?: (value: string) => void;
+    addActionLabel?: string;
+    addActionLeadingIcon?: React.ReactNode;
+    onAddAction?: () => void;
+    addActionAriaLabel?: string;
+    className?: string;
+    showPanels?: boolean;
+    panelClassName?: string;
+    'aria-label'?: string;
+}
+export type CustomViewTabsProps = CustomViewTabProps;
+export declare function CustomViewTab({ tabs, value, defaultValue, onChange, onRemove, addActionLabel, addActionLeadingIcon, onAddAction, addActionAriaLabel, className, showPanels, panelClassName, 'aria-label': ariaLabel, }: CustomViewTabProps): import("react/jsx-runtime").JSX.Element;
+export declare const CustomViewTabs: typeof CustomViewTab;
+export default CustomViewTab;

package/dist/components/atoms/CustomViewTab/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomViewTab, CustomViewTabs } from './CustomViewTab';
+export type { CustomViewTabProps, CustomViewTabsProps, CustomViewTabItem } from './CustomViewTab';

package/dist/components/atoms/DataListCell/DataListCell.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type DataListCellAlignment = 'inline' | 'vertical';
+export type DataListCellVariant = 'with-title' | 'just-icon';
+export type DataListCellState = 'default' | 'hover';
+export interface DataListCellProps {
+    alignment?: DataListCellAlignment;
+    variant?: DataListCellVariant;
+    state?: DataListCellState;
+    title?: string;
+    description?: string;
+    content?: React.ReactNode;
+    showIcon?: boolean;
+    icon?: React.ReactNode;
+    showActions?: boolean;
+    actionAriaLabel?: string;
+    onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function DataListCell({ alignment, variant, state, title, description, content, showIcon, icon, showActions, actionAriaLabel, onActionClick, className, 'aria-label': ariaLabel, }: DataListCellProps): import("react/jsx-runtime").JSX.Element;
+export default DataListCell;

package/dist/components/atoms/DataListCell/index.d.ts

@@ -0,0 +1,2 @@
+export { DataListCell } from './DataListCell';
+export type { DataListCellProps, DataListCellAlignment, DataListCellVariant, DataListCellState, } from './DataListCell';

package/dist/components/atoms/DataTableCell/DataTableCell.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { DataTableCellAlign, DataTableFieldType } from '../../../types/common';
+export type DataTableCellState = 'default' | 'hover';
+export interface DataTableCellProps {
+    fieldType?: DataTableFieldType;
+    state?: DataTableCellState;
+    loading?: boolean;
+    value?: unknown;
+    width?: number;
+    onCheckboxChange?: (checked: boolean) => void;
+    leadingAccessory?: React.ReactNode;
+    align?: DataTableCellAlign;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function DataTableCell({ fieldType, state, loading, value, width, onCheckboxChange, leadingAccessory, align, className, 'aria-label': ariaLabel, }: DataTableCellProps): import("react/jsx-runtime").JSX.Element;
+export default DataTableCell;

package/dist/components/atoms/DataTableCell/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTableCell } from './DataTableCell';
+export type { DataTableCellProps, DataTableCellState } from './DataTableCell';

package/dist/components/atoms/DataTableHeaderCell/DataTableHeaderCell.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { DataTableSortDirection } from '../../../types/common';
+export type DataTableHeaderCellVariant = 'title' | 'checkbox';
+export type DataTableHeaderCellState = 'default' | 'hover';
+export type DataTableHeaderReorderDirection = 'left' | 'right';
+export type DataTableHeaderResizeDirection = 'decrease' | 'increase';
+export interface DataTableHeaderCellProps {
+    variant?: DataTableHeaderCellVariant;
+    state?: DataTableHeaderCellState;
+    label?: string;
+    width?: number;
+    sortable?: boolean;
+    sortDirection?: DataTableSortDirection;
+    reorderable?: boolean;
+    resizable?: boolean;
+    checkboxChecked?: boolean;
+    checkboxIndeterminate?: boolean;
+    onCheckboxChange?: (checked: boolean) => void;
+    onSortChange?: (next: DataTableSortDirection) => void;
+    onReorderCommand?: (direction: DataTableHeaderReorderDirection) => void;
+    onResizeCommand?: (direction: DataTableHeaderResizeDirection) => void;
+    onResizePointerDown?: React.PointerEventHandler<HTMLButtonElement>;
+    onMoreClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onReorderDragStart?: React.DragEventHandler<HTMLElement>;
+    onReorderDragEnd?: React.DragEventHandler<HTMLElement>;
+    filterValue?: string;
+    onFilterChange?: (value: string) => void;
+    leadingAccessory?: React.ReactNode;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function DataTableHeaderCell({ variant, state, label, width, sortable, sortDirection, reorderable, resizable, checkboxChecked, checkboxIndeterminate, onCheckboxChange, onSortChange, onReorderCommand, onResizeCommand, onResizePointerDown, onMoreClick, onReorderDragStart, onReorderDragEnd, filterValue: _filterValue, onFilterChange: _onFilterChange, leadingAccessory, className, 'aria-label': ariaLabel, }: DataTableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+export default DataTableHeaderCell;

package/dist/components/atoms/DataTableHeaderCell/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTableHeaderCell } from './DataTableHeaderCell';
+export type { DataTableHeaderCellProps, DataTableHeaderCellVariant, DataTableHeaderCellState, DataTableHeaderReorderDirection, DataTableHeaderResizeDirection, } from './DataTableHeaderCell';

package/dist/components/atoms/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+export type DateTimePickerSelectionMode = 'single' | 'range';
+export type DateRangeValue = {
+    start: Date | null;
+    end: Date | null;
+};
+export type DateTimePickerValue = Date | DateRangeValue | null;
+export interface DateTimePickerPreset {
+    id: string;
+    label: string;
+    value: DateTimePickerValue;
+}
+export interface DateTimePickerProps {
+    id?: string;
+    displayMode?: 'popover' | 'inline';
+    selectionMode?: DateTimePickerSelectionMode;
+    withTime?: boolean;
+    label?: string;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    value?: DateTimePickerValue;
+    defaultValue?: DateTimePickerValue;
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    helperIcon?: React.ReactNode;
+    className?: string;
+    onChange?: (value: DateTimePickerValue) => void;
+    onOpenChange?: (open: boolean) => void;
+    presets?: DateTimePickerPreset[];
+    selectedPresetId?: string | null;
+    defaultSelectedPresetId?: string | null;
+    onPresetSelect?: (presetId: string) => void;
+    showActions?: boolean;
+    cancelLabel?: string;
+    confirmLabel?: string;
+    onCancel?: () => void;
+    onConfirm?: (value: DateTimePickerValue) => void;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+export declare function DateTimePicker({ id, displayMode, selectionMode, withTime, label, placeholder, startPlaceholder, endPlaceholder, value, defaultValue, open, defaultOpen, disabled, required, error, helperText, errorMessage, helperIcon, className, onChange, onOpenChange, presets, selectedPresetId, defaultSelectedPresetId, onPresetSelect, showActions, cancelLabel, confirmLabel, onCancel, onConfirm, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export default DateTimePicker;

package/dist/components/atoms/DateTimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateTimePicker } from './DateTimePicker';
+export type { DateTimePickerProps, DateTimePickerSelectionMode, DateTimePickerPreset, DateTimePickerValue, DateRangeValue, } from './DateTimePicker';

package/dist/components/atoms/LoadingBar/LoadingBar.d.ts

@@ -0,0 +1,20 @@
+export interface LoadingBarProps {
+    /**
+     * Current progress as a percentage (0–100).
+     *
+     * - **Omit** this prop for **indeterminate** mode — a segment animates
+     *   continuously left → right, signalling activity without a known end time.
+     * - **Provide** a number for **determinate** mode — the bar fills to the
+     *   given percentage and exposes `aria-valuenow` to assistive technology.
+     *   Values are clamped to [0, 100] internally.
+     */
+    value?: number;
+    /**
+     * Accessible label describing the operation in progress.
+     * Example: `"Navigating to dashboard"`, `"Uploading files"`.
+     */
+    label?: string;
+    /** Additional CSS class names merged onto the root element. */
+    className?: string;
+}
+export declare function LoadingBar({ value, label, className }: LoadingBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/LoadingBar/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingBar } from './LoadingBar';
+export type { LoadingBarProps } from './LoadingBar';

package/dist/components/atoms/MenuCell/MenuCell.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../Avatar';
+import { BadgeSize, BadgeVariant } from '../Badge';
+import { TagVariant } from '../Tag';
+export type MenuCellVariant = 'default' | 'switcher';
+export interface MenuCellProps {
+    variant?: MenuCellVariant;
+    destructive?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    fullWidth?: boolean;
+    label?: string;
+    description?: string;
+    descriptionRight?: string;
+    showLabel?: boolean;
+    showDescription?: boolean;
+    showDescriptionRight?: boolean;
+    showLeadingIcon?: boolean;
+    leadingIcon?: React.ReactNode;
+    showTrailingIcon?: boolean;
+    trailingIcon?: React.ReactNode;
+    showAvatar?: boolean;
+    avatarProps?: AvatarProps;
+    shortcut?: boolean;
+    shortcutLabel?: string;
+    shortcutAriaLabel?: string;
+    showBadge?: boolean;
+    badgeCount?: number;
+    badgeSize?: BadgeSize;
+    badgeVariant?: BadgeVariant;
+    showTag?: boolean;
+    tagLabel?: string;
+    tagVariant?: TagVariant;
+    showButtons?: boolean;
+    actionAriaLabel?: string;
+    onActionClick?: React.MouseEventHandler<HTMLButtonElement>;
+    switcherChecked?: boolean;
+    onSwitcherChange?: (checked: boolean) => void;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    tabIndex?: number;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare const MenuCell: React.ForwardRefExoticComponent<MenuCellProps & React.RefAttributes<HTMLElement>>;
+export default MenuCell;

package/dist/components/atoms/MenuCell/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuCell } from './MenuCell';
+export type { MenuCellProps, MenuCellVariant } from './MenuCell';

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

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export interface NumberInputProps {
+    /** Unique id — wires <label htmlFor> ↔ <input id>. Auto-generated if omitted. */
+    id?: string;
+    /** Visible label rendered above the control. */
+    label?: string;
+    placeholder?: string;
+    /** Controlled numeric value. */
+    value?: number;
+    /** Uncontrolled default numeric value. */
+    defaultValue?: number;
+    /** Minimum allowed value. Decrement button disables at this boundary. */
+    min?: number;
+    /** Maximum allowed value. Increment button disables at this boundary. */
+    max?: number;
+    /** Amount each stepper click changes the value. Default: 1. */
+    step?: number;
+    disabled?: boolean;
+    /** Enables the error visual state (red border, label, helper text). */
+    error?: boolean;
+    required?: boolean;
+    /** Shown below the control; replaced by errorMessage when error=true. */
+    helperText?: string;
+    /** Shown below the control only when error=true. */
+    errorMessage?: string;
+    /** Optional 16×16 icon at the start of the helper row. */
+    helperIcon?: React.ReactNode;
+    /**
+     * Called with the parsed numeric value (or `null` when the field is cleared).
+     * For controlled usage, update `value` in response to this callback.
+     */
+    onChange?: (value: number | null) => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    name?: string;
+    className?: string;
+}
+export declare function NumberInput({ id, label, placeholder, value, defaultValue, min, max, step, disabled, error, required, helperText, errorMessage, helperIcon, onChange, onBlur, onFocus, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, name, className, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export default NumberInput;

package/dist/components/atoms/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput';

package/dist/components/atoms/OTPInput/OTPInput.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface OTPInputProps {
+    /** Number of digit cells. Default: 6. */
+    length?: number;
+    /**
+     * Controlled full-string value, e.g. `"123456"`.
+     * Provide `onChange` to keep it in sync.
+     */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /**
+     * Visual / interaction state beyond normal typing.
+     * - `'idle'`      — default typing state (Empty / Partially filled)
+     * - `'verifying'` — submission in progress; cells are non-interactive
+     * - `'correct'`   — verification succeeded; green treatment
+     * - `'error'`     — verification failed; red label + error message
+     */
+    status?: 'idle' | 'verifying' | 'correct' | 'error';
+    disabled?: boolean;
+    /** Label text rendered above the cells. */
+    label?: string;
+    /**
+     * Optional element displayed to the right of the label.
+     * Typical usage: a "Try again" action link shown when `status="error"`.
+     */
+    labelAction?: React.ReactNode;
+    /** Helper text shown below the cells in idle / verifying states. */
+    helperText?: string;
+    /** Optional 16×16 icon at the start of the helper row. */
+    helperIcon?: React.ReactNode;
+    /** Error message shown below the cells when `status="error"`. */
+    errorMessage?: string;
+    /** Called with the full code string on every change. */
+    onChange?: (value: string) => void;
+    /** Called with the full code string when every cell is filled. */
+    onComplete?: (value: string) => void;
+    /** Accessible group label. Default: `"Enter {length}-digit verification code"`. */
+    'aria-label'?: string;
+    className?: string;
+}
+export declare function OTPInput({ length, value, defaultValue, status, disabled, label, labelAction, helperText, helperIcon, errorMessage, onChange, onComplete, 'aria-label': ariaLabel, className, }: OTPInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/OTPInput/index.d.ts

@@ -0,0 +1,2 @@
+export { OTPInput } from './OTPInput';
+export type { OTPInputProps } from './OTPInput';

package/dist/components/atoms/Pagination/PageSelector.d.ts

@@ -0,0 +1,13 @@
+export interface PageSelectorProps {
+    /** The page number to display. */
+    page: number;
+    /** Marks this selector as the current page. Adds `aria-current="page"` and teal border. */
+    selected?: boolean;
+    /** Prevents interaction. */
+    disabled?: boolean;
+    /** Called when the selector is clicked. */
+    onClick?: () => void;
+    className?: string;
+}
+export declare function PageSelector({ page, selected, disabled, onClick, className, }: PageSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default PageSelector;

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

@@ -0,0 +1,30 @@
+export interface PaginationProps {
+    /** Current page number (1-based). */
+    page: number;
+    /** Total number of pages. */
+    totalPages: number;
+    /** Called when the user navigates to a different page. */
+    onPageChange: (page: number) => void;
+    /**
+     * Total number of records. Used together with `pageSize` to render the
+     * "X–Y of Z records" summary string.
+     */
+    totalRecords?: number;
+    /**
+     * Number of records per page. Used together with `totalRecords` to compute
+     * the visible range.
+     */
+    pageSize?: number;
+    /**
+     * Currently selected rows-per-page value. When provided, a rows-per-page
+     * selector is shown on the left side of the bar.
+     */
+    rowsPerPage?: number;
+    /** Available rows-per-page options. Defaults to [10, 25, 50, 100]. */
+    rowsPerPageOptions?: number[];
+    /** Called when the user selects a different rows-per-page value. */
+    onRowsPerPageChange?: (rows: number) => void;
+    className?: string;
+}
+export declare function Pagination({ page, totalPages, onPageChange, totalRecords, pageSize, rowsPerPage, rowsPerPageOptions, onRowsPerPageChange, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/dist/components/atoms/Pagination/index.d.ts

@@ -0,0 +1,4 @@
+export { PageSelector } from './PageSelector';
+export type { PageSelectorProps } from './PageSelector';
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';

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

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+export interface PasswordInputProps {
+    /** Unique id — wires <label htmlFor> ↔ <input id>. Auto-generated via useId() if omitted. */
+    id?: string;
+    /** Visible label above the control. */
+    label?: string;
+    placeholder?: string;
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled default value. */
+    defaultValue?: string;
+    disabled?: boolean;
+    /** Enables the error visual state on the control, label, and helper row. */
+    error?: boolean;
+    required?: boolean;
+    /** Shown below the control; replaced by errorMessage when error=true. */
+    helperText?: string;
+    /** Shown below the control only when error=true. */
+    errorMessage?: string;
+    /** Optional 16×16 icon at the start of the helper / error row. */
+    helperIcon?: React.ReactNode;
+    /**
+     * Optional 16×16 icon rendered between the text field and the show/hide toggle.
+     * Maps to Figma's `rhIconWrapper` (trailing icon slot).
+     */
+    trailingIcon?: React.ReactNode;
+    /**
+     * Optional content rendered to the right of the label
+     * (e.g. a "Forgot password?" plain link button).
+     */
+    labelAction?: React.ReactNode;
+    /**
+     * autoComplete value. Defaults to "current-password".
+     * Use "new-password" for registration / change-password forms.
+     */
+    autoComplete?: string;
+    name?: string;
+    className?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+export declare function PasswordInput({ id, label, placeholder, value, defaultValue, disabled, error, required, helperText, errorMessage, helperIcon, trailingIcon, labelAction, autoComplete, name, className, onChange, onBlur, onFocus, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+export default PasswordInput;

package/dist/components/atoms/PasswordInput/PasswordRequirement.d.ts

@@ -0,0 +1,9 @@
+export interface PasswordRequirementProps {
+    /** The requirement text, e.g. "8+ characters". */
+    label: string;
+    /** Whether this requirement is currently satisfied. */
+    met: boolean;
+    className?: string;
+}
+export declare function PasswordRequirement({ label, met, className }: PasswordRequirementProps): import("react/jsx-runtime").JSX.Element;
+export default PasswordRequirement;

package/dist/components/atoms/PasswordInput/index.d.ts

@@ -0,0 +1,4 @@
+export { PasswordInput } from './PasswordInput';
+export type { PasswordInputProps } from './PasswordInput';
+export { PasswordRequirement } from './PasswordRequirement';
+export type { PasswordRequirementProps } from './PasswordRequirement';