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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-exports.T = T;
-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");
-function T({ className, children, ref, style, ...restProps }) {
-    const cn = (0, useCn_1.useCn)();
-    const { disabled, eventHandlers } = (0, index_native_1.useInteractiveHandlers)(restProps);
-    const { getStyles } = (0, index_native_1.useStyles)();
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, className: cn('leading-relaxed', className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-exports.Text = T;

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-exports.T = T;
-const jsx_runtime_1 = require("nativewind/jsx-runtime");
-const useCn_1 = require("../../hooks/useCn");
-const index_web_1 = require("../../index.web");
-function T({ as = 'span', className, children, 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 Comp = as;
-    return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, className: cn('leading-relaxed', className), ...restProps, ...eventHandlers, ...getStyles({ disabled, style }), children: children }));
-}
-exports.Text = T;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UniverseContext = void 0;
-const react_1 = require("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: () => { },
-};
-exports.UniverseContext = (0, react_1.createContext)(defaultValue);

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const jsx_runtime_1 = require("nativewind/jsx-runtime");
-const react_1 = require("react");
-class ErrorBoundary extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    static getDerivedStateFromError() {
-        return { hasError: true };
-    }
-    componentDidCatch(error, errorInfo) {
-        this.props.onError?.callback?.(error, errorInfo);
-    }
-    render() {
-        if (this.state.hasError) {
-            if (this.props.onError?.render) {
-                return this.props.onError.render;
-            }
-            return (0, jsx_runtime_1.jsx)("h1", { children: "Ocorreu um erro. Por favor, tente novamente mais tarde." });
-        }
-        return this.props.children;
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;

package/dist/native/cjs/components/u/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("./provider.native"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./useUniverse"), exports);

package/dist/native/cjs/components/u/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("./provider.web"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./useUniverse"), exports);

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

@@ -1,24 +0,0 @@
-"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");
-const errorBoundary_1 = require("./errorBoundary");
-function U({ children, config, onError }) {
-    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)(errorBoundary_1.ErrorBoundary, { onError: onError, children: (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

@@ -1,21 +0,0 @@
-"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");
-const errorBoundary_1 = require("./errorBoundary");
-function U({ children, config, onError }) {
-    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)(errorBoundary_1.ErrorBoundary, { onError: onError, children: (0, jsx_runtime_1.jsx)(context_1.UniverseContext.Provider, { value: value, children: children }) }));
-}
-exports.Universe = U;

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

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

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

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

@@ -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("./useCn"), exports);
-__exportStar(require("./useOnChange"), exports);
-__exportStar(require("./useProps"), exports);

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

@@ -1,22 +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("./useCn"), exports);
-__exportStar(require("./useInteractiveHandlers/useInteractiveHandlers.native"), exports);
-__exportStar(require("./useInteractiveState/useInteractiveState.native"), exports);
-__exportStar(require("./useOnChange"), exports);
-__exportStar(require("./useProps"), exports);
-__exportStar(require("./useStyles/useStyles.native"), exports);

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

@@ -1,22 +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("./useCn"), exports);
-__exportStar(require("./useInteractiveHandlers/useInteractiveHandlers.web"), exports);
-__exportStar(require("./useInteractiveState/useInteractiveState.web"), exports);
-__exportStar(require("./useOnChange"), exports);
-__exportStar(require("./useProps"), exports);
-__exportStar(require("./useStyles/useStyles.web"), exports);

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

