@sincpro/mobile-ui 0.1.2 → 0.1.4

package/lib/module/Dialog/BottomSheet/BottomSheet.Root.js

@@ -1,481 +0,0 @@
-"use strict";
-
-import { createContext, useContext, useEffect, useRef } from "react";
-import { Animated, Dimensions, Modal, PanResponder, Pressable, ScrollView, Text, View } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { theme } from "../../theme/index.js";
-
-/**
- * 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
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const BottomSheetContext = /*#__PURE__*/createContext(null);
-
-/**
- * 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>
- *   );
- * }
- * ```
- */
-function useBottomSheet() {
-  const context = useContext(BottomSheetContext);
-  if (!context) {
-    throw new Error("BottomSheet compound components must be used within BottomSheet.Root");
-  }
-  return context;
-}
-const SIZE_MAP = {
-  auto: 0,
-  small: 0.3,
-  medium: 0.5,
-  large: 0.75,
-  full: 0.9
-};
-
-/**
- * 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>
- * ```
- */
-function Root({
-  visible,
-  onClose,
-  size = "auto",
-  dismissible = true,
-  children
-}) {
-  const insets = useSafeAreaInsets();
-  const screenHeight = Dimensions.get("window").height;
-  const translateY = useRef(new Animated.Value(screenHeight)).current;
-  const maxHeight = size === "auto" ? screenHeight * 0.9 : screenHeight * SIZE_MAP[size];
-  const minHeight = size === "auto" ? 0 : screenHeight * SIZE_MAP[size];
-  useEffect(() => {
-    if (visible) {
-      Animated.spring(translateY, {
-        toValue: 0,
-        useNativeDriver: true,
-        damping: 20,
-        stiffness: 300
-      }).start();
-    } else {
-      translateY.setValue(screenHeight);
-    }
-  }, [visible, screenHeight, translateY]);
-  const panResponder = useRef(PanResponder.create({
-    onStartShouldSetPanResponder: () => dismissible,
-    onMoveShouldSetPanResponder: (_, gestureState) => {
-      return dismissible && Math.abs(gestureState.dy) > 10;
-    },
-    onPanResponderMove: (_, gestureState) => {
-      if (gestureState.dy > 0) {
-        translateY.setValue(gestureState.dy);
-      }
-    },
-    onPanResponderRelease: (_, gestureState) => {
-      if (gestureState.dy > 100 || gestureState.vy > 0.5) {
-        Animated.timing(translateY, {
-          toValue: screenHeight,
-          duration: 200,
-          useNativeDriver: true
-        }).start(() => onClose());
-      } else {
-        Animated.spring(translateY, {
-          toValue: 0,
-          useNativeDriver: true,
-          damping: 20,
-          stiffness: 300
-        }).start();
-      }
-    }
-  })).current;
-  function handleBackdropPress() {
-    if (dismissible) {
-      Animated.timing(translateY, {
-        toValue: screenHeight,
-        duration: 200,
-        useNativeDriver: true
-      }).start(() => onClose());
-    }
-  }
-  const contextValue = {
-    close: onClose,
-    panHandlers: panResponder.panHandlers
-  };
-  return /*#__PURE__*/_jsx(Modal, {
-    animationType: "fade",
-    onRequestClose: onClose,
-    presentationStyle: "overFullScreen",
-    transparent: true,
-    visible: visible,
-    children: /*#__PURE__*/_jsxs(View, {
-      className: "flex-1 bg-black/50",
-      children: [/*#__PURE__*/_jsx(Pressable, {
-        className: "flex-1",
-        onPress: handleBackdropPress
-      }), /*#__PURE__*/_jsx(Animated.View, {
-        className: "rounded-t-3xl overflow-hidden",
-        style: {
-          backgroundColor: theme.bg.popover,
-          maxHeight,
-          minHeight: minHeight || undefined,
-          paddingBottom: insets.bottom,
-          transform: [{
-            translateY
-          }]
-        },
-        children: /*#__PURE__*/_jsx(BottomSheetContext.Provider, {
-          value: contextValue,
-          children: children
-        })
-      })]
-    })
-  });
-}
-/**
- * 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>
- * ```
- */
-function Handle({
-  children
-}) {
-  const {
-    panHandlers
-  } = useBottomSheet();
-  return /*#__PURE__*/_jsxs(View, {
-    ...panHandlers,
-    className: "items-center pt-3 pb-2",
-    children: [/*#__PURE__*/_jsx(View, {
-      className: "w-10 h-1 bg-border-light rounded-full mb-2"
-    }), children]
-  });
-}
-/**
- * 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>
- * ```
- */
-function Header({
-  children
-}) {
-  const {
-    panHandlers
-  } = useBottomSheet();
-  return /*#__PURE__*/_jsxs(View, {
-    ...panHandlers,
-    className: "border-b border-border-light",
-    children: [/*#__PURE__*/_jsx(View, {
-      className: "items-center pt-3 pb-1",
-      children: /*#__PURE__*/_jsx(View, {
-        className: "w-10 h-1 bg-border-divider rounded-full"
-      })
-    }), children]
-  });
-}
-/**
- * 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>
- * ```
- */
-function Title({
-  children,
-  subtitle
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    className: "px-5 py-3",
-    children: [/*#__PURE__*/_jsx(Text, {
-      className: "text-lg font-semibold text-text-primary",
-      children: children
-    }), subtitle && /*#__PURE__*/_jsx(Text, {
-      className: "text-sm text-text-secondary mt-1",
-      children: subtitle
-    })]
-  });
-}
-/**
- * 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>
- * ```
- */
-function Content({
-  children,
-  scrollable = false
-}) {
-  if (scrollable) {
-    return /*#__PURE__*/_jsx(ScrollView, {
-      bounces: false,
-      className: "flex-1",
-      showsVerticalScrollIndicator: false,
-      children: children
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    className: "flex-1",
-    children: children
-  });
-}
-/**
- * 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>
- * ```
- */
-function Actions({
-  children,
-  layout = "auto"
-}) {
-  const containerClass = layout === "horizontal" ? "flex-row gap-3" : "gap-3";
-  return /*#__PURE__*/_jsx(View, {
-    className: "px-5 py-4 border-t border-border-light",
-    children: /*#__PURE__*/_jsx(View, {
-      className: containerClass,
-      children: children
-    })
-  });
-}
-/**
- * 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>
- * ```
- */
-function Footer({
-  children
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    className: "px-5 py-3 border-t border-border-light bg-bg-hover",
-    children: children
-  });
-}
-
-/**
- * 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 const BottomSheet = {
-  Root,
-  Handle,
-  Header,
-  Title,
-  Content,
-  Actions,
-  Footer,
-  useBottomSheet
-};
-//# sourceMappingURL=BottomSheet.Root.js.map

package/lib/module/Dialog/BottomSheet/BottomSheet.Root.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","useContext","useEffect","useRef","Animated","Dimensions","Modal","PanResponder","Pressable","ScrollView","Text","View","useSafeAreaInsets","theme","jsx","_jsx","jsxs","_jsxs","BottomSheetContext","useBottomSheet","context","Error","SIZE_MAP","auto","small","medium","large","full","Root","visible","onClose","size","dismissible","children","insets","screenHeight","get","height","translateY","Value","current","maxHeight","minHeight","spring","toValue","useNativeDriver","damping","stiffness","start","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","Math","abs","dy","onPanResponderMove","onPanResponderRelease","vy","timing","duration","handleBackdropPress","contextValue","close","panHandlers","animationType","onRequestClose","presentationStyle","transparent","className","onPress","style","backgroundColor","bg","popover","undefined","paddingBottom","bottom","transform","Provider","value","Handle","Header","Title","subtitle","Content","scrollable","bounces","showsVerticalScrollIndicator","Actions","layout","containerClass","Footer","BottomSheet"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["Dialog/BottomSheet/BottomSheet.Root.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Dialog/BottomSheet/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { BottomSheet } from "./BottomSheet.Root.js";
-//# sourceMappingURL=index.js.map

package/lib/module/Dialog/BottomSheet/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BottomSheet"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["Dialog/BottomSheet/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/Dialog/Confirmation.context.js

@@ -1,108 +0,0 @@
-"use strict";
-
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
-import { BaseButton } from "../primitives/BaseButton.js";
-import { BottomSheet } from "./BottomSheet/index.js";
-import ConfirmationDialog from "./Dialog.Confirmation.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const DEFAULT_STATE = {
-  isVisible: false,
-  variant: "dialog",
-  title: "Confirmación",
-  message: "¿Estás seguro de que quieres continuar?",
-  confirmText: "Confirmar",
-  cancelText: "Cancelar",
-  onConfirm: undefined,
-  onCancel: undefined,
-  render: undefined
-};
-const ConfirmationContext = /*#__PURE__*/createContext(null);
-export function ConfirmationProvider({
-  children
-}) {
-  const [state, setState] = useState(DEFAULT_STATE);
-  const show = useCallback(opts => {
-    setState(prev => ({
-      ...prev,
-      isVisible: true,
-      variant: opts.variant ?? DEFAULT_STATE.variant,
-      title: opts.title ?? DEFAULT_STATE.title,
-      message: opts.message ?? DEFAULT_STATE.message,
-      confirmText: opts.confirmText ?? DEFAULT_STATE.confirmText,
-      cancelText: opts.cancelText ?? DEFAULT_STATE.cancelText,
-      onConfirm: opts.onConfirm,
-      onCancel: opts.onCancel,
-      render: opts.render
-    }));
-  }, []);
-  const hide = useCallback(() => {
-    setState(DEFAULT_STATE);
-  }, []);
-  const value = useMemo(() => ({
-    show,
-    hide
-  }), [show, hide]);
-  const handleConfirm = async () => {
-    try {
-      await state.onConfirm?.();
-    } finally {
-      hide();
-    }
-  };
-  const handleCancel = async () => {
-    try {
-      await state.onCancel?.();
-    } finally {
-      hide();
-    }
-  };
-  return /*#__PURE__*/_jsxs(ConfirmationContext.Provider, {
-    value: value,
-    children: [children, state.variant === "dialog" && /*#__PURE__*/_jsx(ConfirmationDialog, {
-      auxTitle: state.title,
-      cancelButtonText: state.cancelText,
-      confirmButtonText: state.confirmText,
-      onCancel: handleCancel,
-      onConfirm: handleConfirm,
-      subtitle: state.message,
-      visible: state.isVisible
-    }), state.variant === "bottomSheet" && /*#__PURE__*/_jsx(BottomSheet.Root, {
-      onClose: handleCancel,
-      visible: state.isVisible,
-      children: state.render ? state.render(hide) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(BottomSheet.Header, {
-          children: /*#__PURE__*/_jsx(BottomSheet.Title, {
-            subtitle: state.message,
-            children: state.title
-          })
-        }), /*#__PURE__*/_jsxs(BottomSheet.Actions, {
-          layout: "horizontal",
-          children: [/*#__PURE__*/_jsx(BaseButton, {
-            className: "flex-1",
-            onPress: handleCancel,
-            title: state.cancelText ?? "",
-            variant: "outline"
-          }), /*#__PURE__*/_jsx(BaseButton, {
-            className: "flex-1",
-            onPress: handleConfirm,
-            title: state.confirmText ?? "",
-            variant: "primary"
-          })]
-        })]
-      })
-    })]
-  });
-}
-export function useConfirmationContext() {
-  const context = useContext(ConfirmationContext);
-  if (!context) {
-    // Return no-op functions during initial mount to avoid timing issues
-    console.warn("useConfirmationContext called before ConfirmationProvider mounted");
-    return {
-      show: () => {},
-      hide: () => {}
-    };
-  }
-  return context;
-}
-//# sourceMappingURL=Confirmation.context.js.map

