@sudobility/components-rn 1.0.1

package/dist/ui/PageSectionHeader/PageSectionHeader.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+export interface PageSectionHeaderProps {
+    /** Section title */
+    title: string;
+    /** Optional subtitle/description */
+    description?: string;
+    /** Item count to display */
+    count?: number;
+    /** Count label (e.g., "items", "templates") */
+    countLabel?: string;
+    /** Action button(s) */
+    action?: React.ReactNode;
+    /** Show loading indicator */
+    loading?: boolean;
+    /** Loading text */
+    loadingText?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PageSectionHeader Component
+ *
+ * A flexible header for page sections with title, description, count, and actions.
+ * Commonly used at the top of content sections to provide context and actions.
+ *
+ * @example
+ * ```tsx
+ * <PageSectionHeader
+ *   title="Templates"
+ *   count={templates.length}
+ *   action={<Button onPress={handleAdd}>Add Template</Button>}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <PageSectionHeader
+ *   title="Email Filters"
+ *   description="Manage your email filtering rules"
+ *   count={12}
+ *   countLabel="filters"
+ *   loading={isRefreshing}
+ * />
+ * ```
+ */
+export declare const PageSectionHeader: React.FC<PageSectionHeaderProps>;
+//# sourceMappingURL=PageSectionHeader.d.ts.map

package/dist/ui/PageSectionHeader/PageSectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSectionHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/PageSectionHeader/PageSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sBAAsB;IACrC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsF9D,CAAC"}

package/dist/ui/PageSectionHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { PageSectionHeader } from './PageSectionHeader';
+export type { PageSectionHeaderProps } from './PageSectionHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/PageSectionHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/PageSectionHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/ui/Pagination/Pagination.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+export interface PaginationProps {
+    /** Current page number (1-indexed) */
+    currentPage: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Page change handler */
+    onPageChange: (page: number) => void;
+    /** Number of page buttons to show on each side */
+    siblingCount?: number;
+    /** Show first/last buttons */
+    showFirstLast?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Previous icon */
+    prevIcon?: React.ReactNode;
+    /** Next icon */
+    nextIcon?: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Pagination Component
+ *
+ * Flexible pagination controls with page numbers and navigation buttons.
+ * Automatically handles ellipsis for large page counts.
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   currentPage={3}
+ *   totalPages={10}
+ *   onPageChange={setPage}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Pagination
+ *   currentPage={currentPage}
+ *   totalPages={totalPages}
+ *   onPageChange={handlePageChange}
+ *   siblingCount={2}
+ *   showFirstLast
+ *   size="lg"
+ * />
+ * ```
+ */
+export declare const Pagination: React.FC<PaginationProps>;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/ui/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/ui/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0NhD,CAAC"}

package/dist/ui/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+export interface Country {
+    /** Country code (ISO 3166-1 alpha-2) */
+    code: string;
+    /** Country name */
+    name: string;
+    /** Dial code */
+    dialCode: string;
+    /** Flag emoji */
+    flag: string;
+}
+export interface PhoneInputProps {
+    /** Phone value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Selected country code */
+    country?: string;
+    /** Country change handler */
+    onCountryChange?: (country: string) => void;
+    /** Available countries (defaults to common countries) */
+    countries?: Country[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PhoneInput Component
+ *
+ * Phone number input with country code selector.
+ * Formats phone numbers and shows country flags.
+ *
+ * @example
+ * ```tsx
+ * <PhoneInput
+ *   value={phoneNumber}
+ *   onChange={setPhoneNumber}
+ *   country={selectedCountry}
+ *   onCountryChange={setSelectedCountry}
+ * />
+ * ```
+ */
+export declare const PhoneInput: React.FC<PhoneInputProps>;
+//# sourceMappingURL=PhoneInput.d.ts.map

package/dist/ui/PhoneInput/PhoneInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,OAAO;IACtB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4LhD,CAAC"}

package/dist/ui/PhoneInput/index.d.ts

@@ -0,0 +1,3 @@
+export { PhoneInput } from './PhoneInput';
+export type { PhoneInputProps, Country } from './PhoneInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/PhoneInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/Popover/Popover.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+export interface PopoverProps {
+    /** Trigger element */
+    trigger: React.ReactNode;
+    /** Popover content */
+    children: React.ReactNode;
+    /** Placement relative to trigger */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /** Open state (controlled) */
+    isOpen?: boolean;
+    /** Open state change handler (controlled) */
+    onOpenChange?: (open: boolean) => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Popover Component
+ *
+ * Floating content container anchored to a trigger element.
+ * Useful for contextual information, menus, and form helpers.
+ *
+ * @example
+ * ```tsx
+ * <Popover trigger={<Button>Open</Button>}>
+ *   <View className="p-4">
+ *     <Text>Popover content</Text>
+ *   </View>
+ * </Popover>
+ * ```
+ */
+export declare const Popover: React.FC<PopoverProps>;
+//# sourceMappingURL=Popover.d.ts.map

package/dist/ui/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuH1C,CAAC"}

package/dist/ui/Popover/index.d.ts

@@ -0,0 +1,3 @@
+export { Popover } from './Popover';
+export type { PopoverProps } from './Popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/ui/Progress/Progress.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+export interface ProgressProps {
+    /** Progress value (0-100) */
+    value?: number;
+    /** Maximum value */
+    max?: number;
+    /** Color variant */
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show label */
+    showLabel?: boolean;
+    /** Custom label */
+    label?: string;
+    /** Indeterminate state (loading) */
+    indeterminate?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Progress Component
+ *
+ * Linear progress indicator with support for determinate and indeterminate states.
+ *
+ * @example
+ * ```tsx
+ * <Progress value={75} showLabel />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Progress indeterminate />
+ * ```
+ */
+export declare const Progress: React.FC<ProgressProps>;
+export interface ProgressBarProps {
+    /** Progress value (0-100) */
+    value: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Color variant */
+    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'purple' | 'gray';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Label position */
+    labelPosition?: 'inside' | 'outside' | 'none';
+    /** Custom label text */
+    label?: string;
+    /** Additional className */
+    className?: string;
+    /** Animated transition */
+    animated?: boolean;
+}
+/**
+ * ProgressBar Component
+ *
+ * A visual progress indicator showing completion percentage.
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar value={65} variant="primary" showLabel />
+ * ```
+ */
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/ui/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0F5C,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3E,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC"}

package/dist/ui/Progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress, ProgressBar } from './Progress';
+export type { ProgressProps, ProgressBarProps } from './Progress';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

