fluent-styles 1.54.0 → 1.55.0

package/lib/typescript/collapsible/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @module Collapse
+ *
+ * ─── Single panel ────────────────────────────────────────────────────────────
+ * ```tsx
+ * import Collapse from './collapse'
+ *
+ * <Collapse title="Details" subtitle="Tap to expand" variant="card">
+ *   <Text>Content here</Text>
+ * </Collapse>
+ * ```
+ *
+ * ─── Group / accordion ───────────────────────────────────────────────────────
+ * ```tsx
+ * import { CollapseGroup, CollapseItem } from './collapse'
+ *
+ * <CollapseGroup accordion variant="card">
+ *   <CollapseItem itemKey="a" title="Section A">…</CollapseItem>
+ *   <CollapseItem itemKey="b" title="Section B">…</CollapseItem>
+ * </CollapseGroup>
+ * ```
+ *
+ * ─── Theming ─────────────────────────────────────────────────────────────────
+ * Components auto-follow device dark/light mode via `useColorScheme`.
+ * Override any token with the `colors` prop:
+ * ```tsx
+ * <Collapse
+ *   title="Custom"
+ *   colors={{ background: '#0f172a', titleColor: '#e2e8f0', border: '#1e293b' }}
+ * >…</Collapse>
+ * ```
+ */
+export { Collapse } from './Collapse';
+export { CollapseGroup, CollapseItem, useCollapseGroup } from './CollapseGroup';
+export type { CollapseProps, CollapseGroupProps, CollapseItemProps, CollapseSize, CollapseVariant, CollapseColors, } from './interface';
+export { COLLAPSE_DARK, COLLAPSE_LIGHT } from './interface';
+export { S as CollapseStyles, PADDING, FONT_SIZE } from './style';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/collapsible/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAyC,YAAY,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,YAAY,EAC3B,gBAAgB,EAAE,MAAgC,iBAAiB,CAAA;AAE5E,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,cAAc,GACf,MAA0D,aAAa,CAAA;AAExE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAmB,aAAa,CAAA;AACxE,OAAO,EAAE,CAAC,IAAI,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,MAAS,SAAS,CAAA"}

package/lib/typescript/collapsible/interface.d.ts

