@pk-design/react-tailwind 1.5.4 → 1.7.0

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

@@ -0,0 +1,136 @@
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+import type { ResponsiveOrder } from '../common-responsive';
+export type GridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type GridAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type GridDirection = 'row' | 'row-reverse' | 'col' | 'col-reverse';
+export type GridWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+export type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto' | 'full';
+export type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * HTML element type to render
+     * @default "div"
+     */
+    as?: ElementType;
+    /**
+     * Preset column grid layout (1-12, auto). Ignored when `minColWidth` is set.
+     */
+    cols?: GridCols;
+    /**
+     * Renders a breakpoint-free responsive grid: columns are computed with
+     * `repeat(auto-fit|auto-fill, minmax(minColWidth, 1fr))`, so the item count
+     * per row adapts continuously to the container width instead of jumping at
+     * fixed breakpoints. Accepts any CSS length (e.g. `'12rem'`, `'240px'`).
+     * Takes precedence over `cols` when set.
+     */
+    minColWidth?: string;
+    /**
+     * When `minColWidth` is set, controls whether trailing empty tracks are
+     * collapsed (`autoFit: true`, columns stretch to fill the row) or kept as
+     * empty tracks (`autoFit: false`, uses `auto-fill`).
+     * @default true
+     */
+    autoFit?: boolean;
+    /**
+     * Gap spacing between grid items (applies to both axes unless `gapX`/`gapY` are set)
+     * @default "md"
+     */
+    gap?: GridGap;
+    /**
+     * Horizontal gap between grid items, overrides `gap` on the x-axis
+     * @default undefined
+     */
+    gapX?: GridGap;
+    /**
+     * Vertical gap between grid items, overrides `gap` on the y-axis
+     * @default undefined
+     */
+    gapY?: GridGap;
+    /**
+     * Alignment along the cross axis (align-items)
+     * @default "stretch"
+     */
+    align?: GridAlign;
+    /**
+     * Distribution along the main axis (justify-content)
+     * @default "start"
+     */
+    justify?: GridJustify;
+    /**
+     * Flex direction, only applies when `flex` is true
+     * @default "row"
+     */
+    direction?: GridDirection;
+    /**
+     * Flex wrap behavior, only applies when `flex` is true
+     * @default "wrap"
+     */
+    wrap?: GridWrap;
+    /**
+     * Renders as a flex/inline-flex container instead of CSS grid, reusing the
+     * same `gap`/`align`/`justify` props (plus `direction`/`wrap`). Useful when
+     * a layout needs to switch between grid and flex without swapping
+     * components. Note that `Grid.Col`'s `span`/`sm`/`md`/`lg`/`xl`/`xxl` props
+     * are CSS Grid-only and have no effect here — use `grow`/`shrink`/`order`
+     * instead, or reach for `Flex`/`Flex.Item` directly.
+     * @default false
+     */
+    flex?: boolean;
+    /**
+     * Renders as an inline container (inline-grid / inline-flex) instead of block
+     * @default false
+     */
+    inline?: boolean;
+    children?: ReactNode;
+}
+export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * HTML element type to render
+     * @default "div"
+     */
+    as?: ElementType;
+    /**
+     * Column span (1-12, 'auto', 'full')
+     */
+    span?: GridColSpan;
+    /**
+     * Responsive span on sm viewports (>= 640px)
+     */
+    sm?: GridColSpan;
+    /**
+     * Responsive span on md viewports (>= 768px)
+     */
+    md?: GridColSpan;
+    /**
+     * Responsive span on lg viewports (>= 1024px)
+     */
+    lg?: GridColSpan;
+    /**
+     * Responsive span on xl viewports (>= 1280px)
+     */
+    xl?: GridColSpan;
+    /**
+     * Responsive span on 2xl viewports (>= 1536px)
+     */
+    xxl?: GridColSpan;
+    /**
+     * Flex grow factor (applies when the parent `Grid` is rendered with `flex`)
+     */
+    grow?: boolean;
+    /**
+     * Flex shrink factor (applies when the parent `Grid` is rendered with `flex`)
+     */
+    shrink?: boolean;
+    /**
+     * Order priority. `'first'`/`'last'` map to Tailwind's
+     * `order-first`/`order-last` utilities; a numeric value is applied via an
+     * inline `order` style so any value is supported.
+     */
+    order?: ResponsiveOrder;
+    children?: ReactNode;
+}
+export interface GridComponent extends React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>> {
+    Col: React.ForwardRefExoticComponent<GridColProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<GridColProps & React.RefAttributes<HTMLDivElement>>;
+}

