@sincpro/mobile-ui 2.0.1 → 3.0.0

package/dist/Dialog/BottomSheet/BottomSheet.Root.js

@@ -1,373 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-/* eslint-disable react-hooks/refs */
-import { theme } from "../../theme/index.js";
-import { useSheetTranslation } from "../../utils/useSheetTranslation.js";
-import { createContext, useContext, useRef } from "react";
-import { Animated, Dimensions, Modal, PanResponder, Pressable, ScrollView, Text, View, } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-const BottomSheetContext = 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>
- * ```
- */
-/**
- * @deprecated Custom PanResponder implementation (limited gestures/scroll). The modern
- * replacement is `Dialog.Sheet` (on RN Modal, no provider). Kept for backwards compatibility.
- */
-function Root({ visible, onClose, size = "auto", dismissible = true, children }) {
-    const insets = useSafeAreaInsets();
-    const screenHeight = Dimensions.get("window").height;
-    const { translateY, reducedMotion } = useSheetTranslation(visible, screenHeight);
-    const gesture = useRef({ dismissible, onClose, reducedMotion });
-    gesture.current = { dismissible, onClose, reducedMotion };
-    const maxHeight = size === "auto" ? screenHeight * 0.9 : screenHeight * SIZE_MAP[size];
-    const minHeight = size === "auto" ? 0 : screenHeight * SIZE_MAP[size];
-    const panResponder = useRef(PanResponder.create({
-        onStartShouldSetPanResponder: () => gesture.current.dismissible,
-        onMoveShouldSetPanResponder: (_, gestureState) => {
-            return gesture.current.dismissible && Math.abs(gestureState.dy) > 10;
-        },
-        onPanResponderGrant: () => translateY.stopAnimation(),
-        onPanResponderMove: (_, gestureState) => {
-            if (gestureState.dy > 0) {
-                translateY.setValue(gestureState.dy);
-            }
-        },
-        onPanResponderRelease: (_, gestureState) => {
-            if (gestureState.dy > 100 || gestureState.vy > 0.5) {
-                translateY.stopAnimation();
-                gesture.current.onClose();
-            }
-            else {
-                if (gesture.current.reducedMotion)
-                    translateY.setValue(0);
-                else
-                    Animated.spring(translateY, {
-                        toValue: 0,
-                        useNativeDriver: true,
-                        damping: 20,
-                        stiffness: 300,
-                    }).start();
-            }
-        },
-    })).current;
-    function handleBackdropPress() {
-        if (dismissible) {
-            translateY.stopAnimation();
-            onClose();
-        }
-    }
-    const contextValue = {
-        close: onClose,
-        panHandlers: panResponder.panHandlers,
-    };
-    return (_jsx(Modal, { animationType: reducedMotion ? "none" : "fade", onRequestClose: onClose, presentationStyle: "overFullScreen", transparent: true, visible: visible, children: _jsxs(View, { className: "flex-1 bg-black/50", children: [_jsx(Pressable, { className: "flex-1", onPress: handleBackdropPress }), _jsx(Animated.View, { className: "rounded-t-3xl overflow-hidden", style: {
-                        backgroundColor: theme.bg.popover,
-                        maxHeight,
-                        minHeight: minHeight || undefined,
-                        paddingBottom: insets.bottom,
-                        transform: [{ translateY }],
-                    }, children: _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 (_jsxs(View, { ...panHandlers, className: "items-center pt-3 pb-2", children: [_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 (_jsxs(View, { ...panHandlers, className: "border-b border-border-light", children: [_jsx(View, { className: "items-center pt-3 pb-1", children: _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 (_jsxs(View, { className: "px-5 py-3", children: [_jsx(Text, { className: "text-lg font-semibold text-text-primary", children: children }), subtitle && _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 (_jsx(ScrollView, { bounces: false, className: "flex-1", showsVerticalScrollIndicator: false, children: children }));
-    }
-    return _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 (_jsx(View, { className: "px-5 py-4 border-t border-border-light", children: _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-text-secondary 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-text-secondary">Swipe down to dismiss</Text>
- *   </View>
- * </BottomSheet.Footer>
- * ```
- */
-function Footer({ children }) {
-    return (_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,
-};

package/dist/Dialog/BottomSheet/index.d.ts

@@ -1 +0,0 @@
-export { BottomSheet } from "./BottomSheet.Root.js";

package/dist/Dialog/BottomSheet/index.js

@@ -1 +0,0 @@
-export { BottomSheet } from "./BottomSheet.Root.js";

package/dist/Dialog/Dialog.NativeSheet.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from "react";
-export interface NativeSheetProps {
-    visible: boolean;
-    onClose: () => void;
-    title: string;
-    children: ReactNode;
-    testID?: string;
-}
-declare function NativeSheet({ visible, onClose, title, children, testID }: NativeSheetProps): import("react").JSX.Element;
-export default NativeSheet;

package/dist/Dialog/Dialog.NativeSheet.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import BottomSheet, { BottomSheetView } from "@expo/ui/community/bottom-sheet";
-import Pressable from "../primitives/Pressable.js";
-import { themeToVars, useTheme } from "../theme/index.js";
-import { Typography } from "../Typography/index.js";
-import { vars } from "nativewind";
-import { ScrollView, View } from "react-native";
-const SNAP_POINTS = ["60%", "90%"];
-function NativeSheet({ visible, onClose, title, children, testID }) {
-    const theme = useTheme();
-    return (_jsx(BottomSheet, { backgroundStyle: { backgroundColor: theme.bg.card }, enablePanDownToClose: true, index: visible ? 0 : -1, onClose: () => {
-            if (visible)
-                onClose();
-        }, snapPoints: SNAP_POINTS, children: _jsx(BottomSheetView, { style: { flex: 1 }, children: _jsxs(View, { accessibilityViewIsModal: true, onAccessibilityEscape: onClose, style: [vars(themeToVars(theme)), { flex: 1, padding: 16 }], testID: testID, children: [_jsxs(View, { className: "flex-row items-center gap-3", children: [_jsx(Typography.Heading, { className: "flex-1", variant: "h4", children: title }), _jsx(Pressable, { accessibilityLabel: "Cerrar", onPress: onClose, style: {
-                                    minHeight: 48,
-                                    minWidth: 48,
-                                    justifyContent: "center",
-                                    alignItems: "center",
-                                }, children: _jsx(Typography.Text, { className: "text-text-accent", variant: "bodySmall", children: "Cerrar" }) })] }), _jsx(ScrollView, { contentContainerStyle: { paddingVertical: 12 }, keyboardShouldPersistTaps: "handled", children: children })] }) }) }));
-}
-export default NativeSheet;

package/dist/Form/Form.Button.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Use `Actions.Button` from `@sincpro/mobile-ui/Actions` instead. */
-export type { ButtonIconProps, ButtonProps } from "../Actions/Actions.Button.js";
-export { default as ButtonWithIcon, default, } from "../Actions/Actions.Button.js";

package/dist/Form/Form.Button.js

@@ -1 +0,0 @@
-export { default as ButtonWithIcon, default, } from "../Actions/Actions.Button.js";

package/dist/Form/Form.FAB.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Use `Actions.FAB` from `@sincpro/mobile-ui/Actions` instead. */
-export type { FABProps } from "../Actions/Actions.FAB.js";
-export { default } from "../Actions/Actions.FAB.js";

package/dist/Form/Form.FAB.js

@@ -1 +0,0 @@
-export { default } from "../Actions/Actions.FAB.js";

package/dist/Form/Form.FilterButton.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Use `Actions.FilterButton` from `@sincpro/mobile-ui/Actions` instead. */
-export type { FilterButtonGroupProps, FilterButtonProps, } from "../Actions/Actions.FilterButton.js";
-export { FilterButton, FilterButtonGroup, } from "../Actions/Actions.FilterButton.js";

package/dist/Form/Form.FilterButton.js

@@ -1 +0,0 @@
-export { FilterButton, FilterButtonGroup, } from "../Actions/Actions.FilterButton.js";

package/dist/Form/Form.IconButton.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Use `Actions.IconButton` from `@sincpro/mobile-ui/Actions` instead. */
-export type { IconButtonProps } from "../Actions/Actions.IconButton.js";
-export { default } from "../Actions/Actions.IconButton.js";

package/dist/Form/Form.IconButton.js

@@ -1 +0,0 @@
-export { default } from "../Actions/Actions.IconButton.js";

package/dist/Form/Form.SearchBar.d.ts

@@ -1,13 +0,0 @@
-import type React from "react";
-interface SearchBarProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    placeholder?: string;
-    className?: string;
-}
-/**
- * @deprecated Use `Navigation.SearchBar` (2026 pill). Kept for backwards compatibility
- * (consumed by `ListViewV2`).
- */
-declare function SearchBar({ value, onChangeText, placeholder, className, }: SearchBarProps): React.JSX.Element;
-export default SearchBar;

