@sprawlify/vue 0.0.65 → 0.0.67

package/dist/components/collapsible/index.js

@@ -1,327 +1,7 @@
-import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
-import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, d as mergeProps$1, f as useMachine, l as useEnvironmentContext, o as useLocaleContext, p as normalizeProps$1, t as useForwardExpose, u as createContext } from "../../use-forward-expose-BIk4OI3R.js";
-import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, h, mergeDefaults, mergeProps, normalizeProps, openBlock, ref, renderSlot, toValue, unref, useId, watch, withCtx } from "vue";
-import * as collapsible from "@sprawlify/primitives/machines/collapsible";
-import { anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";
+import "../../core-DNndr38p.js";
+import "../../providers-B2CNPFg1.js";
+import "../../use-forward-expose-4p5AGAI3.js";
+import "../../factory-BH3WrWd2.js";
+import { a as collapsible_root_default, c as collapsible_context_default, i as collapsible_trigger_default, l as collapsible_content_default, n as collapsibleAnatomy, o as useCollapsible, r as collapsible_indicator_default, s as collapsible_root_provider_default, t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-DQfAISmg.js";
 
-//#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
-//#region src/components/collapsible/use-collapsible-context.ts
-const [CollapsibleProvider, useCollapsibleContext] = createContext("CollapsibleContext");
-
-//#endregion
-//#region src/components/collapsible/collapsible-content.vue?vue&type=script&setup=true&lang.ts
-var collapsible_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "collapsible-content",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const collapsible = useCollapsibleContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return !unref(collapsible).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(collapsible).getContentProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/collapsible/collapsible-content.vue
-var collapsible_content_default = collapsible_content_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/collapsible/collapsible-context.vue?vue&type=script&setup=true&lang.ts
-var collapsible_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "collapsible-context",
-	setup(__props) {
-		const collapsible = useCollapsibleContext();
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(collapsible))));
-		};
-	}
-});
-
-//#endregion
-//#region src/components/collapsible/collapsible-context.vue
-var collapsible_context_default = collapsible_context_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/collapsible/collapsible-root-provider.vue?vue&type=script&setup=true&lang.ts
-var collapsible_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "collapsible-root-provider",
-	props: {
-		value: {
-			type: null,
-			required: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const collapsible = computed(() => props.value);
-		CollapsibleProvider(collapsible);
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(collapsible.value.getRootProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/collapsible/collapsible-root-provider.vue
-var collapsible_root_provider_default = collapsible_root_provider_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/utils/clean-props.ts
-const cleanProps = (obj) => {
-	const result = {};
-	for (const [key, value] of Object.entries(obj)) if (value !== void 0) result[key] = value;
-	return result;
-};
-
-//#endregion
-//#region src/components/collapsible/use-collapsible.ts
-const useCollapsible = (props = {}, emits) => {
-	const id = useId();
-	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
-	const locale = useLocaleContext(DEFAULT_LOCALE);
-	const context = computed(() => {
-		const localeProps = toValue(props);
-		return {
-			id,
-			dir: locale.value.dir,
-			getRootNode: env?.value.getRootNode,
-			...cleanProps(localeProps),
-			onExitComplete: () => {
-				emits?.("exitComplete");
-				localeProps.onExitComplete?.();
-			},
-			onOpenChange: (details) => {
-				emits?.("openChange", details);
-				emits?.("update:open", details.open);
-				localeProps.onOpenChange?.(details);
-			}
-		};
-	});
-	const service = useMachine(collapsible.machine, context);
-	const api = computed(() => collapsible.connect(service, normalizeProps$1));
-	const wasVisible = ref(false);
-	watch(() => api.value.visible, () => {
-		if (api.value.visible) wasVisible.value = true;
-	});
-	return computed(() => {
-		const localeProps = toValue(props);
-		return {
-			...api.value,
-			unmounted: !api.value.visible && !wasVisible.value && localeProps.lazyMount || localeProps.unmountOnExit && !api.value.visible && wasVisible.value
-		};
-	});
-};
-
-//#endregion
-//#region src/components/collapsible/collapsible-root.vue?vue&type=script&setup=true&lang.ts
-var collapsible_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "collapsible-root",
-	props: /* @__PURE__ */ mergeDefaults({
-		collapsedHeight: {
-			type: [Number, String],
-			required: false
-		},
-		collapsedWidth: {
-			type: [Number, String],
-			required: false
-		},
-		defaultOpen: {
-			type: Boolean,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		ids: {
-			type: Object,
-			required: false
-		},
-		lazyMount: {
-			type: Boolean,
-			required: false
-		},
-		open: {
-			type: Boolean,
-			required: false
-		},
-		unmountOnExit: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	}, {
-		defaultOpen: void 0,
-		disabled: void 0,
-		lazyMount: void 0,
-		open: void 0,
-		unmountOnExit: void 0
-	}),
-	emits: [
-		"exitComplete",
-		"openChange",
-		"update:open"
-	],
-	setup(__props, { emit: __emit }) {
-		const collapsible = useCollapsible(__props, __emit);
-		CollapsibleProvider(collapsible);
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(collapsible).getRootProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/collapsible/collapsible-root.vue
-var collapsible_root_default = collapsible_root_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/collapsible/collapsible-trigger.vue?vue&type=script&setup=true&lang.ts
-var collapsible_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "collapsible-trigger",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const collapsible = useCollapsibleContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(collapsible).getTriggerProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/collapsible/collapsible-trigger.vue
-var collapsible_trigger_default = collapsible_trigger_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/collapsible/collapsible-indicator.vue?vue&type=script&setup=true&lang.ts
-var collapsible_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "collapsible-indicator",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const collapsible = useCollapsibleContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(collapsible).getIndicatorProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/collapsible/collapsible-indicator.vue
-var collapsible_indicator_default = collapsible_indicator_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/collapsible/collapsible.ts
-var collapsible_exports = /* @__PURE__ */ __exportAll({
-	Content: () => collapsible_content_default,
-	Context: () => collapsible_context_default,
-	Indicator: () => collapsible_indicator_default,
-	Root: () => collapsible_root_default,
-	RootProvider: () => collapsible_root_provider_default,
-	Trigger: () => collapsible_trigger_default
-});
-
-//#endregion
 export { collapsible_exports as Collapsible, collapsible_content_default as CollapsibleContent, collapsible_context_default as CollapsibleContext, collapsible_indicator_default as CollapsibleIndicator, collapsible_root_default as CollapsibleRoot, collapsible_root_provider_default as CollapsibleRootProvider, collapsible_trigger_default as CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/components/collection/index.d.ts

@@ -0,0 +1,2 @@
+import { C as createGridCollection, S as GridCollectionOptions, _ as CollectionItem, a as UseListCollectionReturn, b as createListCollection, c as UseAsyncListReturn, d as FlatTreeNode, f as TreeCollection, g as createTreeCollection, h as createFileTreeCollection, i as UseListCollectionProps, l as useAsyncList, m as TreeNode, n as UseListSelectionReturn, o as useListCollection, p as TreeCollectionOptions, r as useListSelection, s as UseAsyncListProps, t as UseListSelectionProps, u as FilePathTreeNode, v as CollectionOptions, x as GridCollection, y as ListCollection } from "../../index-DqRk-Yea.js";
+export { CollectionItem, CollectionOptions, FilePathTreeNode, FlatTreeNode, GridCollection, GridCollectionOptions, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode, UseAsyncListProps, UseAsyncListReturn, UseListCollectionProps, UseListCollectionReturn, UseListSelectionProps, UseListSelectionReturn, createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/components/collection/index.js

@@ -0,0 +1,4 @@
+import "../../core-DNndr38p.js";
+import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-Ba0Aeh5P.js";
+
+export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };