@pallasoft/ps-mobile-components 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,4 @@
+export declare const PsSegmentedControlConfig: {
+    readonly animationMs: 200;
+    readonly padding: 4;
+};

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

@@ -0,0 +1,4 @@
+export const PsSegmentedControlConfig = {
+    animationMs: 200,
+    padding: 4,
+};

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

@@ -0,0 +1,36 @@
+export declare const PsSfSymbolConfig: {
+    readonly symbols: {
+        bank: "building.columns";
+        bell: "bell";
+        calendar: "calendar";
+        camera: "camera";
+        check: "checkmark";
+        clock: "clock";
+        close: "xmark";
+        doc: "doc.text";
+        download: "arrow.down.circle";
+        eye: "eye";
+        file: "doc";
+        forward: "arrowshape.turn.up.right";
+        home: "house";
+        image: "photo";
+        invoice: "doc.plaintext";
+        mail: "envelope";
+        more: "ellipsis";
+        pencil: "pencil";
+        plus: "plus";
+        receipt: "scroll";
+        refresh: "arrow.clockwise";
+        reports: "chart.bar";
+        scan: "doc.viewfinder";
+        settings: "gearshape";
+        share: "square.and.arrow.up";
+        'sign-out': "rectangle.portrait.and.arrow.right";
+        swap: "arrow.left.arrow.right";
+        trash: "trash";
+        upload: "square.and.arrow.up";
+        user: "person.crop.circle";
+    };
+    readonly checkedSymbol: "checkmark";
+    readonly headerSymbol: "person.crop.circle.fill";
+};

package/dist/constants/ps-sf-symbol-config.js

@@ -0,0 +1,36 @@
+export const PsSfSymbolConfig = {
+    symbols: {
+        'bank': 'building.columns',
+        'bell': 'bell',
+        'calendar': 'calendar',
+        'camera': 'camera',
+        'check': 'checkmark',
+        'clock': 'clock',
+        'close': 'xmark',
+        'doc': 'doc.text',
+        'download': 'arrow.down.circle',
+        'eye': 'eye',
+        'file': 'doc',
+        'forward': 'arrowshape.turn.up.right',
+        'home': 'house',
+        'image': 'photo',
+        'invoice': 'doc.plaintext',
+        'mail': 'envelope',
+        'more': 'ellipsis',
+        'pencil': 'pencil',
+        'plus': 'plus',
+        'receipt': 'scroll',
+        'refresh': 'arrow.clockwise',
+        'reports': 'chart.bar',
+        'scan': 'doc.viewfinder',
+        'settings': 'gearshape',
+        'share': 'square.and.arrow.up',
+        'sign-out': 'rectangle.portrait.and.arrow.right',
+        'swap': 'arrow.left.arrow.right',
+        'trash': 'trash',
+        'upload': 'square.and.arrow.up',
+        'user': 'person.crop.circle',
+    },
+    checkedSymbol: 'checkmark',
+    headerSymbol: 'person.crop.circle.fill',
+};

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

@@ -0,0 +1,11 @@
+export declare const PsSheetConfig: {
+    readonly actionMinWidth: 44;
+    readonly actionSpinnerGap: 6;
+    readonly cornerRadius: 20;
+    readonly headerMinHeight: 64;
+    readonly headerPaddingBottom: 12;
+    readonly headerPaddingHorizontal: 16;
+    readonly headerPaddingTop: 24;
+    readonly maxHeightFraction: 0.9;
+    readonly pressedOpacity: 0.5;
+};

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

@@ -0,0 +1,11 @@
+export const PsSheetConfig = {
+    actionMinWidth: 44,
+    actionSpinnerGap: 6,
+    cornerRadius: 20,
+    headerMinHeight: 64,
+    headerPaddingBottom: 12,
+    headerPaddingHorizontal: 16,
+    headerPaddingTop: 24,
+    maxHeightFraction: 0.9,
+    pressedOpacity: 0.5,
+};

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

@@ -0,0 +1,7 @@
+import type { PsSkeletonSize } from '../interfaces/ps-skeleton-size';
+import { PsSkeletonShape } from './ps-skeleton-shape';
+export declare const PsSkeletonConfig: {
+    readonly lastLineWidth: 160;
+    readonly shapeRadii: Record<PsSkeletonShape, number>;
+    readonly shapeSizes: Record<PsSkeletonShape, PsSkeletonSize>;
+};

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

