@react-xp/aeiou 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/native/cjs/components/u/provider.native.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Universe = void 0;
+exports.U = U;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const context_1 = require("./context");
+function U({ children, config }) {
+    const systemColorScheme = react_native_1.Appearance.getColorScheme() ?? 'light';
+    const [colorScheme, setColorScheme] = (0, react_1.useState)(config?.colorScheme ?? 'system');
+    const [locale, setLocale] = (0, react_1.useState)(config?.locale ?? 'en-US');
+    const value = (0, react_1.useMemo)(() => ({
+        colorScheme,
+        locale,
+        platform: 'native',
+        systemColorScheme,
+        setColorScheme,
+        setLocale,
+    }), [colorScheme, locale, systemColorScheme]);
+    return ((0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }));
+}
+exports.Universe = U;

package/dist/native/cjs/components/u/provider.web.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Universe = void 0;
+exports.U = U;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_1 = require("react");
+const context_1 = require("./context");
+function U({ children, config }) {
+    const [colorScheme, setColorScheme] = (0, react_1.useState)(config?.colorScheme ?? 'system');
+    const [locale, setLocale] = (0, react_1.useState)(config?.locale ?? 'en-US');
+    const value = (0, react_1.useMemo)(() => ({
+        colorScheme,
+        locale,
+        platform: 'web',
+        setColorScheme,
+        setLocale,
+    }), [colorScheme, locale]);
+    return ((0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }));
+}
+exports.Universe = U;

package/dist/native/cjs/components/u/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/native/cjs/components/u/useUniverse.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUniverse = useUniverse;
+const react_1 = require("react");
+const context_1 = require("./context");
+function useUniverse() {
+    return (0, react_1.useContext)(context_1.UniverseContext);
+}

package/dist/native/cjs/hooks/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useAction/useAction.web"), exports);
+__exportStar(require("./useCn"), exports);
+__exportStar(require("./useInteractiveState/useInteractiveState.web"), exports);
+__exportStar(require("./useOnChange"), exports);
+__exportStar(require("./useProps"), exports);

package/dist/native/cjs/hooks/index.native.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useAction/useAction.native"), exports);
+__exportStar(require("./useCn"), exports);
+__exportStar(require("./useInteractiveState/useInteractiveState.native"), exports);
+__exportStar(require("./useOnChange"), exports);
+__exportStar(require("./useProps"), exports);

package/dist/native/cjs/hooks/index.web.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useAction/useAction.web"), exports);
+__exportStar(require("./useCn"), exports);
+__exportStar(require("./useInteractiveState/useInteractiveState.web"), exports);
+__exportStar(require("./useOnChange"), exports);
+__exportStar(require("./useProps"), exports);

package/dist/native/cjs/hooks/useAction/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/native/cjs/hooks/useAction/useAction.native.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAction = void 0;
+const react_1 = require("react");
+const useAction = ({ onClick, onPress, }) => {
+    return (0, react_1.useMemo)(() => ({
+        onAction: (event) => {
+            if (onPress) {
+                onPress(event);
+                return;
+            }
+            if (onClick) {
+                onClick(event);
+            }
+        },
+    }), [onClick, onPress]);
+};
+exports.useAction = useAction;

package/dist/native/cjs/hooks/useAction/useAction.web.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAction = void 0;
+const react_1 = require("react");
+const useAction = ({ onClick, onPress, preventDefault, }) => {
+    return (0, react_1.useMemo)(() => ({
+        onAction: (event) => {
+            if (preventDefault && event && 'preventDefault' in event) {
+                event.preventDefault();
+            }
+            if (onClick) {
+                onClick(event);
+                return;
+            }
+            if (onPress) {
+                onPress(event);
+            }
+        },
+    }), [onClick, onPress, preventDefault]);
+};
+exports.useAction = useAction;

package/dist/native/cjs/hooks/useCn.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCn = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const tailwind_merge_1 = require("tailwind-merge");
+const useCn = () => {
+    return (0, react_1.useMemo)(() => (...inputs) => {
+        return (0, tailwind_merge_1.twMerge)((0, clsx_1.default)(inputs));
+    }, []);
+};
+exports.useCn = useCn;

