@sprawlify/vue 0.0.65 → 0.0.67

package/dist/clean-props-BDv2zb5M.js

@@ -0,0 +1,9 @@
+//#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
+export { cleanProps as t };

package/dist/collapsible-DQfAISmg.js

@@ -0,0 +1,259 @@
+import { t as __exportAll } from "./chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "./core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "./providers-B2CNPFg1.js";
+import { r as createContext, t as useForwardExpose } from "./use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "./factory-BH3WrWd2.js";
+import { t as cleanProps } from "./clean-props-BDv2zb5M.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, 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";
+
+//#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/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_root_default as a, collapsible_context_default as c, collapsible_trigger_default as i, collapsible_content_default as l, collapsibleAnatomy as n, useCollapsible as o, collapsible_indicator_default as r, collapsible_root_provider_default as s, collapsible_exports as t, useCollapsibleContext as u };

package/dist/collection-Ba0Aeh5P.js

@@ -0,0 +1,218 @@
+import { n as useMachine } from "./core-DNndr38p.js";
+import { t as cleanProps } from "./clean-props-BDv2zb5M.js";
+import { computed, ref, shallowRef, toValue, watch } from "vue";
+import { GridCollection, ListCollection, Selection, TreeCollection, filePathToTree } from "@sprawlify/primitives/collection";
+import * as asyncList from "@sprawlify/primitives/machines/async-list";
+
+//#region src/components/collection/grid-collection.ts
+const createGridCollection = (options) => new GridCollection(options);
+
+//#endregion
+//#region src/components/collection/list-collection.ts
+const createListCollection = (options) => new ListCollection(options);
+
+//#endregion
+//#region src/components/collection/tree-collection.ts
+const createTreeCollection = (options) => new TreeCollection(options);
+const createFileTreeCollection = (paths) => filePathToTree(paths);
+
+//#endregion
+//#region src/components/collection/use-async-list.ts
+const useAsyncList = (props = {}) => {
+	const context = computed(() => cleanProps(toValue(props)));
+	const service = useMachine(asyncList.machine, context);
+	return computed(() => asyncList.connect(service));
+};
+
+//#endregion
+//#region src/components/collection/use-list-collection.ts
+function useListCollection(props) {
+	const resolvedProps = computed(() => {
+		const { initialItems = [], filter, limit, ...collectionOptions } = toValue(props);
+		return [{
+			initialItems,
+			filter,
+			limit
+		}, collectionOptions];
+	});
+	const init = () => {
+		const { initialItems } = resolvedProps.value[0];
+		return initialItems;
+	};
+	const items = ref(init());
+	const filterText = ref("");
+	const setItems = (newItems) => {
+		items.value = newItems;
+		filterText.value = "";
+	};
+	const create = (itemsToCreate) => {
+		const [, collectionOptions] = resolvedProps.value;
+		return createListCollection({
+			...collectionOptions,
+			items: itemsToCreate
+		});
+	};
+	return {
+		collection: computed(() => {
+			const [localProps, collectionOptions] = resolvedProps.value;
+			let activeItems = items.value;
+			const filter = localProps.filter;
+			if (filterText.value && filter) activeItems = create(items.value).filter((itemString, _index, item) => filter(itemString, filterText.value, item)).items;
+			const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+			return createListCollection({
+				...collectionOptions,
+				items: limitedItems
+			});
+		}),
+		filter: (inputValue = "") => {
+			filterText.value = inputValue;
+		},
+		set: (newItems) => {
+			setItems(newItems);
+		},
+		reset: () => {
+			const [localProps] = resolvedProps.value;
+			setItems(localProps.initialItems);
+		},
+		clear: () => {
+			setItems([]);
+		},
+		insert: (index, ...itemsToInsert) => {
+			const newItems = create(items.value).insert(index, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertBefore: (value, ...itemsToInsert) => {
+			const newItems = create(items.value).insertBefore(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		insertAfter: (value, ...itemsToInsert) => {
+			const newItems = create(items.value).insertAfter(value, ...itemsToInsert).items;
+			setItems(newItems);
+		},
+		remove: (...itemOrValues) => {
+			const newItems = create(items.value).remove(...itemOrValues).items;
+			setItems(newItems);
+		},
+		move: (value, to) => {
+			const newItems = create(items.value).move(value, to).items;
+			setItems(newItems);
+		},
+		moveBefore: (value, ...values) => {
+			const newItems = create(items.value).moveBefore(value, ...values).items;
+			setItems(newItems);
+		},
+		moveAfter: (value, ...values) => {
+			const newItems = create(items.value).moveAfter(value, ...values).items;
+			setItems(newItems);
+		},
+		reorder: (from, to) => {
+			const newItems = create(items.value).reorder(from, to).items;
+			setItems(newItems);
+		},
+		append: (...itemsToAppend) => {
+			const newItems = create(items.value).append(...itemsToAppend).items;
+			setItems(newItems);
+		},
+		upsert: (value, item, mode = "append") => {
+			const newItems = create(items.value).upsert(value, item, mode).items;
+			setItems(newItems);
+		},
+		prepend: (...itemsToPrepend) => {
+			const newItems = create(items.value).prepend(...itemsToPrepend).items;
+			setItems(newItems);
+		},
+		update: (value, item) => {
+			const newItems = create(items.value).update(value, item).items;
+			setItems(newItems);
+		}
+	};
+}
+
+//#endregion
+//#region src/components/collection/use-list-selection.ts
+function useListSelection(props) {
+	const resolvedProps = computed(() => {
+		const { collection, selectionMode = "single", deselectable = true, initialSelectedValues = [], resetOnCollectionChange = false } = toValue(props);
+		return {
+			collection,
+			selectionMode,
+			deselectable,
+			initialSelectedValues,
+			resetOnCollectionChange
+		};
+	});
+	const createSelection = (values = []) => {
+		const { selectionMode, deselectable } = resolvedProps.value;
+		const selection = new Selection(values);
+		selection.selectionMode = selectionMode;
+		selection.deselectable = deselectable;
+		return selection;
+	};
+	const init = () => {
+		const { initialSelectedValues } = resolvedProps.value;
+		return createSelection(initialSelectedValues);
+	};
+	const selection = shallowRef(init());
+	watch([() => resolvedProps.value.collection.getValues(), () => resolvedProps.value.resetOnCollectionChange], ([, resetOnCollectionChange]) => {
+		if (resetOnCollectionChange) selection.value = createSelection();
+	});
+	return {
+		selectedValues: computed(() => Array.from(selection.value)),
+		isEmpty: computed(() => selection.value.isEmpty()),
+		firstSelectedValue: computed(() => {
+			const { collection } = resolvedProps.value;
+			return selection.value.firstSelectedValue(collection);
+		}),
+		lastSelectedValue: computed(() => {
+			const { collection } = resolvedProps.value;
+			return selection.value.lastSelectedValue(collection);
+		}),
+		isSelected: (value) => {
+			return selection.value.isSelected(value);
+		},
+		isAllSelected: () => {
+			const { collection } = resolvedProps.value;
+			const allValues = collection.getValues();
+			return allValues.length > 0 && allValues.every((value) => selection.value.isSelected(value));
+		},
+		isSomeSelected: () => {
+			const { collection } = resolvedProps.value;
+			return collection.getValues().some((value) => selection.value.isSelected(value));
+		},
+		canSelect: (value) => {
+			const { collection } = resolvedProps.value;
+			return selection.value.canSelect(collection, value);
+		},
+		select: (value, forceToggle) => {
+			const { collection } = resolvedProps.value;
+			selection.value = selection.value.select(collection, value, forceToggle);
+		},
+		deselect: (value) => {
+			selection.value = selection.value.deselect(value);
+		},
+		toggle: (value) => {
+			const { collection } = resolvedProps.value;
+			selection.value = selection.value.toggleSelection(collection, value);
+		},
+		replace: (value) => {
+			const { collection } = resolvedProps.value;
+			selection.value = selection.value.replaceSelection(collection, value);
+		},
+		extend: (anchorValue, targetValue) => {
+			const { collection } = resolvedProps.value;
+			selection.value = selection.value.extendSelection(collection, anchorValue, targetValue);
+		},
+		setSelectedValues: (values) => {
+			selection.value = selection.value.setSelection(values);
+		},
+		clear: () => {
+			selection.value = selection.value.clearSelection();
+		},
+		resetSelection: () => {
+			selection.value = createSelection();
+		}
+	};
+}
+
+//#endregion
+export { createTreeCollection as a, createFileTreeCollection as i, useListCollection as n, createListCollection as o, useAsyncList as r, createGridCollection as s, useListSelection as t };

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

@@ -0,0 +1,195 @@
+import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
+import { i as UsePresenceProps } from "../../index-CDQghZtv.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-Bj-dS2Hc.js";
+import { r as PropTypes } from "../../index-B66Om_3U.js";
+import { t as RenderStrategyProps } from "../../use-render-strategy-CHj_pCfT.js";
+import * as vue954 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as accordion from "@sprawlify/primitives/machines/accordion";
+import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";
+
+//#region src/components/accordion/accordion-types.d.ts
+interface RootProps {
+  collapsible?: boolean;
+  defaultValue?: string[];
+  disabled?: boolean;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    item(value: string): string;
+    itemContent(value: string): string;
+    itemTrigger(value: string): string;
+  }>;
+  modelValue?: string[];
+  multiple?: boolean;
+  orientation?: 'horizontal' | 'vertical';
+}
+type RootEmits = {
+  focusChange: [details: accordion.FocusChangeDetails];
+  valueChange: [details: accordion.ValueChangeDetails];
+  'update:modelValue': [value: string[]];
+};
+//#endregion
+//#region src/components/accordion/use-accordion.d.ts
+interface UseAccordionProps extends Optional<Omit<accordion.Props, 'dir' | 'getRootNode'>, 'id'> {
+  modelValue?: accordion.Props['value'];
+}
+interface UseAccordionReturn extends ComputedRef<accordion.Api<PropTypes>> {}
+declare const useAccordion: (props?: MaybeRef<UseAccordionProps>, emit?: EmitFn$1<RootEmits>) => UseAccordionReturn;
+//#endregion
+//#region src/components/accordion/use-accordion-context.d.ts
+interface UseAccordionContext extends UseAccordionReturn, UsePresenceProps {}
+//#endregion
+//#region src/components/accordion/accordion-context.vue.d.ts
+interface AccordionContextProps extends SlotsType<{
+  default: UnwrapRef<UseAccordionContext>;
+}> {}
+declare const _default: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<vue954.DefineComponent<{}, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, true, {}, any>, {
+  default(accordion: UnwrapRef<UseAccordionContext>): unknown;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/accordion-item-content.vue.d.ts
+interface AccordionItemContentBaseProps extends PolymorphicProps {}
+interface AccordionItemContentProps extends AccordionItemContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue954.DefineComponent<AccordionItemContentProps, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<AccordionItemContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/use-accordion-item-context.d.ts
+interface UseAccordionItemContext extends ComputedRef<ItemState> {}
+//#endregion
+//#region src/components/accordion/accordion-item-context.vue.d.ts
+interface AccordionItemContextProps extends SlotsType<{
+  default: UnwrapRef<UseAccordionItemContext>;
+}> {}
+declare const _default$3: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue954.DefineComponent<{}, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, true, {}, any>, {
+  default(item: UnwrapRef<UseAccordionItemContext>): unknown;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/accordion-item-indicator.vue.d.ts
+interface AccordionItemIndicatorBaseProps extends PolymorphicProps {}
+interface AccordionItemIndicatorProps extends AccordionItemIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue954.DefineComponent<AccordionItemIndicatorProps, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<AccordionItemIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/accordion-item-trigger.vue.d.ts
+interface AccordionItemTriggerBaseProps extends PolymorphicProps {}
+interface AccordionItemTriggerProps extends AccordionItemTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$5: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue954.DefineComponent<AccordionItemTriggerProps, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<AccordionItemTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/accordion-item.vue.d.ts
+interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {}
+interface AccordionItemProps extends AccordionItemBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue954.DefineComponent<AccordionItemProps, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/accordion-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseAccordionReturn>;
+}
+interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
+interface AccordionRootProviderProps extends AccordionRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue954.DefineComponent<AccordionRootProviderProps, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {}, string, vue954.PublicProps, Readonly<AccordionRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue954.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/accordion/accordion-root.vue.d.ts
+interface AccordionRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {}
+interface AccordionRootProps extends AccordionRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface AccordionRootEmits extends RootEmits {}
+declare const _default$6: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue954.DefineComponent<AccordionRootProps, {}, {}, {}, {}, vue954.ComponentOptionsMixin, vue954.ComponentOptionsMixin, {
+  "update:modelValue": (value: string[]) => any;
+  valueChange: (details: accordion.ValueChangeDetails) => any;
+  focusChange: (details: accordion.FocusChangeDetails) => any;
+}, string, vue954.PublicProps, Readonly<AccordionRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onValueChange?: ((details: accordion.ValueChangeDetails) => any) | undefined;
+  onFocusChange?: ((details: accordion.FocusChangeDetails) => any) | undefined;
+}>, {
+  disabled: boolean;
+  multiple: boolean;
+  collapsible: boolean;
+}, {}, {}, {}, string, vue954.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace accordion_d_exports {
+  export { _default as Context, AccordionContextProps as ContextProps, FocusChangeDetails, _default$1 as Item, AccordionItemBaseProps as ItemBaseProps, _default$2 as ItemContent, AccordionItemContentBaseProps as ItemContentBaseProps, AccordionItemContentProps as ItemContentProps, _default$3 as ItemContext, AccordionItemContextProps as ItemContextProps, _default$4 as ItemIndicator, AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, AccordionItemIndicatorProps as ItemIndicatorProps, AccordionItemProps as ItemProps, _default$5 as ItemTrigger, AccordionItemTriggerBaseProps as ItemTriggerBaseProps, AccordionItemTriggerProps as ItemTriggerProps, _default$6 as Root, AccordionRootBaseProps as RootBaseProps, AccordionRootEmits as RootEmits, AccordionRootProps as RootProps, _default$7 as RootProvider, AccordionRootProviderBaseProps as RootProviderBaseProps, AccordionRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { accordion_d_exports as Accordion, _default as AccordionContext, type AccordionContextProps, type AccordionFocusChangeDetails, _default$1 as AccordionItem, type AccordionItemBaseProps, _default$2 as AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, _default$3 as AccordionItemContext, type AccordionItemContextProps, _default$4 as AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, type AccordionItemProps, _default$5 as AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, _default$6 as AccordionRoot, type AccordionRootBaseProps, type AccordionRootEmits, type AccordionRootProps, _default$7 as AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, type AccordionValueChangeDetails, type UseAccordionContext, type UseAccordionItemContext, type UseAccordionProps, type UseAccordionReturn, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };