@sincpro/mobile-ui 0.1.2

package/lib/typescript/Dialog/BottomSheet/BottomSheet.Root.d.ts

@@ -0,0 +1,321 @@
+import { type ReactNode } from "react";
+import { type GestureResponderHandlers } from "react-native";
+/**
+ * Available sizes for the BottomSheet.
+ * - `auto`: Fits content height (max 90% screen)
+ * - `small`: 30% of screen height
+ * - `medium`: 50% of screen height
+ * - `large`: 75% of screen height
+ * - `full`: 90% of screen height
+ */
+type BottomSheetSize = "auto" | "small" | "medium" | "large" | "full";
+export interface BottomSheetContextValue {
+    close: () => void;
+    panHandlers: GestureResponderHandlers;
+}
+/**
+ * Hook to access BottomSheet context from compound components.
+ * Provides `close()` function and `panHandlers` for gesture support.
+ *
+ * @throws Error if used outside BottomSheet.Root
+ *
+ * @example
+ * ```tsx
+ * function CustomHeader() {
+ *   const { close, panHandlers } = BottomSheet.useBottomSheet();
+ *   return (
+ *     <View {...panHandlers}>
+ *       <Button onPress={close} title="Close" />
+ *     </View>
+ *   );
+ * }
+ * ```
+ */
+declare function useBottomSheet(): BottomSheetContextValue;
+export interface RootProps {
+    visible: boolean;
+    onClose: () => void;
+    size?: BottomSheetSize;
+    dismissible?: boolean;
+    children: ReactNode;
+}
+/**
+ * Root container for the BottomSheet modal with swipe-to-dismiss gesture support.
+ *
+ * Features:
+ * - Spring animation on open/close
+ * - Swipe down to dismiss (configurable)
+ * - Backdrop tap to dismiss (configurable)
+ * - Safe area insets handling
+ * - Configurable sizes
+ *
+ * @param visible - Controls visibility of the bottom sheet
+ * @param onClose - Callback when sheet is dismissed (swipe, backdrop tap, or programmatic)
+ * @param size - Height preset: 'auto' | 'small' | 'medium' | 'large' | 'full'
+ * @param dismissible - If false, disables swipe and backdrop dismiss (default: true)
+ * @param children - Compound components (Header, Content, Actions, etc.)
+ *
+ * @example Basic usage with Header and Content
+ * ```tsx
+ * <BottomSheet.Root visible={isOpen} onClose={() => setIsOpen(false)}>
+ *   <BottomSheet.Header>
+ *     <BottomSheet.Title>Select Option</BottomSheet.Title>
+ *   </BottomSheet.Header>
+ *   <BottomSheet.Content>
+ *     <Text>Your content here</Text>
+ *   </BottomSheet.Content>
+ * </BottomSheet.Root>
+ * ```
+ *
+ * @example With Actions footer
+ * ```tsx
+ * <BottomSheet.Root visible={isOpen} onClose={close} size="medium">
+ *   <BottomSheet.Header>
+ *     <BottomSheet.Title subtitle="Choose one">Options</BottomSheet.Title>
+ *   </BottomSheet.Header>
+ *   <BottomSheet.Content scrollable>
+ *     {items.map(item => <ItemRow key={item.id} item={item} />)}
+ *   </BottomSheet.Content>
+ *   <BottomSheet.Actions layout="horizontal">
+ *     <Button title="Cancel" onPress={close} />
+ *     <Button title="Confirm" onPress={handleConfirm} />
+ *   </BottomSheet.Actions>
+ * </BottomSheet.Root>
+ * ```
+ *
+ * @example Non-dismissible (must use button to close)
+ * ```tsx
+ * <BottomSheet.Root visible={isOpen} onClose={close} dismissible={false}>
+ *   <BottomSheet.Content>
+ *     <Text>You must tap the button to close</Text>
+ *     <Button title="Close" onPress={close} />
+ *   </BottomSheet.Content>
+ * </BottomSheet.Root>
+ * ```
+ */
+declare function Root({ visible, onClose, size, dismissible, children }: RootProps): import("react").JSX.Element;
+export interface HandleProps {
+    children?: ReactNode;
+}
+/**
+ * Standalone drag handle for minimal bottom sheets without a header.
+ * Includes the visual "pill" indicator and swipe gesture support.
+ *
+ * Use this when you want a simple drag indicator without a full header.
+ * For sheets with titles, use `BottomSheet.Header` instead.
+ *
+ * @param children - Optional content below the handle pill
+ *
+ * @example Minimal sheet with just a handle
+ * ```tsx
+ * <BottomSheet.Root visible={isOpen} onClose={close}>
+ *   <BottomSheet.Handle />
+ *   <BottomSheet.Content>
+ *     <Text>Simple content</Text>
+ *   </BottomSheet.Content>
+ * </BottomSheet.Root>
+ * ```
+ */
+declare function Handle({ children }: HandleProps): import("react").JSX.Element;
+export interface HeaderProps {
+    children: ReactNode;
+}
+/**
+ * Header section with integrated drag handle and bottom border.
+ * Automatically includes the drag pill indicator and gesture support.
+ *
+ * Use with `BottomSheet.Title` for consistent styling, or provide custom content.
+ *
+ * @param children - Header content (typically BottomSheet.Title or custom layout)
+ *
+ * @example With Title component
+ * ```tsx
+ * <BottomSheet.Header>
+ *   <BottomSheet.Title subtitle="Select your preference">
+ *     Settings
+ *   </BottomSheet.Title>
+ * </BottomSheet.Header>
+ * ```
+ *
+ * @example Custom header content
+ * ```tsx
+ * <BottomSheet.Header>
+ *   <View className="flex-row justify-between px-4 py-2">
+ *     <Text>Custom Title</Text>
+ *     <TouchableOpacity onPress={close}>
+ *       <Icon name="close" />
+ *     </TouchableOpacity>
+ *   </View>
+ * </BottomSheet.Header>
+ * ```
+ */
+declare function Header({ children }: HeaderProps): import("react").JSX.Element;
+export interface TitleProps {
+    children: ReactNode;
+    subtitle?: string;
+}
+/**
+ * Title component for use inside BottomSheet.Header.
+ * Provides consistent text styling with optional subtitle.
+ *
+ * @param children - Main title text (typically a string or Text component)
+ * @param subtitle - Optional secondary text below the title
+ *
+ * @example Simple title
+ * ```tsx
+ * <BottomSheet.Title>Select Device</BottomSheet.Title>
+ * ```
+ *
+ * @example Title with subtitle
+ * ```tsx
+ * <BottomSheet.Title subtitle="Choose from available devices">
+ *   Bluetooth Printer
+ * </BottomSheet.Title>
+ * ```
+ */
+declare function Title({ children, subtitle }: TitleProps): import("react").JSX.Element;
+export interface ContentProps {
+    children: ReactNode;
+    scrollable?: boolean;
+}
+/**
+ * Main content area for the bottom sheet.
+ * Can be static or scrollable depending on content needs.
+ *
+ * @param children - Content to display
+ * @param scrollable - Enable ScrollView wrapper for long content (default: false)
+ *
+ * @example Static content
+ * ```tsx
+ * <BottomSheet.Content>
+ *   <View className="p-4">
+ *     <Text>Short content that fits</Text>
+ *   </View>
+ * </BottomSheet.Content>
+ * ```
+ *
+ * @example Scrollable list
+ * ```tsx
+ * <BottomSheet.Content scrollable>
+ *   {items.map(item => (
+ *     <TouchableOpacity key={item.id} onPress={() => onSelect(item)}>
+ *       <Text>{item.name}</Text>
+ *     </TouchableOpacity>
+ *   ))}
+ * </BottomSheet.Content>
+ * ```
+ */
+declare function Content({ children, scrollable }: ContentProps): import("react").JSX.Element;
+export interface ActionsProps {
+    children: ReactNode;
+    layout?: "auto" | "horizontal" | "vertical";
+}
+/**
+ * Action buttons section with top border, typically at the bottom of the sheet.
+ * Use for confirm/cancel buttons or multiple action options.
+ *
+ * @param children - Button components
+ * @param layout - Button arrangement: 'auto' | 'horizontal' | 'vertical' (default: 'auto')
+ *
+ * @example Vertical buttons (default)
+ * ```tsx
+ * <BottomSheet.Actions>
+ *   <Button title="Option 1" onPress={handleOption1} />
+ *   <Button title="Option 2" onPress={handleOption2} />
+ *   <Button title="Cancel" variant="outline" onPress={close} />
+ * </BottomSheet.Actions>
+ * ```
+ *
+ * @example Horizontal buttons (confirm/cancel pattern)
+ * ```tsx
+ * <BottomSheet.Actions layout="horizontal">
+ *   <Button title="Cancel" variant="outline" onPress={close} flex={1} />
+ *   <Button title="Confirm" variant="primary" onPress={confirm} flex={1} />
+ * </BottomSheet.Actions>
+ * ```
+ */
+declare function Actions({ children, layout }: ActionsProps): import("react").JSX.Element;
+export interface FooterProps {
+    children: ReactNode;
+}
+/**
+ * Footer section with gray background, for secondary information or status.
+ * Different from Actions - use Footer for non-interactive content.
+ *
+ * @param children - Footer content (text, status indicators, etc.)
+ *
+ * @example Status footer
+ * ```tsx
+ * <BottomSheet.Footer>
+ *   <Text className="text-gray-500 text-sm">
+ *     Last updated: 5 minutes ago
+ *   </Text>
+ * </BottomSheet.Footer>
+ * ```
+ *
+ * @example Help text footer
+ * ```tsx
+ * <BottomSheet.Footer>
+ *   <View className="flex-row items-center">
+ *     <Icon name="info" size={16} />
+ *     <Text className="ml-2 text-gray-600">Swipe down to dismiss</Text>
+ *   </View>
+ * </BottomSheet.Footer>
+ * ```
+ */
+declare function Footer({ children }: FooterProps): import("react").JSX.Element;
+/**
+ * BottomSheet Compound Components
+ *
+ * A flexible, gesture-enabled bottom sheet modal system following compound component pattern.
+ * Supports swipe-to-dismiss, configurable sizes, and composable sections.
+ *
+ * ## Components
+ *
+ * | Component | Purpose |
+ * |-----------|---------|
+ * | `Root` | Container with gesture handling and animations |
+ * | `Handle` | Standalone drag pill (minimal sheets) |
+ * | `Header` | Header with integrated drag handle |
+ * | `Title` | Styled title with optional subtitle |
+ * | `Content` | Main content area (static or scrollable) |
+ * | `Actions` | Action buttons section |
+ * | `Footer` | Secondary info footer |
+ * | `useBottomSheet` | Hook for custom components |
+ *
+ * ## Basic Structure
+ *
+ * ```tsx
+ * <BottomSheet.Root visible={isOpen} onClose={close}>
+ *   <BottomSheet.Header>
+ *     <BottomSheet.Title>Title</BottomSheet.Title>
+ *   </BottomSheet.Header>
+ *   <BottomSheet.Content>
+ *     {content}
+ *   </BottomSheet.Content>
+ *   <BottomSheet.Actions>
+ *     {buttons}
+ *   </BottomSheet.Actions>
+ * </BottomSheet.Root>
+ * ```
+ *
+ * ## Usage in Atomic Design
+ *
+ * - **Molecules**: Use BottomSheet to create selector modals (e.g., BluetoothDeviceSelectorModal)
+ * - **Organisms**: Compose Card + SelectorModal for complete features (e.g., BluetoothPrinterSelector)
+ *
+ * @see BluetoothDeviceSelectorModal - Example molecule implementation
+ * @see TimeZoneSelectorModal - Example molecule implementation
+ */
+export declare const BottomSheet: {
+    Root: typeof Root;
+    Handle: typeof Handle;
+    Header: typeof Header;
+    Title: typeof Title;
+    Content: typeof Content;
+    Actions: typeof Actions;
+    Footer: typeof Footer;
+    useBottomSheet: typeof useBottomSheet;
+};
+export {};
+//# sourceMappingURL=BottomSheet.Root.d.ts.map

