@codeleap/mobile 7.0.0 → 7.0.2

package/dist/components/TimeInput/index.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCompositionStyles } from '@codeleap/styles';
+import dayjs from 'dayjs';
+import { fields } from '@codeleap/form';
+import DatePicker from 'react-native-date-picker';
+import { useStylesFor } from '../../hooks';
+import { useInputBase } from '../InputBase';
+import { View } from '../View';
+import { TextInput } from '../TextInput';
+import { MobileStyleRegistry } from '../../Registry';
+import { InputOverlay, inputOverlayManager } from '../InputOverlay';
+export * from './styles';
+export * from './types';
+/**
+ * The picker is always rendered in `mode='time'` and `theme='light'` regardless of system theme;
+ * dark mode is not forwarded to the native `react-native-date-picker` wheel.
+ * Default format `'hh:mm A'` is 12-hour with AM/PM — pass `format='HH:mm'` for 24-hour display.
+ */
+export const TimeInput = (props) => {
+    const { style, value, onValueChange, disabled, gap, timePickerPosition, rightIcon, leftIcon, autoClosePeersOverlays, field, format, overlay, timePickerProps, ...textInputProps } = {
+        ...TimeInput.defaultProps,
+        ...props
+    };
+    const styles = useStylesFor(TimeInput.styleRegistryName, style);
+    const compositionStyles = useCompositionStyles(['input'], styles);
+    const { inputValue, onInputValueChange, } = useInputBase(field, fields.date, { value, onValueChange });
+    const { isOpen, toggle, id } = inputOverlayManager.use();
+    return (_jsx(InputOverlay.Layout, { style: styles.wrapper, position: timePickerPosition, gap: gap, isOpen: isOpen, mode: overlay ? 'overlay' : 'content', hideOverlay: disabled, id: id, content: _jsx(View, { style: styles.timePicker, children: _jsx(DatePicker, { mode: 'time', theme: 'light', ...timePickerProps, onDateChange: onInputValueChange, date: inputValue ?? new Date() }) }), children: _jsx(TextInput, { placeholder: 'Select a time', disabled: disabled, ...textInputProps, style: compositionStyles.input, value: !inputValue ? '' : dayjs(inputValue).format(format), onValueChange: () => inputValue, onPress: disabled ? undefined : toggle, focused: isOpen, leftIcon: !leftIcon ? null : {
+                ...leftIcon,
+                onPress: toggle,
+            }, rightIcon: !rightIcon ? null : {
+                ...rightIcon,
+                onPress: toggle,
+            } }) }));
+};
+TimeInput.styleRegistryName = 'TimeInput';
+TimeInput.elements = ['wrapper', 'timePicker', 'input'];
+TimeInput.rootElement = 'wrapper';
+TimeInput.withVariantTypes = (styles) => {
+    return TimeInput;
+};
+TimeInput.defaultProps = {
+    gap: 8,
+    timerPickerPosition: 'left',
+    autoClosePeersCalendars: false,
+    format: 'hh:mm A',
+    overlay: true,
+};
+MobileStyleRegistry.registerComponent(TimeInput);
+//# sourceMappingURL=index.js.map

package/dist/components/TimeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/TimeInput/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/TimeInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.ts"],"names":[],"mappings":""}

package/dist/components/TimeInput/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/TimeInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TimeInput/types.ts"],"names":[],"mappings":""}

package/dist/components/Touchable/index.js

