@wirekyt/react 0.0.1 → 0.0.3

package/dist/utils-Cfwm9WW1.cjs

@@ -0,0 +1,166 @@
+let _wirekyt_dom_utils = require("@wirekyt/dom/utils");
+let react = require("react");
+//#region src/utils/create-context.ts
+function getErrorMessage(hook, provider) {
+	return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+	const { name, strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue } = options;
+	const Context = (0, react.createContext)(defaultValue);
+	Context.displayName = name;
+	function useContext() {
+		const context = (0, react.useContext)(Context);
+		if (!context && strict) {
+			const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+			error.name = "ContextError";
+			if ((0, _wirekyt_dom_utils.hasProp)(Error, "captureStackTrace") && (0, _wirekyt_dom_utils.isFunction)(Error.captureStackTrace)) Error.captureStackTrace(error, useContext);
+			throw error;
+		}
+		return context;
+	}
+	return [
+		Context.Provider,
+		useContext,
+		Context
+	];
+}
+//#endregion
+//#region src/utils/compose-refs.ts
+function composeRefs(...refs) {
+	return (node) => {
+		const cleanUps = [];
+		for (const ref of refs) if (typeof ref === "function") {
+			const cb = ref(node);
+			if (typeof cb === "function") cleanUps.push(cb);
+		} else if (ref) ref.current = node;
+		if (cleanUps.length) return () => {
+			for (const cleanUp of cleanUps) cleanUp();
+		};
+	};
+}
+function useComposedRefs(...refs) {
+	return (0, react.useCallback)(composeRefs(...refs), refs);
+}
+//#endregion
+//#region src/utils/create-split-props.ts
+const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
+	const [target, source] = previousValue;
+	const key = currentValue;
+	if (source[key] !== void 0) target[key] = source[key];
+	delete source[key];
+	return [target, source];
+}, [{}, { ...props }]);
+//#endregion
+//#region src/utils/render-strategy.ts
+const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({
+	name: "RenderStrategyContext",
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyPropsProvider />"
+});
+const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+//#endregion
+//#region src/utils/use-controllable-state.ts
+function useControllableState(props) {
+	const { value, onChange, defaultValue } = props;
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const controlled = value !== void 0;
+	return [controlled ? value : uncontrolledValue, (0, react.useCallback)((value) => {
+		if (controlled) return onChange?.(value);
+		setUncontrolledValue(value);
+		return onChange?.(value);
+	}, [controlled, onChange])];
+}
+//#endregion
+//#region src/utils/use-event.ts
+function useEvent(callback, opts = {}) {
+	const { sync = false } = opts;
+	const callbackRef = useLatestRef(callback);
+	return (0, react.useCallback)((...args) => {
+		if (sync) return queueMicrotask(() => callbackRef.current?.(...args));
+		return callbackRef.current?.(...args);
+	}, [sync, callbackRef]);
+}
+function useLatestRef(value) {
+	const ref = (0, react.useRef)(value);
+	ref.current = value;
+	return ref;
+}
+//#endregion
+//#region src/utils/use-safe-layout-effect.ts
+const useSafeLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+//#endregion
+//#region src/utils/use-effect-once.ts
+const useEffectOnce = (cb) => {
+	const savedCallback = (0, react.useRef)(cb);
+	const effectGuard = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		savedCallback.current = cb;
+	});
+	(0, react.useEffect)(() => {
+		if (effectGuard.current !== true) {
+			effectGuard.current = true;
+			savedCallback.current();
+		}
+	}, []);
+};
+//#endregion
+Object.defineProperty(exports, "RenderStrategyPropsProvider", {
+	enumerable: true,
+	get: function() {
+		return RenderStrategyPropsProvider;
+	}
+});
+Object.defineProperty(exports, "createContext", {
+	enumerable: true,
+	get: function() {
+		return createContext;
+	}
+});
+Object.defineProperty(exports, "createSplitProps", {
+	enumerable: true,
+	get: function() {
+		return createSplitProps;
+	}
+});
+Object.defineProperty(exports, "splitRenderStrategyProps", {
+	enumerable: true,
+	get: function() {
+		return splitRenderStrategyProps;
+	}
+});
+Object.defineProperty(exports, "useComposedRefs", {
+	enumerable: true,
+	get: function() {
+		return useComposedRefs;
+	}
+});
+Object.defineProperty(exports, "useControllableState", {
+	enumerable: true,
+	get: function() {
+		return useControllableState;
+	}
+});
+Object.defineProperty(exports, "useEffectOnce", {
+	enumerable: true,
+	get: function() {
+		return useEffectOnce;
+	}
+});
+Object.defineProperty(exports, "useEvent", {
+	enumerable: true,
+	get: function() {
+		return useEvent;
+	}
+});
+Object.defineProperty(exports, "useRenderStrategyPropsContext", {
+	enumerable: true,
+	get: function() {
+		return useRenderStrategyPropsContext;
+	}
+});
+Object.defineProperty(exports, "useSafeLayoutEffect", {
+	enumerable: true,
+	get: function() {
+		return useSafeLayoutEffect;
+	}
+});