@@ -0,0 +1,27 @@
+import { PsMobileControlConfig } from './ps-mobile-control-config';
+import { PsSkeletonShape } from './ps-skeleton-shape';
+export const PsSkeletonConfig = {
+    lastLineWidth: 160,
+    shapeRadii: {
+        [PsSkeletonShape.Badge]: 999,
+        [PsSkeletonShape.Block]: PsMobileControlConfig.controlRadius,
+        [PsSkeletonShape.Button]: PsMobileControlConfig.controlRadius,
+        [PsSkeletonShape.Card]: PsMobileControlConfig.cardRadius,
+        [PsSkeletonShape.Circle]: 999,
+        [PsSkeletonShape.Control]: PsMobileControlConfig.controlRadius,
+        [PsSkeletonShape.Line]: 999,
+        [PsSkeletonShape.Pill]: 999,
+        [PsSkeletonShape.Text]: 999,
+    },
+    shapeSizes: {
+        [PsSkeletonShape.Badge]: { height: PsMobileControlConfig.badgeMinHeight, width: 72 },
+        [PsSkeletonShape.Block]: { height: 44 },
+        [PsSkeletonShape.Button]: { height: 44, width: 120 },
+        [PsSkeletonShape.Card]: { height: 80 },
+        [PsSkeletonShape.Circle]: { height: 36, width: 36 },
+        [PsSkeletonShape.Control]: { height: 44 },
+        [PsSkeletonShape.Line]: { height: PsMobileControlConfig.skeletonLineHeight },
+        [PsSkeletonShape.Pill]: { height: 32, width: 96 },
+        [PsSkeletonShape.Text]: { height: PsMobileControlConfig.skeletonLineHeight },
+    },
+};

package/dist/constants/ps-skeleton-shape.d.ts

@@ -0,0 +1,11 @@
+export declare enum PsSkeletonShape {
+    Badge = "badge",
+    Block = "block",
+    Button = "button",
+    Card = "card",
+    Circle = "circle",
+    Control = "control",
+    Line = "line",
+    Pill = "pill",
+    Text = "text"
+}

package/dist/constants/ps-skeleton-shape.js

@@ -0,0 +1,12 @@
+export var PsSkeletonShape;
+(function (PsSkeletonShape) {
+    PsSkeletonShape["Badge"] = "badge";
+    PsSkeletonShape["Block"] = "block";
+    PsSkeletonShape["Button"] = "button";
+    PsSkeletonShape["Card"] = "card";
+    PsSkeletonShape["Circle"] = "circle";
+    PsSkeletonShape["Control"] = "control";
+    PsSkeletonShape["Line"] = "line";
+    PsSkeletonShape["Pill"] = "pill";
+    PsSkeletonShape["Text"] = "text";
+})(PsSkeletonShape || (PsSkeletonShape = {}));

package/dist/constants/ps-sortable-grid-config.d.ts

@@ -0,0 +1,16 @@
+export declare const PsSortableGridConfig: {
+    readonly activeScale: 1.03;
+    readonly activeZIndex: 10;
+    readonly columnGap: 12;
+    readonly edgeRatio: 0.14;
+    readonly longPressMs: 300;
+    readonly maxScrollStep: 18;
+    readonly moveMs: 220;
+    readonly outlineOffset: 0;
+    readonly outlineWidth: 2;
+    readonly radius: 16;
+    readonly rowGap: 24;
+    readonly scaleMs: 140;
+    readonly scrollRamp: 0.25;
+    readonly scrollTickMs: 16;
+};

package/dist/constants/ps-sortable-grid-config.js

@@ -0,0 +1,18 @@
+import { PsChartConfig } from './ps-chart-config';
+import { PsLayoutConfig } from './ps-layout-config';
+export const PsSortableGridConfig = {
+    activeScale: 1.03,
+    activeZIndex: 10,
+    columnGap: PsChartConfig.kpiGap,
+    edgeRatio: 0.14,
+    longPressMs: 300,
+    maxScrollStep: 18,
+    moveMs: 220,
+    outlineOffset: 0,
+    outlineWidth: 2,
+    radius: PsChartConfig.cardRadius,
+    rowGap: PsLayoutConfig.listGap,
+    scaleMs: 140,
+    scrollRamp: 0.25,
+    scrollTickMs: 16,
+};

