@react-xp/aeiou 0.1.0-rc.1 → 1.0.0-beta.1

package/dist/esm/hooks/useStyles/useStyles.web.js

@@ -0,0 +1,66 @@
+import { useId } from 'react';
+import { extractStyles, toCssDecls } from './useStyles.helpers';
+const injected = new Set();
+const injectOnce = (id, cssText) => {
+    if (typeof document === 'undefined')
+        return;
+    if (injected.has(id))
+        return;
+    const style = document.createElement('style');
+    style.setAttribute('data-interactive', id);
+    style.textContent = cssText;
+    document.head.appendChild(style);
+    injected.add(id);
+};
+export const createInteractiveClass = ({ disabled, id, style, }) => {
+    const className = `ix-${id}`;
+    const { styleBase, styleDisabled, styleFocused, styleHovered, stylePressed } = extractStyles(style);
+    const hoveredClass = styleHovered
+        ? `.${className}:hover{${toCssDecls(styleHovered)}}`
+        : '';
+    const activeClass = stylePressed
+        ? `.${className}:active{${toCssDecls(stylePressed)}}`
+        : '';
+    // focus-visible com fallback para browsers sem suporte
+    const focusVisibleClass = styleFocused
+        ? `
+.${className}:focus-visible{${toCssDecls(styleFocused)}}
+@supports not selector(:focus-visible){
+  .${className}:focus{${toCssDecls(styleFocused)}}
+}
+`
+        : '';
+    const disabledClass = disabled
+        ? `
+.${className}[data-disabled="true"]{${toCssDecls(styleDisabled)}}
+.${className}[data-disabled="true"]:hover{${toCssDecls(styleDisabled)}}
+.${className}[data-disabled="true"]:active{${toCssDecls(styleDisabled)}}
+`
+        : '';
+    const baseClass = `.${className}{${toCssDecls(styleBase)}}`;
+    injectOnce(id, `${baseClass}${hoveredClass}${activeClass}${focusVisibleClass}${disabledClass}`);
+    return className;
+};
+const getStyles = ({ id }) => ({ disabled, style }) => {
+    if (!style) {
+        return {};
+    }
+    const className = createInteractiveClass({ disabled, id, style });
+    return {
+        className,
+        ...(disabled ? { 'aria-disabled': 'true', 'data-disabled': 'true' } : {}),
+    };
+};
+export const useStyles = () => {
+    const id = useId();
+    // TODO: cleanup on unmount
+    // useEffect(() => {
+    //   return () => {
+    //     document.querySelector(`style[data-interactive="${id}"]`)?.remove();
+    //     injected.delete(id);
+    //   };
+    // }, [id]);
+    return {
+        getStyles: getStyles({ id }),
+    };
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = void 0;
+exports.A = A;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_native_1 = require("react-native");
+const index_native_1 = require("../../hooks/index.native");
+const useCn_1 = require("../../hooks/useCn");
+const index_native_2 = require("../e/index.native");
+function A({ accessibilityLabel, accessibilityRole, accessibilityState, className, children, loading, ref, style, testId, ...restProps }) {
+    const cn = (0, useCn_1.useCn)();
+    const { disabled, eventHandlers } = (0, index_native_1.useInteractiveHandlers)(restProps);
+    const { getStylesWithInteraction } = (0, index_native_1.useStyles)();
+    const isDisabled = Boolean(disabled || loading);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { ref: ref, disabled: isDisabled, accessibilityLabel: accessibilityLabel, accessibilityRole: accessibilityRole, accessibilityState: accessibilityState, testID: testId, ...eventHandlers, ...getStylesWithInteraction({ disabled, style }), children: (0, jsx_runtime_1.jsx)(index_native_2.E, { className: cn(disabled && 'opacity-60', className), style: style, ...restProps, children: children }) }));
+}
+exports.Action = A;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = void 0;
+exports.A = A;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const index_web_1 = require("../../hooks/index.web");
+const useCn_1 = require("../../hooks/useCn");
+function A({ className, children, loading, ref, testId, accessibilityLabel, accessibilityRole, accessibilityState, style, ...restProps }) {
+    const cn = (0, useCn_1.useCn)();
+    const { getStyles } = (0, index_web_1.useStyles)();
+    const { disabled, eventHandlers } = (0, index_web_1.useInteractiveHandlers)(restProps);
+    const isDisabled = Boolean(disabled || loading);
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: "button", className: cn('cursor-pointer', disabled && 'opacity-60', className), "aria-disabled": isDisabled || undefined, "aria-busy": loading || undefined, "aria-label": accessibilityLabel, "data-testid": testId, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
+}
+exports.Action = A;

