@codeleap/mobile 6.8.0 → 7.0.1

package/dist/components/DatePickerModal/index.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo, useRef } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { useConditionalState } from '@codeleap/hooks';
+import DatePicker from 'react-native-date-picker';
+import { Modal } from '../Modal';
+import { TextInput } from '../TextInput';
+import { Button } from '../Button';
+import { useCompositionStyles } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { fields } from '@codeleap/form';
+import { useInputBase } from '../InputBase/useInputBase';
+export * from './styles';
+export * from './types';
+const OuterInputComponent = (props) => {
+    const { debugName, toggle, valueLabel, placeholder, ...otherProps } = props;
+    return _jsx(TextInput, { debugName: `${debugName} outer input`, onPress: toggle, ...otherProps, value: TypeGuards.isString(valueLabel) ? valueLabel : '', placeholder: TypeGuards.isString(placeholder) ? placeholder : '' });
+};
+/** Uses local `Date` getters (not UTC), so the displayed string shifts with the device timezone. Pass a custom `formatDate` to normalise if the stored value is UTC. */
+const defaultFormatDate = (_date) => {
+    if (!_date)
+        return null;
+    const date = new Date(_date);
+    return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
+};
+const DefaultFooter = (props) => {
+    const { debugName, commitDate, showDoneButton, confirm, confirmButtonProps = {}, cancelButtonProps = {}, toggle, cancelStyles, confirmStyles, doneStyles, } = props;
+    if (commitDate == 'onConfirm') {
+        return _jsxs(_Fragment, { children: [_jsx(Button, { debugName: `${debugName} cancel button`, style: cancelStyles, text: `Cancel`, onPress: toggle, ...cancelButtonProps }), _jsx(Button, { debugName: `${debugName} confirm button`, style: confirmStyles, text: `Confirm`, onPress: confirm, ...confirmButtonProps })] });
+    }
+    if (!showDoneButton)
+        return null;
+    return _jsx(Button, { debugName: `${debugName} done button`, onPress: confirm, text: 'Done', style: doneStyles });
+};
+export const DatePickerModal = (props) => {
+    const allProps = {
+        ...DatePickerModal.defaultProps,
+        ...props,
+    };
+    const { field, isCustomModal, hideInput, visible: _visible, toggle: _toggle, formatDate, debugName, cancelButtonProps = {}, confirmButtonProps = {}, outerInputComponent: OuterInput, datePickerProps, mode, label, commitDate, description, showDoneButton, style, minimumDate, maximumDate, initialDate = minimumDate, footerComponent: Footer, toggleOnConfirm, onConfirm: _onConfirm, value, onValueChange, locale, ...modalProps } = allProps;
+    const styles = useStylesFor(DatePickerModal.styleRegistryName, style);
+    const [visible, toggle] = useConditionalState(_visible, _toggle, { initialValue: false, isBooleanToggle: true });
+    const { inputValue, onInputValueChange, } = useInputBase(field, fields.date, { value, onValueChange });
+    const Wrapper = isCustomModal ? Modal : React.Fragment;
+    const compositionStyles = useCompositionStyles(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles);
+    const formattedDate = inputValue ? formatDate(inputValue) : '';
+    /**
+     * Staging ref for `commitDate === 'onConfirm'` mode: the picker fires `onDateChange` on every
+     * scroll tick, so writing to state there would cause excessive re-renders. Value is committed
+     * only when the user taps Confirm.
+     */
+    const tempDate = useRef(initialDate instanceof Date ? initialDate : new Date(initialDate));
+    const onConfirm = () => {
+        if (commitDate == 'onConfirm' && !!tempDate.current) {
+            onInputValueChange(tempDate.current);
+        }
+        if (isCustomModal && toggleOnConfirm) {
+            toggle();
+        }
+        if (TypeGuards.isFunction(_onConfirm)) {
+            _onConfirm?.(tempDate.current);
+        }
+    };
+    const modalFooter = _jsx(Footer, { ...allProps, confirm: onConfirm, doneStyles: compositionStyles?.doneButton, cancelStyles: compositionStyles?.cancelButton, confirmStyles: compositionStyles?.confirmButton, confirmButtonProps: confirmButtonProps, cancelButtonProps: cancelButtonProps, showDoneButton: showDoneButton, debugName: debugName, visible: visible, toggle: toggle, valueLabel: formattedDate });
+    const wrapperProps = isCustomModal ? {
+        title: label,
+        description: description,
+        debugName: `${debugName} Modal`,
+        visible: visible,
+        toggle: toggle,
+        style: styles,
+        footer: modalFooter,
+        ...modalProps,
+        id: null,
+    } : {};
+    const date = useMemo(() => {
+        const newValue = inputValue ?? initialDate;
+        return newValue instanceof Date ? newValue : new Date(newValue);
+    }, [inputValue, initialDate]);
+    return (_jsxs(_Fragment, { children: [!hideInput ? _jsx(OuterInput, { ...allProps, style: compositionStyles?.input, value: inputValue, debugName: debugName, visible: visible, toggle: toggle, onValueChange: onInputValueChange, valueLabel: formattedDate }) : null, _jsx(Wrapper, { ...wrapperProps, children: _jsx(DatePicker, { modal: !isCustomModal, open: visible, onCancel: toggle, date: date, onDateChange: (currentDate) => {
+                        tempDate.current = currentDate;
+                        if (commitDate === 'onChange') {
+                            onInputValueChange(currentDate);
+                        }
+                    }, locale: locale, 
+                    // @ts-expect-error
+                    textColor: styles?.picker?.color, theme: 'light', androidVariant: 'iosClone', onConfirm: onInputValueChange, minimumDate: minimumDate, maximumDate: maximumDate, ...datePickerProps, mode: mode }) })] }));
+};
+DatePickerModal.styleRegistryName = 'DatePickerModal';
+DatePickerModal.elements = [...Modal.elements, 'input', 'picker', 'doneButton', 'confirmButton', 'cancelButton'];
+DatePickerModal.rootElement = 'inputWrapper';
+DatePickerModal.withVariantTypes = (styles) => {
+    return DatePickerModal;
+};
+DatePickerModal.defaultProps = {
+    outerInputComponent: OuterInputComponent,
+    formatDate: defaultFormatDate,
+    footerComponent: DefaultFooter,
+    mode: 'date',
+    commitDate: 'onConfirm',
+    showDoneButton: true,
+    isCustomModal: true,
+    toggleOnConfirm: true,
+};
+MobileStyleRegistry.registerComponent(DatePickerModal);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAa,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,mBAAmB,GAAgD,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,MAAM,EACN,UAAU,EACV,WAAW,EACX,GAAG,UAAU,EACd,GAAG,KAAK,CAAA;IAET,OAAO,KAAC,SAAS,IACf,SAAS,EAAE,GAAG,SAAS,cAAc,EACrC,OAAO,EAAE,MAAM,KACX,UAAU,EACd,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACxD,WAAW,EAAE,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAChE,CAAA;AACJ,CAAC,CAAA;AAED,wKAAwK;AACxK,MAAM,iBAAiB,GAAuC,CAAC,KAAK,EAAE,EAAE;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACvB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IAC5B,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;AACzE,CAAC,CAAA;AAED,MAAM,aAAa,GAA4C,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EACJ,SAAS,EACT,UAAU,EACV,cAAc,EACd,OAAO,EACP,kBAAkB,GAAG,EAAE,EACvB,iBAAiB,GAAG,EAAE,EACtB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,GACX,GAAG,KAAK,CAAA;IAET,IAAI,UAAU,IAAI,WAAW,EAAE,CAAC;QAC9B,OAAO,8BACL,KAAC,MAAM,IACL,SAAS,EAAE,GAAG,SAAS,gBAAgB,EACvC,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,KACX,iBAAiB,GACrB,EACF,KAAC,MAAM,IACL,SAAS,EAAE,GAAG,SAAS,iBAAiB,EACxC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,KACZ,kBAAkB,GACtB,IACD,CAAA;IACL,CAAC;IAED,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAA;IAEhC,OAAO,KAAC,MAAM,IACZ,SAAS,EAAE,GAAG,SAAS,cAAc,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,UAAU,GACjB,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG;QACf,GAAG,eAAe,CAAC,YAAY;QAC/B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,EACJ,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,OAAO,EACf,UAAU,EACV,SAAS,EACT,iBAAiB,GAAG,EAAE,EACtB,kBAAkB,GAAG,EAAE,EACvB,mBAAmB,EAAE,UAAU,EAC/B,eAAe,EACf,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACd,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,GAAG,WAAW,EACzB,eAAe,EAAE,MAAM,EACvB,eAAe,EACf,SAAS,EAAE,UAAU,EACrB,KAAK,EACL,aAAa,EACb,MAAM,EACN,GAAG,UAAU,EACd,GAAG,QAAQ,CAAA;IAEZ,MAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAErE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA;IAEhH,MAAM,EACJ,UAAU,EACV,kBAAkB,GACnB,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;IAE9D,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAA;IAEtD,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,CAAC,EAAE,MAAM,CAAC,CAAA;IAEhH,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9D;;;;OAIG;IACH,MAAM,QAAQ,GAAG,MAAM,CAAc,WAAW,YAAY,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAA;IAEvG,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,UAAU,IAAI,WAAW,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACpD,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;QAED,IAAI,aAAa,IAAI,eAAe,EAAE,CAAC;YACrC,MAAM,EAAE,CAAA;QACV,CAAC;QAED,IAAI,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,UAAU,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,KAAC,MAAM,OACrB,QAAQ,EACZ,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,iBAAiB,EAAE,UAAU,EACzC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAC7C,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAC/C,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,aAAa,GACzB,CAAA;IAEF,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC;QACnC,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,GAAG,SAAS,QAAQ;QAC/B,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,WAAW;QACnB,GAAG,UAAU;QACb,EAAE,EAAE,IAAI;KACT,CAAC,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,QAAQ,GAAG,UAAU,IAAI,WAAW,CAAA;QAC1C,OAAO,QAAQ,YAAY,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,8BACG,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,UAAU,OACnB,QAAQ,EACZ,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAC/B,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,kBAAkB,EACjC,UAAU,EAAE,aAAa,GACzB,CAAC,CAAC,CAAC,IAAI,EAET,KAAC,OAAO,OAAK,YAAY,YACvB,KAAC,UAAU,IACT,KAAK,EAAE,CAAC,aAAa,EACrB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,WAAW,EAAE,EAAE;wBAC5B,QAAQ,CAAC,OAAO,GAAG,WAAW,CAAA;wBAE9B,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;4BAC9B,kBAAkB,CAAC,WAAW,CAAC,CAAA;wBACjC,CAAC;oBACH,CAAC,EACD,MAAM,EAAE,MAAM;oBACd,mBAAmB;oBACnB,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAChC,KAAK,EAAC,OAAO,EACb,cAAc,EAAC,UAAU,EACzB,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,KACpB,eAAe,EACnB,IAAI,EAAE,IAAI,GACV,GACM,IACT,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;AACrD,eAAe,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,CAAC,CAAA;AAChH,eAAe,CAAC,WAAW,GAAG,cAAc,CAAA;AAE5C,eAAe,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACpE,OAAO,eAA6F,CAAA;AACtG,CAAC,CAAA;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,mBAAmB,EAAE,mBAAmB;IACxC,UAAU,EAAE,iBAAiB;IAC7B,eAAe,EAAE,aAAa;IAC9B,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,WAAW;IACvB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;CACW,CAAA;AAElC,mBAAmB,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAA"}