package/dist/constants/ps-sortable-grid-span.d.ts

@@ -0,0 +1,5 @@
+export declare const PsSortableGridSpan: {
+    readonly full: "full";
+    readonly half: "half";
+};
+export type PsSortableGridSpan = (typeof PsSortableGridSpan)[keyof typeof PsSortableGridSpan];

package/dist/constants/ps-sortable-grid-span.js

@@ -0,0 +1,4 @@
+export const PsSortableGridSpan = {
+    full: 'full',
+    half: 'half',
+};

package/dist/constants/ps-statement-table-config.d.ts

@@ -0,0 +1,13 @@
+export declare const PsStatementTableConfig: {
+    readonly columnWidth: 100;
+    readonly endReachedThreshold: 0.5;
+    readonly gutter: 16;
+    readonly indentStep: 16;
+    readonly labelMinWidth: 128;
+    readonly rowPaddingVertical: 10;
+    readonly skeletonColumns: 1;
+    readonly skeletonLabelWidths: readonly [132, 104, 148, 92];
+    readonly skeletonRowsPerSection: 4;
+    readonly skeletonSections: 3;
+    readonly skeletonValueWidth: 64;
+};

package/dist/constants/ps-statement-table-config.js

@@ -0,0 +1,13 @@
+export const PsStatementTableConfig = {
+    columnWidth: 100,
+    endReachedThreshold: 0.5,
+    gutter: 16,
+    indentStep: 16,
+    labelMinWidth: 128,
+    rowPaddingVertical: 10,
+    skeletonColumns: 1,
+    skeletonLabelWidths: [132, 104, 148, 92],
+    skeletonRowsPerSection: 4,
+    skeletonSections: 3,
+    skeletonValueWidth: 64,
+};

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

@@ -0,0 +1,20 @@
+export declare const PsSwipeConfig: {
+    readonly activeOffset: 12;
+    readonly armDurationMs: 120;
+    readonly armedScale: 1.2;
+    readonly commitFraction: 0.35;
+    readonly exitMs: 200;
+    readonly failOffsetY: 10;
+    readonly flingFraction: 0.15;
+    readonly flingVelocity: 900;
+    readonly iconInset: 24;
+    readonly iconSize: 22;
+    readonly maxFraction: 0.85;
+    readonly rubberBand: 0.3;
+    readonly spring: {
+        readonly damping: 22;
+        readonly mass: 0.7;
+        readonly stiffness: 260;
+    };
+    readonly startIconScale: 0.6;
+};

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

@@ -0,0 +1,16 @@
+export const PsSwipeConfig = {
+    activeOffset: 12,
+    armDurationMs: 120,
+    armedScale: 1.2,
+    commitFraction: 0.35,
+    exitMs: 200,
+    failOffsetY: 10,
+    flingFraction: 0.15,
+    flingVelocity: 900,
+    iconInset: 24,
+    iconSize: 22,
+    maxFraction: 0.85,
+    rubberBand: 0.3,
+    spring: { damping: 22, mass: 0.7, stiffness: 260 },
+    startIconScale: 0.6,
+};

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

@@ -0,0 +1,8 @@
+export declare const PsTabsConfig: {
+    readonly indicatorHeight: 2;
+    readonly labelGap: 6;
+    readonly scrollMargin: 24;
+    readonly skeletonCount: 3;
+    readonly skeletonWidth: 72;
+    readonly tabPaddingX: 16;
+};

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

@@ -0,0 +1,8 @@
+export const PsTabsConfig = {
+    indicatorHeight: 2,
+    labelGap: 6,
+    scrollMargin: 24,
+    skeletonCount: 3,
+    skeletonWidth: 72,
+    tabPaddingX: 16,
+};

package/dist/constants/ps-text-area-config.d.ts

@@ -0,0 +1,5 @@
+export declare const PsTextAreaConfig: {
+    readonly defaultLines: 4;
+    readonly lineHeight: 20;
+    readonly verticalPadding: 12;
+};

package/dist/constants/ps-text-area-config.js

@@ -0,0 +1,5 @@
+export const PsTextAreaConfig = {
+    defaultLines: 4,
+    lineHeight: 20,
+    verticalPadding: 12,
+};

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