package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.native.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInteractiveState = useInteractiveState;
+const react_1 = require("react");
+function useInteractiveState(options = {}) {
+    const { disabled } = options;
+    const [pressed, setPressed] = (0, react_1.useState)(false);
+    const state = disabled
+        ? 'disabled'
+        : pressed
+            ? 'pressed'
+            : 'idle';
+    const dataAttrs = {
+        'data-state': state,
+        'data-pressed': pressed ? 'true' : 'false',
+        'data-disabled': disabled ? 'true' : 'false',
+    };
+    const eventHandlers = {
+        onPressIn: (e) => {
+            if (disabled)
+                return;
+            setPressed(true);
+        },
+        onPressOut: (e) => {
+            if (disabled)
+                return;
+            setPressed(false);
+        },
+    };
+    return { state, dataAttrs, eventHandlers };
+}

package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/native/cjs/hooks/useInteractiveState/useInteractiveState.web.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInteractiveState = useInteractiveState;
+const react_1 = require("react");
+function useInteractiveState(options = {}) {
+    const { disabled } = options;
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const [pressed, setPressed] = (0, react_1.useState)(false);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const state = disabled
+        ? 'disabled'
+        : pressed
+            ? 'pressed'
+            : hovered
+                ? 'hovered'
+                : focused
+                    ? 'focused'
+                    : 'idle';
+    const dataAttrs = {
+        'data-state': state,
+        'data-hovered': hovered ? 'true' : 'false',
+        'data-pressed': pressed ? 'true' : 'false',
+        'data-focused': focused ? 'true' : 'false',
+        'data-disabled': disabled ? 'true' : 'false',
+    };
+    const eventHandlers = {
+        onMouseEnter: () => {
+            if (disabled)
+                return;
+            setHovered(true);
+        },
+        onMouseLeave: () => {
+            if (disabled)
+                return;
+            setHovered(false);
+            setPressed(false);
+        },
+        onMouseDown: (e) => {
+            if (disabled || e.button !== 0)
+                return;
+            setPressed(true);
+        },
+        onMouseUp: () => {
+            if (disabled)
+                return;
+            setPressed(false);
+        },
+        onFocus: () => {
+            if (disabled)
+                return;
+            setFocused(true);
+        },
+        onBlur: () => {
+            if (disabled)
+                return;
+            setFocused(false);
+            setPressed(false);
+            setHovered(false);
+        },
+    };
+    return { state, dataAttrs, eventHandlers };
+}

package/dist/native/cjs/hooks/useOnChange.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnChange = void 0;
+const react_1 = require("react");
+const useOnChange = ({ onChange, onChangeValue }) => {
+    return (0, react_1.useMemo)(() => ({
+        onChange: (event) => {
+            if (onChange) {
+                onChange(event);
+                return;
+            }
+            if (onChangeValue) {
+                onChangeValue(event?.target?.value);
+            }
+        },
+    }), [onChange, onChangeValue]);
+};
+exports.useOnChange = useOnChange;

package/dist/native/cjs/hooks/useProps.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProps = void 0;
+const react_1 = __importDefault(require("react"));
+const useProps = () => {
+    const handleOmit = react_1.default.useCallback((obj = {}, keys = []) => {
+        if (!obj) {
+            return {
+                props: {},
+                restProps: {},
+            };
+        }
+        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+        const result = {};
+        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+        const nonUsedProps = {};
+        for (const key of Object.keys(obj)) {
+            if (!keys.includes(key)) {
+                result[key] = obj[key];
+            }
+            else {
+                nonUsedProps[key] = obj[key];
+            }
+        }
+        return {
+            props: result,
+            restProps: nonUsedProps,
+        };
+    }, []);
+    const handlePick = react_1.default.useCallback((obj = {}, keys = []) => {
+        if (!obj) {
+            return {
+                props: {},
+                restProps: {},
+            };
+        }
+        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+        const result = {};
+        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+        const nonUsedProps = {};
+        for (const key of Object.keys(obj)) {
+            if (keys.includes(key)) {
+                result[key] = obj[key];
+            }
+            else {
+                nonUsedProps[key] = obj[key];
+            }
+        }
+        return {
+            props: result /*Pick<
+              TObject,
+              Exclude<keyof TObject, Exclude<keyof TObject, TKeys>>
+            >*/,
+            restProps: nonUsedProps,
+        };
+    }, []);
+    return {
+        getPropKey: (obj = {}) => handlePick(obj, ['key']),
+        omitProps: handleOmit,
+        pickProps: handlePick,
+    };
+};
+exports.useProps = useProps;