@@ -0,0 +1,116 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { StyleProp, ViewStyle, TextStyle, ColorValue, ViewProps } from 'react-native';
+export type CollapseSize = 'sm' | 'md' | 'lg';
+export type CollapseVariant = 'cell' | 'card' | 'ghost' | 'bordered';
+export type CollapseColors = {
+    /** Main sheet/card background. */
+    background: string;
+    /** Border colour (card + bordered variants). */
+    border: string;
+    /** Shadow colour (card variant). */
+    shadow: string;
+    /** Title text. */
+    titleColor: string;
+    /** Subtitle / secondary text. */
+    subtitleColor: string;
+    /** Chevron icon. */
+    iconColor: string;
+    /** Header background tint when `activeHeader` is true and panel is open. */
+    activeHeaderBg: string;
+    /** Hairline divider colour. */
+    divider: string;
+    /** Body content text (used when body is plain text). */
+    bodyText: string;
+};
+export declare const COLLAPSE_LIGHT: CollapseColors;
+export declare const COLLAPSE_DARK: CollapseColors;
+export interface CollapseProps extends PropsWithChildren<{}>, Pick<ViewProps, 'testID'> {
+    /** Plain string or any ReactNode rendered as the header title. */
+    title?: ReactNode;
+    /** Secondary line rendered below the title. */
+    subtitle?: ReactNode;
+    /** Left-side slot: icon, avatar, badge, etc. */
+    leading?: ReactNode;
+    /** Right-side slot rendered beside the chevron. */
+    trailing?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    headerStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    subtitleStyle?: StyleProp<TextStyle>;
+    iconStyle?: StyleProp<ViewStyle>;
+    iconColor?: ColorValue;
+    iconSize?: number;
+    hideIcon?: boolean;
+    bodyStyle?: StyleProp<ViewStyle>;
+    /** Fully replaces the header row. Receives current open state. */
+    renderHeader?: (open: boolean) => ReactNode;
+    /** Replaces the right-hand portion of the header (chevron + trailing). */
+    renderHeaderRight?: (open: boolean, chevron: ReactNode) => ReactNode;
+    /** Replaces `children` as the body content. */
+    renderBody?: () => ReactNode;
+    /** Controlled open state. */
+    collapse?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultCollapse?: boolean;
+    /** Called when the header is pressed with the new open state. */
+    onCollapse?: (open: boolean) => void;
+    /** Called when the open/close animation finishes. */
+    onAnimationEnd?: (open: boolean) => void;
+    /**
+     * Visual style variant.
+     * - `cell`     — flat list row, no border/shadow (default)
+     * - `card`     — elevated card with rounded corners
+     * - `bordered` — outlined box, no elevation
+     * - `ghost`    — transparent; bare content only
+     */
+    variant?: CollapseVariant;
+    /** Spacing scale for padding. @default 'md' */
+    size?: CollapseSize;
+    /** Add padding inside the body. @default true */
+    bodyPadding?: boolean;
+    /** Show a hairline divider below the header. @default true for cell/bordered */
+    headerDivider?: boolean;
+    /** Show a hairline divider at the bottom of the body. */
+    bodyDivider?: boolean;
+    /** Square corners (card variant). @default false */
+    square?: boolean;
+    /** Tint header background when panel is open. @default false */
+    activeHeader?: boolean;
+    /** Only render body children after the first expand. @default true */
+    lazyRender?: boolean;
+    /** Unmount body children when collapsed. @default false */
+    destroyOnClose?: boolean;
+    /** Disable header press interaction. @default false */
+    disabled?: boolean;
+    /** Animation speed in ms. @default 260 */
+    duration?: number;
+    /** Color token overrides. */
+    colors?: Partial<CollapseColors>;
+}
+export interface CollapseGroupProps {
+    children: ReactNode;
+    /** Currently open panel keys (controlled). String or array. */
+    activeKey?: string | string[];
+    /** Default open keys (uncontrolled). */
+    defaultActiveKey?: string | string[];
+    /**
+     * Called when any panel toggles.
+     * Receives the full list of currently-open keys.
+     */
+    onChange?: (keys: string[]) => void;
+    /** Only one panel open at a time. @default false */
+    accordion?: boolean;
+    variant?: CollapseVariant;
+    size?: CollapseSize;
+    bodyPadding?: boolean;
+    headerDivider?: boolean;
+    lazyRender?: boolean;
+    square?: boolean;
+    colors?: Partial<CollapseColors>;
+    style?: StyleProp<ViewStyle>;
+}
+export interface CollapseItemProps extends Omit<CollapseProps, 'collapse' | 'defaultCollapse' | 'onCollapse' | 'variant' | 'size' | 'colors'> {
+    /** Unique key used by CollapseGroup to track open state. */
+    itemKey: string;
+}
+//# sourceMappingURL=interface.d.ts.map

package/lib/typescript/collapsible/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/collapsible/interface.ts"],"names":[],"mappings":"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"}

package/lib/typescript/collapsible/style.d.ts

