@react-xp/aeiou 1.0.0-beta.3 → 1.0.0-beta.4

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

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = exports.createInteractiveClass = void 0;
-const react_1 = require("react");
-const useStyles_helpers_1 = require("./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);
-};
-const createInteractiveClass = ({ disabled, id, style, }) => {
-    const className = `ix-${id}`;
-    const { styleBase, styleDisabled, styleFocused, styleHovered, stylePressed } = (0, useStyles_helpers_1.extractStyles)(style);
-    const hoveredClass = styleHovered
-        ? `.${className}:hover{${(0, useStyles_helpers_1.toCssDecls)(styleHovered)}}`
-        : '';
-    const activeClass = stylePressed
-        ? `.${className}:active{${(0, useStyles_helpers_1.toCssDecls)(stylePressed)}}`
-        : '';
-    // focus-visible com fallback para browsers sem suporte
-    const focusVisibleClass = styleFocused
-        ? `
-.${className}:focus-visible{${(0, useStyles_helpers_1.toCssDecls)(styleFocused)}}
-@supports not selector(:focus-visible){
-  .${className}:focus{${(0, useStyles_helpers_1.toCssDecls)(styleFocused)}}
-}
-`
-        : '';
-    const disabledClass = disabled
-        ? `
-.${className}[data-disabled="true"]{${(0, useStyles_helpers_1.toCssDecls)(styleDisabled)}}
-.${className}[data-disabled="true"]:hover{${(0, useStyles_helpers_1.toCssDecls)(styleDisabled)}}
-.${className}[data-disabled="true"]:active{${(0, useStyles_helpers_1.toCssDecls)(styleDisabled)}}
-`
-        : '';
-    const baseClass = `.${className}{${(0, useStyles_helpers_1.toCssDecls)(styleBase)}}`;
-    injectOnce(id, `${baseClass}${hoveredClass}${activeClass}${focusVisibleClass}${disabledClass}`);
-    return className;
-};
-exports.createInteractiveClass = createInteractiveClass;
-const getStyles = ({ id }) => ({ disabled, style }) => {
-    if (!style) {
-        return {};
-    }
-    const className = (0, exports.createInteractiveClass)({ disabled, id, style });
-    return {
-        className,
-        ...(disabled ? { 'aria-disabled': 'true', 'data-disabled': 'true' } : {}),
-    };
-};
-const useStyles = () => {
-    const id = (0, react_1.useId)();
-    // TODO: cleanup on unmount
-    // useEffect(() => {
-    //   return () => {
-    //     document.querySelector(`style[data-interactive="${id}"]`)?.remove();
-    //     injected.delete(id);
-    //   };
-    // }, [id]);
-    return {
-        getStyles: getStyles({ id }),
-    };
-};
-exports.useStyles = useStyles;

package/dist/native/cjs/index.js

@@ -1,19 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-"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

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

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

