@sprawlify/react 0.0.5 → 0.0.7

package/dist/{factory-DbgGeb_e.mjs → core-C0F-4KYH.mjs}

@@ -1,13 +1,10 @@
-import { t as createContext$1 } from "./create-context-DLMHiig4.mjs";
-import { INIT_STATE, MachineStatus, createScope, mergeProps, mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
+import { INIT_STATE, MachineStatus, createScope, mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
 import { compact, ensure, identity, isFunction, isString, toArray, warn } from "@sprawlify/primitives/utils";
 import * as React$1 from "react";
-import { Children, cloneElement, createElement, forwardRef, isValidElement, memo, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { createPortal, flushSync } from "react-dom";
 import { createNormalizer } from "@sprawlify/primitives/types";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
-import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/core/use-layout-effect.ts
 const useSafeLayoutEffect = typeof globalThis.document !== "undefined" ? useLayoutEffect : useEffect;
@@ -349,151 +346,4 @@ const Portal = (props) => {
 };
 
 //#endregion
-//#region src/utils/run-if-fn.ts
-const isFunction$1 = (value) => typeof value === "function";
-const runIfFn = (valueOrFn, ...args) => isFunction$1(valueOrFn) ? valueOrFn(...args) : valueOrFn;
-
-//#endregion
-//#region src/providers/environment/use-environment-context.ts
-const [EnvironmentContextProvider, useEnvironmentContext] = createContext$1({
-	name: "EnvironmentContext",
-	hookName: "useEnvironmentContext",
-	providerName: "<EnvironmentProvider />",
-	strict: false,
-	defaultValue: {
-		getRootNode: () => document,
-		getDocument: () => document,
-		getWindow: () => window
-	}
-});
-
-//#endregion
-//#region src/providers/environment/environment-provider.tsx
-const EnvironmentProvider = (props) => {
-	const { value, children } = props;
-	const [spanRef, setSpanRef] = useState();
-	const getRootNode = useMemo(() => {
-		return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
-	}, [value, spanRef]);
-	return /* @__PURE__ */ jsxs(EnvironmentContextProvider, {
-		value: useMemo(() => ({
-			getRootNode,
-			getWindow: () => getWindow(getRootNode()),
-			getDocument: () => getDocument(getRootNode())
-		}), [getRootNode]),
-		children: [children, !value && /* @__PURE__ */ jsx("span", {
-			hidden: true,
-			ref: setSpanRef
-		})]
-	});
-};
-
-//#endregion
-//#region src/providers/locale/use-locale-context.ts
-const [LocaleContextProvider, useLocaleContext] = createContext$1({
-	name: "LocaleContext",
-	hookName: "useLocaleContext",
-	providerName: "<LocaleProvider />",
-	strict: false,
-	defaultValue: {
-		dir: "ltr",
-		locale: "en-US"
-	}
-});
-
-//#endregion
-//#region src/providers/locale/locale-provider.tsx
-const LocaleProvider = (props) => {
-	const { children, locale } = props;
-	return /* @__PURE__ */ jsx(LocaleContextProvider, {
-		value: {
-			locale,
-			dir: isRTL(locale) ? "rtl" : "ltr"
-		},
-		children
-	});
-};
-
-//#endregion
-//#region src/providers/locale/use-collator.ts
-function useCollator(props = {}) {
-	const env = useLocaleContext();
-	const locale = props.locale ?? env.locale;
-	return useMemo(() => {
-		const { locale: _, ...options } = props;
-		return createCollator(locale, options);
-	}, [locale, props]);
-}
-
-//#endregion
-//#region src/providers/locale/use-filter.ts
-function useFilter(props) {
-	const env = useLocaleContext();
-	const locale = props.locale ?? env.locale;
-	return useMemo(() => createFilter({
-		...props,
-		locale
-	}), [locale, props]);
-}
-
-//#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();
-		};
-	};
-}
-
-//#endregion
-//#region src/components/factory.ts
-function getRef(element) {
-	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-	if (mayWarn) return element.ref;
-	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-	if (mayWarn) return element.props.ref;
-	return element.props.ref || element.ref;
-}
-const withAsChild = (Component) => {
-	const Comp = memo(forwardRef((props, ref) => {
-		const { asChild, children, ...restProps } = props;
-		if (!asChild) return createElement(Component, {
-			...restProps,
-			ref
-		}, children);
-		if (!isValidElement(children)) return null;
-		const onlyChild = Children.only(children);
-		const childRef = getRef(onlyChild);
-		return cloneElement(onlyChild, {
-			...mergeProps(restProps, onlyChild.props),
-			ref: ref ? composeRefs(ref, childRef) : childRef
-		});
-	}));
-	Comp.displayName = typeof Component === "string" ? Component : Component.displayName || Component.name;
-	return Comp;
-};
-const jsxFactory = () => {
-	const cache = /* @__PURE__ */ new Map();
-	return new Proxy(withAsChild, {
-		apply(_target, _thisArg, argArray) {
-			return withAsChild(argArray[0]);
-		},
-		get(_, element) {
-			const asElement = element;
-			if (!cache.has(asElement)) cache.set(asElement, withAsChild(asElement));
-			return cache.get(asElement);
-		}
-	});
-};
-const sprawlify = jsxFactory();
-
-//#endregion
-export { LocaleProvider as a, useEnvironmentContext as c, normalizeProps as d, useMachine as f, useCollator as i, mergeProps$1 as l, sprawlify as n, useLocaleContext as o, useFilter as r, EnvironmentProvider as s, jsxFactory as t, Portal as u };
+export { useMachine as i, Portal as n, normalizeProps as r, mergeProps$1 as t };