package/lib/typescript/Dialog/BottomSheet/BottomSheet.Root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.Root.d.ts","sourceRoot":"","sources":["../../../../sincpro_mobile_ui/Dialog/BottomSheet/BottomSheet.Root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAC;AACrF,OAAO,EAGL,KAAK,wBAAwB,EAO9B,MAAM,cAAc,CAAC;AAKtB;;;;;;;GAOG;AACH,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,EAAE,wBAAwB,CAAC;CACvC;AAID;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,cAAc,4BAMtB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,iBAAS,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAa,EAAE,WAAkB,EAAE,QAAQ,EAAE,EAAE,SAAS,+BA8FzF;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,+BASxC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAWxC;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAOhD;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,UAAkB,EAAE,EAAE,YAAY,+BAU9D;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAe,EAAE,EAAE,YAAY,+BAQ3D;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAIxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC"}

package/lib/typescript/Dialog/BottomSheet/index.d.ts

@@ -0,0 +1,2 @@
+export { BottomSheet } from "./BottomSheet.Root";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/Dialog/BottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../sincpro_mobile_ui/Dialog/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/typescript/Dialog/Confirmation.context.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+type ConfirmationVariant = "dialog" | "bottomSheet";
+interface IConfirmationOptions {
+    variant?: ConfirmationVariant;
+    title?: string;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    render?: (close: () => void) => ReactNode;
+}
+type ConfirmationContextValue = {
+    show: (opts: IConfirmationOptions) => void;
+    hide: () => void;
+};
+export declare function ConfirmationProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useConfirmationContext(): ConfirmationContextValue;
+export {};
+//# sourceMappingURL=Confirmation.context.d.ts.map

