@sprawlify/vue 0.0.65 → 0.0.66

package/dist/{use-forward-expose-BIk4OI3R.js → core-DNndr38p.js}

@@ -1,9 +1,7 @@
 import { INIT_STATE, MachineStatus, createScope, mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
 import { createNormalizer } from "@sprawlify/primitives/types";
 import { compact, ensure, isEqual, isFunction, isString, toArray, warn } from "@sprawlify/primitives/utils";
-import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, inject, nextTick, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, shallowRef, toValue, watch } from "vue";
-import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
-import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
+import { computed, nextTick, onBeforeUnmount, onMounted, onUnmounted, shallowRef, toValue, watch } from "vue";
 
 //#region src/core/normalize-props.ts
 function toCase(txt) {
@@ -336,170 +334,4 @@ const flush = (fn) => {
 };
 
 //#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/utils/create-context.ts
-const createContext = (id) => {
-	const contextId = Symbol(id);
-	const provider = (value) => provide(contextId, value);
-	const consumer = (fallback) => inject(contextId, fallback);
-	return [
-		provider,
-		consumer,
-		contextId
-	];
-};
-
-//#endregion
-//#region src/providers/environment/use-environment-context.ts
-const [EnvironmentContextProvider, useEnvironmentContext] = createContext("EnvironmentContext");
-const DEFAULT_ENVIRONMENT = computed(() => ({
-	getRootNode: () => document,
-	getDocument: () => document,
-	getWindow: () => window
-}));
-
-//#endregion
-//#region src/providers/environment/environment-provider.vue?vue&type=script&setup=true&lang.ts
-var environment_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "environment-provider",
-	props: { value: {
-		type: Function,
-		required: false,
-		skipCheck: true
-	} },
-	setup(__props) {
-		const props = __props;
-		const spanRef = ref(null);
-		const getRootNode = () => runIfFn(props.value) ?? spanRef.value?.getRootNode() ?? document;
-		EnvironmentContextProvider(computed(() => ({
-			getRootNode,
-			getDocument: () => getDocument(getRootNode()),
-			getWindow: () => getWindow(getRootNode())
-		})));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), !props.value ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				hidden: "",
-				ref_key: "spanRef",
-				ref: spanRef
-			}, null, 512)) : createCommentVNode("v-if", true)], 64);
-		};
-	}
-});
-
-//#endregion
-//#region src/providers/environment/environment-provider.vue
-var environment_provider_default = environment_provider_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/providers/locale/use-locale-context.ts
-const DEFAULT_LOCALE = computed(() => ({
-	dir: "ltr",
-	locale: "en-US"
-}));
-const [LocaleContextProvider, useLocaleContext] = createContext("LocaleContext");
-
-//#endregion
-//#region src/providers/locale/locale-provider.vue?vue&type=script&setup=true&lang.ts
-var locale_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "locale-provider",
-	props: { locale: {
-		type: String,
-		required: true
-	} },
-	setup(__props) {
-		const props = __props;
-		LocaleContextProvider(computed(() => ({
-			locale: props.locale,
-			dir: isRTL(props.locale) ? "rtl" : "ltr"
-		})));
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
-		};
-	}
-});
-
-//#endregion
-//#region src/providers/locale/locale-provider.vue
-var locale_provider_default = locale_provider_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/providers/locale/use-collator.ts
-function useCollator(propsOrFn = {}) {
-	const env = useLocaleContext();
-	return computed(() => {
-		const props = toValue(propsOrFn);
-		const locale = props.locale ?? env.value.locale;
-		const { locale: _, ...options } = props;
-		return createCollator(locale, options);
-	});
-}
-
-//#endregion
-//#region src/providers/locale/use-filter.ts
-function useFilter(props) {
-	const env = useLocaleContext(DEFAULT_LOCALE);
-	const locale = computed(() => props.locale ?? env.value.locale);
-	return computed(() => createFilter({
-		...props,
-		locale: locale.value
-	}));
-}
-
-//#endregion
-//#region src/utils/unref-element.ts
-function unrefElement(elRef) {
-	const plain = toValue(elRef);
-	return plain?.$el ?? plain;
-}
-
-//#endregion
-//#region src/utils/use-forward-expose.ts
-const isElement = (el) => Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string";
-function useForwardExpose() {
-	const instance = getCurrentInstance();
-	const currentRef = ref();
-	const currentElement = computed(() => {
-		return ["#text", "#comment"].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef);
-	});
-	const localExpose = Object.assign({}, instance.exposed);
-	const ret = {};
-	for (const key in instance.props) Object.defineProperty(ret, key, {
-		enumerable: true,
-		configurable: true,
-		get: () => instance.props[key]
-	});
-	if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
-		enumerable: true,
-		configurable: true,
-		get: () => localExpose[key]
-	});
-	Object.defineProperty(ret, "$el", {
-		enumerable: true,
-		configurable: true,
-		get: () => instance.vnode.el
-	});
-	instance.exposed = ret;
-	function forwardRef(ref) {
-		currentRef.value = ref;
-		if (isElement(ref) || !ref) return;
-		Object.defineProperty(ret, "$el", {
-			enumerable: true,
-			configurable: true,
-			get: () => ref.$el
-		});
-		instance.exposed = ret;
-	}
-	return {
-		forwardRef,
-		currentRef,
-		currentElement
-	};
-}
-
-//#endregion
-export { DEFAULT_LOCALE as a, DEFAULT_ENVIRONMENT as c, mergeProps$1 as d, useMachine as f, locale_provider_default as i, useEnvironmentContext as l, useFilter as n, useLocaleContext as o, normalizeProps$1 as p, useCollator as r, environment_provider_default as s, useForwardExpose as t, createContext as u };
+export { useMachine as n, normalizeProps$1 as r, mergeProps$1 as t };

