@sudobility/components-rn 1.0.1

package/dist/ui/LoadingOverlay/LoadingOverlay.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export interface LoadingOverlayProps {
+    /** Whether the overlay is visible */
+    isLoading: boolean;
+    /** Loading message */
+    message?: string;
+    /** Overlay mode */
+    mode?: 'fullscreen' | 'container';
+    /** Spinner size */
+    spinnerSize?: 'small' | 'default' | 'large' | 'extraLarge';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * LoadingOverlay Component
+ *
+ * Full-screen or container loading overlay with spinner and optional message.
+ * Useful for async operations, page loads, and data fetching.
+ *
+ * @example
+ * ```tsx
+ * <LoadingOverlay
+ *   isLoading={isSubmitting}
+ *   message="Saving changes..."
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <View className="relative flex-1">
+ *   <LoadingOverlay
+ *     isLoading={isLoading}
+ *     mode="container"
+ *   />
+ *   <YourContent />
+ * </View>
+ * ```
+ */
+export declare const LoadingOverlay: React.FC<LoadingOverlayProps>;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../../src/ui/LoadingOverlay/LoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IAClC,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IAC3D,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6CxD,CAAC"}

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

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

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

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

package/dist/ui/Logo/Logo.d.ts

@@ -0,0 +1,36 @@
+import { ImageSourcePropType } from 'react-native';
+import * as React from 'react';
+export interface LogoProps {
+    /** Logo size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Additional className */
+    className?: string;
+    /** Show text alongside logo */
+    showText?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Logo image source */
+    logoSource?: ImageSourcePropType;
+    /** Logo alt text */
+    logoAlt?: string;
+    /** Logo text (required) */
+    logoText: string;
+}
+/**
+ * Logo Component
+ *
+ * Displays a logo with optional text.
+ * Supports multiple sizes and optional press handler.
+ *
+ * @example
+ * ```tsx
+ * <Logo
+ *   logoText="MyApp"
+ *   logoSource={require('./assets/logo.png')}
+ *   size="lg"
+ *   onPress={() => navigation.navigate('Home')}
+ * />
+ * ```
+ */
+export declare const Logo: React.FC<LogoProps>;
+//# sourceMappingURL=Logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/ui/Logo/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,SAAS;IACxB,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB;IACxB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqFpC,CAAC"}

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

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

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

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

package/dist/ui/Masonry/Masonry.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface MasonryProps {
+    /** Children elements */
+    children: React.ReactNode;
+    /** Number of columns */
+    columns?: number;
+    /** Gap between items */
+    gap?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Masonry Component
+ *
+ * Pinterest-style masonry grid layout for React Native.
+ * Distributes items across columns for optimal spacing.
+ *
+ * @example
+ * ```tsx
+ * <Masonry columns={2} gap={16}>
+ *   {items.map(item => <Card key={item.id}>{item.content}</Card>)}
+ * </Masonry>
+ * ```
+ */
+export declare const Masonry: React.FC<MasonryProps>;
+//# sourceMappingURL=Masonry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry.d.ts","sourceRoot":"","sources":["../../../src/ui/Masonry/Masonry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4B1C,CAAC"}

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

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

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

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

package/dist/ui/MasterDetailLayout/MasterDetailLayout.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+/**
+ * MasterListItem - Standardized list item with selection styling
+ */
+export interface MasterListItemProps {
+    /** Whether this item is currently selected */
+    isSelected: boolean;
+    /** Press handler */
+    onPress: () => void;
+    /** Icon element to display (optional) */
+    icon?: React.ReactNode;
+    /** Main label text */
+    label: string;
+    /** Description text (optional) */
+    description?: string;
+    /** Additional className */
+    className?: string;
+}
+export declare const MasterListItem: React.FC<MasterListItemProps>;
+export interface MasterDetailLayoutProps {
+    /** Title shown above the master panel */
+    masterTitle?: string;
+    /** Subtitle shown below master title */
+    masterSubtitle?: string;
+    /** Text shown in the back button on mobile */
+    backButtonText?: string;
+    /** Content for the master panel */
+    masterContent: React.ReactNode;
+    /** Content for the detail panel */
+    detailContent: React.ReactNode;
+    /** Title for the detail panel */
+    detailTitle?: string;
+    /** Current mobile view state */
+    mobileView?: 'navigation' | 'content';
+    /** Callback when user wants to switch to navigation view */
+    onBackToNavigation?: () => void;
+    /** Custom class for master panel */
+    masterClassName?: string;
+    /** Custom class for detail panel */
+    detailClassName?: string;
+    /** Width of master panel on tablet (default: 320) */
+    masterWidth?: number;
+    /** Breakpoint for tablet layout (default: 768) */
+    tabletBreakpoint?: number;
+}
+/**
+ * MasterDetailLayout Component
+ *
+ * A responsive master-detail layout for React Native.
+ * - Mobile: Toggle between master (navigation) and detail (content) views
+ * - Tablet/Desktop: Side-by-side layout
+ *
+ * @example
+ * ```tsx
+ * <MasterDetailLayout
+ *   masterTitle="Table of Contents"
+ *   masterContent={<NavigationMenu items={sections} />}
+ *   detailContent={<Article content={currentSection} />}
+ *   mobileView={view}
+ *   onBackToNavigation={() => setView('navigation')}
+ * />
+ * ```
+ */
+export declare const MasterDetailLayout: React.FC<MasterDetailLayoutProps>;
+//# sourceMappingURL=MasterDetailLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../../../src/ui/MasterDetailLayout/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgExD,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mCAAmC;IACnC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoIhE,CAAC"}

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

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

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

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

package/dist/ui/Modal/Modal.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+export interface ModalProps {
+    /** Whether the modal is visible */
+    isOpen: boolean;
+    /** Callback when modal should close */
+    onClose: () => void;
+    /** Modal title */
+    title?: string;
+    /** Size variant */
+    size?: 'small' | 'medium' | 'large' | 'fullWidth';
+    /** Show close button */
+    showCloseButton?: boolean;
+    /** Close when pressing backdrop */
+    closeOnOverlayClick?: boolean;
+    /** Modal content */
+    children: React.ReactNode;
+    /** Additional className for the content */
+    className?: string;
+}
+/**
+ * Modal Component
+ *
+ * Modal dialog for displaying content in an overlay.
+ *
+ * @example
+ * ```tsx
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Confirm Action"
+ * >
+ *   <ModalContent>
+ *     <Text>Are you sure you want to proceed?</Text>
+ *   </ModalContent>
+ *   <ModalFooter>
+ *     <Button onPress={() => setIsOpen(false)}>Cancel</Button>
+ *     <Button variant="primary" onPress={handleConfirm}>Confirm</Button>
+ *   </ModalFooter>
+ * </Modal>
+ * ```
+ */
+export declare const Modal: React.FC<ModalProps>;
+export interface ModalHeaderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * ModalHeader - Header section of the modal
+ */
+export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export interface ModalContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * ModalContent - Body section of the modal
+ */
+export declare const ModalContent: React.FC<ModalContentProps>;
+export interface ModalFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * ModalFooter - Footer section of the modal
+ */
+export declare const ModalFooter: React.FC<ModalFooterProps>;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/ui/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC;IAClD,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8EtC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAGe,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Modal, ModalHeader, ModalContent, ModalFooter } from './Modal';
+export type { ModalProps, ModalHeaderProps, ModalContentProps, ModalFooterProps, } from './Modal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACxE,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/dist/ui/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+export interface MultiSelectOption {
+    /** Option value */
+    value: string;
+    /** Option label */
+    label: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+export interface MultiSelectProps {
+    /** Available options */
+    options: MultiSelectOption[];
+    /** Selected values */
+    value: string[];
+    /** Change handler */
+    onChange: (values: string[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Enable search */
+    searchable?: boolean;
+    /** Max selected items to show */
+    maxDisplay?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * MultiSelect Component
+ *
+ * Multi-select dropdown with search and tags.
+ * Shows selected items as removable tags.
+ *
+ * @example
+ * ```tsx
+ * <MultiSelect
+ *   options={categories}
+ *   value={selectedCategories}
+ *   onChange={setSelectedCategories}
+ *   placeholder="Select categories"
+ *   searchable
+ * />
+ * ```
+ */
+export declare const MultiSelect: React.FC<MultiSelectProps>;
+//# sourceMappingURL=MultiSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/ui/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,sBAAsB;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8NlD,CAAC"}

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

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

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

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

package/dist/ui/NavigationList/NavigationList.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+export interface NavigationItem {
+    /** Unique identifier for the item */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional description/subtitle */
+    description?: string;
+    /** Icon component or element */
+    icon: React.ReactNode;
+    /** Path or identifier for selection */
+    path: string;
+    /** Optional badge count */
+    badge?: number;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+}
+export interface NavigationListProps {
+    /** Array of navigation items */
+    items: NavigationItem[];
+    /** Currently selected item path */
+    selectedPath?: string;
+    /** Callback when an item is selected */
+    onSelect: (path: string) => void;
+    /** Variant of the navigation list */
+    variant?: 'default' | 'compact' | 'sidebar';
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * NavigationList Component
+ *
+ * Displays a list of navigation items with icons, labels, and descriptions.
+ * Commonly used in settings pages and documentation for master-detail layouts.
+ *
+ * @example
+ * ```tsx
+ * const items = [
+ *   {
+ *     id: 'general',
+ *     label: 'General',
+ *     description: 'Basic account settings',
+ *     icon: <Cog6ToothIcon />,
+ *     path: '/settings/general'
+ *   },
+ *   // ...
+ * ];
+ *
+ * <NavigationList
+ *   items={items}
+ *   selectedPath={currentPath}
+ *   onSelect={handleSelect}
+ * />
+ * ```
+ */
+export declare const NavigationList: React.FC<NavigationListProps>;
+//# sourceMappingURL=NavigationList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationList.d.ts","sourceRoot":"","sources":["../../../src/ui/NavigationList/NavigationList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6ExD,CAAC"}

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

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

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

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

package/dist/ui/NumberInput/NumberInput.d.ts

@@ -0,0 +1,56 @@
+import * as React from 'react';
+export interface NumberInputProps {
+    /** Current value */
+    value: number;
+    /** Callback when value changes */
+    onChange: (value: number) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show stepper buttons */
+    showSteppers?: boolean;
+    /** Stepper button position */
+    stepperPosition?: 'right' | 'sides';
+    /** Placeholder text */
+    placeholder?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * NumberInput Component
+ *
+ * Number input field with optional stepper buttons for increment/decrement.
+ * Supports min/max bounds, step values, and different layouts.
+ *
+ * @example
+ * ```tsx
+ * <NumberInput
+ *   value={quantity}
+ *   onChange={setQuantity}
+ *   min={1}
+ *   max={100}
+ *   showSteppers
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <NumberInput
+ *   value={price}
+ *   onChange={setPrice}
+ *   step={0.01}
+ *   min={0}
+ *   showSteppers
+ *   stepperPosition="sides"
+ * />
+ * ```
+ */
+export declare const NumberInput: React.FC<NumberInputProps>;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACpC,uBAAuB;IACvB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgNlD,CAAC"}

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

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

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

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

package/dist/ui/Overlay/Overlay.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface OverlayProps {
+    /** Whether overlay is visible */
+    isOpen: boolean;
+    /** Click handler for overlay backdrop */
+    onClose?: () => void;
+    /** Overlay content */
+    children?: React.ReactNode;
+    /** Opacity level */
+    opacity?: 'light' | 'medium' | 'dark';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Overlay Component
+ *
+ * Full-screen backdrop overlay with optional content.
+ * Typically used with modals, drawers, and popups.
+ *
+ * @example
+ * ```tsx
+ * <Overlay isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
+ *   <Modal>Content</Modal>
+ * </Overlay>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Overlay isOpen={true} opacity="dark" />
+ * ```
+ */
+export declare const Overlay: React.FC<OverlayProps>;
+//# sourceMappingURL=Overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/ui/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuC1C,CAAC"}

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

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

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

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

package/dist/ui/PageContainer/PageContainer.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export interface PageContainerProps {
+    /** Page content */
+    children: React.ReactNode;
+    /** Background variant */
+    background?: 'default' | 'surface' | 'transparent';
+    /** Enable scrolling */
+    scrollable?: boolean;
+    /** Use SafeAreaView */
+    safeArea?: boolean;
+    /** Padding variant */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PageContainer Component
+ *
+ * Full-screen page container with background and safe area handling.
+ * Provides consistent page layouts across the app.
+ *
+ * @example
+ * ```tsx
+ * <PageContainer>
+ *   <Header />
+ *   <Content />
+ * </PageContainer>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <PageContainer
+ *   background="surface"
+ *   scrollable
+ *   safeArea
+ *   padding="md"
+ * >
+ *   <FormContent />
+ * </PageContainer>
+ * ```
+ */
+export declare const PageContainer: React.FC<PageContainerProps>;
+//# sourceMappingURL=PageContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/ui/PageContainer/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IACnD,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDtD,CAAC"}

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

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

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

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

package/dist/ui/PageHeader/PageHeader.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface PageHeaderProps {
+    /** Page title */
+    title?: string;
+    /** Page description */
+    description?: string;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * PageHeader Component
+ *
+ * Simple page header with title and description.
+ *
+ * @example
+ * ```tsx
+ * <PageHeader
+ *   title="Dashboard"
+ *   description="Welcome back! Here's your overview."
+ * />
+ * ```
+ */
+export declare const PageHeader: React.FC<PageHeaderProps>;
+//# sourceMappingURL=PageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBhD,CAAC"}

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

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

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

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