package/dist/types/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { Grid, GridCol } from './Grid';
+export type { GridProps, GridColProps, GridGap, GridAlign, GridJustify, GridDirection, GridWrap, GridColSpan, } from './Grid.types';

package/dist/types/components/HeadingText/HeadingText.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { HeadingTextProps } from './HeadingText.types';
-export declare const HeadingText: {
-    Title: React.FC<HeadingTextProps>;
-    SubTitle: React.FC<HeadingTextProps>;
-    SubTitle2: React.FC<HeadingTextProps>;
-    SubTitle3: React.FC<HeadingTextProps>;
-    SubTitle4: React.FC<HeadingTextProps>;
+import type { HeadingTextProps } from './HeadingText.types';
+export declare const HeadingText: React.ForwardRefExoticComponent<HeadingTextProps & React.RefAttributes<HTMLHeadingElement>> & {
+    Title: React.ForwardRefExoticComponent<HeadingTextProps & React.RefAttributes<HTMLHeadingElement>>;
+    SubTitle: React.ForwardRefExoticComponent<HeadingTextProps & React.RefAttributes<HTMLHeadingElement>>;
+    SubTitle2: React.ForwardRefExoticComponent<HeadingTextProps & React.RefAttributes<HTMLHeadingElement>>;
+    SubTitle3: React.ForwardRefExoticComponent<HeadingTextProps & React.RefAttributes<HTMLHeadingElement>>;
+    SubTitle4: React.ForwardRefExoticComponent<HeadingTextProps & React.RefAttributes<HTMLHeadingElement>>;
 };

package/dist/types/components/HeadingText/HeadingText.test.d.ts

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

package/dist/types/components/HeadingText/HeadingText.types.d.ts

@@ -1,5 +1,58 @@
-import type { ReactNode } from 'react';
-export interface HeadingTextProps {
-    children: ReactNode;
+import type { HTMLAttributes, ReactNode } from 'react';
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export type HeadingWeight = 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+export type HeadingAlign = 'left' | 'center' | 'right';
+export interface HeadingTextProps extends HTMLAttributes<HTMLHeadingElement> {
+    children?: ReactNode;
+    /**
+     * Heading HTML element level: 1 (h1), 2 (h2), 3 (h3), 4 (h4), 5 (h5), 6 (h6).
+     * Defaults to `1`.
+     */
+    level?: HeadingLevel;
+    /**
+     * Visual font size override.
+     */
+    size?: HeadingSize;
+    /**
+     * Font weight override.
+     */
+    weight?: HeadingWeight;
+    /**
+     * Muted secondary text color.
+     */
+    muted?: boolean;
+    /**
+     * Error red text color.
+     */
+    error?: boolean;
+    /**
+     * Success green text color.
+     */
+    success?: boolean;
+    /**
+     * Warning amber text color.
+     */
+    warning?: boolean;
+    /**
+     * Info blue text color.
+     */
+    info?: boolean;
+    /**
+     * Inverted text color for dark backgrounds.
+     */
+    invert?: boolean;
+    /**
+     * Text alignment (`left`, `center`, `right`).
+     */
+    align?: HeadingAlign;
+    /**
+     * Letter spacing / tracking (`tighter`, `tight`, `normal`, `wide`).
+     */
+    tracking?: 'tighter' | 'tight' | 'normal' | 'wide';
+    /**
+     * Truncate text with ellipsis.
+     */
+    truncate?: boolean;
     className?: string;
 }

package/dist/types/components/Input/Input.d.ts

@@ -1,6 +1,8 @@
-import { InputProps } from './Input.types';
-export declare function buildInputClass(className?: string, { isFocusWithin, disabled }?: {
+import type { InputProps, InputSize } from './Input.types';
+export declare function buildInputClass(className?: string, { isFocusWithin, disabled, hasError, size, }?: {
     isFocusWithin?: boolean;
     disabled?: boolean;
+    hasError?: boolean;
+    size?: InputSize;
 }): string;
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/Input.types.d.ts

@@ -1,12 +1,45 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
 import type { InputCustomProps } from '../common-type';
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement>, InputCustomProps {
+export type InputSize = 'sm' | 'md' | 'lg';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>, InputCustomProps {
     /**
-     * Space for right icon
+     * Size scale of the input component.
+     * - `sm` (compact 32px/text-xs)
+     * - `md` (standard 40px/text-sm default)
+     * - `lg` (prominent 48px/text-base)
+     * Defaults to `"md"`.
+     */
+    size?: InputSize;
+    /**
+     * Space for right icon / control
      */
     rightGroup?: ReactNode;
     /**
-     * Space for left icon
+     * Space for left icon / control
      */
     leftGroup?: ReactNode;
+    /**
+     * Static prefix addon text or element (e.g. `"https://"` or `"$"`).
+     */
+    prefix?: ReactNode;
+    /**
+     * Static suffix addon text or element (e.g. `".com"` or `"USD"`).
+     */
+    suffix?: ReactNode;
+    /**
+     * Renders a 1-Click clear `✕` button when text is present.
+     */
+    clearable?: boolean;
+    /**
+     * Callback fired when clear button is clicked.
+     */
+    onClear?: () => void;
+    /**
+     * Renders a live character count (`12 / 50`) below the input field.
+     */
+    showCount?: boolean;
+    /**
+     * Helper message rendered below the input field.
+     */
+    helperText?: ReactNode;
 }

package/dist/types/components/Loader/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './loader.css';
 export type LoaderSize = 'xs' | 'sm' | 'md' | 'lg';
-interface LoaderProps {
+interface LoaderProps extends React.SVGAttributes<SVGSVGElement> {
     size?: LoaderSize;
     className?: string;
 }

package/dist/types/components/MobileHeader/MobileHeader.d.ts

@@ -0,0 +1,5 @@
+import type { MobileHeaderProps } from './MobileHeader.types';
+export declare function MobileHeader({ title, subtitle, titleAlign, onBack, backLabel, leading, actions, searchable, searchValue: externalSearchValue, onSearchChange, searchPlaceholder, sticky, transparent, bottomSlot, className, }: MobileHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MobileHeader {
+    var displayName: string;
+}

package/dist/types/components/MobileHeader/MobileHeader.test.d.ts

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

package/dist/types/components/MobileHeader/MobileHeader.types.d.ts

@@ -0,0 +1,49 @@
+import type { ReactNode } from 'react';
+export interface MobileHeaderAction {
+    /** Unique action identifier */
+    id: string;
+    /** Icon rendered in right actions area */
+    icon: ReactNode;
+    /** Accessible title/label for action */
+    label: string;
+    /** Click handler callback */
+    onClick: () => void;
+    /** Optional notification badge text or number */
+    badge?: string | number;
+    /** Badge color variant */
+    badgeVariant?: 'danger' | 'info' | 'success';
+    /** Disables action click */
+    disabled?: boolean;
+}
+export interface MobileHeaderProps {
+    /** Main header title text or ReactNode */
+    title?: ReactNode;
+    /** Secondary subtitle text or sub-heading */
+    subtitle?: ReactNode;
+    /** Title text alignment ('center' | 'left', default: 'center') */
+    titleAlign?: 'center' | 'left';
+    /** Back button click handler */
+    onBack?: () => void;
+    /** Back button accessible label (default: "Back") */
+    backLabel?: string;
+    /** Custom leading element on left (e.g. Hamburger menu icon) */
+    leading?: ReactNode;
+    /** Right side action items */
+    actions?: MobileHeaderAction[];
+    /** Enables in-header search bar layout */
+    searchable?: boolean;
+    /** Controlled search input value */
+    searchValue?: string;
+    /** Search input change callback */
+    onSearchChange?: (value: string) => void;
+    /** Search input placeholder text (default: "Search...") */
+    searchPlaceholder?: string;
+    /** Sticky top positioning (default: true) */
+    sticky?: boolean;
+    /** Transparent background with backdrop blur */
+    transparent?: boolean;
+    /** Sub-header slot rendered below main header row (e.g. Filter tabs) */
+    bottomSlot?: ReactNode;
+    /** Outer container class string */
+    className?: string;
+}

package/dist/types/components/MobileHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { MobileHeader } from './MobileHeader';
+export type { MobileHeaderProps, MobileHeaderAction } from './MobileHeader.types';

package/dist/types/components/MobilePicker/MobilePicker.d.ts

@@ -0,0 +1,6 @@
+import type { BaseOption } from '../SelectBox/SelectBox.types';
+import type { MobilePickerProps } from './MobilePicker.types';
+export declare function MobilePicker<T extends BaseOption | string = BaseOption>(props: MobilePickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace MobilePicker {
+    var displayName: string;
+}

package/dist/types/components/MobilePicker/MobilePicker.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/components/MobilePicker/MobilePicker.types.d.ts

@@ -0,0 +1,90 @@
+import { type ReactNode } from 'react';
+import type { BaseOption, OptionGroup, SelectBoxSize } from '../SelectBox/SelectBox.types';
+export interface MobilePickerProps<T extends BaseOption | string = BaseOption> {
+    /** List of options to display in the mobile sheet */
+    options?: T[];
+    /** List of option groups to display in the mobile sheet */
+    groups?: OptionGroup<T>[];
+    /** Currently selected option(s). Single: T | null, Multi: T[] */
+    selected?: T | T[] | null;
+    /** Callback fired when selection changes */
+    onChange?: (value: T | T[] | null) => void;
+    /** Size scale of the trigger field (`"sm"` | `"md"` | `"lg"`). Defaults to `"md"`. */
+    size?: SelectBoxSize;
+    /** Field name for display label (default "label") */
+    labelKey?: string;
+    /** Field name for unique value (default "value") */
+    valueKey?: string;
+    /** Input element id */
+    id?: string;
+    /** Input element name */
+    name?: string;
+    /** Label text displayed above the component */
+    label?: string;
+    /** Label wrapper custom class */
+    labelWrapperClass?: string;
+    /** Label element custom class */
+    labelClass?: string;
+    /** Hint element beside label */
+    labelHint?: string;
+    /** Title shown in the top header of the mobile sheet */
+    title?: string;
+    /** Description shown in the top header of the mobile sheet */
+    description?: string;
+    /** Placeholder text shown when no value is selected */
+    placeholder?: string;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Multi-select mode */
+    multiple?: boolean;
+    /** Maximum selections allowed in multi-select mode */
+    maxSelection?: number;
+    /** Shows a 1-click Select All / Deselect All header in multi-select mode */
+    showSelectAll?: boolean;
+    /** Primary CTA button text for multi-select confirmation (default "Apply Selection") */
+    confirmText?: string;
+    /** Enables search input bar inside the bottom sheet */
+    searchable?: boolean;
+    /** Search input placeholder inside sheet */
+    searchPlaceholder?: string;
+    /** Enables async search mode (server-side search) */
+    async?: boolean;
+    /** Callback triggered when user types in async search mode */
+    onSearch?: (query: string) => Promise<void> | void;
+    /** Loading state spinner inside search bar or option list */
+    loading?: boolean;
+    /** Text displayed in async mode before typing query */
+    typeToSearchText?: string;
+    /** Custom search filter predicate for client-side filtering */
+    filterOption?: (option: T, query: string) => boolean;
+    /** Quick-access 1-tap option chips displayed above option list */
+    quickOptions?: T[];
+    /** Section header for quick-access chips (default "Quick Picks") */
+    quickOptionsTitle?: string;
+    /** Enables clear (X) button on single-select trigger */
+    allowClear?: boolean;
+    /** Enables typing custom freeform text inside the mobile search bar */
+    allowFreeText?: boolean;
+    /** Enables "+ Create" option card when search query doesn't match existing options */
+    allowAdd?: boolean;
+    /** Label prefix for creatable option action (default "Create") */
+    addNewText?: string;
+    /** Callback when user clicks the creatable option */
+    onAdd?: (value: string) => Promise<T | string | void> | T | string | void;
+    /** Icon or element displayed inside the trigger on the left */
+    leftGroup?: ReactNode;
+    /** Shows error state border and message */
+    error?: string | ReactNode;
+    /** Shows error message below field (default true) */
+    showErrorMessage?: boolean;
+    /** Helper guidance message rendered below field */
+    helperText?: ReactNode;
+    /** Message shown in the dropdown when options are empty */
+    noOptionsText?: string;
+    /** Custom option renderer function */
+    renderOption?: (option: T, isSelected: boolean) => ReactNode;
+    /** Outer container class */
+    containerClass?: string;
+    /** Sheet panel custom class */
+    sheetClass?: string;
+}

package/dist/types/components/MobilePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MobilePicker';
+export * from './MobilePicker.types';

package/dist/types/components/MobileStepper/MobileStepper.d.ts

@@ -0,0 +1,5 @@
+import type { MobileStepperProps } from './MobileStepper.types';
+export declare function MobileStepper({ steps, activeStep, variant, onBack, onNext, backLabel, nextLabel, stepTitle, nextDisabled, backDisabled, nextLoading, className, }: MobileStepperProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MobileStepper {
+    var displayName: string;
+}

package/dist/types/components/MobileStepper/MobileStepper.test.d.ts

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

package/dist/types/components/MobileStepper/MobileStepper.types.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+export type MobileStepperVariant = 'dots' | 'progress' | 'text';
+export interface MobileStepperProps {
+    /** Total number of steps (e.g. 4) */
+    steps: number;
+    /** Active step index (0-indexed) */
+    activeStep: number;
+    /** Progress layout variant ('dots' | 'progress' | 'text', default: 'dots') */
+    variant?: MobileStepperVariant;
+    /** Back button click handler */
+    onBack?: () => void;
+    /** Next button click handler */
+    onNext?: () => void;
+    /** Custom Back button label (default: "Back") */
+    backLabel?: ReactNode;
+    /** Custom Next button label (default: "Next") */
+    nextLabel?: ReactNode;
+    /** Current step title text (e.g. "Payment Details") */
+    stepTitle?: ReactNode;
+    /** Disables Next button */
+    nextDisabled?: boolean;
+    /** Disables Back button */
+    backDisabled?: boolean;
+    /** Loading spinner on Next button */
+    nextLoading?: boolean;
+    /** Outer container class string */
+    className?: string;
+}

package/dist/types/components/MobileStepper/index.d.ts

@@ -0,0 +1,2 @@
+export { MobileStepper } from './MobileStepper';
+export type { MobileStepperProps, MobileStepperVariant } from './MobileStepper.types';

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

@@ -1,6 +1,10 @@
-import { type InputProps } from '../Input';
-export interface PasswordInputProps extends Omit<InputProps, 'rightGroup' | 'type' | 'placeholder'> {
-}
+import type { PasswordInputProps } from './PasswordInput.types';
 export declare const PASSWORD_TYPE = "password";
 export declare const PASSWORD_PLACEHOLDER = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
-export declare const PasswordInput: React.FC<PasswordInputProps>;
+export declare function evaluatePasswordStrength(val: string): {
+    score: number;
+    label: 'Weak' | 'Fair' | 'Good' | 'Strong';
+    colorClass: string;
+    percent: number;
+};
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,8 @@
+import type { InputProps } from '../Input';
+export interface PasswordInputProps extends Omit<InputProps, 'rightGroup' | 'type'> {
+    /**
+     * Automatically evaluates and renders a visual password strength indicator bar
+     * (Weak, Fair, Good, Strong) based on length, digits, symbols, and uppercase letters.
+     */
+    showStrength?: boolean;
+}

package/dist/types/components/PinInput/PinInput.d.ts

@@ -0,0 +1,5 @@
+import type { PinInputProps } from './PinInput.types';
+export declare function PinInput({ length, value: externalValue, onChange, onComplete, mask, size, type, error, disabled, autoFocus, containerClass, inputClass, }: PinInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PinInput {
+    var displayName: string;
+}

package/dist/types/components/PinInput/PinInput.test.d.ts

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

package/dist/types/components/PinInput/PinInput.types.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+export type PinInputSize = 'sm' | 'md' | 'lg';
+export type PinInputType = 'numeric' | 'alphanumeric';
+export interface PinInputProps {
+    /** Number of digit/character boxes (default: 4) */
+    length?: number;
+    /** Controlled PIN input value string */
+    value?: string;
+    /** Change callback fired when value updates */
+    onChange?: (value: string) => void;
+    /** Callback fired when all digits are completely filled */
+    onComplete?: (value: string) => void;
+    /** Masks typed characters with dots for security PINs */
+    mask?: boolean;
+    /** Size scale of digit boxes ('sm' | 'md' | 'lg', default: 'md') */
+    size?: PinInputSize;
+    /** Allowed character type ('numeric' | 'alphanumeric', default: 'numeric') */
+    type?: PinInputType;
+    /** Error state or error message string */
+    error?: boolean | ReactNode;
+    /** Disables input interaction */
+    disabled?: boolean;
+    /** Auto-focuses the first digit input on mount */
+    autoFocus?: boolean;
+    /** Custom container class string */
+    containerClass?: string;
+    /** Custom individual digit input box class string */
+    inputClass?: string;
+}

package/dist/types/components/PinInput/index.d.ts

@@ -0,0 +1,2 @@
+export { PinInput } from './PinInput';
+export type { PinInputProps, PinInputSize, PinInputType } from './PinInput.types';

package/dist/types/components/PullToRefresh/PullToRefresh.d.ts

@@ -0,0 +1,5 @@
+import type { PullToRefreshProps } from './PullToRefresh.types';
+export declare function PullToRefresh({ onRefresh, pullThreshold, maxPullDistance, disabled, refreshing: externalRefreshing, pullingContent, refreshingContent, children, className, contentClass, }: PullToRefreshProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PullToRefresh {
+    var displayName: string;
+}

package/dist/types/components/PullToRefresh/PullToRefresh.test.d.ts

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

package/dist/types/components/PullToRefresh/PullToRefresh.types.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface PullToRefreshProps {
+    /** Async callback function triggered when user pulls to refresh */
+    onRefresh: () => Promise<void> | void;
+    /** Pull distance threshold in px to trigger refresh (default: 70) */
+    pullThreshold?: number;
+    /** Maximum pull distance in px (default: 120) */
+    maxPullDistance?: number;
+    /** Disables the pull-to-refresh touch gesture */
+    disabled?: boolean;
+    /** Controlled refreshing state */
+    refreshing?: boolean;
+    /** Custom content rendered while pulling down */
+    pullingContent?: ReactNode;
+    /** Custom content rendered while refreshing */
+    refreshingContent?: ReactNode;
+    /** Main scrollable content node */
+    children: ReactNode;
+    /** Container class string */
+    className?: string;
+    /** Content wrapper class string */
+    contentClass?: string;
+}

package/dist/types/components/PullToRefresh/index.d.ts

@@ -0,0 +1,2 @@
+export { PullToRefresh } from './PullToRefresh';
+export type { PullToRefreshProps } from './PullToRefresh.types';

package/dist/types/components/QuantityStepper/QuantityStepper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { QuantityStepperProps } from './QuantityStepper.types';
+export declare const QuantityStepper: React.ForwardRefExoticComponent<QuantityStepperProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/QuantityStepper/QuantityStepper.test.d.ts

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