package/dist/components/DatePickerModal/styles.js

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

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

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

package/dist/components/DatePickerModal/types.js

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

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

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

package/dist/components/EmptyPlaceholder/components/Button.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCompositionStyles } from '@codeleap/styles';
+import { useEmptyPlaceholderContext } from '../context';
+import { Button } from '../../Button';
+import { TypeGuards } from '@codeleap/types';
+/** Renders nothing unless `onPress` is a function — absence of a handler is the gate, not a `visible` prop. */
+export const EmptyPlaceholderButton = (props) => {
+    const { styles, buttonText, text, onPress, ...buttonProps } = useEmptyPlaceholderContext(props);
+    const buttonStyles = useCompositionStyles('button', styles);
+    const displayText = text || buttonText;
+    if (!TypeGuards.isFunction(onPress))
+        return null;
+    return (_jsx(Button, { ...buttonProps, onPress: onPress, debugName: `emptyPlaceholderButton:${buttonText}`, style: buttonStyles, text: displayText }));
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/EmptyPlaceholder/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/EmptyPlaceholder/components/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,+GAA+G;AAC/G,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC3E,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAA;IAE/F,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,MAAM,WAAW,GAAG,IAAI,IAAI,UAAU,CAAA;IAEtC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,CAAA;IAEhD,OAAO,CACL,KAAC,MAAM,OACD,WAAW,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,0BAA0B,UAAU,EAAE,EACjD,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,WAAW,GACjB,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/components/Content.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEmptyPlaceholderContext } from '../context';
+import { View } from '../../View';
+import { logger } from '@codeleap/logger';
+import { EmptyPlaceholderLoading } from './Loading';
+import { EmptyPlaceholderButton } from './Button';
+import { EmptyPlaceholderInfo } from './Info';
+import { EmptyPlaceholderIllustration } from './Illustration';
+const orderMap = {
+    illustration: EmptyPlaceholderIllustration,
+    info: EmptyPlaceholderInfo,
+    button: EmptyPlaceholderButton,
+};
+/**
+ * Acts as the layout root and the loading/content switch.
+ * When `loading` is true the entire content tree is replaced by the loading state —
+ * `order` and `children` are ignored until loading becomes false.
+ */
+export const EmptyPlaceholderContent = ({ children }) => {
+    const { loading, styles, order } = useEmptyPlaceholderContext();
+    if (loading) {
+        return _jsx(EmptyPlaceholderLoading, {});
+    }
+    if (children) {
+        return _jsx(View, { style: styles.wrapper, children: children });
+    }
+    return (_jsx(View, { style: styles.wrapper, children: order.map(componentKey => {
+            const Component = orderMap[componentKey];
+            if (!Component) {
+                logger.warn(`[EmptyPlaceholder] Component "${componentKey}" not found in orderMap`);
+                return null;
+            }
+            return _jsx(Component, {}, 'emptyPlaceholder:' + componentKey);
+        }) }));
+};
+//# sourceMappingURL=Content.js.map

