@donotdev/expo 0.0.1

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

@@ -0,0 +1,59 @@
+/**
+ * @fileoverview ScrollArea component
+ * @description Scrollable area component
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ScrollViewProps, type ViewStyle } from 'react-native';
+/**
+ * ScrollArea component props interface
+ */
+export interface ScrollAreaProps extends ScrollViewProps {
+    /**
+     * Show horizontal scroll indicator
+     */
+    showHorizontal?: boolean;
+    /**
+     * Show vertical scroll indicator
+     */
+    showVertical?: boolean;
+    /**
+     * Additional style
+     */
+    style?: ViewStyle;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+    /**
+     * End prop (for API parity with web)
+     */
+    end?: any;
+    /**
+     * Type prop (for API parity with web)
+     */
+    type?: string;
+}
+/**
+ * Scrollable area component.
+ * Wrapper around ScrollView for consistency.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ScrollArea>
+ *   <Text>Long content...</Text>
+ * </ScrollArea>
+ * ```
+ */
+declare const ScrollArea: ({ children, showHorizontal, showVertical, style, testID, ...scrollViewProps }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * ScrollBar component - No-op on React Native (handled by ScrollView)
+ */
+export declare const ScrollBar: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ScrollArea;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/ScrollArea/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,UAAU,GAAI,+EAOjB,eAAe,4CAYjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAEpE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/atomic/Section/index.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @fileoverview Section component
+ * @description Layout section with title and optional separator
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+/**
+ * Section component props interface
+ */
+export interface SectionProps {
+    /**
+     * Section title
+     */
+    title?: string;
+    /**
+     * Section subtitle
+     */
+    subtitle?: string;
+    /**
+     * Section content
+     */
+    children: ReactNode;
+    /**
+     * Whether to show separator after title
+     * @default false
+     */
+    showSeparator?: boolean;
+    /**
+     * Separator prop (alias for showSeparator, for API parity with web)
+     */
+    separator?: boolean;
+    /**
+     * Whether the section is collapsible
+     * @default false
+     */
+    collapsible?: boolean;
+    /**
+     * Default collapsed state (only used when collapsible=true)
+     * @default true
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * Tone variant
+     * @default 'default'
+     */
+    tone?: 'default' | 'primary' | 'accent' | 'muted';
+    /**
+     * Text alignment for title
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Controlled open state (inverse of collapsed)
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Default open state (inverse of defaultCollapsed)
+     */
+    defaultOpen?: boolean;
+    /**
+     * Actions rendered in the header (right side)
+     */
+    actions?: ReactNode;
+    /**
+     * Additional style
+     */
+    style?: ViewStyle;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+declare const Section: ({ title, subtitle, children, showSeparator, separator, collapsible, defaultCollapsed, tone, align, open, onOpenChange, defaultOpen, actions, style, testID, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export default Section;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Section/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2BD,QAAA,MAAM,OAAO,GAAI,+JAgBd,YAAY,4CAqFd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/atomic/Select/index.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @fileoverview Select component
+ * @description Production-quality select component with modal overlay dismiss,
+ * search/filter, multi-select, grouped options, and smooth animations.
+ *
+ * @version 0.1.0
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewStyle } from 'react-native';
+/**
+ * Select option interface
+ */
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+}
+/**
+ * Grouped options — a labelled group containing options.
+ */
+export interface SelectGroup {
+    label: string;
+    options: SelectOption[];
+}
+/**
+ * Union helper — items can be flat options, grouped options, or a mix.
+ */
+type SelectItems = SelectOption[] | SelectGroup[];
+/**
+ * Select component props interface.
+ *
+ * Backwards-compatible with the original API — all new props are optional.
+ */
+export interface SelectProps {
+    /** Selected value (single mode) or values (multi mode). */
+    value?: string | string[];
+    /** Change handler — receives a string in single mode, string[] in multi mode. */
+    onValueChange?: (value: string | string[]) => void;
+    /** Placeholder text shown when nothing is selected. */
+    placeholder?: string;
+    /**
+     * Array of options or grouped options.
+     * Flat: `[{ value, label }]`
+     * Grouped: `[{ label: 'Group', options: [...] }]`
+     */
+    options?: SelectItems;
+    /** Whether the select is disabled. @default false */
+    disabled?: boolean;
+    /** Label text rendered above the trigger. */
+    label?: string;
+    /** Whether the field is required (shows asterisk after label). */
+    required?: boolean;
+    /** Additional style applied to the root wrapper. */
+    style?: ViewStyle;
+    /** Test ID for testing. */
+    testID?: string;
+    /** Enable a search/filter input at the top of the dropdown. @default false */
+    searchable?: boolean;
+    /** Placeholder for the search input. @default 'Search...' */
+    searchPlaceholder?: string;
+    /** Enable multi-select with checkbox indicators. @default false */
+    multiple?: boolean;
+    /** Maximum height of the dropdown list. @default 300 */
+    maxHeight?: number;
+    /** Text shown when search yields no results. @default 'No results found' */
+    emptyMessage?: string;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * Production-quality accessible select component.
+ *
+ * Features:
+ * - Modal overlay for outside-press dismiss
+ * - Proper positioning below (or above) the trigger
+ * - Theme-aware — all colors from `useTheme()`
+ * - Accessible roles and states
+ * - Animated dropdown (fade + slide)
+ * - Optional search/filter (`searchable`)
+ * - Optional multi-select (`multiple`)
+ * - Grouped options support
+ * - Hardware back button dismiss (Android)
+ * - Scrollable with configurable `maxHeight`
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Simple usage (backwards-compatible)
+ * <Select
+ *   value={value}
+ *   onValueChange={setValue}
+ *   placeholder="Select an option..."
+ *   options={[
+ *     { value: 'option1', label: 'Option 1' },
+ *     { value: 'option2', label: 'Option 2' },
+ *   ]}
+ * />
+ *
+ * // Searchable with groups
+ * <Select
+ *   searchable
+ *   options={[
+ *     { label: 'Fruits', options: [{ value: 'apple', label: 'Apple' }] },
+ *     { label: 'Veggies', options: [{ value: 'carrot', label: 'Carrot' }] },
+ *   ]}
+ * />
+ *
+ * // Multi-select
+ * <Select multiple value={selectedIds} onValueChange={setSelectedIds} options={items} />
+ * ```
+ */
+declare const Select: ({ value, onValueChange, placeholder, options, disabled, label, required, style, testID, searchable, searchPlaceholder, multiple, maxHeight, emptyMessage, onOpenChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"AACA;;;;;;;;GAQG;AAGH,OAAO,EASL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAStB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,KAAK,WAAW,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC;AAOlD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,iFAAiF;IACjF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAIhB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAwED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,MAAM,GAAI,2KAgBb,WAAW,4CA+Zb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/atomic/Separator/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @fileoverview Separator component
+ * @description Visual separator line component
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+/**
+ * Separator orientation constants
+ */
+export declare const SEPARATOR_ORIENTATION: {
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+export type SeparatorOrientation = (typeof SEPARATOR_ORIENTATION)[keyof typeof SEPARATOR_ORIENTATION];
+/**
+ * Separator component props interface
+ */
+export interface SeparatorProps {
+    /**
+     * Orientation (horizontal or vertical)
+     * @default 'horizontal'
+     */
+    orientation?: SeparatorOrientation;
+    /**
+     * Color variant
+     * @default 'default'
+     */
+    variant?: 'default' | 'muted' | 'primary' | 'accent';
+    /**
+     * Inline content (e.g. "OR" divider text)
+     */
+    children?: ReactNode;
+    /**
+     * Additional style
+     */
+    style?: ViewStyle;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+/**
+ * Visual separator line component.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Separator />
+ * <Separator orientation="vertical" />
+ * ```
+ */
+declare const Separator: ({ orientation, variant, children, style, testID, }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export default Separator;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAC9B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiCD;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,GAAI,oDAMhB,cAAc,4CAmBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/atomic/Sheet/index.d.ts

@@ -0,0 +1,106 @@
+/**
+ * @fileoverview Sheet component
+ * @description Accessible sheet (slide-out) component
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewStyle } from 'react-native';
+import { SURFACE_VARIANT } from '../../utils/constants';
+import type { ReactNode } from 'react';
+/**
+ * Sheet variant constants
+ */
+export declare const SHEET_VARIANT: {
+    readonly OUTLINE: "outline";
+    readonly GLASS: "glass";
+    readonly DEFAULT: "default";
+    readonly MUTED: "muted";
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly ACCENT: "accent";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DESTRUCTIVE: "destructive";
+};
+export type SheetVariant = (typeof SURFACE_VARIANT)[keyof typeof SURFACE_VARIANT];
+/**
+ * Sheet component props interface
+ */
+export interface SheetProps {
+    /**
+     * The element that opens the sheet
+     */
+    trigger?: ReactNode;
+    /**
+     * The title of the sheet
+     */
+    title?: string | ReactNode;
+    /**
+     * The description of the sheet
+     */
+    description?: string | ReactNode;
+    /**
+     * Main content
+     */
+    children?: ReactNode;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether to show the overlay
+     * @default true
+     */
+    showOverlay?: boolean;
+    /**
+     * The side of the screen the sheet slides from
+     * @default 'right'
+     */
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Footer content (pinned at bottom)
+     */
+    footer?: ReactNode;
+    /**
+     * Visual variant
+     * @default 'default'
+     */
+    variant?: SheetVariant;
+    /**
+     * Additional style
+     */
+    style?: ViewStyle;
+    /**
+     * Label for the close button
+     * @default 'Close'
+     */
+    closeLabel?: string;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+/**
+ * Accessible sheet (slide-out) component.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Sheet
+ *   trigger={<Button>Open Menu</Button>}
+ *   title="Navigation"
+ *   side="left"
+ * >
+ *   <Text>Sheet content</Text>
+ * </Sheet>
+ * ```
+ */
+declare const Sheet: ({ trigger, title, description, children, open: controlledOpen, onOpenChange, side, showOverlay, footer, variant, closeLabel, style, testID, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+export default Sheet;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;CAAkB,CAAC;AAE7C,MAAM,MAAM,YAAY,GACtB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,KAAK,GAAI,+IAcZ,UAAU,4CAwGZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/atomic/Skeleton/index.d.ts

@@ -0,0 +1,59 @@
+/**
+ * @fileoverview Skeleton component
+ * @description Skeleton component for loading states
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewStyle } from 'react-native';
+/**
+ * Skeleton component props interface
+ */
+export interface SkeletonProps {
+    /**
+     * Animation variant
+     * @default 'pulse'
+     */
+    variant?: 'pulse' | 'wave' | 'shimmer' | 'none';
+    /**
+     * Size preset for common content types
+     * @default 'custom'
+     */
+    size?: 'text' | 'heading' | 'avatar' | 'button' | 'card' | 'image' | 'custom';
+    /**
+     * Custom width (in pixels or percentage string)
+     */
+    width?: number | string;
+    /**
+     * Custom height (in pixels or percentage string)
+     */
+    height?: number | string;
+    /**
+     * Number of lines for text skeleton
+     * @default 1
+     */
+    lines?: number;
+    /**
+     * Additional style
+     */
+    style?: ViewStyle;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+/**
+ * Skeleton component for loading states.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Skeleton size="text" lines={3} />
+ * <Skeleton size="avatar" variant="wave" />
+ * <Skeleton width={200} height={40} />
+ * ```
+ */
+declare const Skeleton: ({ variant, size, width, height, lines, style, testID, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Skeleton/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqBD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,QAAQ,GAAI,yDAQf,aAAa,4CAgEf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/atomic/Slider/index.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @fileoverview Slider component
+ * @description Accessible slider component with semantic color variants
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewStyle } from 'react-native';
+import { CONTROL_VARIANT } from '../../utils/constants';
+import type { ReactNode } from 'react';
+/**
+ * Slider component props interface
+ */
+export interface SliderProps {
+    /**
+     * Current value
+     */
+    value?: number;
+    /**
+     * Default value
+     */
+    defaultValue?: number;
+    /**
+     * Minimum value
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Maximum value
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Step value
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Change handler
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * Semantic color variant
+     * @default 'default'
+     */
+    variant?: (typeof CONTROL_VARIANT)[keyof typeof CONTROL_VARIANT];
+    /**
+     * Whether the slider is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Layout direction
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Minimum steps between thumbs (for multi-thumb sliders)
+     */
+    minStepsBetweenThumbs?: number;
+    /**
+     * Reverse the slider direction
+     * @default false
+     */
+    inverted?: boolean;
+    /**
+     * Show current value
+     * @default false
+     */
+    showValue?: boolean;
+    /**
+     * Custom content
+     */
+    children?: ReactNode;
+    /**
+     * Additional style
+     */
+    style?: ViewStyle;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+    /**
+     * Form name attribute (for API parity with web)
+     */
+    name?: string;
+}
+/**
+ * Accessible slider control with semantic color variants.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Slider defaultValue={50} max={100} step={1} variant="success" />
+ * <Slider value={value} onValueChange={setValue} min={0} max={5} step={1} showValue />
+ * ```
+ */
+declare const SliderComponent: ({ value, defaultValue, min, max, step, onValueChange, variant, disabled, orientation, minStepsBetweenThumbs, inverted, showValue, children, style, testID, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export default SliderComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;IACjE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAaD;;;;;;;;;GASG;AACH,QAAA,MAAM,eAAe,GAAI,8JAgBtB,WAAW,4CAoHb,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/atomic/Slot/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @fileoverview Slot component
+ * @description Polymorphic component for composition
+ *
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import { type ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+/**
+ * Slot component props interface
+ */
+export interface SlotProps extends ViewProps {
+    /**
+     * Slot children
+     */
+    children: ReactNode;
+}
+/**
+ * Polymorphic component for composition.
+ * Merges styles and props with children.
+ *
+ * @component
+ */
+declare const Slot: ({ children, style, ...props }: SlotProps) => import("react/jsx-runtime").JSX.Element;
+export default Slot;
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/Slot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slot/index.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,GAAI,+BAA+B,SAAS,4CA0BrD,CAAC;AAEF,eAAe,IAAI,CAAC"}