@@ -0,0 +1,92 @@
+import type { CollapseSize } from './interface';
+export declare const PADDING: Record<CollapseSize, {
+    h: number;
+    v: number;
+}>;
+export declare const FONT_SIZE: Record<CollapseSize, {
+    title: number;
+    subtitle: number;
+}>;
+export declare const S: {
+    root_cell: {};
+    root_card: {
+        borderRadius: number;
+        borderWidth: number;
+        overflow: "hidden";
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation: number;
+    };
+    root_card_square: {
+        borderRadius: number;
+    };
+    root_bordered: {
+        borderWidth: number;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    root_ghost: {};
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    leading: {
+        marginRight: number;
+    };
+    trailing: {
+        marginLeft: number;
+        marginRight: number;
+    };
+    title_block: {
+        flex: number;
+        gap: number;
+    };
+    title_base: {
+        fontWeight: "600";
+    };
+    subtitle_base: {
+        fontWeight: "400";
+    };
+    icon_wrap: {
+        marginLeft: number;
+        alignItems: "center";
+        justifyContent: "center";
+        width: number;
+        height: number;
+    };
+    body_animated: {
+        overflow: "hidden";
+    };
+    body_inner: {
+        position: "absolute";
+        left: number;
+        right: number;
+        top: number;
+    };
+    divider: {
+        height: number;
+    };
+    body_divider: {
+        height: number;
+    };
+};
+export declare function headerPadStyle(size: CollapseSize): {
+    paddingHorizontal: number;
+    paddingVertical: number;
+};
+export declare function bodyPadStyle(size: CollapseSize): {
+    paddingHorizontal: number;
+    paddingVertical: number;
+};
+export declare function titleTextStyle(size: CollapseSize, color: string): {
+    fontSize: number;
+    color: string;
+};
+export declare function subtitleTextStyle(size: CollapseSize, color: string): {
+    fontSize: number;
+    color: string;
+};
+//# sourceMappingURL=style.d.ts.map

package/lib/typescript/collapsible/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/collapsible/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAI/C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAIlE,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAI/E,CAAA;AAID,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFZ,CAAA;AAMF,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY;;;EAGhD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY;;;EAG9C;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;;;EAE/D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;;;EAElE"}

package/lib/typescript/datePicker/index.d.ts

@@ -0,0 +1,91 @@
+/**
+ * StyledDatePicker.tsx
+ * ─────────────────────
+ * Production-ready date picker for fluent-styles apps.
+ * Pure JS — no native deps. Built exclusively on fluent-styles primitives.
+ *
+ * Modes:    date | time | datetime | range | month
+ * Variants: inline | sheet | input
+ */
+import React from 'react';
+export type DatePickerMode = 'date' | 'time' | 'datetime' | 'range' | 'month';
+export type DatePickerVariant = 'inline' | 'sheet' | 'input';
+export type DatePickerSize = 'sm' | 'md' | 'lg';
+export interface StyledDatePickerColors {
+    selected?: string;
+    selectedText?: string;
+    today?: string;
+    rangeFill?: string;
+    dayText?: string;
+    disabledText?: string;
+    headerText?: string;
+    background?: string;
+    inputBorder?: string;
+    confirmBg?: string;
+    confirmText?: string;
+}
+export interface StyledDatePickerProps {
+    mode?: DatePickerMode;
+    variant?: DatePickerVariant;
+    size?: DatePickerSize;
+    value?: Date | null;
+    valueStart?: Date | null;
+    valueEnd?: Date | null;
+    minDate?: Date;
+    maxDate?: Date;
+    showTodayButton?: boolean;
+    showConfirm?: boolean;
+    confirmLabel?: string;
+    placeholder?: string;
+    label?: string;
+    formatDisplay?: (date: Date) => string;
+    colors?: StyledDatePickerColors;
+    onChange?: (date: Date) => void;
+    onRangeChange?: (start: Date | null, end: Date | null) => void;
+    onConfirm?: (date: Date | null) => void;
+    disabled?: boolean;
+}
+/**
+ * StyledDatePicker — pure-JS date/time picker built on fluent-styles.
+ *
+ * @example Inline date
+ * ```tsx
+ * <StyledDatePicker value={date} onChange={setDate} />
+ * ```
+ *
+ * @example Input → bottom sheet
+ * ```tsx
+ * <StyledDatePicker
+ *   variant="input"
+ *   label="Check-in date"
+ *   placeholder="Select date"
+ *   value={date}
+ *   onChange={setDate}
+ *   onConfirm={setDate}
+ * />
+ * ```
+ *
+ * @example Date range
+ * ```tsx
+ * <StyledDatePicker
+ *   mode="range"
+ *   valueStart={start}
+ *   valueEnd={end}
+ *   onRangeChange={(s, e) => { setStart(s); setEnd(e); }}
+ *   colors={{ selected: '#6366f1', rangeFill: '#eef2ff' }}
+ * />
+ * ```
+ *
+ * @example Time picker
+ * ```tsx
+ * <StyledDatePicker mode="time" value={time} onChange={setTime} />
+ * ```
+ *
+ * @example Month picker
+ * ```tsx
+ * <StyledDatePicker mode="month" value={month} onChange={setMonth} />
+ * ```
+ */
+export declare const StyledDatePicker: React.FC<StyledDatePickerProps>;
+export default StyledDatePicker;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/datePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/datePicker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAuBxE,MAAM,MAAM,cAAc,GAAM,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AACjF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAO,MAAM,CAAC;IACvB,YAAY,CAAC,EAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAU,MAAM,CAAC;IACvB,SAAS,CAAC,EAAM,MAAM,CAAC;IACvB,OAAO,CAAC,EAAQ,MAAM,CAAC;IACvB,YAAY,CAAC,EAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAK,MAAM,CAAC;IACvB,UAAU,CAAC,EAAK,MAAM,CAAC;IACvB,WAAW,CAAC,EAAI,MAAM,CAAC;IACvB,SAAS,CAAC,EAAM,MAAM,CAAC;IACvB,WAAW,CAAC,EAAI,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAa,cAAc,CAAC;IACjC,OAAO,CAAC,EAAU,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAa,cAAc,CAAC;IACjC,KAAK,CAAC,EAAY,IAAI,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAO,IAAI,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAS,IAAI,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAU,IAAI,CAAC;IACvB,OAAO,CAAC,EAAU,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAM,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAK,MAAM,CAAC;IACzB,WAAW,CAAC,EAAM,MAAM,CAAC;IACzB,KAAK,CAAC,EAAY,MAAM,CAAC;IACzB,aAAa,CAAC,EAAI,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACzC,MAAM,CAAC,EAAW,sBAAsB,CAAC;IACzC,QAAQ,CAAC,EAAS,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAI,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAS,OAAO,CAAC;CAC3B;AA0uBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoG5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/dialog/dialogue.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ComponentTheme, DialogueColors, DIALOGUE_DARK, DIALOGUE_LIGHT } from '../utiles/theme';
+export type DialogueAction = {
+    label: string;
+    onPress: () => void;
+    variant?: 'primary' | 'secondary' | 'destructive';
+};
+export type DialogueProps = {
+    title: string;
+    message?: string;
+    icon?: string;
+    actions: DialogueAction[];
+    onDismiss?: () => void;
+    theme?: ComponentTheme;
+    colors?: Partial<DialogueColors>;
+};
+export declare const Dialogue: React.FC<DialogueProps>;
+export { DIALOGUE_DARK, DIALOGUE_LIGHT };
+export type { DialogueColors };
+//# sourceMappingURL=dialogue.d.ts.map