@@ -0,0 +1,9 @@
+import type { PsFontWeight } from '../interfaces/ps-font-weight';
+import type { PsTextVariant } from '../interfaces/ps-text-variant';
+interface PsTextVariantStyle {
+    fontSize: number;
+    lineHeight: number;
+    weight: PsFontWeight;
+}
+export declare const PsTextConfig: Record<PsTextVariant, PsTextVariantStyle>;
+export {};

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

@@ -0,0 +1,9 @@
+export const PsTextConfig = {
+    body: { fontSize: 15, lineHeight: 22, weight: 'regular' },
+    caption: { fontSize: 12, lineHeight: 16, weight: 'regular' },
+    heading: { fontSize: 20, lineHeight: 26, weight: 'bold' },
+    label: { fontSize: 13, lineHeight: 18, weight: 'semibold' },
+    small: { fontSize: 13, lineHeight: 18, weight: 'regular' },
+    numeric: { fontSize: 15, lineHeight: 22, weight: 'medium' },
+    title: { fontSize: 28, lineHeight: 34, weight: 'bold' },
+};

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

@@ -0,0 +1,10 @@
+export declare const PsToastConfig: {
+    readonly actionDurationMs: 10000;
+    readonly durationMs: 5000;
+    readonly gap: 8;
+    readonly horizontalInset: 16;
+    readonly maxVisible: 3;
+    readonly padding: 14;
+    readonly radius: 16;
+    readonly topSpacing: 8;
+};

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

@@ -0,0 +1,10 @@
+export const PsToastConfig = {
+    actionDurationMs: 10000,
+    durationMs: 5000,
+    gap: 8,
+    horizontalInset: 16,
+    maxVisible: 3,
+    padding: 14,
+    radius: 16,
+    topSpacing: 8,
+};

package/dist/contexts/ps-mobile-theme-context.d.ts

@@ -0,0 +1,2 @@
+import type { PsMobileTheme } from '../interfaces/ps-mobile-theme';
+export declare const PsMobileThemeContext: import("react").Context<PsMobileTheme | null>;

package/dist/contexts/ps-mobile-theme-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const PsMobileThemeContext = createContext(null);

package/dist/contexts/ps-native-tree-context.d.ts

@@ -0,0 +1 @@
+export declare const PsNativeTreeContext: import("react").Context<boolean>;

package/dist/contexts/ps-native-tree-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const PsNativeTreeContext = createContext(false);

package/dist/contexts/ps-page-header-context.d.ts

@@ -0,0 +1 @@
+export declare const PsPageHeaderContext: import("react").Context<boolean>;

package/dist/contexts/ps-page-header-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const PsPageHeaderContext = createContext(false);

package/dist/contexts/ps-scroll-context.d.ts

@@ -0,0 +1,2 @@
+import type { PsScrollContextData } from '../interfaces/ps-scroll-context-data';
+export declare const PsScrollContext: import("react").Context<PsScrollContextData | null>;

package/dist/contexts/ps-scroll-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const PsScrollContext = createContext(null);

package/dist/contexts/ps-sheet-measure-context.d.ts

@@ -0,0 +1 @@
+export declare const PsSheetMeasureContext: import("react").Context<(height: number) => void>;

package/dist/contexts/ps-sheet-measure-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const PsSheetMeasureContext = createContext(() => undefined);

package/dist/contexts/ps-stagger-index-context.d.ts

@@ -0,0 +1 @@
+export declare const PsStaggerIndexContext: import("react").Context<number>;

package/dist/contexts/ps-stagger-index-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const PsStaggerIndexContext = createContext(0);

package/dist/contexts/ps-toast-context.d.ts

@@ -0,0 +1,2 @@
+import type { PsToastContextData } from '../interfaces/ps-toast-context-data';
+export declare const PsToastContext: import("react").Context<PsToastContextData>;

package/dist/contexts/ps-toast-context.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export const PsToastContext = createContext({
+    removeToast: () => undefined,
+    showToast: () => undefined,
+});

package/dist/hooks/use-ps-chart-reveal.d.ts

@@ -0,0 +1,2 @@
+import { type SharedValue } from 'react-native-reanimated';
+export declare const usePsChartReveal: (signature: string) => SharedValue<number>;

