@react-xp/aeiou 0.1.0-rc.1

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overflow = void 0;
+exports.O = O;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const index_native_1 = require("../../hooks/index.native");
+function O({ className, children, horizontal, ref, ...rest }) {
+    const cn = (0, index_native_1.useCn)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { ref: ref, className: cn(className), horizontal: horizontal, ...rest, children: children }));
+}
+exports.Overflow = O;

package/dist/cjs/components/o/o.web.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overflow = void 0;
+exports.O = O;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_web_1 = require("../../hooks/index.web");
+function O({ className, children, horizontal, ref, ...rest }) {
+    const cn = (0, index_web_1.useCn)();
+    const overflowClass = horizontal ? 'overflow-x-auto' : 'overflow-y-auto';
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cn(overflowClass, className), ...rest, children: children }));
+}
+exports.Overflow = O;

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picture = void 0;
+exports.P = P;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const index_native_1 = require("../../hooks/index.native");
+function P({ className, src, source, ref, ...rest }) {
+    const cn = (0, index_native_1.useCn)();
+    const finalSource = src != null ? { uri: src } : source;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { ref: ref, className: cn(className), source: finalSource, ...rest }));
+}
+exports.Picture = P;

package/dist/cjs/components/p/p.web.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picture = void 0;
+exports.P = P;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_web_1 = require("../../hooks/index.web");
+function P({ alt, className, ref, ...rest }) {
+    const cn = (0, index_web_1.useCn)();
+    return (
+    // biome-ignore lint/a11y/useAltText: <explanation>
+    (0, jsx_runtime_1.jsx)("img", { alt: alt, "aria-label": alt, ref: ref, className: cn('object-cover', className), ...rest }));
+}
+exports.Picture = P;

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.S = S;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const index_native_1 = require("../../hooks/index.native");
+function S({ className, children, ref, ...rest }) {
+    const cn = (0, index_native_1.useCn)();
+    return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView, { ref: ref, className: cn(className), ...rest, children: children }));
+}

package/dist/cjs/components/s/s.web.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Safe = void 0;
+exports.S = S;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_web_1 = require("../e/index.web");
+function S(props) {
+    return (0, jsx_runtime_1.jsx)(index_web_1.E, { ...props });
+}
+exports.Safe = S;

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+exports.T = T;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const index_native_1 = require("../../hooks/index.native");
+function T({ className, children, onClick, onPress, ref, ...rest }) {
+    const cn = (0, index_native_1.useCn)();
+    const { onAction } = (0, index_native_1.useAction)({
+        onClick,
+        onPress,
+    });
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, className: cn('leading-relaxed', className), onPress: onAction, ...rest, children: children }));
+}
+exports.Text = T;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+exports.T = T;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_web_1 = require("../../hooks/index.web");
+function T({ className, children, as = 'span', onClick, onPress, ref, ...rest }) {
+    const cn = (0, index_web_1.useCn)();
+    const { onAction } = (0, index_web_1.useAction)({
+        onClick,
+        onPress,
+    });
+    const Comp = as;
+    return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, className: cn('leading-relaxed', className), onClick: onAction, ...rest, children: children }));
+}
+exports.Text = T;

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

@@ -0,0 +1,14 @@
+"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/cjs/components/u/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("./provider.native"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./useUniverse"), exports);

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

package/dist/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("react/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/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("react/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/cjs/components/u/types.js

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

package/dist/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/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/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/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/cjs/hooks/useAction/types.js

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

package/dist/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/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/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/cjs/hooks/useInteractiveState/useInteractiveState.native.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInteractiveState = useInteractiveState;
+const react_1 = require("react");
+function computeVisualState(state) {
+    if (state.disabled)
+        return 'disabled';
+    if (state.pressed)
+        return 'pressed';
+    if (state.hovered)
+        return 'hovered';
+    if (state.focused)
+        return 'focused';
+    return 'default';
+}
+function toDataAttrs(state) {
+    const visual = computeVisualState(state);
+    return {
+        'data-state': visual,
+        'data-hovered': String(state.hovered),
+        'data-pressed': String(state.pressed),
+        'data-focused': String(state.focused),
+        'data-disabled': String(state.disabled),
+    };
+}
+function useInteractiveState(options = {}) {
+    const { disabled = false } = options;
+    const [state, setState] = (0, react_1.useState)({
+        hovered: false,
+        pressed: false,
+        focused: false,
+        disabled,
+    });
+    (0, react_1.useEffect)(() => {
+        setState((prev) => ({ ...prev, disabled }));
+    }, [disabled]);
+    const eventHandlers = (0, react_1.useMemo)(() => ({
+        onMouseEnter: () => {
+            if (disabled)
+                return;
+            setState((prev) => ({ ...prev, hovered: true }));
+        },
+        onMouseLeave: () => {
+            if (disabled)
+                return;
+            setState((prev) => ({ ...prev, hovered: false, pressed: false }));
+        },
+        onMouseDown: () => {
+            if (disabled)
+                return;
+            setState((prev) => ({ ...prev, pressed: true }));
+        },
+        onMouseUp: () => {
+            if (disabled)
+                return;
+            setState((prev) => ({ ...prev, pressed: false }));
+        },
+        onFocus: () => {
+            if (disabled)
+                return;
+            setState((prev) => ({ ...prev, focused: true }));
+        },
+        onBlur: () => {
+            if (disabled)
+                return;
+            setState((prev) => ({ ...prev, focused: false, pressed: false }));
+        },
+    }), [disabled]);
+    const dataAttrs = toDataAttrs(state);
+    return { state, dataAttrs, eventHandlers };
+}

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

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