@@ -0,0 +1,170 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { onMount, useComponentTestId } from '@codeleap/hooks';
+import { Pressable, StyleSheet, Platform } from 'react-native';
+import { View } from '../View';
+import { usePressableFeedback } from '../../utils';
+import { Keyboard } from 'react-native';
+import { PressableRipple } from '../../modules/PressableRipple';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { logger } from '@codeleap/logger';
+export * from './styles';
+export * from './types';
+export const Touchable = forwardRef((touchableProps, ref) => {
+    const { children, onPress, style, debugName, debugComponent, debounce, leadingDebounce, noFeedback, setPressed, rippleDisabled, analyticsEnabled, analyticsName, analyticsData = {}, dismissKeyboard, ...props } = {
+        ...Touchable.defaultProps,
+        ...touchableProps,
+    };
+    // Start locked when leadingDebounce is true so the very first render is immune to ghost taps
+    // (e.g. a list item that mounts directly under the user's finger on Android).
+    const pressed = React.useRef(!!leadingDebounce);
+    onMount(() => {
+        if (!!leadingDebounce && !!debounce) {
+            setTimeout(() => {
+                pressed.current = false;
+            }, debounce);
+        }
+    });
+    const styles = useStylesFor(Touchable.styleRegistryName, style);
+    const testId = useComponentTestId(Touchable, touchableProps, ['style', 'children', 'debounce']);
+    const press = () => {
+        if (!onPress)
+            return;
+        const _onPress = () => {
+            logger.log(`<${debugComponent || 'Touchable'}/> pressed:`, debugName);
+            if (dismissKeyboard) {
+                Keyboard.dismiss();
+            }
+            // if (analyticsEnabled) {
+            //   const name = analyticsName || debugName
+            //   if (!!name?.trim?.()) {
+            //     logger.analytics?.interaction(name, analyticsData)
+            //   }
+            // }
+            onPress();
+        };
+        if (TypeGuards.isNumber(debounce)) {
+            if (pressed.current) {
+                return;
+            }
+            setPressed?.(true);
+            pressed.current = true;
+            _onPress();
+            setTimeout(() => {
+                setPressed?.(false);
+                pressed.current = false;
+            }, debounce);
+        }
+        else {
+            _onPress();
+        }
+    };
+    const _styles = StyleSheet.flatten([styles?.wrapper, props?.disabled && styles?.['wrapper:disabled']]);
+    const disableFeedback = !onPress || noFeedback;
+    const { rippleConfig, getFeedbackStyle } = usePressableFeedback(_styles, {
+        hightlightPropertyIn: 'backgroundColor',
+        hightlightPropertyOut: 'backgroundColor',
+        disabled: disableFeedback,
+        feedbackConfig: styles?.feedback,
+    });
+    const Wrapper = View;
+    // Style properties are split between the outer View (wrapperStyle) and the inner Pressable/Ripple
+    // (pressableStyle) so that margin/position are owned by the layout parent while the pressable
+    // touch area matches the visual surface. Radius is copied to both so clipping stays consistent.
+    const { radiusStyle, wrapperStyle, pressableStyle } = React.useMemo(() => {
+        const wrapperkeys = [
+            'margin',
+            'alignSelf',
+            'top!',
+            'left!',
+            'right!',
+            'bottom!',
+            'position!',
+            'transform!',
+        ];
+        const radiusKey = [
+            'Radius#',
+        ];
+        const sharedKeys = [
+            'width!',
+            'height!',
+            'flex!',
+            'backgroundColor!',
+        ];
+        const wrapperStyle = {};
+        const pressableStyle = {};
+        const radiusStyle = {};
+        const match = (k, key) => {
+            if (k.endsWith('#')) {
+                return key.includes(k.substring(0, k.length - 1));
+            }
+            else if (k.endsWith('!')) {
+                return key === k.substring(0, k.length - 1);
+            }
+            else {
+                return key.startsWith(k);
+            }
+        };
+        Object.entries(_styles).forEach(([key, value]) => {
+            if (radiusKey.some(k => match(k, key))) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+                radiusStyle[key] = value;
+                return;
+            }
+            if (wrapperkeys.some(k => match(k, key))) {
+                wrapperStyle[key] = value;
+            }
+            else if (sharedKeys.some(k => match(k, key))) {
+                wrapperStyle[key] = value;
+                pressableStyle[key] = value;
+            }
+            else {
+                pressableStyle[key] = value;
+            }
+        });
+        if (wrapperStyle.position === 'absolute') {
+            pressableStyle.width = '100%';
+            pressableStyle.height = '100%';
+        }
+        wrapperStyle.overflow = 'visible';
+        return {
+            wrapperStyle,
+            pressableStyle,
+            radiusStyle,
+        };
+    }, [JSON.stringify(_styles)]);
+    const hitSlop = TypeGuards.isNumber(props.hitSlop) ? {
+        top: props.hitSlop,
+        left: props.hitSlop,
+        right: props.hitSlop,
+        bottom: props.hitSlop,
+    } : props.hitSlop;
+    // Ripple is Android-only; iOS uses Pressable's built-in opacity/color feedback via getFeedbackStyle.
+    const disableRipple = disableFeedback || rippleDisabled || Platform.OS !== 'android';
+    return (_jsx(Wrapper, { style: wrapperStyle, hitSlop: hitSlop, children: !disableRipple ? (_jsx(PressableRipple, { onPress: press, testID: testId, ...props, style: [pressableStyle, styles?.pressable], rippleFades: false, rippleDuration: 350, rippleOpacity: 0.1, ...rippleConfig, radiusStyles: radiusStyle, 
+            // @ts-ignore
+            ref: ref, children: children })) : (_jsx(Pressable, { onPress: press, style: ({ pressed }) => ([
+                pressableStyle,
+                getFeedbackStyle(pressed),
+                styles?.pressable,
+            ]), testID: testId, ...props, ref: ref, children: children })) }));
+});
+Touchable.styleRegistryName = 'Touchable';
+Touchable.elements = ['wrapper', 'feedback', 'pressable'];
+Touchable.rootElement = 'wrapper';
+Touchable.withVariantTypes = (styles) => {
+    return Touchable;
+};
+Touchable.defaultProps = {
+    debounce: 500,
+    noFeedback: false,
+    rippleDisabled: false,
+    analyticsEnabled: false,
+    analyticsName: null,
+    dismissKeyboard: true,
+};
+MobileStyleRegistry.registerComponent(Touchable);
+//# sourceMappingURL=index.js.map