package/dist/components/EmptyPlaceholder/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/EmptyPlaceholder/components/Content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAA;AAG7D,MAAM,QAAQ,GAAmD;IAC/D,YAAY,EAAE,4BAA4B;IAC1C,IAAI,EAAE,oBAAoB;IAC1B,MAAM,EAAE,sBAAsB;CAC/B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC/E,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,0BAA0B,EAAE,CAAA;IAE/D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,uBAAuB,KAAG,CAAA;IACpC,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAQ,CAAA;IACvD,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACxB,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;YAExC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,iCAAiC,YAAY,yBAAyB,CAAC,CAAA;gBACnF,OAAO,IAAI,CAAA;YACb,CAAC;YAED,OAAO,KAAC,SAAS,MAAM,mBAAmB,GAAG,YAAY,CAAI,CAAA;QAC/D,CAAC,CAAC,GACG,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/components/Illustration.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../../Icon';
+import { Image } from '../../Image';
+import { useEmptyPlaceholderContext } from '../context';
+export const EmptyPlaceholderIllustration = (props) => {
+    const { icon, image, styles } = useEmptyPlaceholderContext(props);
+    return _jsxs(_Fragment, { children: [icon ? _jsx(Icon, { name: icon, style: styles.icon }) : null, image ? _jsx(Image, { source: image, style: styles.image }) : null] });
+};
+//# sourceMappingURL=Illustration.js.map