package/dist/{factory-CfqPG186.cjs → core-CPLjF6nm.cjs}

@@ -38,7 +38,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-const require_create_context = require('./create-context-DCEySQ7J.cjs');
 let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
 let __sprawlify_primitives_utils = require("@sprawlify/primitives/utils");
 let react = require("react");
@@ -46,8 +45,6 @@ react = __toESM(react);
 let react_dom = require("react-dom");
 let __sprawlify_primitives_types = require("@sprawlify/primitives/types");
 let react_jsx_runtime = require("react/jsx-runtime");
-let __sprawlify_primitives_dom_query = require("@sprawlify/primitives/dom-query");
-let __sprawlify_primitives_i18n_utils = require("@sprawlify/primitives/i18n-utils");
 
 //#region src/core/use-layout-effect.ts
 const useSafeLayoutEffect = typeof globalThis.document !== "undefined" ? react.useLayoutEffect : react.useEffect;
@@ -389,165 +386,6 @@ const Portal = (props) => {
 };
 
 //#endregion
-//#region src/utils/run-if-fn.ts
-const isFunction = (value) => typeof value === "function";
-const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
-
-//#endregion
-//#region src/providers/environment/use-environment-context.ts
-const [EnvironmentContextProvider, useEnvironmentContext] = require_create_context.createContext({
-	name: "EnvironmentContext",
-	hookName: "useEnvironmentContext",
-	providerName: "<EnvironmentProvider />",
-	strict: false,
-	defaultValue: {
-		getRootNode: () => document,
-		getDocument: () => document,
-		getWindow: () => window
-	}
-});
-
-//#endregion
-//#region src/providers/environment/environment-provider.tsx
-const EnvironmentProvider = (props) => {
-	const { value, children } = props;
-	const [spanRef, setSpanRef] = (0, react.useState)();
-	const getRootNode = (0, react.useMemo)(() => {
-		return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
-	}, [value, spanRef]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EnvironmentContextProvider, {
-		value: (0, react.useMemo)(() => ({
-			getRootNode,
-			getWindow: () => (0, __sprawlify_primitives_dom_query.getWindow)(getRootNode()),
-			getDocument: () => (0, __sprawlify_primitives_dom_query.getDocument)(getRootNode())
-		}), [getRootNode]),
-		children: [children, !value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			hidden: true,
-			ref: setSpanRef
-		})]
-	});
-};
-
-//#endregion
-//#region src/providers/locale/use-locale-context.ts
-const [LocaleContextProvider, useLocaleContext] = require_create_context.createContext({
-	name: "LocaleContext",
-	hookName: "useLocaleContext",
-	providerName: "<LocaleProvider />",
-	strict: false,
-	defaultValue: {
-		dir: "ltr",
-		locale: "en-US"
-	}
-});
-
-//#endregion
-//#region src/providers/locale/locale-provider.tsx
-const LocaleProvider = (props) => {
-	const { children, locale } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LocaleContextProvider, {
-		value: {
-			locale,
-			dir: (0, __sprawlify_primitives_i18n_utils.isRTL)(locale) ? "rtl" : "ltr"
-		},
-		children
-	});
-};
-
-//#endregion
-//#region src/providers/locale/use-collator.ts
-function useCollator(props = {}) {
-	const env = useLocaleContext();
-	const locale = props.locale ?? env.locale;
-	return (0, react.useMemo)(() => {
-		const { locale: _, ...options } = props;
-		return (0, __sprawlify_primitives_i18n_utils.createCollator)(locale, options);
-	}, [locale, props]);
-}
-
-//#endregion
-//#region src/providers/locale/use-filter.ts
-function useFilter(props) {
-	const env = useLocaleContext();
-	const locale = props.locale ?? env.locale;
-	return (0, react.useMemo)(() => (0, __sprawlify_primitives_i18n_utils.createFilter)({
-		...props,
-		locale
-	}), [locale, props]);
-}
-
-//#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();
-		};
-	};
-}
-
-//#endregion
-//#region src/components/factory.ts
-function getRef(element) {
-	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-	if (mayWarn) return element.ref;
-	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-	if (mayWarn) return element.props.ref;
-	return element.props.ref || element.ref;
-}
-const withAsChild = (Component) => {
-	const Comp = (0, react.memo)((0, react.forwardRef)((props, ref) => {
-		const { asChild, children, ...restProps } = props;
-		if (!asChild) return (0, react.createElement)(Component, {
-			...restProps,
-			ref
-		}, children);
-		if (!(0, react.isValidElement)(children)) return null;
-		const onlyChild = react.Children.only(children);
-		const childRef = getRef(onlyChild);
-		return (0, react.cloneElement)(onlyChild, {
-			...(0, __sprawlify_primitives_core.mergeProps)(restProps, onlyChild.props),
-			ref: ref ? composeRefs(ref, childRef) : childRef
-		});
-	}));
-	Comp.displayName = typeof Component === "string" ? Component : Component.displayName || Component.name;
-	return Comp;
-};
-const jsxFactory = () => {
-	const cache = /* @__PURE__ */ new Map();
-	return new Proxy(withAsChild, {
-		apply(_target, _thisArg, argArray) {
-			return withAsChild(argArray[0]);
-		},
-		get(_, element) {
-			const asElement = element;
-			if (!cache.has(asElement)) cache.set(asElement, withAsChild(asElement));
-			return cache.get(asElement);
-		}
-	});
-};
-const sprawlify = jsxFactory();
-
-//#endregion
-Object.defineProperty(exports, 'EnvironmentProvider', {
-  enumerable: true,
-  get: function () {
-    return EnvironmentProvider;
-  }
-});
-Object.defineProperty(exports, 'LocaleProvider', {
-  enumerable: true,
-  get: function () {
-    return LocaleProvider;
-  }
-});
 Object.defineProperty(exports, 'Portal', {
   enumerable: true,
   get: function () {
@@ -566,48 +404,12 @@ Object.defineProperty(exports, '__toESM', {
     return __toESM;
   }
 });
-Object.defineProperty(exports, 'jsxFactory', {
-  enumerable: true,
-  get: function () {
-    return jsxFactory;
-  }
-});
 Object.defineProperty(exports, 'normalizeProps', {
   enumerable: true,
   get: function () {
     return normalizeProps;
   }
 });
-Object.defineProperty(exports, 'sprawlify', {
-  enumerable: true,
-  get: function () {
-    return sprawlify;
-  }
-});
-Object.defineProperty(exports, 'useCollator', {
-  enumerable: true,
-  get: function () {
-    return useCollator;
-  }
-});
-Object.defineProperty(exports, 'useEnvironmentContext', {
-  enumerable: true,
-  get: function () {
-    return useEnvironmentContext;
-  }
-});
-Object.defineProperty(exports, 'useFilter', {
-  enumerable: true,
-  get: function () {
-    return useFilter;
-  }
-});
-Object.defineProperty(exports, 'useLocaleContext', {
-  enumerable: true,
-  get: function () {
-    return useLocaleContext;
-  }
-});
 Object.defineProperty(exports, 'useMachine', {
   enumerable: true,
   get: function () {

package/dist/{create-context-DCEySQ7J.cjs → create-context-D6DyFRSf.cjs}

@@ -1,4 +1,4 @@
-const require_factory = require('./factory-CfqPG186.cjs');
+const require_core = require('./core-CPLjF6nm.cjs');
 let __sprawlify_primitives_utils = require("@sprawlify/primitives/utils");
 let react = require("react");
 

package/dist/environment-BXkWNF2O.mjs

@@ -0,0 +1,46 @@
+import { t as createContext$1 } from "./create-context-CdjrBhu7.mjs";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
+
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+//#endregion
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext$1({
+	name: "EnvironmentContext",
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: {
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	}
+});
+
+//#endregion
+//#region src/providers/environment/environment-provider.tsx
+const EnvironmentProvider = (props) => {
+	const { value, children } = props;
+	const [spanRef, setSpanRef] = useState();
+	const getRootNode = useMemo(() => {
+		return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
+	}, [value, spanRef]);
+	return /* @__PURE__ */ jsxs(EnvironmentContextProvider, {
+		value: useMemo(() => ({
+			getRootNode,
+			getWindow: () => getWindow(getRootNode()),
+			getDocument: () => getDocument(getRootNode())
+		}), [getRootNode]),
+		children: [children, !value && /* @__PURE__ */ jsx("span", {
+			hidden: true,
+			ref: setSpanRef
+		})]
+	});
+};
+
+//#endregion
+export { useEnvironmentContext as n, EnvironmentProvider as t };

package/dist/environment-DLPiALpf.cjs

@@ -0,0 +1,58 @@
+const require_core = require('./core-CPLjF6nm.cjs');
+const require_create_context = require('./create-context-D6DyFRSf.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_dom_query = require("@sprawlify/primitives/dom-query");
+
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+//#endregion
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = require_create_context.createContext({
+	name: "EnvironmentContext",
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: {
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	}
+});
+
+//#endregion
+//#region src/providers/environment/environment-provider.tsx
+const EnvironmentProvider = (props) => {
+	const { value, children } = props;
+	const [spanRef, setSpanRef] = (0, react.useState)();
+	const getRootNode = (0, react.useMemo)(() => {
+		return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
+	}, [value, spanRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EnvironmentContextProvider, {
+		value: (0, react.useMemo)(() => ({
+			getRootNode,
+			getWindow: () => (0, __sprawlify_primitives_dom_query.getWindow)(getRootNode()),
+			getDocument: () => (0, __sprawlify_primitives_dom_query.getDocument)(getRootNode())
+		}), [getRootNode]),
+		children: [children, !value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			hidden: true,
+			ref: setSpanRef
+		})]
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'EnvironmentProvider', {
+  enumerable: true,
+  get: function () {
+    return EnvironmentProvider;
+  }
+});
+Object.defineProperty(exports, 'useEnvironmentContext', {
+  enumerable: true,
+  get: function () {
+    return useEnvironmentContext;
+  }
+});

package/dist/factory-BbbIuDqa.d.mts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithoutRef, JSX } from "react";
+
+//#region src/components/factory.d.ts
+interface PolymorphicProps {
+  asChild?: boolean | undefined;
+}
+type JsxElements = { [E in keyof JSX.IntrinsicElements]: SprawlifyForwardRefComponent<E> };
+type SprawlifyForwardRefComponent<E$1 extends React.ElementType> = React.ForwardRefExoticComponent<SprawlifyPropsWithRef<E$1>>;
+type SprawlifyPropsWithRef<E$1 extends React.ElementType> = React.ComponentPropsWithRef<E$1> & PolymorphicProps;
+type HTMLProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T>;
+type HTMLSprawlifyProps<T extends keyof JSX.IntrinsicElements> = HTMLProps<T> & PolymorphicProps;
+declare const jsxFactory: () => JsxElements;
+declare const sprawlify: JsxElements;
+//#endregion
+export { sprawlify as a, jsxFactory as i, HTMLSprawlifyProps as n, PolymorphicProps as r, HTMLProps as t };

package/dist/factory-CDX-oCN5.cjs

@@ -0,0 +1,81 @@
+const require_core = require('./core-CPLjF6nm.cjs');
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+let react = require("react");
+
+//#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();
+		};
+	};
+}
+
+//#endregion
+//#region src/components/factory.ts
+function getRef(element) {
+	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.ref;
+	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.props.ref;
+	return element.props.ref || element.ref;
+}
+const withAsChild = (Component) => {
+	const Comp = (0, react.memo)((0, react.forwardRef)((props, ref) => {
+		const { asChild, children, ...restProps } = props;
+		if (!asChild) return (0, react.createElement)(Component, {
+			...restProps,
+			ref
+		}, children);
+		if (!(0, react.isValidElement)(children)) return null;
+		const onlyChild = react.Children.only(children);
+		const childRef = getRef(onlyChild);
+		return (0, react.cloneElement)(onlyChild, {
+			...(0, __sprawlify_primitives_core.mergeProps)(restProps, onlyChild.props),
+			ref: ref ? composeRefs(ref, childRef) : childRef
+		});
+	}));
+	Comp.displayName = typeof Component === "string" ? Component : Component.displayName || Component.name;
+	return Comp;
+};
+const jsxFactory = () => {
+	const cache = /* @__PURE__ */ new Map();
+	return new Proxy(withAsChild, {
+		apply(_target, _thisArg, argArray) {
+			return withAsChild(argArray[0]);
+		},
+		get(_, element) {
+			const asElement = element;
+			if (!cache.has(asElement)) cache.set(asElement, withAsChild(asElement));
+			return cache.get(asElement);
+		}
+	});
+};
+const sprawlify = jsxFactory();
+
+//#endregion
+Object.defineProperty(exports, 'composeRefs', {
+  enumerable: true,
+  get: function () {
+    return composeRefs;
+  }
+});
+Object.defineProperty(exports, 'jsxFactory', {
+  enumerable: true,
+  get: function () {
+    return jsxFactory;
+  }
+});
+Object.defineProperty(exports, 'sprawlify', {
+  enumerable: true,
+  get: function () {
+    return sprawlify;
+  }
+});

package/dist/factory-DQlmCPH2.mjs

@@ -0,0 +1,63 @@
+import { mergeProps } from "@sprawlify/primitives/core";
+import { Children, cloneElement, createElement, forwardRef, isValidElement, memo } from "react";
+
+//#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();
+		};
+	};
+}
+
+//#endregion
+//#region src/components/factory.ts
+function getRef(element) {
+	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.ref;
+	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.props.ref;
+	return element.props.ref || element.ref;
+}
+const withAsChild = (Component) => {
+	const Comp = memo(forwardRef((props, ref) => {
+		const { asChild, children, ...restProps } = props;
+		if (!asChild) return createElement(Component, {
+			...restProps,
+			ref
+		}, children);
+		if (!isValidElement(children)) return null;
+		const onlyChild = Children.only(children);
+		const childRef = getRef(onlyChild);
+		return cloneElement(onlyChild, {
+			...mergeProps(restProps, onlyChild.props),
+			ref: ref ? composeRefs(ref, childRef) : childRef
+		});
+	}));
+	Comp.displayName = typeof Component === "string" ? Component : Component.displayName || Component.name;
+	return Comp;
+};
+const jsxFactory = () => {
+	const cache = /* @__PURE__ */ new Map();
+	return new Proxy(withAsChild, {
+		apply(_target, _thisArg, argArray) {
+			return withAsChild(argArray[0]);
+		},
+		get(_, element) {
+			const asElement = element;
+			if (!cache.has(asElement)) cache.set(asElement, withAsChild(asElement));
+			return cache.get(asElement);
+		}
+	});
+};
+const sprawlify = jsxFactory();
+
+//#endregion
+export { sprawlify as n, composeRefs as r, jsxFactory as t };

package/dist/factory-DaNWFLLN.d.cts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithoutRef, JSX } from "react";
+
+//#region src/components/factory.d.ts
+interface PolymorphicProps {
+  asChild?: boolean | undefined;
+}
+type JsxElements = { [E in keyof JSX.IntrinsicElements]: SprawlifyForwardRefComponent<E> };
+type SprawlifyForwardRefComponent<E$1 extends React.ElementType> = React.ForwardRefExoticComponent<SprawlifyPropsWithRef<E$1>>;
+type SprawlifyPropsWithRef<E$1 extends React.ElementType> = React.ComponentPropsWithRef<E$1> & PolymorphicProps;
+type HTMLProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T>;
+type HTMLSprawlifyProps<T extends keyof JSX.IntrinsicElements> = HTMLProps<T> & PolymorphicProps;
+declare const jsxFactory: () => JsxElements;
+declare const sprawlify: JsxElements;
+//#endregion
+export { sprawlify as a, jsxFactory as i, HTMLSprawlifyProps as n, PolymorphicProps as r, HTMLProps as t };