package/dist/components/Touchable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Touchable/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/Touchable/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Touchable/styles.ts"],"names":[],"mappings":""}

package/dist/components/Touchable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Touchable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Touchable/types.ts"],"names":[],"mappings":""}

package/dist/components/View/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { View as RNView } from 'react-native';
+import { MobileStyleRegistry } from '../../Registry';
+import Animated from 'react-native-reanimated';
+import { useStylesFor } from '../../hooks';
+import { useComponentTestId } from '@codeleap/hooks';
+export * from './types';
+export * from './styles';
+/** `View.Animated` is a convenience alias that passes `animated` as true; prefer it over setting the prop manually so variant types stay correct. */
+export const View = forwardRef((props, ref) => {
+    const { style, animated = false, animatedStyle, ...viewProps } = props;
+    const styles = useStylesFor(View.styleRegistryName, style);
+    const testId = useComponentTestId(View, props, ['style', 'children', 'animated']);
+    const Component = animated ? Animated.View : RNView;
+    return (_jsx(Component, { testID: testId, ...viewProps, style: [styles.wrapper, animatedStyle], ref: ref }));
+});
+View.Animated = (props) => {
+    return _jsx(View, { ...props });
+};
+View.styleRegistryName = 'View';
+View.elements = ['wrapper'];
+View.rootElement = 'wrapper';
+View.withVariantTypes = (styles) => {
+    return View;
+};
+MobileStyleRegistry.registerComponent(View);
+//# sourceMappingURL=index.js.map

package/dist/components/View/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,QAAQ,MAAM,yBAAyB,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEpD,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AAExB,qJAAqJ;AACrJ,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAEjF,MAAM,SAAS,GAAmC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEnF,OAAO,CACL,KAAC,SAAS,IACR,MAAM,EAAE,MAAM,KACV,SAAS,EACb,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,EACtC,GAAG,EAAE,GAAG,GACR,CACH,CAAA;AACH,CAAC,CAA0G,CAAA;AAE3G,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC3C,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC5B,CAAC,CAAA;AAED,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAAuE,CAAA;AAChF,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/View/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

package/dist/components/View/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/View/styles.ts"],"names":[],"mappings":""}

package/dist/components/View/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/View/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/View/types.ts"],"names":[],"mappings":""}

package/dist/components/components.js

@@ -0,0 +1,46 @@
+export * from './View';
+export * from './Icon';
+export * from './Touchable';
+export * from './Text';
+export * from './Image';
+export * from './Checkbox';
+export * from './TextInput';
+export * from './RadioInput';
+export * from './Switch';
+export * from './Sections';
+export * from './Select';
+export * from './FileInput';
+export * from './Slider';
+export * from './SegmentedControl';
+export * from './Scroll';
+export * from './List';
+export * from './ActivityIndicator';
+export * from './Button';
+export * from './Modal';
+export * from './Calendar';
+export * from './ImageView';
+export * from './Pager';
+export * from './EmptyPlaceholder';
+export * from './Backdrop';
+export * from './SegmentedControl';
+export * from './Autocomplete';
+export * from './Grid';
+export * from './LoadingOverlay';
+export * from './InputBase';
+export * from './DatePickerModal';
+export * from './RefreshControl';
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './NumberIncrement';
+export * from './Badge';
+export * from './SearchInput';
+export * from './PaginationIndicator';
+export * from './PlacesAutocomplete';
+export * from './SortablePhotos';
+export * from './SectionFilters';
+export * from './Tabs';
+export * from './CalendarInput';
+export * from './TimeInput';
+export * from './InputOverlay';
+export * from './Collapse';
+//# sourceMappingURL=components.js.map