package/dist/components/EmptyPlaceholder/components/Illustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../../../src/components/EmptyPlaceholder/components/Illustration.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAAwC,EAAE,EAAE;IACvF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAA;IAEjE,OAAO,8BACJ,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAe,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACjE,KAAK,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IAC5D,CAAA;AACL,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/components/Info.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../../Text';
+import { useEmptyPlaceholderContext } from '../context';
+export const EmptyPlaceholderInfo = (props) => {
+    const { title, description, styles, itemName } = useEmptyPlaceholderContext(props);
+    const emptyText = title || (itemName && `No ${itemName} found.`);
+    return _jsxs(_Fragment, { children: [title || itemName ? _jsx(Text, { text: emptyText, style: styles.title }) : null, description ? _jsx(Text, { text: description, style: styles.description }) : null] });
+};
+//# sourceMappingURL=Info.js.map

package/dist/components/EmptyPlaceholder/components/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.js","sourceRoot":"","sources":["../../../../src/components/EmptyPlaceholder/components/Info.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAA;IAElF,MAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,MAAM,QAAQ,SAAS,CAAC,CAAA;IAEhE,OAAO,8BACJ,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACzE,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,IAC3E,CAAA;AACL,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/components/Loading.js

@@ -0,0 +1,20 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useCompositionStyles } from '@codeleap/styles';
+import { useEmptyPlaceholderContext } from '../context';
+import { View } from '../../View';
+import { ActivityIndicator } from '../../ActivityIndicator';
+export const EmptyPlaceholderLoading = () => {
+    const { styles, loading, LoadingComponent } = useEmptyPlaceholderContext();
+    const activityIndicatorStyles = useCompositionStyles('loader', styles);
+    if (!loading)
+        return null;
+    /** `LoadingComponent` is accepted as a pre-rendered element (not a component class/function),
+     *  so callers must pass `<MySpinner />`, not `MySpinner`. Passing a component reference will
+     *  fail the `isValidElement` check and fall through to the default ActivityIndicator. */
+    if (React.isValidElement(LoadingComponent)) {
+        return _jsx(_Fragment, { children: LoadingComponent });
+    }
+    return (_jsx(View, { style: [styles.wrapper, styles['wrapper:loading']], children: _jsx(ActivityIndicator, { style: activityIndicatorStyles }) }));
+};
+//# sourceMappingURL=Loading.js.map