package/lib/typescript/dialog/dialogue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogue.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAUtE,OAAO,EACL,cAAc,EAEd,cAAc,EACd,aAAa,EACb,cAAc,EACf,MAAM,iBAAiB,CAAA;AAIxB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAK,MAAM,CAAA;IAChB,OAAO,EAAG,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAM,MAAM,CAAA;IACjB,OAAO,CAAC,EAAG,MAAM,CAAA;IACjB,IAAI,CAAC,EAAM,MAAM,CAAA;IACjB,OAAO,EAAI,cAAc,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,KAAK,CAAC,EAAK,cAAc,CAAA;IACzB,MAAM,CAAC,EAAI,OAAO,CAAC,cAAc,CAAC,CAAA;CACnC,CAAA;AAID,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqF5C,CAAA;AA8BD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/lib/typescript/dialog/index.d.ts

@@ -0,0 +1,175 @@
+import React from "react";
+import { ModalProps, ViewProps, ViewStyle } from "react-native";
+/**
+ * Dialog component - Modal dialog system with three variants
+ *
+ * Provides type-safe modal dialog components:
+ * - StyledDialog: Basic modal wrapper
+ * - StyledConfirmDialog: Confirm/Cancel dialog with optional neutral button
+ * - StyledOkDialog: Simple OK acknowledgement dialog
+ */
+type DialogAnimationType = "slide" | "fade" | "none";
+type DialogVariant = "delete" | "save" | "error" | "success" | "default" | "warning" | "info";
+/**
+ * Base Dialog component - Styled Modal wrapper
+ */
+declare const DialogBase: React.ForwardRefExoticComponent<import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & ViewProps & React.RefAttributes<any>>;
+interface StyledDialogProps extends ModalProps {
+    /**
+     * Whether dialog is visible
+     */
+    visible?: boolean;
+    /**
+     * Animation type for dialog appearance
+     * @default 'fade'
+     */
+    animationType?: DialogAnimationType;
+    /**
+     * Whether modal shows over transparent background
+     * @default true
+     */
+    transparent?: boolean;
+    /**
+     * Dialog content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Basic dialog component - Wrapper around Modal with consistent styling
+ */
+declare const StyledDialog: ({ children, animationType, transparent, visible, ...rest }: StyledDialogProps) => React.JSX.Element;
+interface ConfirmDialogContentProps {
+    title: string;
+    variant: DialogVariant;
+    description: string;
+    cancelLabel?: string;
+    confirmLabel?: string;
+    neutralLabel?: string;
+    showNeutral?: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    onNeutral?: () => void;
+    dialogProps?: ViewProps & ViewStyle;
+}
+/**
+ * Confirm dialog content component - Extracted for reusability
+ */
+declare const ConfirmDialogContent: ({ title, variant, description, cancelLabel, confirmLabel, neutralLabel, showNeutral, onCancel, onConfirm, onNeutral, dialogProps, }: ConfirmDialogContentProps) => React.JSX.Element;
+interface StyledConfirmDialogProps extends Omit<ModalProps, "visible"> {
+    /**
+     * Whether dialog is visible
+     */
+    visible?: boolean;
+    variant?: DialogVariant;
+    /**
+     * Dialog title
+     */
+    title: string;
+    /**
+     * Dialog description/body text
+     */
+    description: string;
+    /**
+     * Cancel button label
+     * @default 'Cancel'
+     */
+    cancelLabel?: string;
+    /**
+     * Confirm button label
+     * @default 'Confirm'
+     */
+    confirmLabel?: string;
+    /**
+     * Neutral button label
+     * @default 'Neutral'
+     */
+    neutralLabel?: string;
+    /**
+     * Whether to show neutral button
+     * @default false
+     */
+    showNeutral?: boolean;
+    /**
+     * Data to pass to confirm callback
+     */
+    row?: any;
+    /**
+     * Callback when user clicks cancel
+     */
+    onCancel?: () => void;
+    /**
+     * Callback when user clicks confirm
+     */
+    onConfirm?: (data?: any) => void;
+    /**
+     * Callback when user clicks neutral button
+     */
+    onNeutral?: () => void;
+    /**
+     * Animation type
+     * @default 'fade'
+     */
+    animationType?: DialogAnimationType;
+    /**
+     * Additional dialog props
+     */
+    dialogProps?: ViewProps & ViewStyle;
+}
+/**
+ * Confirm dialog component with optional neutral button
+ */
+declare const StyledConfirmDialog: ({ visible, title, variant, description, cancelLabel, confirmLabel, neutralLabel, showNeutral, row, animationType, onCancel, onConfirm, onNeutral, dialogProps, ...rest }: StyledConfirmDialogProps) => React.JSX.Element;
+interface OkDialogContentProps {
+    title: string;
+    variant: DialogVariant;
+    description: string;
+    okLabel?: string;
+    onOk: () => void;
+    dialogProps?: ViewProps & ViewStyle;
+}
+/**
+ * OK dialog content component - Extracted for reusability
+ */
+declare const OkDialogContent: ({ variant, description, okLabel, onOk, dialogProps, }: OkDialogContentProps) => React.JSX.Element;
+interface StyledOkDialogProps extends Omit<ModalProps, "visible"> {
+    /**
+     * Whether dialog is visible
+     */
+    visible?: boolean;
+    variant?: DialogVariant;
+    /**
+     * Dialog title
+     * @default "We're sorry, something went wrong."
+     */
+    title?: string;
+    /**
+     * Dialog description/body text
+     * @default 'Please try again later'
+     */
+    description?: string;
+    /**
+     * OK button label
+     * @default 'Ok'
+     */
+    okLabel?: string;
+    /**
+     * Callback when user clicks OK
+     */
+    onOk?: () => void;
+    /**
+     * Animation type
+     * @default 'fade'
+     */
+    animationType?: DialogAnimationType;
+    /**
+     * Additional dialog props
+     */
+    dialogProps?: ViewProps & ViewStyle;
+}
+/**
+ * OK dialog component - Simple acknowledgement dialog with single button
+ */
+declare const StyledOkDialog: ({ visible, variant, title, description, okLabel, onOk, animationType, dialogProps, ...rest }: StyledOkDialogProps) => React.JSX.Element;
+export { StyledDialog, StyledConfirmDialog, StyledOkDialog, ConfirmDialogContent, OkDialogContent, DialogBase, };
+export type { StyledDialogProps, StyledConfirmDialogProps, StyledOkDialogProps, ConfirmDialogContentProps, OkDialogContentProps, };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASvE;;;;;;;GAOG;AAEH,KAAK,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AACrD,KAAK,aAAa,GACd,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX;;GAEG;AACH,QAAA,MAAM,UAAU,iMAId,CAAC;AAMH,UAAU,iBAAkB,SAAQ,UAAU;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,+DAMf,iBAAiB,sBAWnB,CAAC;AAMF,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,wIAYvB,yBAAyB,sBAqH3B,CAAC;AAEF,UAAU,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACpE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IAEV;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,QAAA,MAAM,mBAAmB,6KAgBtB,wBAAwB,sBA8C1B,CAAC;AAMF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,QAAA,MAAM,eAAe,0DAMlB,oBAAoB,sBAkGtB,CAAC;AAEF,UAAU,mBAAoB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAC/D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED;;GAEG;AACH,QAAA,MAAM,cAAc,iGAUjB,mBAAmB,sBA6BrB,CAAC;AAEF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,UAAU,GACX,CAAC;AAEF,YAAY,EACV,iBAAiB,EACjB,wBAAwB,EACxB,mBAAmB,EACnB,yBAAyB,EACzB,oBAAoB,GACrB,CAAC"}

package/lib/typescript/dialog/useDialogue.d.ts

@@ -0,0 +1,21 @@
+import { DialogueAction, DialogueProps } from './dialogue';
+export type ShowDialogueOptions = Omit<DialogueProps, 'onDismiss'> & {
+    actions?: DialogueAction[];
+};
+export type ConfirmOptions = {
+    title: string;
+    message?: string;
+    icon?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    theme?: "light" | "dark";
+};
+export type DialogueAPI = {
+    show: (options: ShowDialogueOptions) => number;
+    dismiss: (id: number) => void;
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    alert: (title: string, message?: string, icon?: string, theme?: "light" | "dark") => Promise<void>;
+};
+export declare function useDialogue(): DialogueAPI;
+//# sourceMappingURL=useDialogue.d.ts.map

package/lib/typescript/dialog/useDialogue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogue.d.ts","sourceRoot":"","sources":["../../../src/dialog/useDialogue.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAIpE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,CAAA;IAC9C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACtD,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACnG,CAAA;AAMD,wBAAgB,WAAW,IAAI,WAAW,CA6HzC"}

package/lib/typescript/divider/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ViewProps } from 'react-native';
+import { ViewStyle } from '../utiles/viewStyleProps';
+type DividerVariants = {
+    vertical?: boolean | [boolean, ViewStyle];
+    horizontal?: boolean | [boolean, ViewStyle];
+};
+type DividerProps = ViewProps & DividerVariants & ViewStyle;
+declare const StyledDivider: import("react").ForwardRefExoticComponent<ViewProps & DividerVariants & ViewStyle & import("react").RefAttributes<any>>;
+export { StyledDivider };
+export type { DividerProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,KAAK,eAAe,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,YAAY,GAAG,SAAS,GAAI,eAAe,GAAG,SAAS,CAAC;AAE7D,QAAA,MAAM,aAAa,yHA0BlB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type DrawerProps } from './interface';
+export declare const Drawer: React.NamedExoticComponent<DrawerProps>;
+//# sourceMappingURL=Drawer.d.ts.map

package/lib/typescript/drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAmBd,OAAO,EAKL,KAAK,WAAW,EAEjB,MAAM,aAAa,CAAA;AA6mBpB,eAAO,MAAM,MAAM,yCAAoB,CAAA"}