@papernote/ui 1.7.6 → 1.8.0

package/dist/components/Autocomplete.d.ts

@@ -8,6 +8,8 @@ export interface AutocompleteOption {
     label: string;
     description?: string;
     metadata?: Record<string, unknown>;
+    /** If true, renders as a non-selectable section header */
+    isHeader?: boolean;
 }
 export interface AutocompleteProps {
     value: string;
@@ -25,6 +27,8 @@ export interface AutocompleteProps {
     maxResults?: number;
     clearable?: boolean;
     className?: string;
+    /** Show static options dropdown on focus when input is empty. Default: true */
+    showOptionsOnFocus?: boolean;
 }
 declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<AutocompleteHandle>>;
 export default Autocomplete;

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,8FAkThB,CAAC;AAGH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,8FA6WhB,CAAC;AAGH,eAAe,YAAY,CAAC"}

package/dist/components/Badge.d.ts

@@ -8,6 +8,8 @@ export interface BadgeProps {
     className?: string;
     /** Show as dot indicator (no text, just a colored dot) */
     dot?: boolean;
+    /** Use pill shape (more rounded, compact padding) for inline use */
+    pill?: boolean;
 }
-export default function Badge({ children, variant, size, icon, onRemove, className, dot, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default function Badge({ children, variant, size, icon, onRemove, className, dot, pill, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,GAAW,GACZ,EAAE,UAAU,2CAyEZ"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,GAAW,EACX,IAAY,GACb,EAAE,UAAU,2CAiFZ"}

package/dist/components/BottomSheet.d.ts

@@ -1,16 +1,80 @@
-import { ReactNode } from 'react';
 export interface BottomSheetProps {
-    isOpen: boolean;
+    /** Whether the bottom sheet is open (alias: isOpen) */
+    open?: boolean;
+    /** Whether the bottom sheet is open (alias for open, for Modal compatibility) */
+    isOpen?: boolean;
+    /** Callback when the sheet should close */
     onClose: () => void;
-    children: ReactNode;
+    /** Content of the bottom sheet */
+    children: React.ReactNode;
+    /** Title displayed in header (if provided, renders built-in header) */
     title?: string;
-    height?: 'sm' | 'md' | 'lg' | 'full' | string;
-    showHandle?: boolean;
-    showCloseButton?: boolean;
+    /** Height of the sheet - 'auto' adjusts to content, 'sm'/'md'/'lg'/'full' presets, or specify px/% */
+    height?: 'auto' | 'sm' | 'md' | 'lg' | 'full' | number | string;
+    /** Maximum height of the sheet */
+    maxHeight?: string;
+    /** Snap points for partial expansion (e.g., ['50%', '90%']) */
+    snapPoints?: string[];
+    /** Close when clicking overlay */
     closeOnOverlayClick?: boolean;
+    /** Close when pressing Escape */
     closeOnEscape?: boolean;
-    snapPoints?: number[];
+    /** Show drag handle at top */
+    showHandle?: boolean;
+    /** Show close button in header (requires title) */
+    showCloseButton?: boolean;
+    /** Prevent body scroll when open */
+    preventScroll?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+export interface BottomSheetHeaderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface BottomSheetContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface BottomSheetActionsProps {
+    children: React.ReactNode;
     className?: string;
 }
-export default function BottomSheet({ isOpen, onClose, children, title, height, showHandle, showCloseButton, closeOnOverlayClick, closeOnEscape, className, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * BottomSheet - Mobile-friendly modal that slides up from the bottom
+ *
+ * Designed for mobile contexts with touch-friendly interactions:
+ * - Drag handle for swipe-to-dismiss
+ * - Snap points for partial expansion
+ * - Sticky action area at thumb zone
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={isOpen} onClose={() => setIsOpen(false)}>
+ *   <BottomSheetHeader>
+ *     <Text weight="bold">Transaction Details</Text>
+ *   </BottomSheetHeader>
+ *   <BottomSheetContent>
+ *     {content}
+ *   </BottomSheetContent>
+ *   <BottomSheetActions>
+ *     <Button fullWidth>Approve</Button>
+ *   </BottomSheetActions>
+ * </BottomSheet>
+ * ```
+ */
+export declare function BottomSheet({ open, isOpen, onClose, children, title, height, maxHeight, snapPoints, closeOnOverlayClick, closeOnEscape, showHandle, showCloseButton, preventScroll, className, }: BottomSheetProps): import("react").ReactPortal | null;
+/**
+ * BottomSheetHeader - Header section with title and optional close button
+ */
+export declare function BottomSheetHeader({ children, className }: BottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * BottomSheetContent - Scrollable content area
+ */
+export declare function BottomSheetContent({ children, className }: BottomSheetContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * BottomSheetActions - Sticky footer for action buttons (thumb zone)
+ */
+export declare function BottomSheetActions({ children, className }: BottomSheetActionsProps): import("react/jsx-runtime").JSX.Element;
+export default BottomSheet;
 //# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAS,MAAM,OAAO,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAa,EACb,UAAiB,EACjB,eAAsB,EACtB,mBAA0B,EAC1B,aAAoB,EAEpB,SAAc,GACf,EAAE,gBAAgB,kDAmKlB"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sGAAsG;IACtG,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChE,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iCAAiC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAe,EACf,SAAkB,EAClB,UAAU,EACV,mBAA0B,EAC1B,aAAoB,EACpB,UAAiB,EACjB,eAAsB,EACtB,aAAoB,EACpB,SAAc,GACf,EAAE,gBAAgB,sCA6MlB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,sBAAsB,2CAMrF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,uBAAuB,2CAMvF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,uBAAuB,2CAMvF;AAED,eAAe,WAAW,CAAC"}

package/dist/components/CompactStat.d.ts

@@ -0,0 +1,52 @@
+export interface CompactStatTrend {
+    /** Direction of the trend */
+    direction: 'up' | 'down' | 'neutral';
+    /** Value to display (e.g., "+$1,247" or "+12%") */
+    value: string;
+    /** Color override (defaults based on direction) */
+    color?: 'success' | 'error' | 'warning' | 'neutral';
+}
+export interface CompactStatProps {
+    /** The main value to display */
+    value: string;
+    /** Label describing the stat */
+    label: string;
+    /** Optional trend indicator */
+    trend?: CompactStatTrend;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * CompactStat - Single stat display optimized for mobile
+ *
+ * Designed for dashboard stats in 2-column mobile layouts:
+ * - Compact presentation with value, label, and optional trend
+ * - Responsive sizing
+ * - Trend indicators with color coding
+ *
+ * @example
+ * ```tsx
+ * <Grid columns={2} gap="sm">
+ *   <CompactStat
+ *     value="$62,329"
+ *     label="Net Worth"
+ *     trend={{
+ *       direction: 'up',
+ *       value: '+$1,247',
+ *       color: 'success'
+ *     }}
+ *   />
+ *   <CompactStat
+ *     value="$4,521"
+ *     label="Monthly Income"
+ *   />
+ * </Grid>
+ * ```
+ */
+export declare function CompactStat({ value, label, trend, size, align, className, }: CompactStatProps): import("react/jsx-runtime").JSX.Element;
+export default CompactStat;
+//# sourceMappingURL=CompactStat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompactStat.d.ts","sourceRoot":"","sources":["../../src/components/CompactStat.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAW,EACX,KAAc,EACd,SAAc,GACf,EAAE,gBAAgB,2CAsFlB;AAED,eAAe,WAAW,CAAC"}

package/dist/components/HorizontalScroll.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+type GapSize = 'none' | 'sm' | 'md' | 'lg' | number;
+export interface HorizontalScrollProps {
+    /** Items to display in horizontal scroll */
+    children: React.ReactNode;
+    /** Gap between items */
+    gap?: GapSize;
+    /** Pixels of next item visible as hint that more content exists */
+    peekAmount?: number;
+    /** Show dot indicators below */
+    showIndicators?: boolean;
+    /** Snap scroll to item boundaries */
+    snapToItem?: boolean;
+    /** When to show navigation arrows */
+    showArrows?: 'hover' | 'always' | 'never';
+    /** Scroll behavior */
+    scrollBehavior?: 'smooth' | 'auto';
+    /** Additional class name for container */
+    className?: string;
+    /** Additional class name for scroll container */
+    scrollClassName?: string;
+}
+/**
+ * HorizontalScroll - Horizontally scrollable container with peek indicators
+ *
+ * Designed for mobile carousels of cards with:
+ * - Touch-friendly momentum scrolling
+ * - Peek hint showing more items exist
+ * - Optional snap scrolling
+ * - Navigation arrows for desktop
+ *
+ * @example
+ * ```tsx
+ * <HorizontalScroll gap="md" peekAmount={24} showIndicators>
+ *   <Card>Bill 1</Card>
+ *   <Card>Bill 2</Card>
+ *   <Card>Bill 3</Card>
+ * </HorizontalScroll>
+ * ```
+ */
+export declare function HorizontalScroll({ children, gap, peekAmount, showIndicators, snapToItem, showArrows, scrollBehavior, className, scrollClassName, }: HorizontalScrollProps): import("react/jsx-runtime").JSX.Element;
+export default HorizontalScroll;
+//# sourceMappingURL=HorizontalScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../../src/components/HorizontalScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,sBAAsB;IACtB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,GAAU,EACV,UAAe,EACf,cAAsB,EACtB,UAAiB,EACjB,UAAoB,EACpB,cAAyB,EACzB,SAAc,EACd,eAAoB,GACrB,EAAE,qBAAqB,2CA0NvB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/NotificationBanner.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+export interface NotificationBannerAction {
+    /** Button label */
+    label: string;
+    /** Click handler */
+    onClick: () => void;
+}
+export interface NotificationBannerProps {
+    /** Banner variant determining color scheme */
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    /** Custom icon (defaults based on variant) */
+    icon?: React.ReactNode;
+    /** Primary message/title */
+    title: string;
+    /** Optional secondary description text */
+    description?: string;
+    /** Optional action button */
+    action?: NotificationBannerAction;
+    /** Callback when dismissed - if provided, shows dismiss button */
+    onDismiss?: () => void;
+    /** Can be swiped away on mobile */
+    dismissible?: boolean;
+    /** Stick to top of container on scroll */
+    sticky?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * NotificationBanner - Dismissible banner for important alerts
+ *
+ * Displays at top of screen for alerts that need attention but aren't blocking:
+ * - Money Found alerts
+ * - System messages
+ * - Promotional info
+ *
+ * @example
+ * ```tsx
+ * <NotificationBanner
+ *   variant="warning"
+ *   icon={<DollarSign />}
+ *   title="Found $33.98 in potential savings"
+ *   description="Tap to review"
+ *   action={{
+ *     label: "Review",
+ *     onClick: handleReview
+ *   }}
+ *   onDismiss={() => setShowBanner(false)}
+ * />
+ * ```
+ */
+export declare function NotificationBanner({ variant, icon, title, description, action, onDismiss, dismissible, sticky, className, }: NotificationBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export default NotificationBanner;
+//# sourceMappingURL=NotificationBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBanner.d.ts","sourceRoot":"","sources":["../../src/components/NotificationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,wBAAwB;IACvC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAgB,EAChB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,WAAkB,EAClB,MAAc,EACd,SAAc,GACf,EAAE,uBAAuB,kDA2KzB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/Progress.d.ts

@@ -1,8 +1,8 @@
 export interface ProgressProps {
     /** Progress value (0-100) */
     value: number;
-    /** Progress variant */
-    variant?: 'linear' | 'circular';
+    /** Progress variant ('ring' is alias for 'circular') */
+    variant?: 'linear' | 'circular' | 'ring';
     /** Size variant */
     size?: 'sm' | 'md' | 'lg';
     /** Color variant */

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpD,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,OAAkB,EAClB,IAAW,EACX,KAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,SAAc,GACf,EAAE,aAAa,2CA2Hf"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACzC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpD,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,OAAkB,EAClB,IAAW,EACX,KAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,OAAe,EACf,QAAgB,EAChB,SAAc,GACf,EAAE,aAAa,2CA8Hf"}

package/dist/components/PullToRefresh.d.ts

@@ -1,87 +1,39 @@
 import React from 'react';
-/**
- * PullToRefresh component props
- */
 export interface PullToRefreshProps {
-    /** Content to wrap */
+    /** Content to wrap with pull-to-refresh functionality */
     children: React.ReactNode;
-    /** Async refresh handler - should return a Promise */
+    /** Async callback when refresh is triggered - should return when refresh is complete */
     onRefresh: () => Promise<void>;
+    /** Pixels to pull before triggering refresh */
+    threshold?: number;
     /** 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 */
+    /** Custom content shown while pulling */
+    pullingContent?: React.ReactNode;
+    /** Custom content shown when ready to release */
+    releaseContent?: React.ReactNode;
+    /** Custom content shown while refreshing */
+    refreshingContent?: React.ReactNode;
+    /** Custom content shown when refresh completes (briefly) */
+    completeContent?: React.ReactNode;
+    /** Additional class name 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>
- * ```
+ * PullToRefresh - Pull-down refresh indicator and handler for mobile lists
  *
- * @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
+ * Wraps content to enable pull-to-refresh behavior on mobile:
+ * - Pull down to trigger refresh
+ * - Visual feedback showing progress
+ * - Custom content for each state
  *
  * @example
  * ```tsx
- * const { pullDistance, isRefreshing, bind } = usePullToRefresh({
- *   onRefresh: async () => {
- *     await fetchData();
- *   }
- * });
- *
- * return (
- *   <div {...bind}>
- *     {isRefreshing && <Spinner />}
- *     {content}
- *   </div>
- * );
+ * <PullToRefresh onRefresh={async () => { await syncData(); }}>
+ *   <TransactionList transactions={transactions} />
+ * </PullToRefresh>
  * ```
  */
-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>;
-    };
-};
+export declare function PullToRefresh({ children, onRefresh, threshold, disabled, pullingContent, releaseContent, refreshingContent, completeContent, className, }: PullToRefreshProps): import("react/jsx-runtime").JSX.Element;
+export default PullToRefresh;
 //# sourceMappingURL=PullToRefresh.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../src/components/PullToRefresh.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,kBAAkB;IACjC,yDAAyD;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wFAAwF;IACxF,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,iDAAiD;IACjD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,4DAA4D;IAC5D,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,SAAc,EACd,QAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,SAAc,GACf,EAAE,kBAAkB,2CA0MpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/Stack.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type SpacingValue = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SpacingValue = 'none' | 'tight' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Content to stack */
     children: React.ReactNode;
@@ -25,6 +25,7 @@ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * Spacing scale (use either `spacing` or `gap` prop - they're aliases):
  * - none: 0
+ * - tight: 0.25rem (1) - for mobile-density layouts
  * - xs: 0.5rem (2)
  * - sm: 0.75rem (3)
  * - md: 1.5rem (6)

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,yCAAyC;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK,mFAiEhB,CAAC;AAIH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,yCAAyC;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,mFAmEhB,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/dist/components/SwipeableCard.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+export interface SwipeAction {
+    /** Icon to display in action area */
+    icon: React.ReactNode;
+    /** Background color variant */
+    color: 'success' | 'error' | 'warning' | 'neutral' | 'primary';
+    /** Label for accessibility */
+    label: string;
+}
+export interface SwipeableCardProps {
+    /** Card content */
+    children: React.ReactNode;
+    /** Handler called when swiped right past threshold */
+    onSwipeRight?: () => void;
+    /** Handler called when swiped left past threshold */
+    onSwipeLeft?: () => void;
+    /** Right swipe action configuration */
+    rightAction?: SwipeAction;
+    /** Left swipe action configuration */
+    leftAction?: SwipeAction;
+    /** Pixels of swipe before action triggers */
+    swipeThreshold?: number;
+    /** Enable haptic feedback on mobile (if supported) */
+    hapticFeedback?: boolean;
+    /** Disable swipe interactions */
+    disabled?: boolean;
+    /** Callback when swipe starts */
+    onSwipeStart?: () => void;
+    /** Callback when swipe ends (regardless of trigger) */
+    onSwipeEnd?: () => void;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * SwipeableCard - Card component with swipe-to-action functionality
+ *
+ * Designed for mobile approval workflows:
+ * - Swipe right to approve/confirm
+ * - Swipe left to see options/alternatives
+ * - Visual feedback showing action being revealed
+ * - Haptic feedback on mobile devices
+ *
+ * @example
+ * ```tsx
+ * <SwipeableCard
+ *   onSwipeRight={() => handleApprove()}
+ *   onSwipeLeft={() => handleShowOptions()}
+ *   rightAction={{
+ *     icon: <Check />,
+ *     color: 'success',
+ *     label: 'Approve'
+ *   }}
+ *   leftAction={{
+ *     icon: <MoreHorizontal />,
+ *     color: 'neutral',
+ *     label: 'Options'
+ *   }}
+ * >
+ *   <TransactionContent />
+ * </SwipeableCard>
+ * ```
+ */
+export declare function SwipeableCard({ children, onSwipeRight, onSwipeLeft, rightAction, leftAction, swipeThreshold, hapticFeedback, disabled, onSwipeStart, onSwipeEnd, className, }: SwipeableCardProps): import("react/jsx-runtime").JSX.Element;
+export default SwipeableCard;
+//# sourceMappingURL=SwipeableCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableCard.d.ts","sourceRoot":"","sources":["../../src/components/SwipeableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,WAAW;IAC1B,qCAAqC;IACrC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+BAA+B;IAC/B,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/D,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,sCAAsC;IACtC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAIC,EACD,UAIC,EACD,cAAoB,EACpB,cAAqB,EACrB,QAAgB,EAChB,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,kBAAkB,2CAkQpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/Text.d.ts

@@ -1,12 +1,19 @@
 import React from 'react';
 type TextElement = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
+type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
 export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
     /** Text content */
     children: React.ReactNode;
     /** HTML element to render */
     as?: TextElement;
-    /** Size variant */
-    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
+    /** Size variant (base size) */
+    size?: TextSize;
+    /** Size on small screens (640px+) - overrides base size */
+    smSize?: TextSize;
+    /** Size on medium screens (768px+) - overrides smaller breakpoints */
+    mdSize?: TextSize;
+    /** Size on large screens (1024px+) - overrides smaller breakpoints */
+    lgSize?: TextSize;
     /** Weight variant */
     weight?: 'normal' | 'medium' | 'semibold' | 'bold';
     /** Color variant */

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAE5F,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACjF,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAClD,qBAAqB;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvF,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,qBAAqB;IACrB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC;IAChE,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,IAAI,+EAkFf,CAAC;AAIH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAE5F,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE3D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACjF,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,qBAAqB;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvF,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,qBAAqB;IACrB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC;IAChE,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,IAAI,+EAoHf,CAAC;AAIH,eAAe,IAAI,CAAC"}

package/dist/components/index.d.ts

@@ -122,13 +122,21 @@ export { default as ContextMenu } from './ContextMenu';
 export type { ContextMenuProps } from './ContextMenu';
 export { default as ErrorBoundary } from './ErrorBoundary';
 export type { ErrorBoundaryProps } from './ErrorBoundary';
-export { default as BottomSheet } from './BottomSheet';
-export type { BottomSheetProps } from './BottomSheet';
+export { default as BottomSheet, BottomSheetHeader, BottomSheetContent, BottomSheetActions } from './BottomSheet';
+export type { BottomSheetProps, BottomSheetHeaderProps, BottomSheetContentProps, BottomSheetActionsProps } from './BottomSheet';
 export { default as Collapsible } from './Collapsible';
 export type { CollapsibleProps } from './Collapsible';
 export { default as ExpandablePanel, ExpandablePanelSpacer, ExpandablePanelContainer } from './ExpandablePanel';
 export type { ExpandablePanelProps } from './ExpandablePanel';
 export { Show, Hide } from './ResponsiveUtilities';
+export { default as HorizontalScroll } from './HorizontalScroll';
+export type { HorizontalScrollProps } from './HorizontalScroll';
+export { default as SwipeableCard } from './SwipeableCard';
+export type { SwipeableCardProps, SwipeAction as SwipeableCardAction } from './SwipeableCard';
+export { default as NotificationBanner } from './NotificationBanner';
+export type { NotificationBannerProps, NotificationBannerAction } from './NotificationBanner';
+export { default as CompactStat } from './CompactStat';
+export type { CompactStatProps, CompactStatTrend } from './CompactStat';
 export { default as Breadcrumbs, useBreadcrumbReset } from './Breadcrumbs';
 export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbNavigationState } from './Breadcrumbs';
 export { default as Tabs } from './Tabs';
@@ -165,7 +173,7 @@ 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 { default as PullToRefresh } from './PullToRefresh';
 export type { PullToRefreshProps } from './PullToRefresh';
 export { default as Logo } from './Logo';
 export type { LogoProps } from './Logo';