@pallasoft/ps-mobile-components 1.2.0 → 1.3.0

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-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,
+};

package/dist/constants/ps-mobile-control-config.d.ts

@@ -26,8 +26,6 @@ export declare const PsMobileControlConfig: {
     readonly iconSizeInline: PallasoftControlMetric.IconInline;
     readonly iconSizeStandalone: PallasoftControlMetric.IconStandalone;
     readonly neutralAlpha: 0.08;
-    readonly overlayAlpha: 0.4;
-    readonly overlayAlphaDark: 0.7;
     readonly pillRadius: 999;
     readonly pressedAlpha: 0.06;
     readonly pressedBorderAlpha: 0.4;
@@ -37,19 +35,9 @@ export declare const PsMobileControlConfig: {
     readonly ringWidth: 2;
     readonly rowSpacing: 12;
     readonly skeletonAlpha: 0.1;
-    readonly skeletonBaseAlpha: {
-        readonly dark: 0.05;
-        readonly light: 0.08;
-    };
     readonly skeletonLineHeight: 12;
     readonly skeletonListCount: 5;
-    readonly skeletonSweepAlpha: {
-        readonly dark: 0.08;
-        readonly light: 0.14;
-    };
     readonly skeletonSweepMs: 1400;
     readonly skeletonTextLines: 3;
-    readonly softAlphaDark: 0.2;
-    readonly softAlphaLight: 0.16;
     readonly spinnerSize: 18;
 };

package/dist/constants/ps-mobile-control-config.js

@@ -22,8 +22,6 @@ export const PsMobileControlConfig = {
     iconSizeInline: PallasoftControlMetric.IconInline,
     iconSizeStandalone: PallasoftControlMetric.IconStandalone,
     neutralAlpha: 0.08,
-    overlayAlpha: 0.4,
-    overlayAlphaDark: 0.7,
     pillRadius: 999,
     pressedAlpha: 0.06,
     pressedBorderAlpha: 0.4,
@@ -33,13 +31,9 @@ export const PsMobileControlConfig = {
     ringWidth: 2,
     rowSpacing: 12,
     skeletonAlpha: 0.1,
-    skeletonBaseAlpha: { dark: 0.05, light: 0.08 },
     skeletonLineHeight: 12,
     skeletonListCount: 5,
-    skeletonSweepAlpha: { dark: 0.08, light: 0.14 },
     skeletonSweepMs: 1400,
     skeletonTextLines: 3,
-    softAlphaDark: 0.2,
-    softAlphaLight: 0.16,
     spinnerSize: 18,
 };

package/dist/constants/ps-option-picker-config.d.ts

@@ -0,0 +1,6 @@
+export declare const PsOptionPickerConfig: {
+    readonly defaultLimit: 50;
+    readonly gap: 12;
+    readonly rowGap: 2;
+    readonly rowPadding: 14;
+};

package/dist/constants/ps-option-picker-config.js

@@ -0,0 +1,6 @@
+export const PsOptionPickerConfig = {
+    defaultLimit: 50,
+    gap: 12,
+    rowGap: 2,
+    rowPadding: 14,
+};

package/dist/constants/ps-sf-symbol-config.d.ts

@@ -1,35 +1,127 @@
 export declare const PsSfSymbolConfig: {
     readonly symbols: {
+        arrow: "arrow.right";
+        audio: "waveform";
         bank: "building.columns";
         bell: "bell";
+        book: "book";
         calendar: "calendar";
         camera: "camera";
+        'camera-off': "camera.badge.ellipsis";
+        chart: "chart.bar";
+        chat: "bubble.left";
         check: "checkmark";
+        chevron: "chevron.down";
+        'chevron-right': "chevron.right";
+        clipboard: "list.clipboard";
         clock: "clock";
         close: "xmark";
+        columns: "rectangle.split.3x1";
+        'credit-card': "creditcard";
+        crop: "crop";
         doc: "doc.text";
         download: "arrow.down.circle";
+        expand: "arrow.up.left.and.arrow.down.right";
         eye: "eye";
+        'eye-off': "eye.slash";
         file: "doc";
+        filter: "line.3.horizontal.decrease";
+        flash: "bolt";
         forward: "arrowshape.turn.up.right";
+        globe: "globe";
+        help: "questionmark.circle";
         home: "house";
         image: "photo";
+        inbox: "tray";
         invoice: "doc.plaintext";
+        layers: "square.stack.3d.up";
+        lifebuoy: "lifepreserver";
+        lightbulb: "lightbulb";
+        linkedin: "link";
+        location: "mappin.and.ellipse";
         mail: "envelope";
+        menu: "line.3.horizontal";
+        minus: "minus.circle";
+        moon: "moon";
         more: "ellipsis";
+        palette: "paintpalette";
+        pallabuzz: "app";
+        pallaforge: "app";
+        pause: "pause";
+        payroll: "person.2";
         pencil: "pencil";
+        play: "play";
         plus: "plus";
         receipt: "scroll";
         refresh: "arrow.clockwise";
         reports: "chart.bar";
+        rewind: "backward";
+        rotate: "rotate.right";
+        scale: "scalemass";
         scan: "doc.viewfinder";
+        search: "magnifyingglass";
         settings: "gearshape";
         share: "square.and.arrow.up";
+        sheet: "tablecells";
+        shield: "shield";
         'sign-out': "rectangle.portrait.and.arrow.right";
+        smile: "face.smiling";
+        sort: "arrow.up.arrow.down";
+        'sort-ascending': "arrow.up";
+        'sort-descending': "arrow.down";
+        spark: "sparkles";
+        star: "star";
+        sun: "sun.max";
         swap: "arrow.left.arrow.right";
+        tax: "percent";
+        text: "text.alignleft";
         trash: "trash";
         upload: "square.and.arrow.up";
         user: "person.crop.circle";
+        video: "video";
+        wallet: "wallet.bifold";
+        warning: "exclamationmark.triangle";
+        x: "xmark";
+        'zoom-in': "plus.magnifyingglass";
+        'zoom-out': "minus.magnifyingglass";
+    };
+    readonly monograms: {
+        '0': "0.circle.fill";
+        '1': "1.circle.fill";
+        '2': "2.circle.fill";
+        '3': "3.circle.fill";
+        '4': "4.circle.fill";
+        '5': "5.circle.fill";
+        '6': "6.circle.fill";
+        '7': "7.circle.fill";
+        '8': "8.circle.fill";
+        '9': "9.circle.fill";
+        a: "a.circle.fill";
+        b: "b.circle.fill";
+        c: "c.circle.fill";
+        d: "d.circle.fill";
+        e: "e.circle.fill";
+        f: "f.circle.fill";
+        g: "g.circle.fill";
+        h: "h.circle.fill";
+        i: "i.circle.fill";
+        j: "j.circle.fill";
+        k: "k.circle.fill";
+        l: "l.circle.fill";
+        m: "m.circle.fill";
+        n: "n.circle.fill";
+        o: "o.circle.fill";
+        p: "p.circle.fill";
+        q: "q.circle.fill";
+        r: "r.circle.fill";
+        s: "s.circle.fill";
+        t: "t.circle.fill";
+        u: "u.circle.fill";
+        v: "v.circle.fill";
+        w: "w.circle.fill";
+        x: "x.circle.fill";
+        y: "y.circle.fill";
+        z: "z.circle.fill";
     };
     readonly checkedSymbol: "checkmark";
     readonly headerSymbol: "person.crop.circle.fill";