package/dist/native/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/index.web"), exports);
+__exportStar(require("./hooks/index.web"), exports);
+__exportStar(require("./types"), exports);

package/dist/native/cjs/index.native.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/index.native"), exports);
+__exportStar(require("./hooks/index.native"), exports);
+__exportStar(require("./types"), exports);

package/dist/native/cjs/index.web.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components/index.web"), exports);
+__exportStar(require("./hooks/index.web"), exports);
+__exportStar(require("./types"), exports);

package/dist/native/cjs/types/base.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/native/cjs/types/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./base"), exports);

package/dist/native/esm/components/a/a.native.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { Pressable } from 'react-native';
+import { useAction, useCn } from '../../hooks/index.native';
+import { E } from '../e/index.native';
+export function A({ className, children, onPress, onClick, disabled, ref, ...rest }) {
+    const cn = useCn();
+    const { onAction } = useAction({
+        onClick,
+        onPress,
+    });
+    return (_jsx(Pressable, { ref: ref, onPress: onAction, disabled: disabled, ...rest, children: _jsx(E, { className: cn(disabled && 'opacity-60', className), children: children }) }));
+}
+export const Action = A;

package/dist/native/esm/components/a/a.web.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { useAction, useCn } from '../../hooks/index.web';
+export function A({ className, children, onPress, onClick, disabled, ref, ...rest }) {
+    const cn = useCn();
+    const { onAction } = useAction({
+        onClick,
+        onPress,
+    });
+    return (_jsx("button", { ref: ref, type: "button", disabled: disabled, className: cn('cursor-pointer', disabled && 'opacity-60', className), onClick: onAction, ...rest, children: children }));
+}
+export const Action = A;

package/dist/native/esm/components/a/index.native.js

@@ -0,0 +1 @@
+export * from './a.native';

package/dist/native/esm/components/a/index.web.js

@@ -0,0 +1 @@
+export * from './a.web';

package/dist/native/esm/components/d/d.native.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { Modal } from 'react-native';
+import { useCn } from '../../hooks/index.native';
+import { E } from '../e/index.native';
+export function D({ open, onOpenChange, placement = 'center', className, backdropClassName, containerClassName, contentClassName, children, ref, ...rest }) {
+    const cn = useCn();
+    const placementClasses = {
+        center: 'items-center justify-center',
+        top: 'items-start justify-center',
+        bottom: 'items-end justify-center',
+        left: 'items-stretch justify-start',
+        right: 'items-stretch justify-end',
+    };
+    const containerClasses = cn('flex-1 bg-black/40 flex', placementClasses[placement], containerClassName, backdropClassName);
+    const contentClasses = cn('bg-background p-4 rounded-lg shadow-lg max-h-[90vh] w-full max-w-lg', placement === 'left' || placement === 'right' ? 'h-full max-h-none' : '', placement === 'bottom' || placement === 'top' ? 'max-w-none' : '', className, contentClassName);
+    const handleRequestClose = (e) => {
+        onOpenChange?.(false);
+        if (typeof rest.onRequestClose === 'function') {
+            rest.onRequestClose?.(e);
+        }
+    };
+    return (_jsx(Modal, { visible: open, animationType: "slide", transparent: true, onRequestClose: handleRequestClose, ...rest, children: _jsx(E, { className: containerClasses, children: _jsx(E, { ref: ref, className: contentClasses, children: children }) }) }));
+}
+export const Dialog = D;

package/dist/native/esm/components/d/d.web.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { createPortal } from 'react-dom';
+import { useCn } from '../../hooks/index.web';
+import { E } from '../e/index.web';
+export function D({ open, onOpenChange, placement = 'center', className, backdropClassName, containerClassName, contentClassName, closeOnBackdropClick = true, children, ref, ...rest }) {
+    const cn = useCn();
+    if (typeof document === 'undefined')
+        return null;
+    if (!open)
+        return null;
+    const placementClasses = {
+        center: 'items-center justify-center',
+        top: 'items-start justify-center',
+        bottom: 'items-end justify-center',
+        left: 'items-stretch justify-start',
+        right: 'items-stretch justify-end',
+    };
+    const handleBackdropClick = (event) => {
+        if (event.target !== event.currentTarget)
+            return;
+        if (closeOnBackdropClick) {
+            onOpenChange?.(false);
+        }
+    };
+    const backdropClasses = cn('fixed inset-0 z-50 flex bg-black/40', placementClasses[placement], containerClassName, backdropClassName);
+    const contentClasses = cn('relative max-h-[90vh] w-full max-w-lg overflow-auto rounded-lg bg-background p-4 shadow-lg', placement === 'left' || placement === 'right' ? 'h-full max-h-none' : '', placement === 'bottom' || placement === 'top' ? 'max-w-none' : '', className, contentClassName);
+    return createPortal(_jsx(E, { className: backdropClasses, role: "presentation", onClick: handleBackdropClick, children: _jsx("div", { ref: ref, 
+            // biome-ignore lint/a11y/useSemanticElements: <explanation>
+            role: "dialog", "aria-modal": "true", className: contentClasses, ...rest, children: children }) }), document.body);
+}
+export const Dialog = D;