package/dist/native/cjs/components/a/index.native.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("./a.native"), exports);

package/dist/native/cjs/components/a/index.web.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("./a.web"), exports);

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+exports.D = D;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_native_1 = require("react-native");
+const useCn_1 = require("../../hooks/useCn");
+const index_native_1 = require("../e/index.native");
+function D({ open, onOpenChange, placement = 'center', backdropClassName, backdropStyle, containerClassName, containerStyle, contentClassName, contentStyle, children, ref, ...restProps }) {
+    const cn = (0, useCn_1.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' : '', contentClassName);
+    const handleRequestClose = (e) => {
+        onOpenChange?.(false);
+        if (typeof restProps.onRequestClose === 'function') {
+            restProps.onRequestClose?.(e);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, animationType: "slide", transparent: true, onRequestClose: handleRequestClose, ...restProps, children: (0, jsx_runtime_1.jsx)(index_native_1.E, { className: containerClasses, style: { ...containerStyle, ...backdropStyle }, children: (0, jsx_runtime_1.jsx)(index_native_1.E, { ref: ref, className: contentClasses, style: contentStyle, children: children }) }) }));
+}
+exports.Dialog = D;

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+exports.D = D;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_dom_1 = require("react-dom");
+const useCn_1 = require("../../hooks/useCn");
+const index_web_1 = require("../e/index.web");
+function D({ open, onOpenChange, placement = 'center', backdropClassName, backdropStyle, containerClassName, containerStyle, contentClassName, contentStyle, closeOnBackdropClick = true, children, ref, ...restProps }) {
+    const cn = (0, useCn_1.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' : '', contentClassName);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(index_web_1.E, { className: backdropClasses, role: "presentation", onClick: handleBackdropClick, style: {
+            ...(containerStyle || {}),
+            ...(backdropStyle || {}),
+        }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, 
+            // biome-ignore lint/a11y/useSemanticElements: <explanation>
+            role: "dialog", "aria-modal": "true", className: contentClasses, style: contentStyle, ...restProps, children: children }) }), document.body);
+}
+exports.Dialog = D;

package/dist/native/cjs/components/d/index.native.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("./d.native"), exports);

package/dist/native/cjs/components/d/index.web.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("./d.web"), exports);

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Element = void 0;
+exports.E = E;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_native_1 = require("react-native");
+const useCn_1 = require("../../hooks/useCn");
+const index_native_1 = require("../../index.native");
+const index_native_2 = require("../t/index.native");
+function E({ className, children, ref, style, ...restProps }) {
+    const cn = (0, useCn_1.useCn)();
+    const { getStyles } = (0, index_native_1.useStyles)();
+    const { disabled, eventHandlers } = (0, index_native_1.useInteractiveHandlers)(restProps);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, className: cn(className), ...eventHandlers, ...getStyles({ disabled, style }), children: typeof children === 'string' ? (0, jsx_runtime_1.jsx)(index_native_2.T, { children: children }) : children }));
+}
+exports.Element = E;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Element = void 0;
+exports.E = E;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const useCn_1 = require("../../hooks/useCn");
+const index_web_1 = require("../../index.web");
+function E({ as = 'div', className, children, ref, role, style, ...restProps }) {
+    const cn = (0, useCn_1.useCn)();
+    const { disabled, eventHandlers } = (0, index_web_1.useInteractiveHandlers)(restProps);
+    const { getStyles } = (0, index_web_1.useStyles)();
+    const Comp = as;
+    return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, className: cn(className), role: role, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
+}
+exports.Element = E;

package/dist/native/cjs/components/e/index.native.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("./e.native"), exports);

