@pk-design/react-tailwind 1.6.0 → 1.7.0

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

@@ -0,0 +1,5 @@
+import type { ActionSheetProps } from './ActionSheet.types';
+export declare function ActionSheet({ isOpen, onClose, title, description, actions, showCancelButton, cancelLabel, onCancel, closeOnBackdropClick, dragHandle, panelClass, containerClass, }: ActionSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ActionSheet {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,44 @@
+import type { ReactNode } from 'react';
+export type ActionSheetItemTheme = 'default' | 'primary' | 'danger';
+export interface ActionSheetItem {
+    /** Unique action identifier */
+    id: string;
+    /** Display label text */
+    label: ReactNode;
+    /** Optional icon rendered on the left */
+    icon?: ReactNode;
+    /** Optional secondary description text */
+    description?: ReactNode;
+    /** Visual color theme variant ('default' | 'primary' | 'danger') */
+    theme?: ActionSheetItemTheme;
+    /** Disables click interaction */
+    disabled?: boolean;
+    /** Click handler callback */
+    onClick?: () => void;
+}
+export interface ActionSheetProps {
+    /** Controls if the action sheet is open */
+    isOpen: boolean;
+    /** Handler called when sheet backdrop is clicked or closed */
+    onClose: () => void;
+    /** Optional header title */
+    title?: ReactNode;
+    /** Optional header description/subtext */
+    description?: ReactNode;
+    /** List of action items */
+    actions: ActionSheetItem[];
+    /** Displays a separate bottom Cancel button (default: true) */
+    showCancelButton?: boolean;
+    /** Custom text for Cancel button (default: "Cancel") */
+    cancelLabel?: string;
+    /** Callback when Cancel button is clicked */
+    onCancel?: () => void;
+    /** Controls whether clicking backdrop overlay closes the sheet (default: true) */
+    closeOnBackdropClick?: boolean;
+    /** Shows top drag handle pill (default: true) */
+    dragHandle?: boolean;
+    /** Custom class for panel */
+    panelClass?: string;
+    /** Custom class for action items container */
+    containerClass?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ActionSheet } from './ActionSheet';
+export type { ActionSheetProps, ActionSheetItem, ActionSheetItemTheme } from './ActionSheet.types';

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

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-export type BadgeTheme = 'success' | 'danger' | 'warning' | 'info' | 'secondary';
+export type BadgeTheme = 'success' | 'danger' | 'warning' | 'info' | 'primary' | 'secondary';
 export type BadgeSize = 'sm' | 'md';
 export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /**

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

@@ -0,0 +1,5 @@
+import type { BottomNavigationProps } from './BottomNavigation.types';
+export declare function BottomNavigation({ items, activeId, onChange, fixed, showLabels, theme, activeIndicatorStyle, containerClass, itemClass, }: BottomNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BottomNavigation {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+export type BottomNavigationLabelVisibility = 'always' | 'active' | 'never';
+export type BottomNavigationTheme = 'primary' | 'dark' | 'light';
+export interface BottomNavigationItem {
+    /** Unique tab identifier */
+    id: string;
+    /** Display label text */
+    label: ReactNode;
+    /** Icon rendered in standard state */
+    icon: ReactNode;
+    /** Optional custom icon rendered when active */
+    activeIcon?: ReactNode;
+    /** Optional notification badge text or number (e.g. 3 or "NEW") */
+    badge?: string | number;
+    /** Badge color variant ('danger' | 'info' | 'success') */
+    badgeVariant?: 'danger' | 'info' | 'success';
+    /** Disables tab click */
+    disabled?: boolean;
+    /** Custom click handler */
+    onClick?: () => void;
+}
+export interface BottomNavigationProps {
+    /** Array of bottom navigation items (3 to 5 recommended) */
+    items: BottomNavigationItem[];
+    /** Controlled active tab ID */
+    activeId: string;
+    /** Callback fired when a tab is selected */
+    onChange: (id: string) => void;
+    /** Fixed positioning at bottom of viewport (default: true) */
+    fixed?: boolean;
+    /** Controls when tab labels are visible ('always' | 'active' | 'never', default: 'always') */
+    showLabels?: BottomNavigationLabelVisibility;
+    /** Theme styling variant ('primary' | 'dark' | 'light', default: 'light') */
+    theme?: BottomNavigationTheme;
+    /** Active tab indicator visual style ('pill' | 'line' | 'dot' | 'none', default: 'pill') */
+    activeIndicatorStyle?: 'pill' | 'line' | 'dot' | 'none';
+    /** Outer container class string */
+    containerClass?: string;
+    /** Tab button item class string */
+    itemClass?: string;
+}

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

@@ -0,0 +1,2 @@
+export { BottomNavigation } from './BottomNavigation';
+export type { BottomNavigationProps, BottomNavigationItem, BottomNavigationLabelVisibility, BottomNavigationTheme, } from './BottomNavigation.types';

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

@@ -42,6 +42,31 @@ export type CardBaseProps = {
      * @default false
      */
     zeroPadding?: boolean;
+    /**
+     * Optional primary title node for mobile & web card rows
+     */
+    title?: React.ReactNode;
+    /**
+     * Optional secondary subtitle node for mobile & web card rows
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Leading node (e.g. Avatar, thumbnail image, or icon)
+     */
+    leading?: React.ReactNode;
+    /**
+     * Trailing detail text or action node
+     */
+    trailing?: React.ReactNode;
+    /**
+     * Optional status badge or count pill
+     */
+    badge?: React.ReactNode;
+    /**
+     * Render trailing chevron arrow navigation icon
+     * @default false
+     */
+    showChevron?: boolean;
 };
 export type PolymorphicCardProps<C extends ElementType, Props = {}> = Props & {
     /**

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

@@ -0,0 +1,5 @@
+import type { DataListProps } from './DataList.types';
+export declare function DataList<T extends Record<string, any> = Record<string, any>>({ items, columns, renderItem, searchable, searchQuery: externalSearchQuery, onSearchChange, searchFields, filterFields, selectedFilters: externalFilters, onFilterChange, sorting: externalSorting, onSortChange, swipeableActions, rowKey, selectable, selectedKeys, onSelectionChange, onItemClick, loading, emptyMessage, pagination, setPagination, containerClass, itemClass, }: DataListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DataList {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,81 @@
+import type { ReactNode } from 'react';
+import type { TPagination } from '../Pagination';
+import type { SwipeableAction } from '../SwipeableRow';
+export type DataListSortDirection = 'asc' | 'desc' | '1' | '-1';
+export interface DataListColumn<T = any> {
+    /** Unique key or property path */
+    name: string;
+    /** Display label text */
+    label: ReactNode;
+    /** Enables sorting on this field */
+    sortable?: boolean;
+    /** Data type for sorting logic */
+    type?: 'string' | 'number' | 'date';
+    /** Custom renderer for item card */
+    render?: (item: T) => ReactNode;
+}
+export interface DataListFilterOption {
+    label: string;
+    value: string | number;
+}
+export interface DataListFilterField {
+    /** Field name string */
+    name: string;
+    /** Filter display label */
+    label: string;
+    /** Selectable filter options */
+    options: DataListFilterOption[];
+}
+export interface DataListProps<T = any> {
+    /** Array of data items */
+    items: T[];
+    /** Column definitions used for card grid rendering and auto-sorting/filtering */
+    columns?: DataListColumn<T>[];
+    /** Custom item card renderer */
+    renderItem?: (item: T, index: number) => ReactNode;
+    /** Enables top search input */
+    searchable?: boolean;
+    /** Controlled search query */
+    searchQuery?: string;
+    /** Search query change handler */
+    onSearchChange?: (query: string) => void;
+    /** Fields to search across (defaults to string/number column names) */
+    searchFields?: string[];
+    /** Available filter fields */
+    filterFields?: DataListFilterField[];
+    /** Controlled filter values keyed by filter field name (supports string, number, or array of selected values) */
+    selectedFilters?: Record<string, Array<string | number> | string | number>;
+    /** Filter values change handler */
+    onFilterChange?: (filters: Record<string, Array<string | number> | string | number>) => void;
+    /** Controlled sort state, e.g. `{ status: 'asc' }` */
+    sorting?: Record<string, DataListSortDirection>;
+    /** Sort change callback handler */
+    onSortChange?: (sorting: Record<string, DataListSortDirection>) => void;
+    /** Swipe actions callback for card rows */
+    swipeableActions?: (item: T) => {
+        leftActions?: SwipeableAction[];
+        rightActions?: SwipeableAction[];
+    };
+    /** Unique row key field or function */
+    rowKey?: string | ((item: T) => string | number);
+    /** Enables touch selection checkboxes */
+    selectable?: boolean;
+    /** Controlled selected item keys */
+    selectedKeys?: Array<string | number>;
+    /** Selection change callback */
+    onSelectionChange?: (selectedKeys: Array<string | number>, selectedItems: T[]) => void;
+    /** Item click callback */
+    onItemClick?: (item: T, index: number) => void;
+    /** Loading state */
+    loading?: boolean;
+    /** Empty state message */
+    emptyMessage?: ReactNode;
+    /** Pagination config */
+    pagination?: TPagination;
+    /** Pagination setter */
+    setPagination?: (pagination: Partial<TPagination>) => void;
+    /** Outer container class */
+    containerClass?: string;
+    /** Item card wrapper class */
+    itemClass?: string | ((item: T, index: number) => string);
+}

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

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

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

@@ -1,5 +1,5 @@
 import type { DataTableProps } from './DataTable.types';
-export declare function DataTable<T extends Record<string, any> = Record<string, any>>({ items, columns, sorting, onSort, loading, pagination, setPagination, emptyMessage, containerClass, wrapperClass, tableClass, headClass, footerRow, rowKey, onRowClick, rowClass, density, striped, layout, selectable, selectedRowKeys, defaultSelectedRowKeys, onSelectionChange, isRowSelectable, paginationContainerClass, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T extends Record<string, any> = Record<string, any>>({ items, columns, sorting, onSort, loading, pagination, setPagination, emptyMessage, containerClass, wrapperClass, tableClass, headClass, footerRow, rowKey, onRowClick, rowClass, density, striped, layout, selectable, selectedRowKeys, defaultSelectedRowKeys, onSelectionChange, isRowSelectable, stickyHeader, stickyPagination, paginationContainerClass, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
 }

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

@@ -72,6 +72,16 @@ export interface DataTableProps<T = any> {
     setPagination?: (pagination: Partial<TPagination>) => void;
     /** Table layout algorithm */
     layout?: 'fixed' | 'auto';
+    /**
+     * Pins the table header to the top when scrolling.
+     * @default true
+     */
+    stickyHeader?: boolean;
+    /**
+     * Pins the pagination footer to the bottom when scrolling.
+     * @default true
+     */
+    stickyPagination?: boolean;
     /**
      * Determines the stable React key for each row.
      * Pass a field name string or a function returning a unique value.

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

@@ -0,0 +1,3 @@
+import type { FlexComponent, FlexItemProps } from './Flex.types';
+export declare const FlexItem: import("react").ForwardRefExoticComponent<FlexItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Flex: FlexComponent;

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

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

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

@@ -0,0 +1,92 @@
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+import type { ResponsiveOrder } from '../common-responsive';
+export type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type FlexAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type FlexDirection = 'row' | 'row-reverse' | 'col' | 'col-reverse';
+export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+export type FlexSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto' | 'full';
+export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Render element tag override
+     * @default 'div'
+     */
+    as?: ElementType;
+    /**
+     * Spacing gap between flex items (applies to both axes unless `gapX`/`gapY` are set)
+     * @default undefined
+     */
+    gap?: FlexGap;
+    /**
+     * Horizontal gap between flex items, overrides `gap` on the x-axis
+     * @default undefined
+     */
+    gapX?: FlexGap;
+    /**
+     * Vertical gap between flex items, overrides `gap` on the y-axis
+     * @default undefined
+     */
+    gapY?: FlexGap;
+    /**
+     * Vertical cross-axis alignment
+     * @default 'stretch'
+     */
+    align?: FlexAlign;
+    /**
+     * Horizontal main-axis distribution
+     * @default 'start'
+     */
+    justify?: FlexJustify;
+    /**
+     * Flex direction (row, row-reverse, col, col-reverse)
+     * @default 'row'
+     */
+    direction?: FlexDirection;
+    /**
+     * Flex wrapping behavior (wrap, nowrap, wrap-reverse)
+     * @default 'wrap'
+     */
+    wrap?: FlexWrap;
+    /**
+     * Renders container as inline-flex
+     * @default false
+     */
+    inline?: boolean;
+    children?: ReactNode;
+}
+export interface FlexItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Render element tag override
+     * @default 'div'
+     */
+    as?: ElementType;
+    /**
+     * Width fraction (1-12, 'auto', 'full')
+     */
+    span?: FlexSpan;
+    /** Responsive width fraction at sm breakpoint (>= 640px) */
+    sm?: FlexSpan;
+    /** Responsive width fraction at md breakpoint (>= 768px) */
+    md?: FlexSpan;
+    /** Responsive width fraction at lg breakpoint (>= 1024px) */
+    lg?: FlexSpan;
+    /** Responsive width fraction at xl breakpoint (>= 1280px) */
+    xl?: FlexSpan;
+    /** Responsive width fraction at 2xl breakpoint (>= 1536px) */
+    xxl?: FlexSpan;
+    /** Allows flex item to grow and fill available space */
+    grow?: boolean;
+    /** Controls flex item shrinking behavior */
+    shrink?: boolean;
+    /**
+     * Visual order of the flex item. `'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 FlexComponent extends React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>> {
+    Item: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
+}

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

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

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

@@ -0,0 +1,5 @@
+import type { FloatingActionButtonProps } from './FloatingActionButton.types';
+export declare function FloatingActionButton({ icon, activeIcon, label, variant, size, position, speedDialActions, isOpen: externalIsOpen, onToggle, disabled, onClick, 'aria-label': ariaLabel, containerClass, className, }: FloatingActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FloatingActionButton {
+    var displayName: string;
+}

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

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

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

@@ -0,0 +1,48 @@
+import type { ReactNode } from 'react';
+export type FABVariant = 'primary' | 'secondary' | 'danger' | 'dark';
+export type FABSize = 'sm' | 'md' | 'lg';
+export type FABPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'inline';
+export interface FABSpeedDialAction {
+    /** Unique sub-action identifier */
+    id: string;
+    /** Display label text */
+    label: ReactNode;
+    /** Icon rendered next to label */
+    icon: ReactNode;
+    /** Visual color theme ('default' | 'danger' | 'primary') */
+    theme?: 'default' | 'danger' | 'primary';
+    /** Disables sub-action click */
+    disabled?: boolean;
+    /** Click handler callback */
+    onClick?: () => void;
+}
+export interface FloatingActionButtonProps {
+    /** Primary button icon */
+    icon: ReactNode;
+    /** Optional active icon when speed dial menu is expanded (e.g. X close icon) */
+    activeIcon?: ReactNode;
+    /** Label text for Extended FAB (Icon + Text layout) */
+    label?: ReactNode;
+    /** Color theme variant (default: 'primary') */
+    variant?: FABVariant;
+    /** Button size scale (default: 'md') */
+    size?: FABSize;
+    /** Screen positioning (default: 'bottom-right') */
+    position?: FABPosition;
+    /** List of expandable speed dial sub-actions */
+    speedDialActions?: FABSpeedDialAction[];
+    /** Controlled open state for speed dial */
+    isOpen?: boolean;
+    /** Handler called when speed dial open state changes */
+    onToggle?: (open: boolean) => void;
+    /** Disables click interaction */
+    disabled?: boolean;
+    /** Primary click handler (when speedDialActions is empty) */
+    onClick?: () => void;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Outer container class string */
+    containerClass?: string;
+    /** Button element class string */
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { FloatingActionButton } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FABSpeedDialAction, FABVariant, FABSize, FABPosition, } from './FloatingActionButton.types';

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

@@ -0,0 +1,3 @@
+import type { GridColProps, GridComponent } from './Grid.types';
+export declare const GridCol: import("react").ForwardRefExoticComponent<GridColProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid: GridComponent;

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

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

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/Input/Input.types.d.ts

@@ -4,9 +4,9 @@ export type InputSize = 'sm' | 'md' | 'lg';
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>, InputCustomProps {
     /**
      * Size scale of the input component.
-     * - `sm` (compact 28px/text-xs)
-     * - `md` (standard 36px/text-sm default)
-     * - `lg` (prominent 44px/text-base)
+     * - `sm` (compact 32px/text-xs)
+     * - `md` (standard 40px/text-sm default)
+     * - `lg` (prominent 48px/text-base)
      * Defaults to `"md"`.
      */
     size?: InputSize;

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