package/dist/Form/Form.SearchBar.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { Display } from "../Display/index.js";
-import { theme } from "../theme/index.js";
-import { cn, tv } from "../theme/tw.js";
-import { useState } from "react";
-import { TextInput, TouchableOpacity, View } from "react-native";
-const Icon = Display.Icon;
-const searchBarContainer = tv({
-    base: "flex-row items-center bg-bg-card rounded-lg px-2 h-10 shadow-sm",
-    variants: {
-        focused: {
-            true: "border-2 border-border-focus",
-            false: "border border-border-default",
-        },
-    },
-    defaultVariants: { focused: false },
-});
-/**
- * @deprecated Use `Navigation.SearchBar` (2026 pill). Kept for backwards compatibility
- * (consumed by `ListViewV2`).
- */
-function SearchBar({ value, onChangeText, placeholder = "Search", className, }) {
-    const [isFocused, setIsFocused] = useState(false);
-    return (_jsxs(View, { className: cn(searchBarContainer({ focused: isFocused }), className), children: [_jsx(View, { className: "mr-1 ml-0.5 items-center justify-center h-full", children: _jsx(Icon, { className: "text-text-tertiary", name: "search", size: 18, type: "ionicons" }) }), _jsx(TextInput, { className: "flex-1 h-full text-sm py-0 px-1.5 text-text-primary", onBlur: () => setIsFocused(false), onChangeText: onChangeText, onFocus: () => setIsFocused(true), placeholder: placeholder, placeholderTextColor: theme.text.tertiary, selectionColor: theme.primary, underlineColorAndroid: "transparent", value: value }), value.length > 0 && (_jsx(TouchableOpacity, { activeOpacity: 0.7, className: "mr-0.5 ml-1 items-center justify-center h-full px-1", onPress: () => onChangeText(""), children: _jsx(Icon, { className: "text-text-tertiary", name: "x", size: 18, type: "feather" }) }))] }));
-}
-export default SearchBar;