package/dist/native/cjs/components/e/index.web.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("./e.web"), exports);

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+exports.I = I;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const react_native_1 = require("react-native");
+const useCn_1 = require("../../hooks/useCn");
+const useOnChange_1 = require("../../hooks/useOnChange");
+const index_native_1 = require("../../index.native");
+const useIUtils_1 = require("./useIUtils");
+function I({ className, value, defaultValue, placeholder, onChange, onChangeValue, type, inputMode, keyboardType, editable, ref, name, style, ...restProps }) {
+    const { treatTypeModeAndKeyboardType } = (0, useIUtils_1.useIUtils)();
+    const cn = (0, useCn_1.useCn)();
+    const { onChange: handleOnChange } = (0, useOnChange_1.useOnChange)({
+        onChange,
+        onChangeValue,
+    });
+    const { disabled, eventHandlers } = (0, index_native_1.useInteractiveHandlers)(restProps);
+    const { getStyles } = (0, index_native_1.useStyles)();
+    const effectiveEditable = editable ?? !disabled;
+    const { masterInputType, masterInputKeyboardType } = treatTypeModeAndKeyboardType({
+        inputMode,
+        keyboardType,
+        type,
+    });
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, className: cn(!effectiveEditable && 'opacity-60', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, secureTextEntry: masterInputType === 'password', keyboardType: masterInputKeyboardType, editable: effectiveEditable, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }) }));
+}
+exports.Input = I;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+exports.I = I;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const useCn_1 = require("../../hooks/useCn");
+const useOnChange_1 = require("../../hooks/useOnChange");
+const index_web_1 = require("../../index.web");
+const useIUtils_1 = require("./useIUtils");
+function I({ className, value, defaultValue, placeholder, onChange, onChangeValue, type, inputMode, keyboardType, editable, ref, style, ...restProps }) {
+    const { treatTypeModeAndKeyboardType } = (0, useIUtils_1.useIUtils)();
+    const cn = (0, useCn_1.useCn)();
+    const { onChange: handleOnChange } = (0, useOnChange_1.useOnChange)({
+        onChange,
+        onChangeValue,
+    });
+    const { disabled, eventHandlers } = (0, index_web_1.useInteractiveHandlers)(restProps);
+    const { getStyles } = (0, index_web_1.useStyles)();
+    const effectiveDisabled = disabled || editable === false;
+    const { masterInputType, masterInputMode } = treatTypeModeAndKeyboardType({
+        inputMode,
+        keyboardType,
+        type,
+    });
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: masterInputType, inputMode: masterInputMode, className: cn('outline-none', effectiveDisabled && 'opacity-60 cursor-not-allowed', className), value: value?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }) }));
+}
+exports.Input = I;

package/dist/native/cjs/components/i/index.native.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("./i.native"), exports);

package/dist/native/cjs/components/i/index.web.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("./i.web"), exports);

package/dist/native/cjs/components/i/useIUtils.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIUtils = void 0;
+const setWhenUndefined = (value, defaultValue) => {
+    return value === undefined ? defaultValue : value;
+};
+const treatTypeModeAndKeyboardType = ({ inputMode, keyboardType, type, }) => {
+    let masterInputKeyboardType = keyboardType;
+    let masterInputMode = inputMode;
+    let masterInputType = type;
+    // set values according to inputMode first
+    if (masterInputMode === 'numeric' || masterInputMode === 'decimal') {
+        masterInputKeyboardType = setWhenUndefined(masterInputKeyboardType, 'numeric');
+        masterInputType = setWhenUndefined(masterInputType, 'number');
+    }
+    else if (masterInputMode === 'email') {
+        masterInputKeyboardType = setWhenUndefined(masterInputKeyboardType, 'email-address');
+        masterInputType = setWhenUndefined(masterInputType, 'email');
+    }
+    else if (masterInputMode === 'search') {
+        masterInputKeyboardType = setWhenUndefined(masterInputKeyboardType, 'default');
+        masterInputType = setWhenUndefined(masterInputType, 'search');
+    }
+    else if (masterInputMode === 'tel') {
+        masterInputKeyboardType = setWhenUndefined(masterInputKeyboardType, 'phone-pad');
+        masterInputType = setWhenUndefined(masterInputType, 'tel');
+    }
+    else if (masterInputMode === 'url') {
+        masterInputKeyboardType = setWhenUndefined(masterInputKeyboardType, 'url');
+        masterInputType = setWhenUndefined(masterInputType, 'url');
+    }
+    else if (masterInputType === 'text') {
+        masterInputKeyboardType = setWhenUndefined(masterInputKeyboardType, 'default');
+        masterInputType = setWhenUndefined(masterInputType, 'text');
+    }
+    // set values according to keyboardType second
+    if (masterInputKeyboardType === 'email-address') {
+        masterInputMode = setWhenUndefined(masterInputMode, 'email');
+        masterInputType = setWhenUndefined(masterInputType, 'email');
+    }
+    else if (masterInputKeyboardType === 'numeric' ||
+        masterInputKeyboardType === 'decimal-pad') {
+        masterInputMode = setWhenUndefined(masterInputMode, 'numeric');
+        masterInputType = setWhenUndefined(masterInputType, 'number');
+    }
+    else if (masterInputKeyboardType === 'phone-pad') {
+        masterInputMode = setWhenUndefined(masterInputMode, 'tel');
+        masterInputType = setWhenUndefined(masterInputType, 'tel');
+    }
+    else if (masterInputKeyboardType === 'url') {
+        masterInputMode = setWhenUndefined(masterInputMode, 'url');
+        masterInputType = setWhenUndefined(masterInputType, 'url');
+    }
+    else if (masterInputKeyboardType === 'default') {
+        masterInputMode = setWhenUndefined(masterInputMode, 'text');
+        masterInputType = setWhenUndefined(masterInputType, 'text');
+    }
+    // finally, set default type if still undefined
+    masterInputType = setWhenUndefined(masterInputType, 'text');
+    return {
+        masterInputKeyboardType,
+        masterInputMode,
+        masterInputType,
+    };
+};
+const useIUtils = () => {
+    return {
+        treatTypeModeAndKeyboardType,
+    };
+};
+exports.useIUtils = useIUtils;

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