package/dist/hooks/use-ps-chart-reveal.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { useSharedValue, withTiming } from 'react-native-reanimated';
+import { PsChartConfig } from '../constants/ps-chart-config';
+import { usePsMobileTheme } from './use-ps-mobile-theme';
+export const usePsChartReveal = (signature) => {
+    const { isReduceMotion: isReduced } = usePsMobileTheme();
+    const progress = useSharedValue(isReduced ? 1 : 0);
+    useEffect(() => {
+        if (isReduced) {
+            progress.set(1);
+            return;
+        }
+        progress.set(0);
+        progress.set(withTiming(1, { duration: PsChartConfig.drawMs }));
+    }, [isReduced, progress, signature]);
+    return progress;
+};

package/dist/hooks/use-ps-chart-scrub.d.ts

@@ -0,0 +1,3 @@
+import type { PsChartPlot } from '../interfaces/ps-chart-plot';
+import type { PsChartScrubResult } from '../interfaces/ps-chart-scrub-result';
+export declare const usePsChartScrub: (count: number, isBand: boolean, plot: PsChartPlot) => PsChartScrubResult;

package/dist/hooks/use-ps-chart-scrub.js

@@ -0,0 +1,23 @@
+import { useMemo, useState } from 'react';
+import { PanResponder } from 'react-native';
+import { PsChartScrubService } from '../services/ps-chart-scrub-service';
+export const usePsChartScrub = (count, isBand, plot) => {
+    const [index, setIndex] = useState(null);
+    const { bottom, left, right, top } = plot;
+    const panHandlers = useMemo(() => {
+        const area = { bottom, left, right, top };
+        const find = (x) => isBand
+            ? PsChartScrubService.bandIndex(x, area, count)
+            : PsChartScrubService.pointIndex(x, area, count);
+        return PanResponder.create({
+            onMoveShouldSetPanResponder: (_event, gesture) => Math.abs(gesture.dx) > Math.abs(gesture.dy),
+            onPanResponderGrant: (event) => setIndex(find(event.nativeEvent.locationX)),
+            onPanResponderMove: (event) => setIndex(find(event.nativeEvent.locationX)),
+            onPanResponderRelease: () => setIndex(null),
+            onPanResponderTerminate: () => setIndex(null),
+            onPanResponderTerminationRequest: () => true,
+            onStartShouldSetPanResponder: () => true,
+        }).panHandlers;
+    }, [bottom, count, isBand, left, right, top]);
+    return { index, panHandlers };
+};

package/dist/hooks/use-ps-chart-width.d.ts

@@ -0,0 +1,2 @@
+import type { PsChartWidthResult } from '../interfaces/ps-chart-width-result';
+export declare const usePsChartWidth: () => PsChartWidthResult;

package/dist/hooks/use-ps-chart-width.js

@@ -0,0 +1,6 @@
+import { useCallback, useState } from 'react';
+export const usePsChartWidth = () => {
+    const [width, setWidth] = useState(0);
+    const onLayout = useCallback((event) => setWidth(Math.round(event.nativeEvent.layout.width)), []);
+    return { onLayout, width };
+};

package/dist/hooks/use-ps-document-scanner.d.ts

@@ -0,0 +1,3 @@
+import type { PsDocumentScannerOptions } from '../interfaces/ps-document-scanner-options';
+import type { UsePsDocumentScannerResult } from '../interfaces/use-ps-document-scanner-result';
+export declare const usePsDocumentScanner: (defaults?: PsDocumentScannerOptions) => UsePsDocumentScannerResult;

package/dist/hooks/use-ps-document-scanner.js

@@ -0,0 +1,21 @@
+import { useCallback, useMemo, useState } from 'react';
+import { PsDocumentScannerService } from '../services/ps-document-scanner-service';
+export const usePsDocumentScanner = (defaults = {}) => {
+    const [isScanning, setIsScanning] = useState(false);
+    const isAvailable = useMemo(() => PsDocumentScannerService.isAvailable(), []);
+    const { fileName, jpegQuality, maxPages } = defaults;
+    const scan = useCallback(async (options = {}) => {
+        setIsScanning(true);
+        try {
+            return await PsDocumentScannerService.scan({
+                fileName: options.fileName === undefined ? fileName : options.fileName,
+                jpegQuality: options.jpegQuality === undefined ? jpegQuality : options.jpegQuality,
+                maxPages: options.maxPages === undefined ? maxPages : options.maxPages,
+            });
+        }
+        finally {
+            setIsScanning(false);
+        }
+    }, [fileName, jpegQuality, maxPages]);
+    return { isAvailable, isScanning, scan };
+};