package/lib/typescript/Dialog/Confirmation.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confirmation.context.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Dialog/Confirmation.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,KAAK,mBAAmB,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CAC3C;AAMD,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAgBF,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAqFzE;AAED,wBAAgB,sBAAsB,6BAWrC"}

package/lib/typescript/Dialog/Dialog.Confirmation.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface Props {
+    auxTitle?: string;
+    subtitle?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    visible: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+declare const ConfirmationDialog: React.FC<Props>;
+export default ConfirmationDialog;
+//# sourceMappingURL=Dialog.Confirmation.d.ts.map

package/lib/typescript/Dialog/Dialog.Confirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.Confirmation.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Dialog/Dialog.Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/Dialog/Dialog.EditValue.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface EditableValueModalChip {
+    key?: string;
+    label: string;
+    onPress: () => void;
+}
+export interface EditableValueModalProps {
+    visible: boolean;
+    title: string;
+    value: string;
+    onChangeValue: (text: string) => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+    placeholder?: string;
+    helperText?: string | React.ReactNode;
+    chips?: EditableValueModalChip[];
+    keyboardType?: "default" | "numeric" | "decimal-pad";
+    rightAdornment?: React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    autoFocus?: boolean;
+    testID?: string;
+}
+declare function EditableValueModal({ visible, title, value, onChangeValue, onConfirm, onCancel, placeholder, helperText, chips, keyboardType, rightAdornment, confirmLabel, cancelLabel, autoFocus, testID, }: EditableValueModalProps): React.JSX.Element;
+export default EditableValueModal;
+//# sourceMappingURL=Dialog.EditValue.d.ts.map

package/lib/typescript/Dialog/Dialog.EditValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.EditValue.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Dialog/Dialog.EditValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,sBAAsB;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,YAA4B,EAC5B,cAAc,EACd,YAAwB,EACxB,WAAwB,EACxB,SAAgB,EAChB,MAAM,GACP,EAAE,uBAAuB,qBAqFzB;AAED,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { BottomSheet } from "./BottomSheet";
+import { ConfirmationProvider, useConfirmationContext } from "./Confirmation.context";
+import EditValue, { type EditableValueModalChip, type EditableValueModalProps } from "./Dialog.EditValue";
+export declare const Dialog: {
+    Confirmation: import("react").FC<import("./Dialog.Confirmation").Props>;
+    BottomSheet: {
+        Root: ({ visible, onClose, size, dismissible, children }: import("./BottomSheet/BottomSheet.Root").RootProps) => import("react").JSX.Element;
+        Handle: ({ children }: import("./BottomSheet/BottomSheet.Root").HandleProps) => import("react").JSX.Element;
+        Header: ({ children }: import("./BottomSheet/BottomSheet.Root").HeaderProps) => import("react").JSX.Element;
+        Title: ({ children, subtitle }: import("./BottomSheet/BottomSheet.Root").TitleProps) => import("react").JSX.Element;
+        Content: ({ children, scrollable }: import("./BottomSheet/BottomSheet.Root").ContentProps) => import("react").JSX.Element;
+        Actions: ({ children, layout }: import("./BottomSheet/BottomSheet.Root").ActionsProps) => import("react").JSX.Element;
+        Footer: ({ children }: import("./BottomSheet/BottomSheet.Root").FooterProps) => import("react").JSX.Element;
+        useBottomSheet: () => import("./BottomSheet/BottomSheet.Root").BottomSheetContextValue;
+    };
+    EditValue: typeof EditValue;
+};
+export { BottomSheet, ConfirmationProvider, type EditableValueModalChip, type EditableValueModalProps, useConfirmationContext, };
+export default Dialog;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEtF,OAAO,SAAS,EAAE,EAChB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC7B,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAIlB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,sBAAsB,GACvB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/Display/Display.Avatar.d.ts

@@ -0,0 +1,53 @@
+import { FC } from "react";
+import { type VariantProps } from "../theme/tw";
+declare const avatar: import("tailwind-variants").TVReturnType<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    colorScheme: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+    };
+}, undefined, "justify-center items-center rounded-full shadow-sm", {
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    colorScheme: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    colorScheme: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+    };
+}, undefined, "justify-center items-center rounded-full shadow-sm", unknown, unknown, undefined>>;
+export interface AvatarProps extends Omit<VariantProps<typeof avatar>, "size"> {
+    initials: string;
+    size?: number;
+    className?: string;
+}
+declare const Avatar: FC<AvatarProps>;
+export default Avatar;
+//# sourceMappingURL=Display.Avatar.d.ts.map