@@ -0,0 +1,26 @@
+"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("./a/index.web"), exports);
+__exportStar(require("./d/index.web"), exports);
+__exportStar(require("./e/index.web"), exports);
+__exportStar(require("./i/index.web"), exports);
+__exportStar(require("./l/index.web"), exports);
+__exportStar(require("./o/index.web"), exports);
+__exportStar(require("./p/index.web"), exports);
+__exportStar(require("./s/index.web"), exports);
+__exportStar(require("./t/index.web"), exports);
+__exportStar(require("./u/index.web"), exports);

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

@@ -0,0 +1,26 @@
+"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("./a/index.native"), exports);
+__exportStar(require("./d/index.native"), exports);
+__exportStar(require("./e/index.native"), exports);
+__exportStar(require("./i/index.native"), exports);
+__exportStar(require("./l/index.native"), exports);
+__exportStar(require("./o/index.native"), exports);
+__exportStar(require("./p/index.native"), exports);
+__exportStar(require("./s/index.native"), exports);
+__exportStar(require("./t/index.native"), exports);
+__exportStar(require("./u/index.native"), exports);

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

@@ -0,0 +1,26 @@
+"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("./a/index.web"), exports);
+__exportStar(require("./d/index.web"), exports);
+__exportStar(require("./e/index.web"), exports);
+__exportStar(require("./i/index.web"), exports);
+__exportStar(require("./l/index.web"), exports);
+__exportStar(require("./o/index.web"), exports);
+__exportStar(require("./p/index.web"), exports);
+__exportStar(require("./s/index.web"), exports);
+__exportStar(require("./t/index.web"), exports);
+__exportStar(require("./u/index.web"), exports);

package/dist/native/cjs/components/l/index.native.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("./l.native"), exports);

package/dist/native/cjs/components/l/index.web.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("./l.web"), exports);

package/dist/native/cjs/components/l/l.native.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+exports.L = L;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const index_native_1 = require("../a/index.native");
+function L(props) {
+    return (0, jsx_runtime_1.jsx)(index_native_1.A, { ...props });
+}
+exports.Link = L;

package/dist/native/cjs/components/l/l.web.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+exports.L = L;
+const jsx_runtime_1 = require("nativewind/jsx-runtime");
+const useCn_1 = require("../../hooks/useCn");
+const index_web_1 = require("../../index.web");
+function L({ className, children, to, href, preventDefault, ref, style, ...restProps }) {
+    const cn = (0, useCn_1.useCn)();
+    const { disabled, eventHandlers } = (0, index_web_1.useInteractiveHandlers)(restProps);
+    const { getStyles } = (0, index_web_1.useStyles)();
+    const resolvedHref = href ?? to ?? '#';
+    return ((0, jsx_runtime_1.jsx)("a", { ref: ref, href: resolvedHref, className: cn('cursor-pointer', className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
+}
+exports.Link = L;