@pallasoft/ps-mobile-components 1.1.0 → 1.3.0

package/dist/components/ps-mobile-theme-provider/ps-mobile-theme-provider.js

@@ -3,29 +3,39 @@ import { useMemo } from 'react';
 import { useColorScheme } from 'react-native';
 import { useReducedMotion } from 'react-native-reanimated';
 import { PsMobileThemeContext } from '../../contexts/ps-mobile-theme-context';
+import { PsMobileBrandService } from '../../services/ps-mobile-brand-service';
 import { PsMobileThemeService } from '../../services/ps-mobile-theme-service';
-export const PsMobileThemeProvider = ({ chartPalette, children, colorScheme, hasHaptics, isReduceMotion, primaryColor, primaryContrastColor, secondaryColor, }) => {
+export const PsMobileThemeProvider = ({ chartPalette, children, colorScheme, hasHaptics, isReduceMotion, primaryColor, primaryContrastColor, product, secondaryColor, }) => {
     const scheme = useColorScheme();
     const isSystemReduced = useReducedMotion();
     const isDark = colorScheme === undefined || colorScheme === 'system'
         ? scheme === 'dark'
         : colorScheme === 'dark';
     const isReduced = isSystemReduced || isReduceMotion === true;
-    const theme = useMemo(() => PsMobileThemeService.create({
-        chart: chartPalette === undefined ? undefined : isDark ? chartPalette.dark : chartPalette.light,
-        hasHaptics,
-        isDark,
-        isReduceMotion: isReduced,
-        primary: primaryColor,
-        primaryContrast: primaryContrastColor,
-        secondary: secondaryColor,
-    }), [
+    const theme = useMemo(() => {
+        const brand = PsMobileBrandService.resolve({
+            primaryColor,
+            primaryContrastColor,
+            product,
+            secondaryColor,
+        });
+        return PsMobileThemeService.create({
+            chart: chartPalette === undefined ? undefined : isDark ? chartPalette.dark : chartPalette.light,
+            hasHaptics,
+            isDark,
+            isReduceMotion: isReduced,
+            primary: brand.primary,
+            primaryContrast: brand.primaryContrast,
+            secondary: brand.secondary,
+        });
+    }, [
         chartPalette,
         hasHaptics,
         isDark,
         isReduced,
         primaryColor,
         primaryContrastColor,
+        product,
         secondaryColor,
     ]);
     return _jsx(PsMobileThemeContext.Provider, { value: theme, children: children });

package/dist/components/ps-native-menu/ps-native-menu.android.js

@@ -11,7 +11,7 @@ export const PsNativeMenu = ({ children, isDisabled = false, isFullWidth = false
     const theme = usePsMobileTheme();
     const [isOpen, setIsOpen] = useState(false);
     const matchContents = isFullWidth ? { vertical: true } : true;
-    return (_jsx(PsHostScope, { matchContents: matchContents, children: _jsxs(DropdownMenu, { color: theme.surface, expanded: isOpen, modifiers: isFullWidth ? [fillMaxWidth()] : [], onDismissRequest: () => setIsOpen(false), children: [_jsx(DropdownMenu.Items, { children: items.map((item) => (_jsx(DropdownMenuItem, { elementColors: { textColor: item.isSelected ? theme.primary : theme.ink }, onClick: () => {
+    return (_jsx(PsHostScope, { matchContents: matchContents, children: _jsxs(DropdownMenu, { color: theme.surface, expanded: isOpen, modifiers: isFullWidth ? [fillMaxWidth()] : [], onDismissRequest: () => setIsOpen(false), children: [_jsx(DropdownMenu.Items, { children: items.map((item) => (_jsx(DropdownMenuItem, { elementColors: { textColor: item.isSelected ? theme.primaryText : theme.ink }, onClick: () => {
                             setIsOpen(false);
                             haptic('selection');
                             onSelect(item.value);

package/dist/components/ps-option-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-option-picker';
+export * from './ps-option-picker-props';

package/dist/components/ps-option-picker/index.js

@@ -0,0 +1,2 @@
+export * from './ps-option-picker';
+export * from './ps-option-picker-props';

package/dist/components/ps-option-picker/ps-option-picker-props.d.ts

@@ -0,0 +1,16 @@
+export interface PsOptionPickerOption {
+    label: string;
+    subtitle?: string;
+    value: string;
+}
+export interface PsOptionPickerProps {
+    emptyLabel: string;
+    limit?: number;
+    moreLabel: string;
+    onSearchChange?: (search: string) => void;
+    onSelect: (value: string) => void;
+    options: PsOptionPickerOption[];
+    searchClearLabel: string;
+    searchPlaceholder: string;
+    selectedValue: string;
+}

package/dist/components/ps-option-picker/ps-option-picker-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-option-picker/ps-option-picker.d.ts

@@ -0,0 +1,2 @@
+import type { PsOptionPickerProps } from './ps-option-picker-props';
+export declare const PsOptionPicker: ({ emptyLabel, limit, moreLabel, onSearchChange, onSelect, options, searchClearLabel, searchPlaceholder, selectedValue, }: PsOptionPickerProps) => import("react").JSX.Element;

package/dist/components/ps-option-picker/ps-option-picker.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { PsIconKey } from '@pallasoft/ps-icons';
+import { Pressable, View } from 'react-native';
+import { PsOptionPickerConfig } from '../../constants/ps-option-picker-config';
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsOptionPickerService } from '../../services/ps-option-picker-service';
+import { PsCard } from '../ps-card/ps-card';
+import { PsIcon } from '../ps-icon/ps-icon';
+import { PsSearchField } from '../ps-search-field/ps-search-field';
+import { PsText } from '../ps-text/ps-text';
+export const PsOptionPicker = ({ emptyLabel, limit = PsOptionPickerConfig.defaultLimit, moreLabel, onSearchChange, onSelect, options, searchClearLabel, searchPlaceholder, selectedValue, }) => {
+    const theme = usePsMobileTheme();
+    const haptic = usePsHaptics();
+    const [search, setSearch] = useState('');
+    const result = useMemo(() => PsOptionPickerService.visible(options, onSearchChange === undefined ? search : '', limit), [limit, onSearchChange, options, search]);
+    return (_jsxs(View, { style: { gap: PsOptionPickerConfig.gap }, children: [_jsx(PsSearchField, { clearLabel: searchClearLabel, onChange: (next) => {
+                    setSearch(next);
+                    if (onSearchChange !== undefined)
+                        onSearchChange(next);
+                }, placeholder: searchPlaceholder, value: search }), result.options.length === 0 ? (_jsx(PsText, { tone: 'muted', children: emptyLabel })) : (_jsx(PsCard, { padding: 'none', children: result.options.map((option, index) => (_jsxs(Pressable, { accessibilityRole: 'button', accessibilityState: { selected: option.value === selectedValue }, onPress: () => {
+                        haptic('selection');
+                        onSelect(option.value);
+                    }, style: {
+                        alignItems: 'center',
+                        borderTopColor: theme.line,
+                        borderTopWidth: index === 0 ? 0 : 1,
+                        flexDirection: 'row',
+                        gap: PsOptionPickerConfig.gap,
+                        padding: PsOptionPickerConfig.rowPadding,
+                    }, children: [_jsxs(View, { style: { flex: 1, gap: PsOptionPickerConfig.rowGap }, children: [_jsx(PsText, { numberOfLines: 1, weight: 'semibold', children: option.label }), option.subtitle === undefined ? null : (_jsx(PsText, { numberOfLines: 1, tone: 'muted', variant: 'caption', children: option.subtitle }))] }), option.value === selectedValue ? (_jsx(PsIcon, { color: theme.primary, iconKey: PsIconKey.Check })) : null] }, option.value))) })), result.hasMore ? (_jsx(PsText, { tone: 'muted', variant: 'caption', children: moreLabel })) : null] }));
+};

package/dist/components/ps-privacy-cover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-privacy-cover';
+export * from './ps-privacy-cover-props';

package/dist/components/ps-privacy-cover/index.js

@@ -0,0 +1,2 @@
+export * from './ps-privacy-cover';
+export * from './ps-privacy-cover-props';

package/dist/components/ps-privacy-cover/ps-privacy-cover-props.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export interface PsPrivacyCoverProps {
+    children?: ReactNode;
+}

package/dist/components/ps-privacy-cover/ps-privacy-cover-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-privacy-cover/ps-privacy-cover.d.ts

@@ -0,0 +1,2 @@
+import type { PsPrivacyCoverProps } from './ps-privacy-cover-props';
+export declare const PsPrivacyCover: ({ children }: PsPrivacyCoverProps) => import("react").JSX.Element;

package/dist/components/ps-privacy-cover/ps-privacy-cover.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PallasoftZIndex } from '@pallasoft/ps-design-system';
+import { StyleSheet, View } from 'react-native';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { PsPageBackdrop } from '../ps-page-backdrop/ps-page-backdrop';
+export const PsPrivacyCover = ({ children }) => {
+    const theme = usePsMobileTheme();
+    return (_jsxs(View, { accessibilityViewIsModal: true, style: [
+            StyleSheet.absoluteFill,
+            {
+                alignItems: 'center',
+                backgroundColor: theme.background,
+                justifyContent: 'center',
+                zIndex: PallasoftZIndex.TopLayer,
+            },
+        ], testID: 'ps-privacy-cover', children: [_jsx(PsPageBackdrop, {}), children] }));
+};

package/dist/components/ps-search-select-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-search-select-field';
+export * from './ps-search-select-field-props';

package/dist/components/ps-search-select-field/index.js

@@ -0,0 +1,2 @@
+export * from './ps-search-select-field';
+export * from './ps-search-select-field-props';

package/dist/components/ps-search-select-field/ps-search-select-field-props.d.ts

@@ -0,0 +1,10 @@
+export interface PsSearchSelectFieldProps {
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label: string;
+    onPress: () => void;
+    placeholder?: string;
+    selectedLabel: string;
+}

package/dist/components/ps-search-select-field/ps-search-select-field-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-search-select-field/ps-search-select-field.d.ts

@@ -0,0 +1,2 @@
+import type { PsSearchSelectFieldProps } from './ps-search-select-field-props';
+export declare const PsSearchSelectField: ({ errorText, helperText, isDisabled, isLoading, label, onPress, placeholder, selectedLabel, }: PsSearchSelectFieldProps) => import("react").JSX.Element;

package/dist/components/ps-search-select-field/ps-search-select-field.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { PsFieldFrame } from '../ps-field-frame/ps-field-frame';
+import { PsFieldSkeleton } from '../ps-field-skeleton/ps-field-skeleton';
+import { PsSelectControl } from '../ps-select/ps-select-control';
+import { PsSelectTrigger } from '../ps-select/ps-select-trigger';
+export const PsSearchSelectField = ({ errorText, helperText, isDisabled = false, isLoading = false, label, onPress, placeholder, selectedLabel, }) => {
+    const haptic = usePsHaptics();
+    if (isLoading)
+        return _jsx(PsFieldSkeleton, {});
+    return (_jsx(PsFieldFrame, { errorText: errorText, helperText: helperText, label: label, children: _jsx(PsSelectTrigger, { isDisabled: isDisabled, label: label, onPress: () => {
+                haptic('selection');
+                onPress();
+            }, children: _jsx(PsSelectControl, { errorText: errorText, isDisabled: isDisabled, isFocused: false, placeholder: placeholder, selectedLabel: selectedLabel, size: 'default' }) }) }));
+};

package/dist/components/ps-selection-mode/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-selection-mode';
+export * from './ps-selection-mode-props';

package/dist/components/ps-selection-mode/index.js

@@ -0,0 +1,2 @@
+export * from './ps-selection-mode';
+export * from './ps-selection-mode-props';

package/dist/components/ps-selection-mode/ps-selection-mode-props.d.ts

@@ -0,0 +1,13 @@
+import type { PsMenuItem } from '../../interfaces/ps-menu-item';
+export interface PsSelectionModeProps {
+    actions: PsMenuItem[];
+    deselectAllLabel: string;
+    doneLabel: string;
+    isAllSelected: boolean;
+    isSelecting: boolean;
+    onDone: () => void;
+    onSelectAll: () => void;
+    selectAllLabel: string;
+    selectedTitle: string;
+    title: string;
+}

package/dist/components/ps-selection-mode/ps-selection-mode-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-selection-mode/ps-selection-mode.d.ts

@@ -0,0 +1,2 @@
+import type { PsSelectionModeProps } from './ps-selection-mode-props';
+export declare const PsSelectionMode: ({ actions, deselectAllLabel, doneLabel, isAllSelected, isSelecting, onDone, onSelectAll, selectAllLabel, selectedTitle, title, }: PsSelectionModeProps) => import("react").JSX.Element;

package/dist/components/ps-selection-mode/ps-selection-mode.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useEffect } from 'react';
+import { Stack } from 'expo-router';
+import { usePsHaptics } from '../../hooks/use-ps-haptics';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+import { usePsTabBar } from '../../hooks/use-ps-tab-bar';
+import { PsActionMenuService } from '../../services/ps-action-menu-service';
+export const PsSelectionMode = ({ actions, deselectAllLabel, doneLabel, isAllSelected, isSelecting, onDone, onSelectAll, selectAllLabel, selectedTitle, title, }) => {
+    const theme = usePsMobileTheme();
+    const haptic = usePsHaptics();
+    const { setIsHidden } = usePsTabBar();
+    useEffect(() => {
+        setIsHidden(isSelecting);
+        return () => setIsHidden(false);
+    }, [isSelecting, setIsHidden]);
+    if (!isSelecting)
+        return _jsx(Stack.Screen, { options: { headerBackVisible: true, title } });
+    return (_jsxs(_Fragment, { children: [_jsx(Stack.Screen, { options: { headerBackVisible: false, title: selectedTitle } }), _jsx(Stack.Toolbar, { placement: 'left', children: _jsx(Stack.Toolbar.Button, { onPress: () => {
+                        haptic('selection');
+                        onSelectAll();
+                    }, tintColor: theme.primaryText, children: isAllSelected ? deselectAllLabel : selectAllLabel }) }), _jsx(Stack.Toolbar, { placement: 'right', children: _jsx(Stack.Toolbar.Button, { onPress: () => {
+                        haptic('light');
+                        onDone();
+                    }, tintColor: theme.primaryText, variant: 'done', children: doneLabel }) }), _jsxs(Stack.Toolbar, { placement: 'bottom', children: [_jsx(Stack.Toolbar.Spacer, {}), actions.map((item) => (_jsxs(Fragment, { children: [_jsx(Stack.Toolbar.Button, { disabled: item.isDisabled === true, icon: PsActionMenuService.symbol(item), onPress: () => {
+                                    haptic('medium');
+                                    item.onSelect();
+                                }, tintColor: item.isDanger === true ? theme.danger : theme.primaryText, children: item.label }), _jsx(Stack.Toolbar.Spacer, {})] }, item.id)))] })] }));
+};

package/dist/components/ps-sheet/ps-sheet-props.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PsSheetAction } from '../../interfaces/ps-sheet-action';
+import type { PsSheetLeadingKind } from '../../interfaces/ps-sheet-leading-kind';
 export interface PsSheetProps {
     children: ReactNode;
     closeLabel?: string;
@@ -8,8 +9,10 @@ export interface PsSheetProps {
     isDismissBlocked?: boolean;
     isOpen: boolean;
     isScrollable?: boolean;
+    leadingKind?: PsSheetLeadingKind;
     leadingLabel?: string;
     onClose: () => void;
+    onLeadingPress?: () => void;
     title: string;
-    trailingAction?: PsSheetAction;
+    trailingAction?: PsSheetAction | null;
 }

package/dist/components/ps-sheet/ps-sheet.d.ts

@@ -1,2 +1,2 @@
 import type { PsSheetProps } from './ps-sheet-props';
-export declare const PsSheet: ({ children, closeLabel, eyebrow, footer, isDismissBlocked, isOpen, isScrollable, leadingLabel, onClose, title, trailingAction, }: PsSheetProps) => import("react").JSX.Element;
+export declare const PsSheet: ({ children, closeLabel, eyebrow, footer, isDismissBlocked, isOpen, isScrollable, leadingKind, leadingLabel, onClose, onLeadingPress, title, trailingAction, }: PsSheetProps) => import("react").JSX.Element;

package/dist/components/ps-sheet/ps-sheet.js

@@ -2,13 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PsSheetService } from '../../services/ps-sheet-service';
 import { PsSheetContent } from '../ps-sheet-content/ps-sheet-content';
 import { PsSheetPresenter } from '../ps-sheet-presenter/ps-sheet-presenter';
-export const PsSheet = ({ children, closeLabel, eyebrow, footer, isDismissBlocked = false, isOpen, isScrollable = true, leadingLabel, onClose, title, trailingAction, }) => (_jsx(PsSheetPresenter, { isDismissBlocked: isDismissBlocked, isOpen: isOpen, onClose: onClose, children: _jsx(PsSheetContent, { footer: footer, header: {
+export const PsSheet = ({ children, closeLabel, eyebrow, footer, isDismissBlocked = false, isOpen, isScrollable = true, leadingKind = 'close', leadingLabel, onClose, onLeadingPress, title, trailingAction, }) => (_jsx(PsSheetPresenter, { isDismissBlocked: isDismissBlocked, isOpen: isOpen, onClose: onClose, children: _jsx(PsSheetContent, { footer: footer, header: {
             eyebrow,
             isLeadingDisabled: isDismissBlocked,
+            leadingKind,
             leadingLabel,
-            onLeadingPress: onClose,
+            onLeadingPress: onLeadingPress === undefined ? onClose : onLeadingPress,
             title,
-            trailing: trailingAction === undefined
-                ? PsSheetService.closeAction(closeLabel, onClose)
-                : trailingAction,
+            trailing: PsSheetService.trailing(trailingAction, closeLabel, onClose),
         }, isScrollable: isScrollable, children: children }) }));

package/dist/components/ps-sheet-header/ps-sheet-header-props.d.ts

@@ -1,7 +1,9 @@
 import type { PsSheetAction } from '../../interfaces/ps-sheet-action';
+import type { PsSheetLeadingKind } from '../../interfaces/ps-sheet-leading-kind';
 export interface PsSheetHeaderProps {
     eyebrow?: string;
     isLeadingDisabled?: boolean;
+    leadingKind?: PsSheetLeadingKind;
     leadingLabel?: string;
     onLeadingPress?: () => void;
     title: string;

package/dist/components/ps-sheet-header/ps-sheet-header.d.ts

@@ -1,2 +1,2 @@
 import type { PsSheetHeaderProps } from './ps-sheet-header-props';
-export declare const PsSheetHeader: ({ eyebrow, isLeadingDisabled, leadingLabel, onLeadingPress, title, trailing, }: PsSheetHeaderProps) => import("react").JSX.Element;
+export declare const PsSheetHeader: ({ eyebrow, isLeadingDisabled, leadingKind, leadingLabel, onLeadingPress, title, trailing, }: PsSheetHeaderProps) => import("react").JSX.Element;

package/dist/components/ps-sheet-header/ps-sheet-header.js

@@ -8,7 +8,7 @@ import { PsSheetService } from '../../services/ps-sheet-service';
 import { PsIconButton } from '../ps-icon-button/ps-icon-button';
 import { PsSpinner } from '../ps-spinner/ps-spinner';
 import { PsText } from '../ps-text/ps-text';
-export const PsSheetHeader = ({ eyebrow, isLeadingDisabled = false, leadingLabel, onLeadingPress, title, trailing, }) => {
+export const PsSheetHeader = ({ eyebrow, isLeadingDisabled = false, leadingKind = 'close', leadingLabel, onLeadingPress, title, trailing, }) => {
     const theme = usePsMobileTheme();
     const trailingColor = trailing?.tone === 'danger' ? theme.danger : theme.primary;
     const trailingContrast = trailing?.tone === 'danger' ? theme.white : theme.primaryContrast;
@@ -21,7 +21,7 @@ export const PsSheetHeader = ({ eyebrow, isLeadingDisabled = false, leadingLabel
             paddingBottom: PsSheetConfig.headerPaddingBottom,
             paddingHorizontal: PsSheetConfig.headerPaddingHorizontal,
             paddingTop: PsSheetConfig.headerPaddingTop,
-        }, testID: 'ps-sheet-header', children: [_jsx(View, { style: { alignItems: 'flex-start', minWidth: PsSheetConfig.actionMinWidth }, children: leadingLabel === undefined ? null : (_jsx(PsIconButton, { iconKey: PsIconKey.Close, isDisabled: isLeadingDisabled, label: leadingLabel, onPress: onLeadingPress, testID: 'ps-sheet-leading', variant: 'header' })) }), _jsxs(View, { style: { alignItems: 'center', flex: 1 }, children: [_jsx(PsText, { accessibilityRole: 'header', align: 'center', numberOfLines: 2, weight: 'bold', children: title }), eyebrow === undefined ? null : (_jsx(PsText, { align: 'center', numberOfLines: 1, tone: 'muted', variant: 'small', children: eyebrow }))] }), _jsx(View, { style: { alignItems: 'flex-end', minWidth: PsSheetConfig.actionMinWidth }, children: trailing === undefined ? null : trailing.isSubmitting === true ? (_jsx(View, { accessibilityLabel: trailing.label, accessibilityState: { busy: true }, style: {
+        }, testID: 'ps-sheet-header', children: [_jsx(View, { style: { alignItems: 'flex-start', minWidth: PsSheetConfig.actionMinWidth }, children: leadingLabel === undefined ? null : (_jsx(View, { style: PsSheetService.leadingIconStyle(leadingKind), children: _jsx(PsIconButton, { iconKey: leadingKind === 'back' ? PsIconKey.ChevronRight : PsIconKey.Close, isDisabled: isLeadingDisabled, label: leadingLabel, onPress: onLeadingPress, testID: 'ps-sheet-leading', variant: 'header' }) })) }), _jsxs(View, { style: { alignItems: 'center', flex: 1 }, children: [_jsx(PsText, { accessibilityRole: 'header', align: 'center', numberOfLines: 2, weight: 'bold', children: title }), eyebrow === undefined ? null : (_jsx(PsText, { align: 'center', numberOfLines: 1, tone: 'muted', variant: 'small', children: eyebrow }))] }), _jsx(View, { style: { alignItems: 'flex-end', minWidth: PsSheetConfig.actionMinWidth }, children: trailing === undefined ? null : trailing.isSubmitting === true ? (_jsx(View, { accessibilityLabel: trailing.label, accessibilityState: { busy: true }, style: {
                         alignItems: 'center',
                         backgroundColor: trailingColor,
                         borderRadius: PsPageHeaderConfig.buttonSize / 2,

package/dist/components/ps-sheet-page/ps-sheet-page-view.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface PsSheetPageViewProps {
+    children: ReactNode;
+    isAnimated: boolean;
+    isPage: boolean;
+    pageId: string;
+}
+export declare const PsSheetPageView: ({ children, isAnimated, isPage, pageId }: PsSheetPageViewProps) => import("react").JSX.Element;

package/dist/components/ps-sheet-page/ps-sheet-page-view.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Animated, { SlideInLeft, SlideInRight } from 'react-native-reanimated';
+import { PsSheetPageConfig } from '../../constants/ps-sheet-page-config';
+import { usePsMobileTheme } from '../../hooks/use-ps-mobile-theme';
+export const PsSheetPageView = ({ children, isAnimated, isPage, pageId }) => {
+    const theme = usePsMobileTheme();
+    const entering = theme.isReduceMotion || !isAnimated
+        ? undefined
+        : (isPage ? SlideInRight : SlideInLeft).duration(PsSheetPageConfig.duration);
+    return (_jsx(Animated.View, { entering: entering, testID: `ps-sheet-page-${pageId}`, children: children }, pageId));
+};

package/dist/components/ps-sheet-presenter/ps-sheet-presenter.ios.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { BottomSheet, Group, RNHostView } from '@expo/ui/swift-ui';
 import { frame, interactiveDismissDisabled, presentationBackground, presentationDetents, presentationDragIndicator, } from '@expo/ui/swift-ui/modifiers';
 import { PsNativeTreeContext } from '../../contexts/ps-native-tree-context';
@@ -14,6 +14,13 @@ export const PsSheetPresenter = ({ children, isDismissBlocked, isOpen, onClose,
     const [height, setHeight] = useState(0);
     isOpenRef.current = isOpen;
     isBlockedRef.current = isDismissBlocked;
+    const measure = useCallback((next) => {
+        setHeight((previous) => PsSheetService.grownHeight(previous, next, isOpenRef.current));
+    }, []);
+    useEffect(() => {
+        if (!isOpen)
+            setHeight(0);
+    }, [isOpen]);
     return (_jsx(PsHost, { matchContents: true, children: _jsx(BottomSheet, { isPresented: isOpen, onIsPresentedChange: (isPresented) => {
                 if (PsSheetService.shouldClose(isPresented, isOpenRef.current, isBlockedRef.current)) {
                     onClose();
@@ -24,5 +31,5 @@ export const PsSheetPresenter = ({ children, isDismissBlocked, isOpen, onClose,
                     presentationDragIndicator('visible'),
                     presentationBackground(theme.background),
                     interactiveDismissDisabled(isDismissBlocked),
-                ], children: _jsx(RNHostView, { matchContents: { vertical: true }, children: _jsx(PsNativeTreeContext.Provider, { value: false, children: _jsx(PsSheetMeasureContext.Provider, { value: setHeight, children: children }) }) }) }) }) }));
+                ], children: _jsx(RNHostView, { matchContents: { vertical: true }, children: _jsx(PsNativeTreeContext.Provider, { value: false, children: _jsx(PsSheetMeasureContext.Provider, { value: measure, children: children }) }) }) }) }) }));
 };

package/dist/components/ps-tab-bar-provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ps-tab-bar-provider';
+export * from './ps-tab-bar-provider-props';

package/dist/components/ps-tab-bar-provider/index.js

@@ -0,0 +1,2 @@
+export * from './ps-tab-bar-provider';
+export * from './ps-tab-bar-provider-props';

package/dist/components/ps-tab-bar-provider/ps-tab-bar-provider-props.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export interface PsTabBarProviderProps {
+    children: ReactNode;
+}

package/dist/components/ps-tab-bar-provider/ps-tab-bar-provider-props.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ps-tab-bar-provider/ps-tab-bar-provider.d.ts

@@ -0,0 +1,2 @@
+import type { PsTabBarProviderProps } from './ps-tab-bar-provider-props';
+export declare const PsTabBarProvider: ({ children }: PsTabBarProviderProps) => import("react").JSX.Element;

package/dist/components/ps-tab-bar-provider/ps-tab-bar-provider.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { PsTabBarContext } from '../../contexts/ps-tab-bar-context';
+export const PsTabBarProvider = ({ children }) => {
+    const [isHidden, setIsHidden] = useState(false);
+    const value = useMemo(() => ({ isHidden, setIsHidden }), [isHidden]);
+    return _jsx(PsTabBarContext.Provider, { value: value, children: children });
+};

package/dist/components/ps-tabs/ps-tabs.js

@@ -25,7 +25,7 @@ export const PsTabs = ({ getItemIcon, getItemKey, getItemLabel, isLoading = fals
     return (_jsx(View, { onLayout: (event) => setViewportWidth(event.nativeEvent.layout.width), style: { borderBottomColor: theme.line, borderBottomWidth: 1 }, children: _jsx(ScrollView, { accessibilityRole: 'tablist', contentContainerStyle: { flexGrow: 1 }, horizontal: true, ref: scroll, showsHorizontalScrollIndicator: false, children: items.map((item) => {
                 const key = getItemKey(item);
                 const isSelected = key === selectedKey;
-                const color = isSelected ? theme.primary : theme.muted;
+                const color = isSelected ? theme.primaryText : theme.muted;
                 return (_jsxs(Pressable, { accessibilityRole: 'tab', accessibilityState: { selected: isSelected }, onLayout: (event) => frames.current.set(key, {
                         width: event.nativeEvent.layout.width,
                         x: event.nativeEvent.layout.x,

package/dist/components/ps-text-link/ps-text-link.js

@@ -6,7 +6,7 @@ export const PsTextLink = ({ children, onPress, tone = 'emphasis' }) => {
     const isEmphasis = tone === 'emphasis';
     const isWhite = tone === 'white';
     return (_jsx(PsText, { accessibilityRole: 'link', onPress: onPress, style: {
-            textDecorationColor: isEmphasis ? theme.primary : isWhite ? theme.white : theme.muted,
+            textDecorationColor: isEmphasis ? theme.primaryText : isWhite ? theme.white : theme.muted,
             textDecorationLine: 'underline',
         }, tone: isWhite ? 'white' : isEmphasis ? 'ink' : 'muted', weight: isEmphasis || isWhite ? 'semibold' : 'regular', children: children }));
 };

package/dist/constants/ps-app-lock-config.d.ts

@@ -0,0 +1,13 @@
+export declare const PsAppLockConfig: {
+    readonly activeState: "active";
+    readonly backgroundState: "background";
+    readonly inactiveState: "inactive";
+    readonly defaultGraceSeconds: 60;
+    readonly iosPlatform: "ios";
+    readonly nativeModuleName: "ExpoLocalAuthentication";
+    readonly layout: {
+        readonly gap: 24;
+        readonly horizontalPadding: 20;
+        readonly maxWidth: 384;
+    };
+};

package/dist/constants/ps-app-lock-config.js

@@ -0,0 +1,13 @@
+export const PsAppLockConfig = {
+    activeState: 'active',
+    backgroundState: 'background',
+    inactiveState: 'inactive',
+    defaultGraceSeconds: 60,
+    iosPlatform: 'ios',
+    nativeModuleName: 'ExpoLocalAuthentication',
+    layout: {
+        gap: 24,
+        horizontalPadding: 20,
+        maxWidth: 384,
+    },
+};

package/dist/constants/ps-app-lock-native-codes.d.ts

@@ -0,0 +1,10 @@
+export declare const PsAuthenticationTypeCode: {
+    readonly face: 2;
+    readonly fingerprint: 1;
+    readonly iris: 3;
+};
+export declare const PsSecurityLevelCode: {
+    readonly biometricWeak: 2;
+    readonly none: 0;
+    readonly secret: 1;
+};

package/dist/constants/ps-app-lock-native-codes.js

@@ -0,0 +1,10 @@
+export const PsAuthenticationTypeCode = {
+    face: 2,
+    fingerprint: 1,
+    iris: 3,
+};
+export const PsSecurityLevelCode = {
+    biometricWeak: 2,
+    none: 0,
+    secret: 1,
+};

package/dist/constants/ps-biometry-kind.d.ts

@@ -0,0 +1,7 @@
+export declare const PsBiometryKind: {
+    readonly face: "face";
+    readonly fingerprint: "fingerprint";
+    readonly iris: "iris";
+    readonly passcode: "passcode";
+};
+export type PsBiometryKind = (typeof PsBiometryKind)[keyof typeof PsBiometryKind];

package/dist/constants/ps-biometry-kind.js

@@ -0,0 +1,6 @@
+export const PsBiometryKind = {
+    face: 'face',
+    fingerprint: 'fingerprint',
+    iris: 'iris',
+    passcode: 'passcode',
+};

package/dist/constants/ps-count-badge-config.d.ts

@@ -0,0 +1,6 @@
+export declare const PsCountBadgeConfig: {
+    readonly fontSize: 13;
+    readonly height: 24;
+    readonly maxCount: 99;
+    readonly paddingHorizontal: 7;
+};

package/dist/constants/ps-count-badge-config.js

@@ -0,0 +1,6 @@
+export const PsCountBadgeConfig = {
+    fontSize: 13,
+    height: 24,
+    maxCount: 99,
+    paddingHorizontal: 7,
+};

package/dist/constants/ps-layout-config.d.ts

@@ -6,6 +6,10 @@ export declare const PsLayoutConfig: {
     readonly headerGap: 4;
     readonly headerSlotGap: 12;
     readonly hitSlop: 8;
+    readonly linkRowIconBox: 44;
+    readonly linkRowIconBoxRadius: 12;
+    readonly linkRowIconSize: 22;
+    readonly linkRowMinHeight: 72;
     readonly listGap: 24;
     readonly listSectionGap: 8;
     readonly longPressDelayMs: 350;

package/dist/constants/ps-layout-config.js

@@ -6,6 +6,10 @@ export const PsLayoutConfig = {
     headerGap: 4,
     headerSlotGap: 12,
     hitSlop: 8,
+    linkRowIconBox: 44,
+    linkRowIconBoxRadius: 12,
+    linkRowIconSize: 22,
+    linkRowMinHeight: 72,
     listGap: 24,
     listSectionGap: 8,
     longPressDelayMs: 350,

package/dist/constants/ps-list-config.d.ts

@@ -1,6 +1,8 @@
 export declare const PsListConfig: {
     readonly contentInset: 16;
     readonly dividerInset: 16;
+    readonly previewHeight: 176;
+    readonly previewWidth: 340;
     readonly sectionRowTitleWidth: 96;
     readonly skeletonBadgeWidth: 56;
     readonly skeletonRows: 4;

package/dist/constants/ps-list-config.js

@@ -1,6 +1,8 @@
 export const PsListConfig = {
     contentInset: 16,
     dividerInset: 16,
+    previewHeight: 176,
+    previewWidth: 340,
     sectionRowTitleWidth: 96,
     skeletonBadgeWidth: 56,
     skeletonRows: 4,

package/dist/constants/ps-menu-tile-config.d.ts

@@ -0,0 +1,9 @@
+export declare const PsMenuTileConfig: {
+    readonly dataUriPrefix: "data:image/png;base64,";
+    readonly fontSize: 40;
+    readonly initialsFontSize: 34;
+    readonly logoPadding: 12;
+    readonly roundedRadius: 22;
+    readonly size: 96;
+    readonly textBaseline: 0.36;
+};

package/dist/constants/ps-menu-tile-config.js

@@ -0,0 +1,9 @@
+export const PsMenuTileConfig = {
+    dataUriPrefix: 'data:image/png;base64,',
+    fontSize: 40,
+    initialsFontSize: 34,
+    logoPadding: 12,
+    roundedRadius: 22,
+    size: 96,
+    textBaseline: 0.36,
+};