@sincpro/mobile-ui 0.1.2

package/README.md

@@ -0,0 +1,32 @@
+# @sincpro/mobile_ui
+
+Sincpro Mobile design system: generic, presentational React Native components.
+
+- **Presentational only** — receives data via props/callbacks. No domain logic, no services, no state stores.
+- **Standalone** — does not depend on `@sincpro/mobile` (the core). The core depends on this package.
+- Built with NativeWind + tailwind-variants.
+
+## Install
+
+```bash
+yarn add @sincpro/mobile_ui
+```
+
+Peer dependencies (provided by the host app): react, react-native, nativewind, react-native-reanimated, react-native-svg, react-native-safe-area-context, and the expo modules listed in `package.json`.
+
+## Usage
+
+```tsx
+import { Form } from "@sincpro/mobile_ui/Form";
+import { Display } from "@sincpro/mobile_ui/Display";
+import { theme } from "@sincpro/mobile_ui/theme";
+import { formatDate } from "@sincpro/mobile_ui/lib/date";
+```
+
+## Structure
+
+- `Form`, `Display`, `Dialog`, `Feedback`, `Typography`, `Navigation`, `primitives` — component categories
+- `views` — compound views (ListViewV2, FormViewV2, Wizard)
+- `widgets` — generic composed widgets (HomeHeader, MenuGrid, GeoPermissionCard, TimeZoneSelector)
+- `theme` — design tokens + tailwind-variants helpers
+- `lib` — generic utilities (date, monetary, quantity, serializer, icon, timezone)

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

@@ -0,0 +1,481 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,108 @@
+"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

@@ -0,0 +1 @@
+{"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":[]}