@@ -1,15 +0,0 @@
-"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/useInteractiveHandlers/useInteractiveHandlers.native.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInteractiveHandlers = useInteractiveHandlers;
-const react_1 = require("react");
-function useInteractiveHandlers({ disabled, onBlur, onClick, onFocus, onPress, onIn, onOut, } = {}) {
-    const offOn = (0, react_1.useRef)('off');
-    const eventHandlers = {
-        onBlur: (e) => {
-            if (disabled) {
-                return;
-            }
-            onBlur?.(e);
-        },
-        onFocus: (e) => {
-            if (disabled) {
-                return;
-            }
-            onFocus?.(e);
-        },
-        onPress: (e) => {
-            if (disabled) {
-                return;
-            }
-            if ((onIn || onOut) && offOn.current === 'off') {
-                offOn.current = 'on';
-                onIn?.(e);
-            }
-            if ((onIn || onOut) && offOn.current === 'on') {
-                offOn.current = 'off';
-                onOut?.(e);
-            }
-            if (onPress) {
-                onPress?.(e);
-                return;
-            }
-            onClick?.(e);
-        },
-    };
-    return {
-        disabled,
-        eventHandlers,
-    };
-}

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

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInteractiveHandlers = useInteractiveHandlers;
-function useInteractiveHandlers({ disabled, onBlur, onClick, onFocus, onPress, onIn, onOut, } = {}) {
-    const eventHandlers = {
-        onBlur: (e) => {
-            if (disabled) {
-                return;
-            }
-            onBlur?.(e);
-        },
-        onClick: (e) => {
-            if (disabled) {
-                return;
-            }
-            if (onClick) {
-                onClick?.(e);
-                return;
-            }
-            onPress?.(e);
-        },
-        onFocus: (e) => {
-            if (disabled) {
-                return;
-            }
-            onFocus?.(e);
-        },
-        onMouseEnter: (e) => {
-            if (disabled) {
-                return;
-            }
-            onIn?.(e);
-        },
-        onMouseLeave: (e) => {
-            if (disabled) {
-                return;
-            }
-            onOut?.(e);
-        },
-    };
-    return {
-        disabled,
-        eventHandlers,
-    };
-}

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

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInteractiveState = useInteractiveState;
-const react_1 = require("react");
-function useInteractiveState({ disabled, onBlur, onClick, onFocus, onPress, onIn, onOut, } = {}) {
-    const offOn = (0, react_1.useRef)('off');
-    const [interactiveState, setInteractiveState] = (0, react_1.useState)('idle');
-    const dataAttrs = {
-        'data-state': interactiveState,
-        'data-disabled': disabled ? 'true' : 'false',
-        'data-focused': interactiveState === 'focused' ? 'true' : 'false',
-        'data-hovered': interactiveState === 'hovered' ? 'true' : 'false',
-        'data-pressed': interactiveState === 'pressed' ? 'true' : 'false',
-    };
-    const eventHandlers = {
-        onBlur: (e) => {
-            if (disabled) {
-                return;
-            }
-            onBlur?.(e);
-            setInteractiveState('idle');
-        },
-        onFocus: (e) => {
-            if (disabled) {
-                return;
-            }
-            onFocus?.(e);
-            setInteractiveState('focused');
-        },
-        onPress: (e) => {
-            if (disabled) {
-                return;
-            }
-            if ((onIn || onOut) && offOn.current === 'off') {
-                offOn.current = 'on';
-                onIn?.(e);
-            }
-            if ((onIn || onOut) && offOn.current === 'on') {
-                offOn.current = 'off';
-                onOut?.(e);
-            }
-            if (onPress) {
-                onPress?.(e);
-                return;
-            }
-            onClick?.(e);
-        },
-        onPressIn: (e) => {
-            if (disabled) {
-                return;
-            }
-            onIn?.(e);
-            setInteractiveState('pressed');
-        },
-        onPressOut: (e) => {
-            if (disabled) {
-                return;
-            }
-            onOut?.(e);
-            setInteractiveState('idle');
-        },
-    };
-    return {
-        dataAttrs,
-        disabled,
-        eventHandlers,
-        interactiveState,
-    };
-}

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

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInteractiveState = useInteractiveState;
-const react_1 = require("react");
-function useInteractiveState({ disabled, onBlur, onClick, onFocus, onPress, onIn, onOut, } = {}) {
-    const [interactiveState, setInteractiveState] = (0, react_1.useState)('idle');
-    const dataAttrs = {
-        'data-state': interactiveState,
-        'data-disabled': disabled ? 'true' : 'false',
-        'data-focused': interactiveState === 'focused' ? 'true' : 'false',
-        'data-hovered': interactiveState === 'hovered' ? 'true' : 'false',
-        'data-pressed': interactiveState === 'pressed' ? 'true' : 'false',
-    };
-    const eventHandlers = {
-        onBlur: (e) => {
-            if (disabled) {
-                return;
-            }
-            onBlur?.(e);
-            setInteractiveState('idle');
-        },
-        onClick: (e) => {
-            if (disabled) {
-                return;
-            }
-            if (onClick) {
-                onClick?.(e);
-                return;
-            }
-            onPress?.(e);
-        },
-        onFocus: (e) => {
-            if (disabled) {
-                return;
-            }
-            onFocus?.(e);
-            setInteractiveState('focused');
-        },
-        onMouseDown: (e) => {
-            if (disabled) {
-                return;
-            }
-            setInteractiveState('pressed');
-        },
-        onMouseEnter: (e) => {
-            if (disabled) {
-                return;
-            }
-            onIn?.(e);
-            setInteractiveState('hovered');
-        },
-        onMouseLeave: (e) => {
-            if (disabled) {
-                return;
-            }
-            console.log('[DEBUG] onMouseLeave', typeof onOut, e);
-            onOut?.(e);
-            setInteractiveState('idle');
-        },
-        onMouseUp: (e) => {
-            if (disabled) {
-                return;
-            }
-            console.log('[DEBUG] onMouseUp', e);
-            setInteractiveState('idle');
-        },
-    };
-    return {
-        dataAttrs,
-        disabled,
-        eventHandlers,
-        interactiveState,
-    };
-}

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

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