package/dist/hooks/use-ps-focus.d.ts

@@ -0,0 +1,6 @@
+export interface PsFocusState {
+    isFocused: boolean;
+    onBlur: () => void;
+    onFocus: () => void;
+}
+export declare const usePsFocus: () => PsFocusState;

package/dist/hooks/use-ps-focus.js

@@ -0,0 +1,9 @@
+import { useState } from 'react';
+export const usePsFocus = () => {
+    const [isFocused, setIsFocused] = useState(false);
+    return {
+        isFocused,
+        onBlur: () => setIsFocused(false),
+        onFocus: () => setIsFocused(true),
+    };
+};

package/dist/hooks/use-ps-haptics.d.ts

@@ -0,0 +1,2 @@
+import type { PsHapticKind } from '../interfaces/ps-haptic-kind';
+export declare const usePsHaptics: () => ((kind: PsHapticKind) => void);

package/dist/hooks/use-ps-haptics.js

@@ -0,0 +1,7 @@
+import { useCallback } from 'react';
+import { PsHapticService } from '../services/ps-haptic-service';
+import { usePsMobileTheme } from './use-ps-mobile-theme';
+export const usePsHaptics = () => {
+    const { hasHaptics } = usePsMobileTheme();
+    return useCallback((kind) => PsHapticService.play(kind, hasHaptics), [hasHaptics]);
+};

package/dist/hooks/use-ps-mobile-theme.d.ts

@@ -0,0 +1,2 @@
+import type { PsMobileTheme } from '../interfaces/ps-mobile-theme';
+export declare const usePsMobileTheme: () => PsMobileTheme;

package/dist/hooks/use-ps-mobile-theme.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { PsMobileThemeContext } from '../contexts/ps-mobile-theme-context';
+export const usePsMobileTheme = () => {
+    const theme = useContext(PsMobileThemeContext);
+    if (theme === null) {
+        throw new Error('usePsMobileTheme needs a PsMobileThemeProvider above it');
+    }
+    return theme;
+};

package/dist/hooks/use-ps-pulse.d.ts

@@ -0,0 +1 @@
+export declare const usePsPulse: () => boolean;

package/dist/hooks/use-ps-pulse.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from 'react';
+import { PsMobileControlConfig } from '../constants/ps-mobile-control-config';
+export const usePsPulse = () => {
+    const [isLow, setIsLow] = useState(false);
+    useEffect(() => {
+        const timer = setInterval(() => setIsLow((current) => !current), PsMobileControlConfig.pulseIntervalMs);
+        return () => clearInterval(timer);
+    }, []);
+    return isLow;
+};

package/dist/hooks/use-ps-refresh.d.ts

@@ -0,0 +1,5 @@
+export interface PsRefreshState {
+    isRefreshing: boolean;
+    refresh: () => Promise<void>;
+}
+export declare const usePsRefresh: (onRefresh: (() => Promise<void>) | undefined) => PsRefreshState;

package/dist/hooks/use-ps-refresh.js

@@ -0,0 +1,19 @@
+import { useCallback, useState } from 'react';
+import { usePsHaptics } from './use-ps-haptics';
+export const usePsRefresh = (onRefresh) => {
+    const haptic = usePsHaptics();
+    const [isRefreshing, setIsRefreshing] = useState(false);
+    const refresh = useCallback(async () => {
+        if (onRefresh === undefined)
+            return;
+        haptic('light');
+        setIsRefreshing(true);
+        try {
+            await onRefresh();
+        }
+        finally {
+            setIsRefreshing(false);
+        }
+    }, [haptic, onRefresh]);
+    return { isRefreshing, refresh };
+};

package/dist/hooks/use-ps-remote-data.d.ts

@@ -0,0 +1,3 @@
+import { PsRemoteDataOptions } from '../interfaces/ps-remote-data-options';
+import { PsRemoteDataResult } from '../interfaces/ps-remote-data-result';
+export declare const usePsRemoteData: <T>({ key, load, refreshKey, }: PsRemoteDataOptions<T>) => PsRemoteDataResult<T>;