package/dist/Navigation/Navigation.Header.d.ts

@@ -1,16 +0,0 @@
-import type { ImageSource } from "../utils/image.js";
-import React, { ReactNode } from "react";
-export interface HeaderProps {
-    title?: string;
-    logo?: ReactNode;
-    logoSource?: ImageSource;
-    backButton?: boolean;
-    handleBackButton?: () => void;
-    className?: string;
-}
-/**
- * @deprecated Legacy style (forced gradient via `GradientContainer`). Use
- * `Navigation.AppBar` (flat, modern, opt-in gradient). Kept for backwards compatibility.
- */
-declare const Header: ({ title, logo, logoSource, backButton, handleBackButton, className, }: HeaderProps) => React.JSX.Element;
-export default Header;

package/dist/Navigation/Navigation.Header.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import Icon from "../Display/Display.Icon.js";
-import Logo from "../Display/Display.Logo.js";
-import GradientContainer from "../layouts/GradientContainer.js";
-import { theme } from "../theme/index.js";
-import { cn } from "../theme/tw.js";
-import { Typography } from "../Typography/index.js";
-import { TouchableOpacity, View } from "react-native";
-/**
- * @deprecated Legacy style (forced gradient via `GradientContainer`). Use
- * `Navigation.AppBar` (flat, modern, opt-in gradient). Kept for backwards compatibility.
- */
-const Header = ({ title, logo, logoSource, backButton, handleBackButton, className, }) => {
-    const onBackPress = handleBackButton ?? (() => { });
-    return (_jsx(GradientContainer, { className: cn("pt-10 pb-3.5 px-4", className), children: _jsxs(View, { className: "relative items-center justify-center", children: [backButton && (_jsx(TouchableOpacity, { className: "absolute top-0 left-0 z-10 border border-white p-1.5 rounded", onPress: onBackPress, children: _jsx(Icon, { color: theme.text.inverse, name: "chevron-back", size: 25, type: "ionicons" }) })), _jsxs(View, { className: "items-center justify-center", children: [logo || _jsx(Logo, { size: "medium", source: logoSource }), title && (_jsx(Typography.Text, { className: "text-white", variant: "h4", children: title }))] })] }) }));
-};
-export default Header;