package/dist/ui/ProgressCircle/ProgressCircle.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export interface ProgressCircleProps {
+    /** Progress value (0-100) */
+    value: number;
+    /** Circle size in pixels */
+    size?: number;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Show percentage text */
+    showValue?: boolean;
+    /** Custom label */
+    label?: string;
+    /** Color variant */
+    variant?: 'primary' | 'success' | 'warning' | 'danger';
+    /** Custom color (hex) */
+    color?: string;
+    /** Background track color (hex) */
+    trackColor?: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ProgressCircle Component
+ *
+ * Circular progress indicator with customizable size and colors.
+ * Displays percentage or custom label in the center.
+ * Uses View-based approach for React Native compatibility.
+ *
+ * @example
+ * ```tsx
+ * <ProgressCircle
+ *   value={75}
+ *   size={120}
+ *   showValue
+ *   variant="success"
+ * />
+ * ```
+ */
+export declare const ProgressCircle: React.FC<ProgressCircleProps>;
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dist/ui/ProgressCircle/ProgressCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6FxD,CAAC"}

package/dist/ui/ProgressCircle/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressCircle } from './ProgressCircle';
+export type { ProgressCircleProps } from './ProgressCircle';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/ProgressCircle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressCircle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/ui/PromotionalBanner/PromotionalBanner.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface PromotionalBannerProps {
+    /** Banner title */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Button text */
+    buttonText: string;
+    /** Button press handler */
+    onButtonPress: () => void;
+    /** Visual variant */
+    variant?: 'default' | 'prominent';
+    /** Badge text */
+    badgeText?: string;
+    /** Icon element (optional) */
+    icon?: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PromotionalBanner Component
+ *
+ * Banner for promotions, announcements, or CTAs.
+ *
+ * @example
+ * ```tsx
+ * <PromotionalBanner
+ *   title="Get Started Free"
+ *   subtitle="No credit card required"
+ *   buttonText="Sign Up"
+ *   onButtonPress={handleSignUp}
+ *   badgeText="FREE"
+ * />
+ * ```
+ */
+export declare const PromotionalBanner: React.FC<PromotionalBannerProps>;
+//# sourceMappingURL=PromotionalBanner.d.ts.map

package/dist/ui/PromotionalBanner/PromotionalBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromotionalBanner.d.ts","sourceRoot":"","sources":["../../../src/ui/PromotionalBanner/PromotionalBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sBAAsB;IACrC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyE9D,CAAC"}

package/dist/ui/PromotionalBanner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PromotionalBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/PromotionalBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/PromotionalBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/ui/QuickActions/QuickActions.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+export interface QuickAction {
+    /** Unique identifier */
+    id: string;
+    /** Button label */
+    label: string;
+    /** Icon component or element */
+    icon?: React.ReactNode;
+    /** Press handler */
+    onPress: () => void;
+    /** Button variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    /** Whether button is disabled */
+    disabled?: boolean;
+}
+export interface QuickActionsProps {
+    /** Actions to display */
+    actions: QuickAction[];
+    /** Layout orientation */
+    orientation?: 'horizontal' | 'vertical' | 'grid';
+    /** Grid columns (when orientation is grid) */
+    columns?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * QuickActions Component
+ *
+ * Quick action buttons for dashboard.
+ * Supports multiple layouts and variants.
+ *
+ * @example
+ * ```tsx
+ * <QuickActions
+ *   actions={[
+ *     { id: '1', label: 'New Project', icon: <PlusIcon />, onPress: () => {}, variant: 'primary' },
+ *     { id: '2', label: 'Upload File', icon: <UploadIcon />, onPress: () => {} },
+ *     { id: '3', label: 'Export Data', icon: <DownloadIcon />, onPress: () => {} }
+ *   ]}
+ *   orientation="grid"
+ *   columns={3}
+ * />
+ * ```
+ */
+export declare const QuickActions: React.FC<QuickActionsProps>;
+//# sourceMappingURL=QuickActions.d.ts.map

package/dist/ui/QuickActions/QuickActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../../../src/ui/QuickActions/QuickActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnE,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,yBAAyB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkFpD,CAAC"}

package/dist/ui/QuickActions/index.d.ts

@@ -0,0 +1,3 @@
+export { QuickActions } from './QuickActions';
+export type { QuickActionsProps, QuickAction } from './QuickActions';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/QuickActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/QuickActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/ui/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+export interface ScrollAreaProps {
+    /** Scrollable content */
+    children: React.ReactNode;
+    /** Maximum height */
+    maxHeight?: number;
+    /** Hide scrollbar */
+    hideScrollbar?: boolean;
+    /** Scroll direction */
+    direction?: 'vertical' | 'horizontal' | 'both';
+    /** Show scroll indicators */
+    showsIndicator?: boolean;
+    /** Additional className */
+    className?: string;
+    /** Content container className */
+    contentClassName?: string;
+}
+/**
+ * ScrollArea Component
+ *
+ * Container with scrollable content and optional scroll indicators.
+ * Provides consistent scrollable areas across the application.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea maxHeight={400}>
+ *   <View>Long content...</View>
+ * </ScrollArea>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea direction="horizontal" hideScrollbar>
+ *   <View className="w-[2000px]">Wide content</View>
+ * </ScrollArea>
+ * ```
+ */
+export declare const ScrollArea: React.FC<ScrollAreaProps>;
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/ui/ScrollArea/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/ui/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC/C,6BAA6B;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmChD,CAAC"}

package/dist/ui/ScrollArea/index.d.ts

@@ -0,0 +1,3 @@
+export { ScrollArea } from './ScrollArea';
+export type { ScrollAreaProps } from './ScrollArea';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/ScrollArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ScrollArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/ScrollSpy/ScrollSpy.d.ts

@@ -0,0 +1,111 @@
+import * as React from 'react';
+export interface ScrollSpySection {
+    /** Section ID */
+    id: string;
+    /** Section label */
+    label: string;
+    /** Subsections */
+    subsections?: ScrollSpySection[];
+}
+export interface ScrollSpyProps {
+    /** Sections to track */
+    sections: ScrollSpySection[];
+    /** Active section ID */
+    activeId?: string;
+    /** Active section change handler */
+    onActiveChange?: (id: string) => void;
+    /** Section press handler - called when user taps a section link */
+    onSectionPress?: (id: string) => void;
+    /** Show subsections */
+    showSubsections?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ScrollSpy Component
+ *
+ * Navigation that highlights the active section.
+ * Pairs with ScrollSpyContainer for automatic scroll tracking.
+ *
+ * @example
+ * ```tsx
+ * <ScrollSpy
+ *   sections={[
+ *     { id: 'intro', label: 'Introduction' },
+ *     { id: 'features', label: 'Features' },
+ *     { id: 'pricing', label: 'Pricing' }
+ *   ]}
+ *   activeId={activeSection}
+ *   onSectionPress={(id) => scrollToSection(id)}
+ * />
+ * ```
+ */
+export declare const ScrollSpy: React.FC<ScrollSpyProps>;
+export interface SectionPosition {
+    id: string;
+    y: number;
+    height: number;
+}
+export interface ScrollSpyContainerProps {
+    /** Children content with sections */
+    children: React.ReactNode;
+    /** Sections configuration for tracking */
+    sections: ScrollSpySection[];
+    /** Active section change handler */
+    onActiveChange?: (id: string) => void;
+    /** Offset from top for determining active section */
+    offset?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ScrollSpyContainer Component
+ *
+ * Scrollable container that tracks section visibility.
+ * Use with ScrollSpySection to mark sections for tracking.
+ *
+ * @example
+ * ```tsx
+ * <ScrollSpyContainer
+ *   sections={tocSections}
+ *   onActiveChange={setActiveSection}
+ * >
+ *   <ScrollSpySection id="intro">
+ *     <Introduction />
+ *   </ScrollSpySection>
+ *   <ScrollSpySection id="features">
+ *     <Features />
+ *   </ScrollSpySection>
+ * </ScrollSpyContainer>
+ * ```
+ */
+export declare const ScrollSpyContainer: React.FC<ScrollSpyContainerProps>;
+interface ScrollSpyContextType {
+    registerSection: (id: string, y: number, height: number) => void;
+    unregisterSection: (id: string) => void;
+    scrollToSection: (id: string) => void;
+}
+export declare const useScrollSpy: () => ScrollSpyContextType | null;
+export interface ScrollSpySectionWrapperProps {
+    /** Section ID - must match an ID in ScrollSpy sections */
+    id: string;
+    /** Section content */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ScrollSpySectionWrapper Component
+ *
+ * Wrapper for content sections that should be tracked by ScrollSpy.
+ *
+ * @example
+ * ```tsx
+ * <ScrollSpySectionWrapper id="features">
+ *   <FeaturesList />
+ * </ScrollSpySectionWrapper>
+ * ```
+ */
+export declare const ScrollSpySectionWrapper: React.FC<ScrollSpySectionWrapperProps>;
+export {};
+//# sourceMappingURL=ScrollSpy.d.ts.map

package/dist/ui/ScrollSpy/ScrollSpy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollSpy.d.ts","sourceRoot":"","sources":["../../../src/ui/ScrollSpy/ScrollSpy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwE9C,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,oCAAoC;IACpC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+EhE,CAAC;AAGF,UAAU,oBAAoB;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAID,eAAO,MAAM,YAAY,mCAGxB,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CA2B7B,CAAC"}

package/dist/ui/ScrollSpy/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ScrollSpy';
+//# sourceMappingURL=index.d.ts.map