@@ -1,66 +0,0 @@
-"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/hooks/useStyles/useStyles.helpers.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toCssDecls = exports.toKebab = exports.extractStyles = void 0;
-const extractStyles = (style) => {
-    const base = { ...style };
-    const disabled = style.$disabled || {};
-    const focused = style.$focused || {};
-    const hovered = style.$hovered || {};
-    const pressed = style.$pressed || {};
-    base.$disabled = undefined;
-    base.$focused = undefined;
-    base.$hovered = undefined;
-    base.$pressed = undefined;
-    return {
-        styleBase: base,
-        styleDisabled: disabled,
-        styleFocused: focused,
-        styleHovered: hovered,
-        stylePressed: pressed,
-    };
-};
-exports.extractStyles = extractStyles;
-const toKebab = (s) => s.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-exports.toKebab = toKebab;
-const toCssDecls = (style) => {
-    if (!style) {
-        return '';
-    }
-    // TODO: adiconar os px ou outra medida quando necessario e faça sentido
-    return Object.entries(style)
-        .filter(([, v]) => v !== undefined && v !== null)
-        .map(([k, v]) => `${(0, exports.toKebab)(k)}:${typeof v === 'number' ? `${v}` : v};`)
-        .join('');
-};
-exports.toCssDecls = toCssDecls;

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

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-const useStyles_helpers_1 = require("./useStyles.helpers");
-const getStyles = ({ disabled, style, }) => {
-    if (!style) {
-        return {};
-    }
-    const { styleBase, styleDisabled, styleFocused, styleHovered, stylePressed } = (0, useStyles_helpers_1.extractStyles)(style);
-    const composedStyle = { ...styleBase };
-    if (disabled) {
-        Object.assign(composedStyle, styleDisabled || {});
-    }
-    return { style: composedStyle };
-};
-const getStylesWithInteraction = ({ disabled, style, }) => ({
-    style: (options) => {
-        console.log('getStylesWithInteraction options:', options);
-        if (!style) {
-            return {};
-        }
-        const { styleBase, styleDisabled, styleFocused, styleHovered, stylePressed, } = (0, useStyles_helpers_1.extractStyles)(style);
-        const composedStyle = { ...styleBase };
-        if (disabled) {
-            Object.assign(composedStyle, styleDisabled || {});
-        }
-        if (options?.focused) {
-            Object.assign(composedStyle, styleFocused || {});
-        }
-        if (options?.hovered) {
-            Object.assign(composedStyle, styleHovered || {});
-        }
-        if (options?.pressed) {
-            Object.assign(composedStyle, stylePressed || {});
-        }
-        console.log('getStylesWithInteraction output:', composedStyle);
-        return composedStyle;
-    },
-});
-const useStyles = () => {
-    return {
-        getStyles,
-        getStylesWithInteraction,
-    };
-};
-exports.useStyles = useStyles;

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

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