package/dist/Navigation/Navigation.HeaderToolbar.d.ts

@@ -1,15 +0,0 @@
-import type React from "react";
-interface HeaderToolbarProps {
-    title?: string;
-    logo?: boolean;
-    centerTitle?: boolean;
-    subtitle?: string;
-    onBack?: () => void;
-    rightComponent?: React.ReactNode;
-    flat?: boolean;
-    children?: React.ReactNode;
-    withBackground?: boolean;
-    className?: string;
-}
-declare function HeaderToolbar({ title, subtitle, onBack, rightComponent, centerTitle, flat, children, logo, withBackground, className, }: HeaderToolbarProps): React.JSX.Element;
-export default HeaderToolbar;

package/dist/Navigation/Navigation.HeaderToolbar.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
-import { Display } from "../Display/index.js";
-import GradientContainer from "../layouts/GradientContainer.js";
-import { theme } from "../theme/index.js";
-import { cn } from "../theme/tw.js";
-import { Typography } from "../Typography/index.js";
-import { TouchableOpacity, View } from "react-native";
-const Icon = Display.Icon;
-const Text = Typography.Text;
-function HeaderToolbar({ title = "", subtitle, onBack, rightComponent, centerTitle = false, flat = false, children, logo = false, withBackground = true, className, }) {
-    const borderRadius = flat ? "rounded-none" : "rounded-b-[20px]";
-    const paddingBottom = flat ? "pb-0" : "pb-4";
-    function renderToolbar() {
-        return (_jsxs(_Fragment, { children: [_jsxs(View, { className: "flex-row items-center justify-between px-3.5 pt-2.5 h-16 relative", children: [onBack && (_jsx(TouchableOpacity, { className: "mr-3.5 border border-white rounded-lg items-center justify-center mb-3.5 p-1.5 z-[1]", onPress: onBack, children: _jsx(Icon, { color: theme.text.inverse, name: "chevron-back", size: 25, type: "ionicons" }) })), logo && (_jsx(View, { className: "absolute left-0 right-0 items-center justify-center z-0", children: _jsx(Display.Logo, { size: "medium" }) })), !logo && (_jsxs(View, { className: cn("flex-1", centerTitle && "absolute left-0 right-0 items-center justify-center z-[1]"), children: [_jsx(Text, { className: "text-white", numberOfLines: 1, style: { top: centerTitle ? 0 : -4 }, variant: centerTitle ? "h4" : "h6", children: title }), subtitle && (_jsx(Text, { className: "text-white", style: { top: centerTitle ? 0 : -4 }, variant: "bodySmall", children: subtitle }))] })), rightComponent && _jsx(View, { className: "ml-auto", children: rightComponent })] }), _jsx(View, { children: children })] }));
-    }
-    return withBackground ? (_jsx(GradientContainer, { className: cn("shadow-lg shadow-black/70", borderRadius, paddingBottom, className), children: renderToolbar() })) : (_jsx(_Fragment, { children: renderToolbar() }));
-}
-export default HeaderToolbar;

package/dist/Navigation/Navigation.TabIcon.d.ts

@@ -1,18 +0,0 @@
-import { ComponentType } from "react";
-interface TabIconProps {
-    focused: boolean;
-    size?: number;
-    customIcon?: ComponentType<{
-        size?: number;
-        color?: string;
-    }>;
-    type?: "custom" | "ionicons" | "fontawesome" | "material" | "fontawesome5";
-    name?: any;
-    className?: string;
-}
-/**
- * @deprecated Orphan tab-bar icon piece (unused). Use `Navigation.BottomNav` (single source
- * of truth for the bottom tab bar). Kept for backwards compatibility; removed in the next major.
- */
-declare function TabIcon({ focused, size, customIcon, type, name, className, }: TabIconProps): import("react").JSX.Element;
-export default TabIcon;