@@ -1,17 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { Pressable } from 'react-native';
-import { useInteractiveHandlers, useStyles } from '../../hooks/index.native';
-import { useCn } from '../../hooks/useCn';
-import { E } from '../e/index.native';
-export function A({ accessibilityLabel, accessibilityRole, accessibilityState, className, children, loading, ref, style, testId, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStylesWithInteraction } = useStyles();
-    const isDisabled = Boolean(disabled || loading);
-    return (_jsx(Pressable, { ref: ref, disabled: isDisabled, accessibilityLabel: accessibilityLabel, accessibilityRole: accessibilityRole, accessibilityState: accessibilityState, testID: testId, ...eventHandlers, ...getStylesWithInteraction({ disabled, style }), children: _jsx(E, { className: cn(disabled && 'opacity-60', className), style: style, ...restProps, children: children }) }));
-}
-export const Action = A;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useInteractiveHandlers, useStyles } from '../../hooks/index.web';
-import { useCn } from '../../hooks/useCn';
-export function A({ className, children, loading, ref, testId, accessibilityLabel, accessibilityRole, accessibilityState, style, ...restProps }) {
-    const cn = useCn();
-    const { getStyles } = useStyles();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const isDisabled = Boolean(disabled || loading);
-    return (_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 }));
-}
-export const Action = A;

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

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

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

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

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { Modal } from 'react-native';
-import { useCn } from '../../hooks/useCn';
-import { E } from '../e/index.native';
-export function D({ open, onOpenChange, placement = 'center', backdropClassName, backdropStyle, containerClassName, containerStyle, contentClassName, contentStyle, children, ref, ...restProps }) {
-    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' : '', contentClassName);
-    const handleRequestClose = (e) => {
-        onOpenChange?.(false);
-        if (typeof restProps.onRequestClose === 'function') {
-            restProps.onRequestClose?.(e);
-        }
-    };
-    return (_jsx(Modal, { visible: open, animationType: "slide", transparent: true, onRequestClose: handleRequestClose, ...restProps, children: _jsx(E, { className: containerClasses, style: { ...containerStyle, ...backdropStyle }, children: _jsx(E, { ref: ref, className: contentClasses, style: contentStyle, children: children }) }) }));
-}
-export const Dialog = D;

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

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { createPortal } from 'react-dom';
-import { useCn } from '../../hooks/useCn';
-import { E } from '../e/index.web';
-export function D({ open, onOpenChange, placement = 'center', backdropClassName, backdropStyle, containerClassName, containerStyle, contentClassName, contentStyle, closeOnBackdropClick = true, children, ref, ...restProps }) {
-    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' : '', contentClassName);
-    return createPortal(_jsx(E, { className: backdropClasses, role: "presentation", onClick: handleBackdropClick, style: {
-            ...(containerStyle || {}),
-            ...(backdropStyle || {}),
-        }, children: _jsx("div", { ref: ref, 
-            // biome-ignore lint/a11y/useSemanticElements: <explanation>
-            role: "dialog", "aria-modal": "true", className: contentClasses, style: contentStyle, ...restProps, children: children }) }), document.body);
-}
-export const Dialog = D;

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

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

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

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

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { View } from 'react-native';
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.native';
-import { T } from '../t/index.native';
-export function E({ className, children, ref, style, ...restProps }) {
-    const cn = useCn();
-    const { getStyles } = useStyles();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    return (_jsx(View, { ref: ref, className: cn(className), ...eventHandlers, ...getStyles({ disabled, style }), children: typeof children === 'string' ? _jsx(T, { children: children }) : children }));
-}
-export const Element = E;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.web';
-export function E({ as = 'div', className, children, ref, role, style, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    const Comp = as;
-    return (_jsx(Comp, { ref: ref, className: cn(className), role: role, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-export const Element = E;

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

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

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

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

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { TextInput } from 'react-native';
-import { useCn } from '../../hooks/useCn';
-import { useOnChange } from '../../hooks/useOnChange';
-import { useInteractiveHandlers, useStyles } from '../../index.native';
-import { useIUtils } from './useIUtils';
-export function I({ className, value, defaultValue, placeholder, onChange, onChangeValue, type, inputMode, keyboardType, editable, ref, name, style, ...restProps }) {
-    const { treatTypeModeAndKeyboardType } = useIUtils();
-    const cn = useCn();
-    const { onChange: handleOnChange } = useOnChange({
-        onChange,
-        onChangeValue,
-    });
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    const effectiveEditable = editable ?? !disabled;
-    const { masterInputType, masterInputKeyboardType } = treatTypeModeAndKeyboardType({
-        inputMode,
-        keyboardType,
-        type,
-    });
-    return (_jsx(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 }) }));
-}
-export const Input = I;

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useCn } from '../../hooks/useCn';
-import { useOnChange } from '../../hooks/useOnChange';
-import { useInteractiveHandlers, useStyles } from '../../index.web';
-import { useIUtils } from './useIUtils';
-export function I({ className, value, defaultValue, placeholder, onChange, onChangeValue, type, inputMode, keyboardType, editable, ref, style, ...restProps }) {
-    const { treatTypeModeAndKeyboardType } = useIUtils();
-    const cn = useCn();
-    const { onChange: handleOnChange } = useOnChange({
-        onChange,
-        onChangeValue,
-    });
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    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?.toString(), defaultValue: defaultValue?.toString(), placeholder: placeholder, onChange: handleOnChange, disabled: effectiveDisabled, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }) }));
-}
-export const Input = I;

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

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

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

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

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

@@ -1,67 +0,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,
-    };
-};
-export const useIUtils = () => {
-    return {
-        treatTypeModeAndKeyboardType,
-    };
-};

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