package/dist/utils-CqLmqrgj.js

@@ -0,0 +1,107 @@
+import { hasProp, isFunction } from "@wirekyt/dom/utils";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from "react";
+//#region src/utils/create-context.ts
+function getErrorMessage(hook, provider) {
+	return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext$1(options = {}) {
+	const { name, strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue } = options;
+	const Context = createContext(defaultValue);
+	Context.displayName = name;
+	function useContext$1() {
+		const context = useContext(Context);
+		if (!context && strict) {
+			const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+			error.name = "ContextError";
+			if (hasProp(Error, "captureStackTrace") && isFunction(Error.captureStackTrace)) Error.captureStackTrace(error, useContext$1);
+			throw error;
+		}
+		return context;
+	}
+	return [
+		Context.Provider,
+		useContext$1,
+		Context
+	];
+}
+//#endregion
+//#region src/utils/compose-refs.ts
+function composeRefs(...refs) {
+	return (node) => {
+		const cleanUps = [];
+		for (const ref of refs) if (typeof ref === "function") {
+			const cb = ref(node);
+			if (typeof cb === "function") cleanUps.push(cb);
+		} else if (ref) ref.current = node;
+		if (cleanUps.length) return () => {
+			for (const cleanUp of cleanUps) cleanUp();
+		};
+	};
+}
+function useComposedRefs(...refs) {
+	return useCallback(composeRefs(...refs), refs);
+}
+//#endregion
+//#region src/utils/create-split-props.ts
+const createSplitProps = () => (props, keys) => keys.reduce((previousValue, currentValue) => {
+	const [target, source] = previousValue;
+	const key = currentValue;
+	if (source[key] !== void 0) target[key] = source[key];
+	delete source[key];
+	return [target, source];
+}, [{}, { ...props }]);
+//#endregion
+//#region src/utils/render-strategy.ts
+const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext$1({
+	name: "RenderStrategyContext",
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyPropsProvider />"
+});
+const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+//#endregion
+//#region src/utils/use-controllable-state.ts
+function useControllableState(props) {
+	const { value, onChange, defaultValue } = props;
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const controlled = value !== void 0;
+	return [controlled ? value : uncontrolledValue, useCallback((value) => {
+		if (controlled) return onChange?.(value);
+		setUncontrolledValue(value);
+		return onChange?.(value);
+	}, [controlled, onChange])];
+}
+//#endregion
+//#region src/utils/use-event.ts
+function useEvent(callback, opts = {}) {
+	const { sync = false } = opts;
+	const callbackRef = useLatestRef(callback);
+	return useCallback((...args) => {
+		if (sync) return queueMicrotask(() => callbackRef.current?.(...args));
+		return callbackRef.current?.(...args);
+	}, [sync, callbackRef]);
+}
+function useLatestRef(value) {
+	const ref = useRef(value);
+	ref.current = value;
+	return ref;
+}
+//#endregion
+//#region src/utils/use-safe-layout-effect.ts
+const useSafeLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+//#endregion
+//#region src/utils/use-effect-once.ts
+const useEffectOnce = (cb) => {
+	const savedCallback = useRef(cb);
+	const effectGuard = useRef(false);
+	useEffect(() => {
+		savedCallback.current = cb;
+	});
+	useEffect(() => {
+		if (effectGuard.current !== true) {
+			effectGuard.current = true;
+			savedCallback.current();
+		}
+	}, []);
+};
+//#endregion
+export { RenderStrategyPropsProvider as a, createSplitProps as c, useControllableState as i, useComposedRefs as l, useSafeLayoutEffect as n, splitRenderStrategyProps as o, useEvent as r, useRenderStrategyPropsContext as s, useEffectOnce as t, createContext$1 as u };

package/package.json

@@ -1,7 +1,275 @@
-{
-  "name": "@wirekyt/react",
-  "version": "0.0.1",
-  "publishConfig": {
-    "access": "public"
-  }
+{
+  "name": "@wirekyt/react",
+  "version": "0.0.3",
+  "description": "React adapter for Wirekyt",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./accordion": {
+      "import": "./dist/accordion.js",
+      "require": "./dist/accordion.cjs"
+    },
+    "./angle-slider": {
+      "import": "./dist/angle-slider.js",
+      "require": "./dist/angle-slider.cjs"
+    },
+    "./avatar": {
+      "import": "./dist/avatar.js",
+      "require": "./dist/avatar.cjs"
+    },
+    "./carousel": {
+      "import": "./dist/carousel.js",
+      "require": "./dist/carousel.cjs"
+    },
+    "./checkbox": {
+      "import": "./dist/checkbox.js",
+      "require": "./dist/checkbox.cjs"
+    },
+    "./client-only": {
+      "import": "./dist/client-only.js",
+      "require": "./dist/client-only.cjs"
+    },
+    "./clipboard": {
+      "import": "./dist/clipboard.js",
+      "require": "./dist/clipboard.cjs"
+    },
+    "./collapsible": {
+      "import": "./dist/collapsible.js",
+      "require": "./dist/collapsible.cjs"
+    },
+    "./collection": {
+      "import": "./dist/collection.js",
+      "require": "./dist/collection.cjs"
+    },
+    "./color-picker": {
+      "import": "./dist/color-picker.js",
+      "require": "./dist/color-picker.cjs"
+    },
+    "./combobox": {
+      "import": "./dist/combobox.js",
+      "require": "./dist/combobox.cjs"
+    },
+    "./date-input": {
+      "import": "./dist/date-input.js",
+      "require": "./dist/date-input.cjs"
+    },
+    "./date-picker": {
+      "import": "./dist/date-picker.js",
+      "require": "./dist/date-picker.cjs"
+    },
+    "./dialog": {
+      "import": "./dist/dialog.js",
+      "require": "./dist/dialog.cjs"
+    },
+    "./download-trigger": {
+      "import": "./dist/download-trigger.js",
+      "require": "./dist/download-trigger.cjs"
+    },
+    "./drawer": {
+      "import": "./dist/drawer.js",
+      "require": "./dist/drawer.cjs"
+    },
+    "./editable": {
+      "import": "./dist/editable.js",
+      "require": "./dist/editable.cjs"
+    },
+    "./field": {
+      "import": "./dist/field.js",
+      "require": "./dist/field.cjs"
+    },
+    "./fieldset": {
+      "import": "./dist/fieldset.js",
+      "require": "./dist/fieldset.cjs"
+    },
+    "./file-upload": {
+      "import": "./dist/file-upload.js",
+      "require": "./dist/file-upload.cjs"
+    },
+    "./floating-panel": {
+      "import": "./dist/floating-panel.js",
+      "require": "./dist/floating-panel.cjs"
+    },
+    "./format": {
+      "import": "./dist/format.js",
+      "require": "./dist/format.cjs"
+    },
+    "./frame": {
+      "import": "./dist/frame.js",
+      "require": "./dist/frame.cjs"
+    },
+    "./highlight": {
+      "import": "./dist/highlight.js",
+      "require": "./dist/highlight.cjs"
+    },
+    "./hover-card": {
+      "import": "./dist/hover-card.js",
+      "require": "./dist/hover-card.cjs"
+    },
+    "./image-cropper": {
+      "import": "./dist/image-cropper.js",
+      "require": "./dist/image-cropper.cjs"
+    },
+    "./json-tree-view": {
+      "import": "./dist/json-tree-view.js",
+      "require": "./dist/json-tree-view.cjs"
+    },
+    "./listbox": {
+      "import": "./dist/listbox.js",
+      "require": "./dist/listbox.cjs"
+    },
+    "./marquee": {
+      "import": "./dist/marquee.js",
+      "require": "./dist/marquee.cjs"
+    },
+    "./menu": {
+      "import": "./dist/menu.js",
+      "require": "./dist/menu.cjs"
+    },
+    "./navigation-menu": {
+      "import": "./dist/navigation-menu.js",
+      "require": "./dist/navigation-menu.cjs"
+    },
+    "./number-input": {
+      "import": "./dist/number-input.js",
+      "require": "./dist/number-input.cjs"
+    },
+    "./pagination": {
+      "import": "./dist/pagination.js",
+      "require": "./dist/pagination.cjs"
+    },
+    "./password-input": {
+      "import": "./dist/password-input.js",
+      "require": "./dist/password-input.cjs"
+    },
+    "./pin-input": {
+      "import": "./dist/pin-input.js",
+      "require": "./dist/pin-input.cjs"
+    },
+    "./popover": {
+      "import": "./dist/popover.js",
+      "require": "./dist/popover.cjs"
+    },
+    "./portal": {
+      "import": "./dist/portal.js",
+      "require": "./dist/portal.cjs"
+    },
+    "./presence": {
+      "import": "./dist/presence.js",
+      "require": "./dist/presence.cjs"
+    },
+    "./progress": {
+      "import": "./dist/progress.js",
+      "require": "./dist/progress.cjs"
+    },
+    "./qr-code": {
+      "import": "./dist/qr-code.js",
+      "require": "./dist/qr-code.cjs"
+    },
+    "./radio-group": {
+      "import": "./dist/radio-group.js",
+      "require": "./dist/radio-group.cjs"
+    },
+    "./rating-group": {
+      "import": "./dist/rating-group.js",
+      "require": "./dist/rating-group.cjs"
+    },
+    "./scroll-area": {
+      "import": "./dist/scroll-area.js",
+      "require": "./dist/scroll-area.cjs"
+    },
+    "./segment-group": {
+      "import": "./dist/segment-group.js",
+      "require": "./dist/segment-group.cjs"
+    },
+    "./select": {
+      "import": "./dist/select.js",
+      "require": "./dist/select.cjs"
+    },
+    "./signature-pad": {
+      "import": "./dist/signature-pad.js",
+      "require": "./dist/signature-pad.cjs"
+    },
+    "./slider": {
+      "import": "./dist/slider.js",
+      "require": "./dist/slider.cjs"
+    },
+    "./steps": {
+      "import": "./dist/steps.js",
+      "require": "./dist/steps.cjs"
+    },
+    "./swap": {
+      "import": "./dist/swap.js",
+      "require": "./dist/swap.cjs"
+    },
+    "./switch": {
+      "import": "./dist/switch.js",
+      "require": "./dist/switch.cjs"
+    },
+    "./tabs": {
+      "import": "./dist/tabs.js",
+      "require": "./dist/tabs.cjs"
+    },
+    "./tags-input": {
+      "import": "./dist/tags-input.js",
+      "require": "./dist/tags-input.cjs"
+    },
+    "./timer": {
+      "import": "./dist/timer.js",
+      "require": "./dist/timer.cjs"
+    },
+    "./toast": {
+      "import": "./dist/toast.js",
+      "require": "./dist/toast.cjs"
+    },
+    "./toggle": {
+      "import": "./dist/toggle.js",
+      "require": "./dist/toggle.cjs"
+    },
+    "./toggle-group": {
+      "import": "./dist/toggle-group.js",
+      "require": "./dist/toggle-group.cjs"
+    },
+    "./tooltip": {
+      "import": "./dist/tooltip.js",
+      "require": "./dist/tooltip.cjs"
+    },
+    "./tour": {
+      "import": "./dist/tour.js",
+      "require": "./dist/tour.cjs"
+    },
+    "./tree-view": {
+      "import": "./dist/tree-view.js",
+      "require": "./dist/tree-view.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "@internationalized/date": "^3.12.3",
+    "@internationalized/number": "^3.6.7",
+    "@wirekyt/dom": "0.0.3"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest",
+    "lint": "oxlint",
+    "format": "oxfmt --write",
+    "typecheck": "tsc --noEmit"
+  }
 }