package/dist/Navigation/Navigation.TabIcon.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import Icon from "../Display/Display.Icon.js";
-import { cn } from "../theme/tw.js";
-import { View } from "react-native";
-/**
- * @deprecated Orphan tab-bar icon piece (unused). Use `Navigation.BottomNav` (single source
- * of truth for the bottom tab bar). Kept for backwards compatibility; removed in the next major.
- */
-function TabIcon({ focused, size = 24, customIcon, type = "custom", name, className, }) {
-    return (_jsx(View, { className: cn("justify-center items-center h-9 w-14 rounded-2xl", focused && "bg-primary shadow-sm", className), children: _jsx(Icon, { className: focused ? "text-white" : "text-text-secondary", customIcon: customIcon, name: name, size: size, type: type }) }));
-}
-export default TabIcon;

package/dist/Navigation/Navigation.TabItem.d.ts

@@ -1,19 +0,0 @@
-import { ComponentType, FC } from "react";
-export interface TabIconProps {
-    focused: boolean;
-    size?: number;
-    customIcon?: ComponentType<{
-        size?: number;
-        color?: string;
-    }>;
-    type?: "custom" | "ionicons" | "fontawesome" | "material" | "fontawesome5";
-    name?: any;
-    className?: string;
-}
-/**
- * @deprecated Orphan tab-bar icon piece (unused). The bottom tab bar is now the single
- * `Navigation.BottomNav` (configurable shape/indicator/labels/FAB). Kept for backwards
- * compatibility; removed in the next major.
- */
-declare const TabIcon: FC<TabIconProps>;
-export default TabIcon;

package/dist/Navigation/Navigation.TabItem.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import Icon from "../Display/Display.Icon.js";
-import { cn } from "../theme/tw.js";
-import { View } from "react-native";
-/**
- * @deprecated Orphan tab-bar icon piece (unused). The bottom tab bar is now the single
- * `Navigation.BottomNav` (configurable shape/indicator/labels/FAB). Kept for backwards
- * compatibility; removed in the next major.
- */
-const TabIcon = ({ focused, size = 24, customIcon, type = "custom", name, className, }) => {
-    return (_jsx(View, { className: cn("justify-center items-center w-12 h-12 rounded-full", focused ? "bg-primary shadow-md" : "bg-transparent", className), children: _jsx(Icon, { color: focused ? "#FFFFFF" : "#6B7280", customIcon: customIcon, name: name, size: size, type: type }) }));
-};
-export default TabIcon;

package/dist/icons/OdooIcon.d.ts

@@ -1,11 +0,0 @@
-interface OdooIconProps {
-    size?: number;
-    color?: string;
-}
-/**
- * @deprecated Brand-coupled (Odoo logo); relocated to the Odoo integration package. Import
- * from `@sincpro/mobile-odoo/ui/components/atoms` instead. Kept here for backwards
- * compatibility and removed in the next major.
- */
-declare function OdooIcon({ size, color }: OdooIconProps): import("react").JSX.Element;
-export default OdooIcon;

package/dist/icons/OdooIcon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import Svg, { Path } from "react-native-svg";
-/**
- * @deprecated Brand-coupled (Odoo logo); relocated to the Odoo integration package. Import
- * from `@sincpro/mobile-odoo/ui/components/atoms` instead. Kept here for backwards
- * compatibility and removed in the next major.
- */
-function OdooIcon({ size = 100, color = "#ffffff" }) {
-    return (_jsxs(Svg, { fill: "none", height: size, viewBox: "0 0 919 495", width: size, children: [_jsx(Path, { d: "M695,346a75,75,0,1,1,75-75A75,75,0,0,1,695,346Zm0-31a44,44,0,1,0-44-44A44,44,0,0,0,695,315ZM538,346a75,75,0,1,1,75-75A75,75,0,0,1,538,346Zm0-31a44,44,0,1,0-44-44A44,44,0,0,0,538,315Zm-82-45c0,41.9-33.6,76-75,76s-75-34-75-75.9S336.5,196,381,196c16.4,0,31.6,3.5,44,12.6V165.1c0-8.3,7.3-15.1,15.5-15.1s15.5,6.8,15.5,15.1Zm-75,45a44,44,0,1,0-44-44A44,44,0,0,0,381,315Z", fill: color }), _jsx(Path, { d: "M224,346a75,75,0,1,1,75-75A75,75,0,0,1,224,346Zm0-31a44,44,0,1,0-44-44A44,44,0,0,0,224,315Z", fill: color })] }));
-}
-export default OdooIcon;