package/dist/create-split-props-YZ3qgXe_.js

@@ -0,0 +1,11 @@
+//#region src/components/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
+export { createSplitProps as t };

package/dist/factory-BH3WrWd2.js

@@ -0,0 +1,68 @@
+import { t as mergeProps$1 } from "./core-DNndr38p.js";
+import { Fragment, cloneVNode, defineComponent, h } from "vue";
+
+//#region src/utils/dynamic.ts
+const Dynamic = defineComponent({
+	name: "Dynamic",
+	inheritAttrs: false,
+	setup(_, { attrs, slots }) {
+		return () => {
+			if (!slots.default) return null;
+			const children = renderSlotFragments(slots.default());
+			const [firstChildren, ...otherChildren] = children;
+			if (Object.keys(attrs).length > 0) {
+				delete firstChildren.props?.ref;
+				const mergedProps = mergeProps$1(attrs, firstChildren.props ?? {});
+				const cloned = cloneVNode(firstChildren, mergedProps);
+				for (const prop in mergedProps) if (prop.startsWith("on")) {
+					cloned.props ||= {};
+					cloned.props[prop] = mergedProps[prop];
+				}
+				return children.length === 1 ? cloned : [cloned, ...otherChildren];
+			}
+			return children;
+		};
+	}
+});
+function renderSlotFragments(children) {
+	if (!children) return [];
+	return children.flatMap((child) => {
+		if (child.type === Fragment) return renderSlotFragments(child.children);
+		return [child];
+	});
+}
+
+//#endregion
+//#region src/components/factory.ts
+const SELF_CLOSING_TAGS = "br, hr, img, input, area, textarea".split(", ");
+const isSelfClosingTag = (tag) => typeof tag === "string" && SELF_CLOSING_TAGS.includes(tag);
+const withAsChild = (component) => {
+	return defineComponent({
+		name: "Polymorphic",
+		inheritAttrs: false,
+		props: { asChild: {
+			type: Boolean,
+			default: false
+		} },
+		setup(props, { attrs, slots }) {
+			if (!props.asChild) return () => h(component, attrs, isSelfClosingTag(component) ? void 0 : slots.default?.());
+			return () => h(Dynamic, attrs, slots);
+		}
+	});
+};
+function jsxFactory() {
+	const cache = /* @__PURE__ */ new Map();
+	return new Proxy(withAsChild, {
+		apply(_target, _thisArg, argArray) {
+			return withAsChild(argArray[0]);
+		},
+		get(_, element) {
+			if (!cache.has(element)) cache.set(element, withAsChild(element));
+			return cache.get(element);
+		}
+	});
+}
+const sprawlify = jsxFactory();
+
+//#endregion
+export { sprawlify as t };

package/dist/factory-D_ge_w76.d.ts

@@ -0,0 +1,8 @@
+import { h } from "vue";
+
+//#region src/components/factory.d.ts
+interface PolymorphicProps {
+  asChild?: boolean;
+}
+//#endregion
+export { PolymorphicProps as t };