package/dist/components/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+export * from './useStylesFor';
+export * from './useStatusBar';
+export * from './useKeyboardController';
+export * from './useAppState';
+export * from './useAnimatedState';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA"}

package/dist/hooks/useAnimatedState.js

@@ -0,0 +1,28 @@
+import { useState, useCallback } from 'react';
+import { useSharedValue, useDerivedValue, runOnJS, isSharedValue } from 'react-native-reanimated';
+/**
+ * `runOnJS(_setValue)` is required because `useDerivedValue` runs on the UI thread — calling a React state setter directly from a worklet would crash. The derived value callback fires synchronously after the shared value changes, then bounces the update back to the JS thread via `runOnJS`.
+ *
+ * Closures inside the `useDerivedValue` callback must only reference serializable values; capturing non-serializable JS objects here will silently break on the UI thread.
+ */
+export function useAnimatedState(initialValue) {
+    const sharedValue = isSharedValue(initialValue)
+        ? initialValue
+        : useSharedValue(initialValue);
+    const [value, _setValue] = useState(isSharedValue(initialValue) ? initialValue.value : initialValue);
+    useDerivedValue(() => {
+        runOnJS(_setValue)(sharedValue.value);
+    });
+    const setValue = useCallback((newValue) => {
+        sharedValue.value = newValue;
+        if (isSharedValue(initialValue))
+            initialValue.value = newValue;
+        _setValue(newValue);
+    }, []);
+    return [value, setValue, sharedValue];
+}
+export function useAnimatedValue(initialValue) {
+    const [value] = useAnimatedState(initialValue);
+    return value;
+}
+//# sourceMappingURL=useAnimatedState.js.map

package/dist/hooks/useAnimatedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedState.js","sourceRoot":"","sources":["../../src/hooks/useAnimatedState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAe,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE9G;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAI,YAAgC;IAClE,MAAM,WAAW,GAAG,aAAa,CAAC,YAAY,CAAC;QAC7C,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,cAAc,CAAI,YAAY,CAAC,CAAA;IAEnC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,QAAQ,CACjC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAChE,CAAA;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,QAAW,EAAE,EAAE;QAC3C,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAA;QAC5B,IAAI,aAAa,CAAC,YAAY,CAAC;YAAE,YAAY,CAAC,KAAK,GAAG,QAAQ,CAAA;QAC9D,SAAS,CAAC,QAAQ,CAAC,CAAA;IACrB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAU,CAAA;AAChD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAI,YAAgC;IAClE,MAAM,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC9C,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/hooks/useAppState.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+import { AppState } from 'react-native';
+export function useAppState(callbackFn, deps = []) {
+    useEffect(() => {
+        const listener = AppState.addEventListener('change', callbackFn);
+        return () => {
+            listener.remove();
+        };
+    }, deps);
+}
+export function useAppStateStatus() {
+    const [status, setStatus] = useState(AppState.currentState);
+    useAppState((newStatus) => setStatus(newStatus));
+    return status;
+}
+//# sourceMappingURL=useAppState.js.map

package/dist/hooks/useAppState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppState.js","sourceRoot":"","sources":["../../src/hooks/useAppState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAA;AAEvD,MAAM,UAAU,WAAW,CACzB,UAA2C,EAC3C,OAAuB,EAAE;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;QAEhE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,MAAM,EAAE,CAAA;QACnB,CAAC,CAAA;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,QAAQ,CAAC,YAAY,CAAC,CAAA;IAE3E,WAAW,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;IAEhD,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/hooks/useKeyboardController.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react';
+import { KeyboardEvents } from 'react-native-keyboard-controller';
+/**
+ * Uses `react-native-keyboard-controller` `KeyboardEvents` rather than the standard RN `Keyboard` API because it fires `keyboardWillShow`/`keyboardWillHide` on both platforms with accurate animated height values; the native `KeyboardProvider` must wrap the app tree or these events will never fire.
+ */
+export function useKeyboardController() {
+    const [keyboardState, setKeyboardState] = useState({ isVisible: false, height: 0 });
+    useEffect(() => {
+        const show = KeyboardEvents.addListener('keyboardWillShow', event => {
+            setKeyboardState({ isVisible: true, height: event?.height });
+        });
+        const hide = KeyboardEvents.addListener('keyboardWillHide', event => {
+            setKeyboardState(prev => ({ isVisible: false, height: prev?.height }));
+        });
+        return () => {
+            show.remove();
+            hide.remove();
+        };
+    }, []);
+    return keyboardState;
+}
+//# sourceMappingURL=useKeyboardController.js.map