@@ -1,10 +0,0 @@
-export * from './a/index.web';
-export * from './d/index.web';
-export * from './e/index.web';
-export * from './i/index.web';
-export * from './l/index.web';
-export * from './o/index.web';
-export * from './p/index.web';
-export * from './s/index.web';
-export * from './t/index.web';
-export * from './u/index.web';

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

@@ -1,10 +0,0 @@
-export * from './a/index.native';
-export * from './d/index.native';
-export * from './e/index.native';
-export * from './i/index.native';
-export * from './l/index.native';
-export * from './o/index.native';
-export * from './p/index.native';
-export * from './s/index.native';
-export * from './t/index.native';
-export * from './u/index.native';

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

@@ -1,10 +0,0 @@
-export * from './a/index.web';
-export * from './d/index.web';
-export * from './e/index.web';
-export * from './i/index.web';
-export * from './l/index.web';
-export * from './o/index.web';
-export * from './p/index.web';
-export * from './s/index.web';
-export * from './t/index.web';
-export * from './u/index.web';

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

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

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

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { A } from '../a/index.native';
-export function L(props) {
-    return _jsx(A, { ...props });
-}
-export const Link = L;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.web';
-export function L({ className, children, to, href, preventDefault, ref, style, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    const resolvedHref = href ?? to ?? '#';
-    return (_jsx("a", { ref: ref, href: resolvedHref, className: cn('cursor-pointer', className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-export const Link = L;

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

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

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

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

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { ScrollView } from 'react-native';
-import { useCn } from '../../hooks/useCn';
-export function O({ className, children, horizontal, ref, ...restProps }) {
-    const cn = useCn();
-    return (_jsx(ScrollView, { ref: ref, className: cn(className), horizontal: horizontal, ...restProps, children: children }));
-}
-export const Overflow = O;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.web';
-export function O({ className, children, horizontal, ref, style, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    const overflowClass = horizontal ? 'overflow-x-auto' : 'overflow-y-auto';
-    return (_jsx("div", { ref: ref, className: cn(overflowClass, className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-export const Overflow = O;

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

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

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

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

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { Image } from 'react-native';
-import { useCn } from '../../hooks/useCn';
-export function P({ className, src, source, ref, ...restProps }) {
-    const cn = useCn();
-    const finalSource = src != null ? { uri: src } : source;
-    return (_jsx(Image, { ref: ref, className: cn(className), source: finalSource, ...restProps }));
-}
-export const Picture = P;

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.web';
-export function P({ alt, className, ref, style, source, src, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    return (
-    // biome-ignore lint/a11y/useAltText: <explanation>
-    _jsx("img", { alt: alt, "aria-label": alt, ref: ref, className: cn('object-cover', className), src: src ?? source, ...restProps, ...eventHandlers, ...getStyles({ disabled, style }) }));
-}
-export const Picture = P;

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { SafeAreaView, } from 'react-native-safe-area-context';
-import { useCn } from '../../hooks/useCn';
-export function S({ className, children, ref, ...restProps }) {
-    const cn = useCn();
-    return (_jsx(SafeAreaView, { ref: ref, className: cn(className), ...restProps, children: children }));
-}

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { E } from '../e/index.web';
-export function S(props) {
-    return _jsx(E, { ...props });
-}
-export const Safe = S;

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

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

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

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

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { Text as RNText } from 'react-native';
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.native';
-export function T({ className, children, ref, style, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    return (_jsx(RNText, { ref: ref, className: cn('leading-relaxed', className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-export const Text = T;

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import { useCn } from '../../hooks/useCn';
-import { useInteractiveHandlers, useStyles } from '../../index.web';
-export function T({ as = 'span', className, children, ref, style, ...restProps }) {
-    const cn = useCn();
-    const { disabled, eventHandlers } = useInteractiveHandlers(restProps);
-    const { getStyles } = useStyles();
-    const Comp = as;
-    return (_jsx(Comp, { ref: ref, className: cn('leading-relaxed', className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-export const Text = T;

package/dist/native/esm/components/u/context.js

@@ -1,11 +0,0 @@
-import { createContext } from 'react';
-const defaultValue = {
-    colorScheme: 'system',
-    locale: 'en-US',
-    platform: 'web',
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setColorScheme: () => { },
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setLocale: () => { },
-};
-export const UniverseContext = createContext(defaultValue);