package/dist/components/EmptyPlaceholder/components/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/EmptyPlaceholder/components/Loading.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,0BAA0B,EAAE,CAAA;IAE1E,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAEtE,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB;;6FAEyF;IACzF,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAC3C,OAAO,4BAAG,gBAAgB,GAAI,CAAA;IAChC,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,YACtD,KAAC,iBAAiB,IAAC,KAAK,EAAE,uBAAuB,GAAI,GAChD,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+export const EmptyPlaceholderContext = createContext({});
+export const useEmptyPlaceholderContext = (providedProps = {}) => {
+    const ctx = useContext(EmptyPlaceholderContext);
+    if (!ctx) {
+        throw new Error('[EmptyPlaceholder] useEmptyPlaceholderContext must be used within an EmptyPlaceholder component.');
+    }
+    return {
+        ...ctx,
+        ...providedProps,
+    };
+};
+//# sourceMappingURL=context.js.map

package/dist/components/EmptyPlaceholder/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAC,EAA8B,CAAC,CAAA;AAEpF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAA+B,gBAA4B,EAAE,EAAE,EAAE;IACzG,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,kGAAkG,CACnG,CAAA;IACH,CAAC;IAED,OAAO;QACL,GAAG,GAAG;QACN,GAAG,aAAa;KACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/index.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { EmptyPlaceholderContext } from './context';
+import { EmptyPlaceholderInfo } from './components/Info';
+import { EmptyPlaceholderButton } from './components/Button';
+import { EmptyPlaceholderIllustration } from './components/Illustration';
+import { EmptyPlaceholderContent } from './components/Content';
+export * from './styles';
+export * from './types';
+/**
+ * Compound component — all props are forwarded to context so sub-components
+ * (Info, Button, Illustration) can be placed anywhere inside children without prop drilling.
+ * The `order` prop only controls the default slot rendering; when `children` is provided it
+ * bypasses the order map entirely and renders children directly inside the wrapper.
+ */
+export const EmptyPlaceholder = (props) => {
+    const { children, style, ...contextValue } = {
+        ...EmptyPlaceholder.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(EmptyPlaceholder.styleRegistryName, style);
+    return (_jsx(EmptyPlaceholderContext.Provider, { value: { ...contextValue, styles }, children: _jsx(EmptyPlaceholderContent, { children: children }) }));
+};
+EmptyPlaceholder.styleRegistryName = 'EmptyPlaceholder';
+EmptyPlaceholder.elements = ['wrapper', 'loader', 'title', 'description', 'image', 'icon'];
+EmptyPlaceholder.rootElement = 'wrapper';
+EmptyPlaceholder.Info = EmptyPlaceholderInfo;
+EmptyPlaceholder.Button = EmptyPlaceholderButton;
+EmptyPlaceholder.Illustration = EmptyPlaceholderIllustration;
+EmptyPlaceholder.withVariantTypes = (styles) => {
+    return EmptyPlaceholder;
+};
+EmptyPlaceholder.defaultProps = {
+    order: ['illustration', 'info', 'button']
+};
+MobileStyleRegistry.registerComponent(EmptyPlaceholder);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAE9D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,YAAY,EAChB,GAAG;QACF,GAAG,gBAAgB,CAAC,YAAY;QAChC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEtE,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,MAAM,EAAE,YAClE,KAAC,uBAAuB,cACrB,QAAQ,GACe,GACO,CACpC,CAAA;AACH,CAAC,CAAA;AAED,gBAAgB,CAAC,iBAAiB,GAAG,kBAAkB,CAAA;AACvD,gBAAgB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;AAC1F,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAA;AAExC,gBAAgB,CAAC,IAAI,GAAG,oBAAoB,CAAA;AAC5C,gBAAgB,CAAC,MAAM,GAAG,sBAAsB,CAAA;AAChD,gBAAgB,CAAC,YAAY,GAAG,4BAA4B,CAAA;AAE5D,gBAAgB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACrE,OAAO,gBAAqK,CAAA;AAC9K,CAAC,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,CAAC;CACR,CAAA;AAEnC,mBAAmB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA"}

package/dist/components/EmptyPlaceholder/styles.js

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

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

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

package/dist/components/EmptyPlaceholder/types.js

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

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

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

package/dist/components/FileInput/index.js

@@ -0,0 +1,126 @@
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { parseFilePathData } from '@codeleap/utils';
+import ImageCropPicker from 'react-native-image-crop-picker';
+import { alert } from '@codeleap/portals';
+export * from './types';
+const pickerDefaults = {
+    cropping: true,
+};
+function parsePickerData(data) {
+    const filePathData = parseFilePathData(data.path);
+    const file = {
+        ...data,
+        name: filePathData.name,
+        size: data.size,
+        type: data.mime,
+        uri: data.path,
+        fileCopyUri: data.path,
+    };
+    return {
+        file,
+        preview: data.path,
+    };
+}
+const _FileInput = forwardRef((fileInputProps, ref) => {
+    const { onFileSelect, type = 'image', pickerOptions, onOpenGallery = null, onOpenFileSystem = null, alertProps, } = {
+        ...fileInputProps,
+        ...FileInput.defaultProps,
+    };
+    const resolveWithFile = useRef(undefined);
+    const handleResolve = (files) => {
+        if (resolveWithFile.current) {
+            resolveWithFile?.current?.(files);
+            resolveWithFile.current = null;
+        }
+        onFileSelect?.(files);
+    };
+    const mergedOptions = {
+        ...pickerDefaults,
+        ...pickerOptions,
+    };
+    const handlePickerResolution = (data) => {
+        let imageArray = [];
+        if (!Array.isArray(data)) {
+            imageArray = [data];
+        }
+        else {
+            imageArray = data;
+        }
+        handleResolve?.(imageArray.map(parsePickerData));
+    };
+    const onPress = (open, options) => {
+        if (open == 'fs') {
+            // openFileSystem()
+        }
+        else {
+            const call = open === 'camera' ? 'openCamera' : 'openPicker';
+            ImageCropPicker[call]({ ...mergedOptions, ...(options || {}) }).then(handlePickerResolution);
+        }
+    };
+    const openFilePicker = async (imageSource = null, options = {}) => {
+        if (type === 'image') {
+            if (imageSource === 'camera') {
+                onPress('camera', options);
+            }
+            else if (imageSource === 'library') {
+                onPress('library', options);
+            }
+            else {
+                alert.ask({
+                    title: 'Change Image',
+                    body: 'Do you want to take a new picture or select an existing one?',
+                    ...alertProps,
+                    options: [
+                        {
+                            text: 'Library',
+                            onPress: () => {
+                                if (onOpenGallery) {
+                                    onOpenGallery(() => onPress('library'));
+                                }
+                                else {
+                                    onPress('library');
+                                }
+                            },
+                            ...alertProps?.options?.[0],
+                        },
+                        {
+                            text: 'Cancel',
+                            style: 'cancel',
+                            ...alertProps?.options?.[1]
+                        },
+                    ]
+                });
+            }
+        }
+        else {
+            if (onOpenFileSystem) {
+                // onOpenFileSystem(() => onPress('fs'))
+            }
+            else {
+                onPress('fs');
+            }
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        openFilePicker: (imageSource = null, options = {}) => {
+            openFilePicker(imageSource, options);
+            return new Promise((resolve) => {
+                resolveWithFile.current = resolve;
+            });
+        },
+    }));
+    return null;
+});
+export const FileInput = _FileInput;
+FileInput.defaultProps = {};
+export const useFileInput = () => {
+    const inputRef = useRef(null);
+    const openFilePicker = (imageSource = null, options = {}) => {
+        return inputRef.current?.openFilePicker(imageSource, options);
+    };
+    return {
+        openFilePicker,
+        ref: inputRef,
+    };
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/FileInput/types.js

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

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

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

package/dist/components/Grid/index.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, forwardRef } from 'react';
+import { View } from '../View';
+import { EmptyPlaceholder } from '../EmptyPlaceholder';
+import { RefreshControl } from '../RefreshControl';
+import { List } from '../List';
+import { useTheme } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { TypeGuards } from '@codeleap/types';
+export * from './styles';
+export * from './types';
+const RenderSeparator = (props) => {
+    return _jsx(View, { style: props.separatorStyles });
+};
+export const Grid = forwardRef((flatGridProps, ref) => {
+    const { style, onRefresh, refreshing, placeholder, refreshControlProps = {}, spacing, numColumns, renderItem: providedRenderItem, ...props } = {
+        ...Grid.defaultProps,
+        ...flatGridProps,
+    };
+    const themeSpacing = useTheme(store => store.theme?.spacing);
+    const styles = useStylesFor(Grid.styleRegistryName, style);
+    const renderItem = useCallback((data) => {
+        if (!providedRenderItem)
+            return null;
+        const listLength = props?.data?.length || 0;
+        const isFirst = data.index === 0;
+        const isLast = data.index === listLength - 1;
+        const isOnly = isFirst && isLast;
+        const idx = data.index + 1;
+        const isLastInRow = !isFirst && idx % (numColumns) === 0;
+        const isFirstInRow = isFirst || data.index % numColumns === 0;
+        const isOnlyInRow = !isFirstInRow && !isLastInRow;
+        let gap = themeSpacing?.marginRight?.(spacing / 2);
+        if (isLastInRow)
+            gap = themeSpacing?.marginLeft?.(spacing / 2);
+        else if (isOnlyInRow)
+            gap = themeSpacing?.marginHorizontal?.(spacing / 2);
+        const _itemProps = { isFirst, isLast, isOnly, isFirstInRow, isLastInRow, isOnlyInRow };
+        return (_jsx(View, { style: [styles.itemWrapper, gap], children: providedRenderItem({
+                ...data,
+                ..._itemProps
+            }) }));
+    }, [providedRenderItem, props?.data?.length]);
+    const separatorStyles = { height: themeSpacing?.value?.(spacing), ...styles.separator };
+    const separator = props?.separators || (!!spacing ? _jsx(RenderSeparator, { separatorStyles: separatorStyles }) : null);
+    const refreshControl = TypeGuards.isFunction(onRefresh) ? _jsx(RefreshControl, { refreshing: refreshing, onRefresh: onRefresh, ...refreshControlProps }) : null;
+    return (_jsx(List
+    // @ts-expect-error
+    , { 
+        // @ts-expect-error
+        ref: ref, ...props, ListEmptyComponent: _jsx(EmptyPlaceholder, { ...placeholder }), ListHeaderComponentStyle: styles.header, ListFooterComponentStyle: styles.footer, ItemSeparatorComponent: separator, refreshControl: refreshControl, style: styles.wrapper, contentContainerStyle: [styles.content, props?.contentContainerStyle], showsVerticalScrollIndicator: false, numColumns: numColumns, renderItem: renderItem }));
+});
+Grid.styleRegistryName = 'Grid';
+Grid.elements = ['wrapper', 'content', 'separator', 'header', 'refreshControl', 'itemWrapper', 'footer'];
+Grid.rootElement = 'wrapper';
+Grid.withVariantTypes = (styles) => {
+    return Grid;
+};
+Grid.defaultProps = {
+    keyboardShouldPersistTaps: 'handled',
+    refreshControlProps: {},
+};
+MobileStyleRegistry.registerComponent(Grid);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Grid/styles.js

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

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

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