package/dist/hooks/useKeyboardController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardController.js","sourceRoot":"","sources":["../../src/hooks/useKeyboardController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAOjE;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA0B,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAE5G,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE;YAClE,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;QAC9D,CAAC,CAAC,CAAA;QAEF,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE;YAClE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;QACxE,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,MAAM,EAAE,CAAA;YACb,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,aAAa,CAAA;AACtB,CAAC"}

package/dist/hooks/useStatusBar.js

@@ -0,0 +1,18 @@
+import { useIsFocused } from '@react-navigation/native';
+import { useLayoutEffect } from '@codeleap/hooks';
+import { StatusBar } from 'react-native';
+/**
+ * Uses the stack-based `pushStackEntry`/`popStackEntry` API so that nested screens can each set a style and restore the parent's style on unmount — imperative `setBarStyle` calls would stomp each other. On Android the background colour of the status bar is controlled separately via the system theme; only `barStyle` (light/dark content) is affected here.
+ */
+export function useStatusBar({ statusBarColor }) {
+    const focused = useIsFocused();
+    useLayoutEffect(() => {
+        if (!focused || !statusBarColor)
+            return;
+        const statusBarEntry = StatusBar.pushStackEntry({ barStyle: statusBarColor });
+        return () => {
+            StatusBar.popStackEntry(statusBarEntry);
+        };
+    }, [statusBarColor, focused]);
+}
+//# sourceMappingURL=useStatusBar.js.map

package/dist/hooks/useStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusBar.js","sourceRoot":"","sources":["../../src/hooks/useStatusBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAA;AAMxD;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,cAAc,EAAuB;IAClE,MAAM,OAAO,GAAG,YAAY,EAAE,CAAA;IAE9B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc;YAAE,OAAM;QAEvC,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAA;QAE7E,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;QACzC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAA;AAC/B,CAAC"}

package/dist/hooks/useStylesFor.js

@@ -0,0 +1,13 @@
+import { useStyleObserver } from '@codeleap/styles';
+import { useStableReference } from '@codeleap/hooks';
+import { useMemo } from 'react';
+import { MobileStyleRegistry } from '../Registry';
+export const useStylesFor = (componentName, style, context) => {
+    const styleObserver = useStyleObserver(style);
+    const stableContext = useStableReference(context ?? {});
+    const styles = useMemo(() => {
+        return MobileStyleRegistry.current.styleFor(componentName, style, true, stableContext);
+    }, [styleObserver, stableContext]);
+    return styles;
+};
+//# sourceMappingURL=useStylesFor.js.map

package/dist/hooks/useStylesFor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStylesFor.js","sourceRoot":"","sources":["../../src/hooks/useStylesFor.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAc,aAAqB,EAAE,KAA4B,EAAE,OAA0B,EAAK,EAAE;IAC9H,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAAA;IACxF,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAA;IAElC,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

package/dist/index.js

@@ -0,0 +1,11 @@
+export * from './components/components';
+export * from './utils';
+export * from './hooks';
+export * from './modules';
+export { Linking } from 'react-native';
+export { MobileStyleRegistry } from './Registry';
+import uuid from 'react-native-uuid';
+export { uuid };
+/** Side-effect import that patches `Field` with native measurement/scroll methods — must remain at the bottom so it runs after all named exports are resolved. */
+import './modules/formConfig';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,kKAAkK;AAClK,OAAO,sBAAsB,CAAA"}

package/dist/modules/PressableRipple/index.js

@@ -0,0 +1,3 @@
+import PressableRipple from './ripple';
+export { PressableRipple };
+//# sourceMappingURL=index.js.map

package/dist/modules/PressableRipple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/PressableRipple/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,UAAU,CAAA;AAEtC,OAAO,EACL,eAAe,EAChB,CAAA"}