package/lib/typescript/Display/Display.Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.Avatar.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Display/Display.Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iGAqBV,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsB3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/Display/Display.Badge.d.ts

@@ -0,0 +1,109 @@
+import { type VariantProps } from "../theme/tw";
+declare const badge: import("tailwind-variants").TVReturnType<{
+    variant: {
+        info: {
+            root: string;
+            text: string;
+        };
+        infoDark: {
+            root: string;
+            text: string;
+        };
+        warning: {
+            root: string;
+            text: string;
+        };
+        success: {
+            root: string;
+            text: string;
+        };
+        successDark: {
+            root: string;
+            text: string;
+        };
+        danger: {
+            root: string;
+            text: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+}, undefined, {
+    variant: {
+        info: {
+            root: string;
+            text: string;
+        };
+        infoDark: {
+            root: string;
+            text: string;
+        };
+        warning: {
+            root: string;
+            text: string;
+        };
+        success: {
+            root: string;
+            text: string;
+        };
+        successDark: {
+            root: string;
+            text: string;
+        };
+        danger: {
+            root: string;
+            text: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        info: {
+            root: string;
+            text: string;
+        };
+        infoDark: {
+            root: string;
+            text: string;
+        };
+        warning: {
+            root: string;
+            text: string;
+        };
+        success: {
+            root: string;
+            text: string;
+        };
+        successDark: {
+            root: string;
+            text: string;
+        };
+        danger: {
+            root: string;
+            text: string;
+        };
+    };
+}, {
+    root: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>;
+export type BadgeVariant = VariantProps<typeof badge>["variant"];
+export declare enum BadgeVariants {
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success",
+    INFO_DARK = "infoDark",
+    DANGER = "danger",
+    SUCCESS_DARK = "successDark"
+}
+export type BadgeProps = {
+    label: string;
+    variant: BadgeVariants | BadgeVariant | string;
+    className?: string;
+};
+declare function Badge({ label, variant, className }: BadgeProps): import("react").JSX.Element;
+export default Badge;
+//# sourceMappingURL=Display.Badge.d.ts.map

package/lib/typescript/Display/Display.Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.Badge.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Display/Display.Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCT,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;AAEjE,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,YAAY,gBAAgB;CAC7B;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,+BAUvD;AAED,eAAe,KAAK,CAAC"}

package/lib/typescript/Display/Display.CopyableText.d.ts

@@ -0,0 +1,14 @@
+type CopyableTextProps = {
+    value: string;
+    getValue?: never;
+    label?: string;
+    className?: string;
+} | {
+    value?: never;
+    getValue: () => string;
+    label?: string;
+    className?: string;
+};
+declare function CopyableText({ value, getValue, label, className }: CopyableTextProps): import("react").JSX.Element;
+export default CopyableText;
+//# sourceMappingURL=Display.CopyableText.d.ts.map

package/lib/typescript/Display/Display.CopyableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.CopyableText.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Display/Display.CopyableText.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAClB;IACE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAgB7E;AAED,eAAe,YAAY,CAAC"}

package/lib/typescript/Display/Display.CountRecords.d.ts

@@ -0,0 +1,9 @@
+interface IProps {
+    name?: string;
+    count: number;
+    withPadding?: boolean;
+    className?: string;
+}
+declare function CountRecords({ name, count, withPadding, className }: IProps): import("react").JSX.Element;
+export default CountRecords;
+//# sourceMappingURL=Display.CountRecords.d.ts.map

package/lib/typescript/Display/Display.CountRecords.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.CountRecords.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Display/Display.CountRecords.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAkB,EAAE,SAAS,EAAE,EAAE,MAAM,+BAW3E;AAED,eAAe,YAAY,CAAC"}

package/lib/typescript/Display/Display.Date.d.ts

@@ -0,0 +1,19 @@
+import type { StyleProp, TextStyle } from "react-native";
+import { typographyVariants } from "../theme/typography";
+type DateFormat = "short" | "long" | "numeric";
+interface DateFieldProps {
+    value: string | Date | null | undefined;
+    format?: DateFormat;
+    prefix?: string;
+    textVariant?: keyof typeof typographyVariants;
+    color?: string;
+    style?: StyleProp<TextStyle>;
+    semibold?: boolean;
+    bold?: boolean;
+    className?: string;
+    showTime?: boolean;
+    timezone?: string;
+}
+declare function DateField({ value, format, prefix, textVariant, color, style, semibold, bold, className, showTime, timezone, }: DateFieldProps): import("react").JSX.Element;
+export default DateField;
+//# sourceMappingURL=Display.Date.d.ts.map

package/lib/typescript/Display/Display.Date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.Date.d.ts","sourceRoot":"","sources":["../../../sincpro_mobile_ui/Display/Display.Date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,OAAO,kBAAkB,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,MAAgB,EAChB,MAAW,EACX,WAAoB,EACpB,KAAK,EACL,KAAU,EACV,QAAgB,EAChB,IAAY,EACZ,SAAS,EACT,QAAe,EACf,QAAQ,GACT,EAAE,cAAc,+BAsBhB;AAED,eAAe,SAAS,CAAC"}