package/lib/module/Dialog/Confirmation.context.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","useCallback","useContext","useMemo","useState","BaseButton","BottomSheet","ConfirmationDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_STATE","isVisible","variant","title","message","confirmText","cancelText","onConfirm","undefined","onCancel","render","ConfirmationContext","ConfirmationProvider","children","state","setState","show","opts","prev","hide","value","handleConfirm","handleCancel","Provider","auxTitle","cancelButtonText","confirmButtonText","subtitle","visible","Root","onClose","Header","Title","Actions","layout","className","onPress","useConfirmationContext","context","console","warn"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Dialog/Confirmation.context.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Dialog/Dialog.Confirmation.js

@@ -1,69 +0,0 @@
-"use strict";
-
-import React from "react";
-import { Modal, TouchableWithoutFeedback, View } from "react-native";
-import { BaseButton } from "../primitives/BaseButton.js";
-import { theme } from "../theme/index.js";
-import Typography from "../Typography/Typography.Text.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ConfirmationDialog = ({
-  visible,
-  onCancel,
-  onConfirm,
-  auxTitle = "cambios",
-  subtitle = "¿Estás seguro de que quieres descartar los cambios realizados?",
-  confirmButtonText = "Sí",
-  cancelButtonText = "No, continuar aquí"
-}) => {
-  return /*#__PURE__*/_jsx(Modal, {
-    animationType: "fade",
-    onRequestClose: onCancel,
-    transparent: true,
-    visible: visible,
-    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-      onPress: onCancel,
-      children: /*#__PURE__*/_jsx(View, {
-        className: "flex-1 justify-center items-center p-6 bg-black/50",
-        children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-          children: /*#__PURE__*/_jsxs(View, {
-            className: "rounded-xl p-3 w-full max-w-xs mx-auto",
-            style: {
-              backgroundColor: theme.bg.popover,
-              ...theme.shadow.md
-            },
-            children: [/*#__PURE__*/_jsx(Typography, {
-              className: "mb-1.5 text-sm",
-              variant: "body",
-              children: /*#__PURE__*/_jsx(Typography, {
-                semibold: true,
-                variant: "body",
-                children: auxTitle
-              })
-            }), /*#__PURE__*/_jsx(Typography, {
-              className: "mb-3 text-xs leading-tight",
-              variant: "body",
-              children: subtitle
-            }), /*#__PURE__*/_jsxs(View, {
-              className: "flex-row gap-2",
-              children: [/*#__PURE__*/_jsx(BaseButton, {
-                className: "flex-1",
-                onPress: onCancel,
-                size: "small",
-                title: cancelButtonText,
-                variant: "outlineBlack"
-              }), /*#__PURE__*/_jsx(BaseButton, {
-                className: "flex-1",
-                onPress: onConfirm,
-                size: "small",
-                title: confirmButtonText,
-                variant: "primary"
-              })]
-            })]
-          })
-        })
-      })
-    })
-  });
-};
-export default ConfirmationDialog;
-//# sourceMappingURL=Dialog.Confirmation.js.map