package/dist/native/esm/components/d/index.native.js

@@ -0,0 +1 @@
+export * from './d.native';

package/dist/native/esm/components/d/index.web.js

@@ -0,0 +1 @@
+export * from './d.web';

package/dist/native/esm/components/e/e.native.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { View } from 'react-native';
+import { useAction, useCn } from '../../hooks/index.native';
+import { T } from '../t/index.native';
+export function E({ className, children, onPress, onClick, ref, ...rest }) {
+    const cn = useCn();
+    const { onAction } = useAction({
+        onClick,
+        onPress,
+    });
+    const handleOnPress = () => {
+        onAction();
+        return false;
+    };
+    return (_jsx(View, { ref: ref, className: cn(className), onStartShouldSetResponder: handleOnPress, ...rest, children: typeof children === 'string' ? _jsx(T, { children: children }) : children }));
+}
+export const Element = E;

package/dist/native/esm/components/e/e.web.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { useAction, useCn } from '../../hooks/index.web';
+export function E({ className, children, onPress, onClick, ref, ...rest }) {
+    const cn = useCn();
+    const { onAction } = useAction({
+        onClick,
+        onPress,
+    });
+    return (_jsx("div", { ref: ref, className: cn(className), onClick: onAction, ...rest, children: children }));
+}
+export const Element = E;

package/dist/native/esm/components/e/index.native.js

@@ -0,0 +1 @@
+export * from './e.native';

package/dist/native/esm/components/e/index.web.js

@@ -0,0 +1 @@
+export * from './e.web';

package/dist/native/esm/components/i/i.native.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { TextInput } from 'react-native';
+import { useCn, useOnChange } from '../../hooks/index.native';
+import { useIUtils } from './useIUtils';
+export function I({ className, value, defaultValue, placeholder, onChange, onChangeValue, type, inputMode, keyboardType, editable, disabled, ref, ...rest }) {
+    const { treatTypeModeAndKeyboardType } = useIUtils();
+    const cn = useCn();
+    const { onChange: handleOnChange } = useOnChange({
+        onChange,
+        onChangeValue,
+    });
+    const effectiveEditable = editable ?? !disabled;
+    const { masterInputType, masterInputKeyboardType } = treatTypeModeAndKeyboardType({
+        inputMode,
+        keyboardType,
+        type,
+    });
+    const handleChange = (event) => {
+        if (onChange)
+            onChange(event);
+        if (onChangeValue)
+            onChangeValue(event.nativeEvent.text);
+    };
+    return (_jsx(TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, ...rest }));
+}
+export const Input = I;

package/dist/native/esm/components/i/i.web.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { useCn, useOnChange } from '../../hooks/index.web';
+import { useIUtils } from './useIUtils';
+export function I({ className, value, defaultValue, placeholder, onChange, onChangeValue, type, inputMode, keyboardType, disabled, editable, ref, ...rest }) {
+    const { treatTypeModeAndKeyboardType } = useIUtils();
+    const cn = useCn();
+    const { onChange: handleOnChange } = useOnChange({
+        onChange,
+        onChangeValue,
+    });
+    const effectiveDisabled = disabled || editable === false;
+    const { masterInputType, masterInputMode } = treatTypeModeAndKeyboardType({
+        inputMode,
+        keyboardType,
+        type,
+    });
+    return (_jsx("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value, defaultValue: defaultValue, placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, ...rest }));
+}
+export const Input = I;

package/dist/native/esm/components/i/index.native.js

@@ -0,0 +1 @@
+export * from './i.native';

package/dist/native/esm/components/i/index.web.js

@@ -0,0 +1 @@
+export * from './i.web';