package/dist/components/Grid/types.js

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

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

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

package/dist/components/Icon/index.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { arePropsEqual } from '@codeleap/utils';
+import { Badge } from '../Badge';
+import { View } from '../View';
+import { useNestedStylesByKey, useTheme } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+export const IconComponent = (props) => {
+    const { name, style, badge, badgeProps = {}, wrapperProps = {}, source, ...otherProps } = {
+        ...Icon.defaultProps,
+        ...props,
+    };
+    // Icons are React components registered on the theme object at app startup — they are not
+    // font glyphs or image assets. If the name is not in the registry the component silently
+    // renders nothing, so a missing registration will not crash but will produce an invisible slot.
+    const icons = useTheme(store => store.theme?.icons);
+    const styles = useStylesFor(Icon.styleRegistryName, style);
+    const Component = icons?.[name];
+    if (!name && !source) {
+        return null;
+    }
+    if (!Component) {
+        return null;
+    }
+    if (badge || TypeGuards.isNumber(badge)) {
+        const badgeStyles = useNestedStylesByKey('badge', styles);
+        // `size` is a shorthand not in RN's style spec; the @ts-expect-error suppresses that.
+        // The wrapper needs an explicit size so Badge can be absolutely positioned correctly.
+        const sized = {
+            // @ts-expect-error
+            height: styles.icon?.size || styles.icon?.height || props?.size,
+            // @ts-expect-error
+            width: styles.icon?.size || styles.icon?.width || props?.size,
+        };
+        return _jsxs(View, { ...wrapperProps, style: [sized, styles.iconBadgeWrapper], children: [_jsx(Component, { ...otherProps, style: styles.icon, source: source }), _jsx(Badge, { style: badgeStyles, badge: badge, ...badgeProps })] });
+    }
+    return _jsx(Component, { ...otherProps, style: styles.icon, source: source });
+};
+function areEqual(prevProps, nextProps) {
+    const check = ['name', 'style', 'renderEmptySpace', 'badgeProps', 'badge'];
+    const res = arePropsEqual(prevProps, nextProps, { check });
+    return res;
+}
+export const Icon = React.memo(IconComponent, areEqual);
+Icon.styleRegistryName = 'Icon';
+Icon.elements = ['icon', 'iconBadgeWrapper', 'badge'];
+Icon.rootElement = 'icon';
+Icon.defaultProps = {
+    badge: false,
+};
+Icon.withVariantTypes = (styles) => {
+    return Icon;
+};
+MobileStyleRegistry.registerComponent(Icon);
+//# sourceMappingURL=index.js.map