@papernote/ui 1.3.1 → 1.6.0

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,86 @@
+import { ReactNode } from 'react';
+import { BreadcrumbItem } from './Breadcrumbs';
+export interface PageHeaderAction {
+    /** Unique identifier for the action */
+    id: string;
+    /** Button label text */
+    label: string;
+    /** Icon to display (from lucide-react) */
+    icon?: ReactNode;
+    /** Click handler */
+    onClick: () => void;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'outline';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Hide on mobile */
+    hideOnMobile?: boolean;
+}
+export interface PageHeaderProps {
+    /** Page title */
+    title: string;
+    /** Optional subtitle/description */
+    subtitle?: string;
+    /** Breadcrumb navigation items */
+    breadcrumbs?: BreadcrumbItem[];
+    /** Show home icon in breadcrumbs (default: true) */
+    showHomeBreadcrumb?: boolean;
+    /** Action buttons to display on the right */
+    actions?: PageHeaderAction[];
+    /** Custom content to render on the right (instead of actions) */
+    rightContent?: ReactNode;
+    /** Custom content to render below title */
+    belowTitle?: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Make header sticky at top */
+    sticky?: boolean;
+    /** Back button configuration */
+    backButton?: {
+        label?: string;
+        onClick: () => void;
+    };
+}
+/**
+ * PageHeader - Standard page header with title, breadcrumbs, and actions
+ *
+ * A consistent header component for pages that provides:
+ * - Page title and optional subtitle
+ * - Breadcrumb navigation
+ * - Action buttons (Create, Export, etc.)
+ * - Optional back button
+ * - Sticky positioning option
+ *
+ * @example Basic usage
+ * ```tsx
+ * <PageHeader
+ *   title="Products"
+ *   subtitle="Manage your product catalog"
+ *   breadcrumbs={[{ label: 'Inventory' }, { label: 'Products' }]}
+ *   actions={[
+ *     { id: 'export', label: 'Export', icon: <Download />, onClick: handleExport, variant: 'ghost' },
+ *     { id: 'add', label: 'Add Product', icon: <Plus />, onClick: handleAdd, variant: 'primary' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example With back button
+ * ```tsx
+ * <PageHeader
+ *   title="Edit Product"
+ *   backButton={{ label: 'Back to Products', onClick: () => navigate('/products') }}
+ * />
+ * ```
+ *
+ * @example With custom right content
+ * ```tsx
+ * <PageHeader
+ *   title="Dashboard"
+ *   rightContent={<DateRangePicker value={range} onChange={setRange} />}
+ * />
+ * ```
+ */
+export default function PageHeader({ title, subtitle, breadcrumbs, showHomeBreadcrumb, actions, rightContent, belowTitle, className, sticky, backButton, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAoB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,kBAAyB,EACzB,OAAO,EACP,YAAY,EACZ,UAAU,EACV,SAAc,EACd,MAAc,EACd,UAAU,GACX,EAAE,eAAe,2CAsHjB"}

package/dist/components/PullToRefresh.d.ts

@@ -0,0 +1,87 @@
+import React from 'react';
+/**
+ * PullToRefresh component props
+ */
+export interface PullToRefreshProps {
+    /** Content to wrap */
+    children: React.ReactNode;
+    /** Async refresh handler - should return a Promise */
+    onRefresh: () => Promise<void>;
+    /** Disable pull-to-refresh */
+    disabled?: boolean;
+    /** Pull distance required to trigger refresh (default: 80) */
+    pullThreshold?: number;
+    /** Maximum pull distance (default: 120) */
+    maxPull?: number;
+    /** Custom loading indicator */
+    loadingIndicator?: React.ReactNode;
+    /** Custom pull indicator */
+    pullIndicator?: React.ReactNode;
+    /** Additional class names for container */
+    className?: string;
+}
+/**
+ * PullToRefresh - Mobile pull-to-refresh gesture handler
+ *
+ * Wraps content and provides native-feeling pull-to-refresh functionality.
+ * Only activates when scrolled to top of content.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <PullToRefresh onRefresh={async () => {
+ *   await fetchLatestData();
+ * }}>
+ *   <div className="min-h-screen">
+ *     {content}
+ *   </div>
+ * </PullToRefresh>
+ * ```
+ *
+ * @example With custom threshold
+ * ```tsx
+ * <PullToRefresh
+ *   onRefresh={handleRefresh}
+ *   pullThreshold={100}
+ *   maxPull={150}
+ * >
+ *   {content}
+ * </PullToRefresh>
+ * ```
+ */
+export default function PullToRefresh({ children, onRefresh, disabled, pullThreshold, maxPull, loadingIndicator, pullIndicator, className, }: PullToRefreshProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * usePullToRefresh - Hook for custom pull-to-refresh implementations
+ *
+ * @example
+ * ```tsx
+ * const { pullDistance, isRefreshing, bind } = usePullToRefresh({
+ *   onRefresh: async () => {
+ *     await fetchData();
+ *   }
+ * });
+ *
+ * return (
+ *   <div {...bind}>
+ *     {isRefreshing && <Spinner />}
+ *     {content}
+ *   </div>
+ * );
+ * ```
+ */
+export declare function usePullToRefresh({ onRefresh, pullThreshold, maxPull, disabled, }: {
+    onRefresh: () => Promise<void>;
+    pullThreshold?: number;
+    maxPull?: number;
+    disabled?: boolean;
+}): {
+    pullDistance: number;
+    isRefreshing: boolean;
+    isReady: boolean;
+    progress: number;
+    bind: {
+        onTouchStart: (e: React.TouchEvent) => void;
+        onTouchMove: (e: React.TouchEvent) => void;
+        onTouchEnd: () => Promise<void>;
+    };
+};
+//# sourceMappingURL=PullToRefresh.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../src/components/PullToRefresh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,4BAA4B;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,aAAkB,EAClB,OAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAc,GACf,EAAE,kBAAkB,2CAuJpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAkB,EAClB,OAAa,EACb,QAAgB,GACjB,EAAE;IACD,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;;;0BAK0C,KAAK,CAAC,UAAU;yBAKjB,KAAK,CAAC,UAAU;;;EAqCzD"}

package/dist/components/QueryTransparency.d.ts

@@ -30,7 +30,7 @@ export interface QueryTransparencyInfo {
     relatedData?: Array<{
         entity: string;
         description: string;
-        type: 'join' | 'include' | 'lookup';
+        type: 'primary' | 'join' | 'include' | 'lookup';
     }>;
     calculations?: Array<{
         field: string;

package/dist/components/QueryTransparency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryTransparency.d.ts","sourceRoot":"","sources":["../../src/components/QueryTransparency.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,GAAG,CAAC;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;KACpE,CAAC,CAAC;IACH,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;KACrC,CAAC,CAAC;IAEH,YAAY,CAAC,EAAE,KAAK,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;QACxD,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,EACT,SAAc,EACd,SAAS,EAAE,gBAAuB,EAClC,YAAoB,EACpB,iBAAwB,EACxB,gBAAgB,GACjB,EAAE,sBAAsB,kDAqMxB"}
+{"version":3,"file":"QueryTransparency.d.ts","sourceRoot":"","sources":["../../src/components/QueryTransparency.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,GAAG,CAAC;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;KACpE,CAAC,CAAC;IACH,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;KACjD,CAAC,CAAC;IAEH,YAAY,CAAC,EAAE,KAAK,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;QACxD,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,qBAAqB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,EACT,SAAc,EACd,SAAS,EAAE,gBAAuB,EAClC,YAAoB,EACpB,iBAAwB,EACxB,gBAAgB,GACjB,EAAE,sBAAsB,kDAqMxB"}

package/dist/components/SearchableList.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+export interface SearchableListItem<T = unknown> {
+    key: string;
+    data: T;
+}
+export interface SearchableListProps<T = unknown> {
+    /** Array of items to display */
+    items: SearchableListItem<T>[];
+    /** Search input placeholder */
+    searchPlaceholder?: string;
+    /** Controlled search value */
+    searchValue?: string;
+    /** Callback when search changes */
+    onSearchChange?: (value: string) => void;
+    /** Custom filter function */
+    filterFn?: (item: SearchableListItem<T>, searchTerm: string) => boolean;
+    /** Debounce delay for search in ms */
+    debounceMs?: number;
+    /** Render function for each item */
+    renderItem: (item: SearchableListItem<T>, index: number, isSelected: boolean, isHighlighted: boolean) => ReactNode;
+    /** Currently selected item key */
+    selectedKey?: string;
+    /** Callback when item is selected */
+    onSelect?: (item: SearchableListItem<T>) => void;
+    /** Maximum height with overflow scroll */
+    maxHeight?: string | number;
+    /** Show result count */
+    showResultCount?: boolean;
+    /** Result count format function */
+    formatResultCount?: (count: number, total: number) => string;
+    /** Message when no items available */
+    emptyMessage?: string | ReactNode;
+    /** Message when search has no results */
+    noResultsMessage?: string | ReactNode;
+    /** Loading state */
+    loading?: boolean;
+    /** Loading message */
+    loadingMessage?: string | ReactNode;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Visual variant */
+    variant?: 'default' | 'bordered' | 'card';
+    /** Additional CSS classes */
+    className?: string;
+    /** Enable keyboard navigation (arrow keys, enter) */
+    enableKeyboardNavigation?: boolean;
+    /** Auto-focus search input */
+    autoFocus?: boolean;
+}
+/**
+ * SearchableList - List component with integrated search/filter functionality
+ *
+ * @example Basic usage
+ * ```tsx
+ * <SearchableList
+ *   items={users.map(u => ({ key: u.id, data: u }))}
+ *   renderItem={(item) => <div>{item.data.name}</div>}
+ *   onSelect={(item) => setSelectedUser(item.data)}
+ *   searchable
+ *   searchPlaceholder="Search users..."
+ * />
+ * ```
+ *
+ * @example With custom filter and loading
+ * ```tsx
+ * <SearchableList
+ *   items={products}
+ *   renderItem={(item, index, isSelected) => (
+ *     <div className={isSelected ? 'bg-accent-50' : ''}>
+ *       {item.data.name} - ${item.data.price}
+ *     </div>
+ *   )}
+ *   filterFn={(item, term) =>
+ *     item.data.name.toLowerCase().includes(term.toLowerCase())
+ *   }
+ *   loading={isLoading}
+ *   loadingMessage="Fetching products..."
+ *   maxHeight="400px"
+ * />
+ * ```
+ */
+export default function SearchableList<T = unknown>({ items, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, filterFn, debounceMs, renderItem, selectedKey, onSelect, maxHeight, showResultCount, formatResultCount, emptyMessage, noResultsMessage, loading, loadingMessage, size, variant, className, enableKeyboardNavigation, autoFocus, }: SearchableListProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchableList.d.ts.map

package/dist/components/SearchableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../src/components/SearchableList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,CAAC,CAAC;CACT;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO;IAC9C,gCAAgC;IAChC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAG/B,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IACxE,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,oCAAoC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,KAAK,SAAS,CAAC;IAGnH,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAGjD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAG7D,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAGpC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,qDAAqD;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,GAAG,OAAO,EAAE,EAClD,KAAK,EACL,iBAA+B,EAC/B,WAAW,EAAE,qBAAqB,EAClC,cAAc,EACd,QAAQ,EACR,UAAgB,EAChB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAuB,EACvB,iBAAiB,EACjB,YAAmC,EACnC,gBAA+C,EAC/C,OAAe,EACf,cAA6B,EAC7B,IAAW,EACX,OAAmB,EACnB,SAAc,EACd,wBAA+B,EAC/B,SAAiB,GAClB,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA+KxB"}

package/dist/components/Select.d.ts

@@ -72,12 +72,16 @@ export interface SelectProps {
     virtualHeight?: string;
     /** Height of each option row in pixels (default: 42) */
     virtualItemHeight?: number;
+    /** Size of the select trigger - 'lg' provides 44px touch-friendly target */
+    size?: 'sm' | 'md' | 'lg';
+    /** Mobile display mode - 'auto' uses BottomSheet on mobile, 'dropdown' always uses dropdown, 'native' uses native select on mobile */
+    mobileMode?: 'auto' | 'dropdown' | 'native';
 }
 /**
- * Select - Dropdown select component with search, groups, and virtual scrolling
+ * Select - Dropdown select component with search, groups, virtual scrolling, and mobile support
  *
  * A feature-rich select component supporting flat or grouped options, search/filter,
- * option creation, virtual scrolling for large lists, and clear functionality.
+ * option creation, virtual scrolling for large lists, and mobile-optimized BottomSheet display.
  *
  * @example Basic select
  * ```tsx
@@ -95,6 +99,16 @@ export interface SelectProps {
  * />
  * ```
  *
+ * @example Mobile-optimized with large touch targets
+ * ```tsx
+ * <Select
+ *   options={options}
+ *   size="lg"
+ *   mobileMode="auto"
+ *   placeholder="Select..."
+ * />
+ * ```
+ *
  * @example Searchable with groups
  * ```tsx
  * const groups = [

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6BAA6B;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,wBAAwB;IACxB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,QAAA,MAAM,MAAM,kFA2YV,CAAC;AAGH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAKnG;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6BAA6B;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,wBAAwB;IACxB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sIAAsI;IACtI,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;CAC7C;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,QAAA,MAAM,MAAM,kFAqkBV,CAAC;AAGH,eAAe,MAAM,CAAC"}

package/dist/components/Sidebar.d.ts

@@ -18,6 +18,12 @@ export interface SidebarProps {
     header?: React.ReactNode;
     footer?: React.ReactNode;
     currentPath?: string;
+    /** Whether sidebar is open on mobile (drawer mode) */
+    mobileOpen?: boolean;
+    /** Callback when mobile drawer should close */
+    onMobileClose?: () => void;
+    /** Width of the sidebar (default: 256px / w-64) */
+    width?: string;
 }
 export interface SidebarGroupProps {
     title?: string;
@@ -27,5 +33,38 @@ export interface SidebarGroupProps {
     currentPath?: string;
 }
 export declare function SidebarGroup({ title, items, onNavigate, defaultExpanded, currentPath }: SidebarGroupProps): import("react/jsx-runtime").JSX.Element;
-export default function Sidebar({ items, onNavigate, className, header, footer, currentPath }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Sidebar - Navigation sidebar with mobile drawer support
+ *
+ * On desktop: Renders as a fixed-width sidebar
+ * On mobile: Renders as a drawer overlay when mobileOpen is true
+ *
+ * @example Desktop usage (no mobile props)
+ * ```tsx
+ * <Sidebar
+ *   items={navItems}
+ *   header={<Logo />}
+ *   footer={<UserProfile />}
+ *   currentPath={location.pathname}
+ *   onNavigate={(href) => navigate(href)}
+ * />
+ * ```
+ *
+ * @example With mobile drawer support
+ * ```tsx
+ * const [mobileOpen, setMobileOpen] = useState(false);
+ *
+ * <Sidebar
+ *   items={navItems}
+ *   header={<Logo />}
+ *   mobileOpen={mobileOpen}
+ *   onMobileClose={() => setMobileOpen(false)}
+ *   onNavigate={(href) => {
+ *     navigate(href);
+ *     setMobileOpen(false); // Close drawer on navigation
+ *   }}
+ * />
+ * ```
+ */
+export default function Sidebar({ items, onNavigate, className, header, footer, currentPath, mobileOpen, onMobileClose, width, }: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAqGD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,eAAsB,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CAoChH;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,YAAY,2CAsC/G"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAqGD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,eAAsB,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CAoChH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,UAAU,EACV,SAAc,EACd,MAAM,EACN,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,EACb,KAAc,GACf,EAAE,YAAY,kDAyKd"}

package/dist/components/SwipeActions.d.ts

@@ -0,0 +1,93 @@
+import React from 'react';
+/**
+ * Single swipe action configuration
+ */
+export interface SwipeAction {
+    /** Unique identifier */
+    id: string;
+    /** Action label (shown on the button) */
+    label: string;
+    /** Icon to display */
+    icon?: React.ReactNode;
+    /** Background color class (Tailwind) */
+    color?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+    /** Click handler */
+    onClick: () => void;
+    /** Whether this is the primary action (full swipe triggers it) */
+    primary?: boolean;
+}
+/**
+ * SwipeActions component props
+ */
+export interface SwipeActionsProps {
+    /** Content to wrap with swipe actions */
+    children: React.ReactNode;
+    /** Actions shown when swiping left (appears on right side) */
+    leftActions?: SwipeAction[];
+    /** Actions shown when swiping right (appears on left side) */
+    rightActions?: SwipeAction[];
+    /** Swipe threshold in pixels to reveal actions (default: 80) */
+    threshold?: number;
+    /** Full swipe threshold percentage to trigger primary action (default: 0.5) */
+    fullSwipeThreshold?: number;
+    /** Enable full swipe to trigger primary action */
+    fullSwipe?: boolean;
+    /** Disable swipe gestures */
+    disabled?: boolean;
+    /** Callback when actions are revealed/hidden */
+    onSwipeChange?: (direction: 'left' | 'right' | null) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * SwipeActions - Touch-based swipe actions for list items
+ *
+ * Wraps any content with swipe-to-reveal actions, commonly used in mobile
+ * list items for quick actions like delete, archive, edit, etc.
+ *
+ * Features:
+ * - Left and right swipe actions
+ * - Full swipe to trigger primary action
+ * - Spring-back animation
+ * - Touch and mouse support
+ * - Customizable thresholds
+ *
+ * @example Basic delete action
+ * ```tsx
+ * <SwipeActions
+ *   leftActions={[
+ *     {
+ *       id: 'delete',
+ *       label: 'Delete',
+ *       icon: <Trash className="h-5 w-5" />,
+ *       color: 'error',
+ *       onClick: () => handleDelete(item),
+ *       primary: true,
+ *     },
+ *   ]}
+ * >
+ *   <div className="p-4 bg-white">
+ *     List item content
+ *   </div>
+ * </SwipeActions>
+ * ```
+ *
+ * @example Multiple actions on both sides
+ * ```tsx
+ * <SwipeActions
+ *   leftActions={[
+ *     { id: 'delete', label: 'Delete', icon: <Trash />, color: 'error', onClick: handleDelete },
+ *     { id: 'archive', label: 'Archive', icon: <Archive />, color: 'warning', onClick: handleArchive },
+ *   ]}
+ *   rightActions={[
+ *     { id: 'edit', label: 'Edit', icon: <Edit />, color: 'primary', onClick: handleEdit },
+ *   ]}
+ *   fullSwipe
+ * >
+ *   <ListItem />
+ * </SwipeActions>
+ * ```
+ */
+export declare function SwipeActions({ children, leftActions, rightActions, threshold, fullSwipeThreshold, fullSwipe, disabled, onSwipeChange, className, }: SwipeActionsProps): import("react/jsx-runtime").JSX.Element;
+export default SwipeActions;
+//# sourceMappingURL=SwipeActions.d.ts.map

package/dist/components/SwipeActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeActions.d.ts","sourceRoot":"","sources":["../../src/components/SwipeActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAgB,EAChB,YAAiB,EACjB,SAAc,EACd,kBAAwB,EACxB,SAAiB,EACjB,QAAgB,EAChB,aAAa,EACb,SAAc,GACf,EAAE,iBAAiB,2CA6QnB;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Switch.d.ts

@@ -4,6 +4,7 @@ export interface SwitchProps {
     label?: string;
     description?: string;
     disabled?: boolean;
+    /** Size variant - 'lg' provides better touch targets. On mobile, 'md' auto-upgrades to 'lg'. */
     size?: 'sm' | 'md' | 'lg';
     /** Show loading spinner (disables interaction) */
     loading?: boolean;

package/dist/components/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,0GA4FV,CAAC;AAGH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,0GAmGV,CAAC;AAGH,eAAe,MAAM,CAAC"}

package/dist/components/Textarea.d.ts

@@ -16,6 +16,19 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
     /** Show loading spinner (for async operations like auto-save) */
     loading?: boolean;
+    /**
+     * Size variant - 'md' is default, 'lg' provides larger touch-friendly text and padding.
+     * On mobile, 'md' is automatically upgraded to 'lg' for better touch targets.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Enter key hint for mobile keyboards.
+     * 'enter' - Standard enter key (newline)
+     * 'done' - Done action
+     * 'go' - Go/navigate action
+     * 'send' - Send action
+     */
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'send';
 }
 declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

package/dist/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,+GAmLb,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACrD,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;CACjD;AASD,QAAA,MAAM,QAAQ,+GA0Lb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/index.d.ts

@@ -106,8 +106,12 @@ export { default as MarkdownEditor } from './MarkdownEditor';
 export type { MarkdownEditorProps } from './MarkdownEditor';
 export { default as Menu, MenuDivider } from './Menu';
 export type { MenuProps, MenuItem } from './Menu';
-export { default as Chip } from './Chip';
-export type { ChipProps } from './Chip';
+export { default as Chip, ChipGroup } from './Chip';
+export type { ChipProps, ChipGroupProps } from './Chip';
+export { default as CheckboxList } from './CheckboxList';
+export type { CheckboxListProps, CheckboxListItem } from './CheckboxList';
+export { default as SearchableList } from './SearchableList';
+export type { SearchableListProps, SearchableListItem } from './SearchableList';
 export { default as NumberInput } from './NumberInput';
 export type { NumberInputProps } from './NumberInput';
 export { default as AlertDialog } from './AlertDialog';
@@ -122,7 +126,9 @@ export { default as BottomSheet } from './BottomSheet';
 export type { BottomSheetProps } from './BottomSheet';
 export { default as Collapsible } from './Collapsible';
 export type { CollapsibleProps } from './Collapsible';
-export { Show, Hide, useMediaQuery } from './ResponsiveUtilities';
+export { default as ExpandablePanel, ExpandablePanelSpacer, ExpandablePanelContainer } from './ExpandablePanel';
+export type { ExpandablePanelProps } from './ExpandablePanel';
+export { Show, Hide } from './ResponsiveUtilities';
 export { default as Breadcrumbs } from './Breadcrumbs';
 export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs';
 export { default as Tabs } from './Tabs';
@@ -153,12 +159,22 @@ export { PageNavigation } from './PageNavigation';
 export type { PageNavigationProps } from './PageNavigation';
 export { default as Sidebar, SidebarGroup } from './Sidebar';
 export type { SidebarProps, SidebarItem, SidebarGroupProps } from './Sidebar';
+export { default as BottomNavigation, BottomNavigationSpacer } from './BottomNavigation';
+export type { BottomNavigationProps, BottomNavItem } from './BottomNavigation';
+export { default as MobileHeader, MobileHeaderSpacer } from './MobileHeader';
+export type { MobileHeaderProps } from './MobileHeader';
+export { default as FloatingActionButton, useFABScroll } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FABAction } from './FloatingActionButton';
+export { default as PullToRefresh, usePullToRefresh } from './PullToRefresh';
+export type { PullToRefreshProps } from './PullToRefresh';
 export { default as Logo } from './Logo';
 export type { LogoProps } from './Logo';
 export { default as UserProfileButton } from './UserProfileButton';
 export type { UserProfileButtonProps } from './UserProfileButton';
 export { default as Layout } from './Layout';
 export type { LayoutProps } from './Layout';
+export { default as MobileLayout } from './MobileLayout';
+export type { MobileLayoutProps } from './MobileLayout';
 export { default as TwoColumnContent } from './TwoColumnContent';
 export type { TwoColumnContentProps } from './TwoColumnContent';
 export { default as Page } from './Page';
@@ -175,6 +191,10 @@ export { default as NotificationIndicator } from './NotificationIndicator';
 export type { NotificationIndicatorProps } from './NotificationIndicator';
 export { default as DataTable } from './DataTable';
 export type { DataTableColumn, DataTableAction, ExpandedRowConfig, ExpansionMode } from './DataTable';
+export { default as DataTableCardView } from './DataTableCardView';
+export type { CardViewConfig, DataTableCardViewProps } from './DataTableCardView';
+export { default as SwipeActions } from './SwipeActions';
+export type { SwipeActionsProps, SwipeAction } from './SwipeActions';
 export { Spreadsheet, SpreadsheetReport } from './Spreadsheet';
 export type { SpreadsheetProps, SpreadsheetCell, Matrix, CellBase } from './Spreadsheet';
 export { default as ExpandedRowEditForm } from './ExpandedRowEditForm';
@@ -198,6 +218,10 @@ export type { QueryTransparencyProps, QueryTransparencyInfo } from './QueryTrans
 export { AppLayout } from './AppLayout';
 export type { AppLayoutProps } from './AppLayout';
 export { PageLayout } from './PageLayout';
+export { default as PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderAction } from './PageHeader';
+export { default as ActionBar, ActionBarLeft, ActionBarCenter, ActionBarRight } from './ActionBar';
+export type { ActionBarProps, ActionBarAction } from './ActionBar';
 export { AdminModal } from './AdminModal';
 export type { AdminModalProps, AdminModalTab } from './AdminModal';
 export { StatsCardGrid } from './StatsCardGrid';
@@ -223,4 +247,8 @@ export { exportToExcel, exportDataTableToExcel, createMultiSheetExcel } from '..
 export type { ExcelColumn, ExportToExcelOptions, DataTableExportOptions, MultiSheetExcelOptions } from '../utils/excelExport';
 export { useColumnResize, useColumnReorder } from '../hooks/useTableEnhancements';
 export type { UseColumnResizeOptions, UseColumnReorderOptions } from '../hooks/useTableEnhancements';
+export { useViewportSize, useBreakpoint, useMediaQuery, useIsMobile, useIsTablet, useIsDesktop, useIsTouchDevice, useOrientation, useBreakpointValue, useResponsiveCallback, useSafeAreaInsets, usePrefersMobile, BREAKPOINTS, } from '../hooks/useResponsive';
+export type { Breakpoint, ViewportSize, Orientation } from '../hooks/useResponsive';
+export { MobileProvider, useMobileContext, withMobileContext, MobileOnly, DesktopOnly, Responsive, } from '../context/MobileContext';
+export type { MobileContextValue, MobileProviderProps } from '../context/MobileContext';
 //# sourceMappingURL=index.d.ts.map