@vuetify/v0 0.0.2-beta.4 → 0.0.2

package/dist/components/{index.d.mts → index.d.ts}

@@ -1,5 +1,7 @@
-import "../index-BA3ZFBnL.mjs";
-import { AtomExpose, AtomProps, AtomSlots, Breakpoints, Context, Group, GroupItemProps, GroupItemSlots, GroupRootProps, GroupRootSlots, Popover, PopoverAnchorProps, PopoverContentEmits, PopoverContentProps, PopoverContext, PopoverRootProps, Step, StepItemProps, StepItemSlots, StepRootProps, StepRootSlots, Theme, ThemeRootProps, ThemeRootSlots, ThemeSlots, _default as _default$2, _default$1 as _default, _default$2 as _default$1, providePopoverContext, usePopoverContext } from "../index-jG0yrC1F.mjs";
-import "../index-ChaaTPKp.mjs";
-import "../index-DfahEz6s.mjs";
-export { _default$1 as Atom, AtomExpose, AtomProps, AtomSlots, Breakpoints, Context, Group, GroupItemProps, GroupItemSlots, GroupRootProps, GroupRootSlots, _default as Hydration, _default$2 as HydrationRoot, Popover, PopoverAnchorProps, PopoverContentEmits, PopoverContentProps, PopoverContext, PopoverRootProps, Step, StepItemProps, StepItemSlots, StepRootProps, StepRootSlots, Theme, ThemeRootProps, ThemeRootSlots, ThemeSlots, providePopoverContext, usePopoverContext };
+import "../index-LBy5OPMu.js";
+import { AtomExpose, AtomProps, AtomSlots, Breakpoints, Context, Group, GroupItemProps, GroupItemSlots, GroupRootProps, GroupRootSlots, Popover, PopoverAnchorProps, PopoverContentEmits, PopoverContentProps, PopoverContext, PopoverRootProps, Step, StepItemProps, StepItemSlots, StepRootProps, StepRootSlots, Theme, ThemeRootProps, ThemeRootSlots, ThemeSlots, _default as _default$2, _default$1, _default$2 as _default, providePopoverContext, usePopoverContext } from "../index-BnsMFYhs.js";
+import "../index-BqrLvboW.js";
+import "../index-z_zwVNP8.js";
+import "../index-tUyghL98.js";
+import "../index-BozA2pze.js";
+export { _default as Atom, AtomExpose, AtomProps, AtomSlots, Breakpoints, Context, Group, GroupItemProps, GroupItemSlots, GroupRootProps, GroupRootSlots, _default$1 as Hydration, _default$2 as HydrationRoot, Popover, PopoverAnchorProps, PopoverContentEmits, PopoverContentProps, PopoverContext, PopoverRootProps, Step, StepItemProps, StepItemSlots, StepRootProps, StepRootSlots, Theme, ThemeRootProps, ThemeRootSlots, ThemeSlots, providePopoverContext, usePopoverContext };

package/dist/components/{index.mjs → index.js}

@@ -1,7 +1,9 @@
-import { Atom_default, Breakpoints, Context, Group, HydrationRoot_default, Hydration_default, Popover, Step, Theme, providePopoverContext, usePopoverContext } from "../components-B5iiovK7.mjs";
-import "../createTrinity-CwGvQ2ng.mjs";
-import "../useTheme-tY7MoBKr.mjs";
-import "../utilities-lZSfrXgw.mjs";
-import "../transformers-BTjuwbOV.mjs";
+import "../htmlElements-SjqYu0am.js";
+import { Atom_default, Breakpoints, Context, Group, HydrationRoot_default, Hydration_default, Popover, Step, Theme, providePopoverContext, usePopoverContext } from "../components-Cc48kKWf.js";
+import "../factories-CPq2yMlr.js";
+import "../useTheme-DSYiiz0R.js";
+import "../utilities-D9rWEgQK.js";
+import "../globals--2b7sF4-.js";
+import "../transformers-BAeg3QJF.js";
 
 export { Atom_default as Atom, Breakpoints, Context, Group, Hydration_default as Hydration, HydrationRoot_default as HydrationRoot, Popover, Step, Theme, providePopoverContext, usePopoverContext };

package/dist/{components-B5iiovK7.mjs → components-Cc48kKWf.js}

@@ -1,36 +1,8 @@
-import { createContext } from "./createTrinity-CwGvQ2ng.mjs";
-import { createBreakpoints, createHydration, createTheme, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useGroup, useHydration, useStep, useTheme } from "./useTheme-tY7MoBKr.mjs";
+import { isSelfClosingTag } from "./htmlElements-SjqYu0am.js";
+import { createContext } from "./factories-CPq2yMlr.js";
+import { createBreakpoints, createHydration, createTheme, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useGroup, useHydration, useStep, useTheme } from "./useTheme-DSYiiz0R.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, toRef, unref, useAttrs, useId, useModel, useTemplateRef, withCtx } from "vue";
 
-//#region src/constants/htmlElements.ts
-const selfClosingTags = [
-	"area",
-	"base",
-	"br",
-	"col",
-	"embed",
-	"hr",
-	"img",
-	"input",
-	"link",
-	"meta",
-	"source",
-	"track",
-	"wbr"
-];
-/**
-* Set of HTML elements that are self-closing (void elements)
-* These elements cannot have children and don't need closing tags
-*/
-const SELF_CLOSING_TAGS = new Set(selfClosingTags);
-/**
-* Check if an element is self-closing
-*/
-function isSelfClosingTag(tag) {
-	return SELF_CLOSING_TAGS.has(tag.toLowerCase());
-}
-
-//#endregion
 //#region src/components/Atom/Atom.vue?vue&type=script&setup=true&lang.ts
 var Atom_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "Atom",
@@ -554,9 +526,9 @@ var ThemeRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
-		const model = useModel(__props, "modelValue");
+		useModel(__props, "modelValue");
 		const [provideThemeContext] = createTheme(__props.namespace);
-		const themeContext = provideThemeContext(model);
+		const themeContext = provideThemeContext();
 		for (const theme of __props.themes) themeContext.register(theme);
 		return (_ctx, _cache) => {
 			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(themeContext))));

package/dist/composables/index.d.ts

@@ -0,0 +1,7 @@
+import "../index-LBy5OPMu.js";
+import { BreakpointName, BreakpointsContext, BreakpointsOptions, CleanupFunction, Colors, ConsolaLoggerAdapter, EventHandler, FilterFunction, FilterItem, FilterMode, FilterQuery, FlatTokenCollection, FormContext, FormOptions, FormTicket, FormValidationResult, FormValidationRule, FormValue, GroupContext, GroupOptions, GroupTicket, HydrationContext, IntersectionObserverEntry, IntersectionObserverOptions, KeyHandler, LayoutContext, LayoutLocation, LayoutOptions, LayoutTicket, LocaleContext, LocaleOptions, LocalePluginOptions, LocaleTicket, LogLevel, LoggerAdapter, LoggerContext, LoggerOptions, MutationObserverRecord, PinoLoggerAdapter, Primitive, ProxyModelOptions, RegistryContext, RegistryOptions, RegistryTicket, ResizeObserverEntry, ResizeObserverOptions, SelectionContext, SelectionOptions, SelectionTicket, SingleContext, SingleOptions, SingleTicket, StepContext, StepOptions, StepTicket, StorageContext, StorageOptions, ThemeColors, ThemeContext, ThemeOptions, ThemePluginOptions, ThemeRecord, ThemeTicket, TokenAlias, TokenCollection, TokenContext, TokenPrimitive, TokenTicket, TokenValue, UseFilterOptions, UseFilterResult, UseMutationObserverOptions, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createRegistryContext, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, provideStorageContext, useBreakpoints, useBreakpointsContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFilter, useForm, useGroup, useHydration, useHydrationContext, useIntersectionObserver, useKeydown, useLayout, useLocale, useLogger, useMutationObserver, useProxyModel, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTokens, useWindowEventListener } from "../index-BnsMFYhs.js";
+import "../index-BqrLvboW.js";
+import "../index-z_zwVNP8.js";
+import "../index-tUyghL98.js";
+import "../index-BozA2pze.js";
+export { BreakpointName, BreakpointsContext, BreakpointsOptions, CleanupFunction, Colors, ConsolaLoggerAdapter, EventHandler, FilterFunction, FilterItem, FilterMode, FilterQuery, FlatTokenCollection, FormContext, FormOptions, FormTicket, FormValidationResult, FormValidationRule, FormValue, GroupContext, GroupOptions, GroupTicket, HydrationContext, IntersectionObserverEntry, IntersectionObserverOptions, KeyHandler, LayoutContext, LayoutLocation, LayoutOptions, LayoutTicket, LocaleContext, LocaleOptions, LocalePluginOptions, LocaleTicket, LogLevel, LoggerAdapter, LoggerContext, LoggerOptions, MutationObserverRecord, PinoLoggerAdapter, Primitive, ProxyModelOptions, RegistryContext, RegistryOptions, RegistryTicket, ResizeObserverEntry, ResizeObserverOptions, SelectionContext, SelectionOptions, SelectionTicket, SingleContext, SingleOptions, SingleTicket, StepContext, StepOptions, StepTicket, StorageContext, StorageOptions, ThemeColors, ThemeContext, ThemeOptions, ThemePluginOptions, ThemeRecord, ThemeTicket, TokenAlias, TokenCollection, TokenContext, TokenPrimitive, TokenTicket, TokenValue, UseFilterOptions, UseFilterResult, UseMutationObserverOptions, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createRegistryContext, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, provideStorageContext, useBreakpoints, useBreakpointsContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFilter, useForm, useGroup, useHydration, useHydrationContext, useIntersectionObserver, useKeydown, useLayout, useLocale, useLogger, useMutationObserver, useProxyModel, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTokens, useWindowEventListener };

package/dist/composables/index.js

@@ -0,0 +1,8 @@
+import "../factories-CPq2yMlr.js";
+import { ConsolaLoggerAdapter, PinoLoggerAdapter, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLogger, createLoggerPlugin, createRegistryContext, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, useBreakpoints, useBreakpointsContext, useGroup, useHydration, useHydrationContext, useLogger, useRegistry, useSelection, useSingle, useStep, useTheme, useTokens } from "../useTheme-DSYiiz0R.js";
+import "../utilities-D9rWEgQK.js";
+import "../globals--2b7sF4-.js";
+import "../transformers-BAeg3QJF.js";
+import { createLocale, createLocalePlugin, createStorage, createStoragePlugin, provideStorageContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFilter, useForm, useIntersectionObserver, useKeydown, useLayout, useLocale, useMutationObserver, useProxyModel, useResizeObserver, useStorage, useStorageContext, useWindowEventListener } from "../composables-7Cbs2sdO.js";
+
+export { ConsolaLoggerAdapter, PinoLoggerAdapter, Vuetify0LoggerAdapter, createBreakpoints, createBreakpointsPlugin, createHydration, createHydrationPlugin, createLocale, createLocalePlugin, createLogger, createLoggerPlugin, createRegistryContext, createStorage, createStoragePlugin, createTheme, createThemePlugin, createTokensContext, provideBreakpointsContext, provideHydrationContext, provideStorageContext, useBreakpoints, useBreakpointsContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFilter, useForm, useGroup, useHydration, useHydrationContext, useIntersectionObserver, useKeydown, useLayout, useLocale, useLogger, useMutationObserver, useProxyModel, useRegistry, useResizeObserver, useSelection, useSingle, useStep, useStorage, useStorageContext, useTheme, useTokens, useWindowEventListener };

package/dist/{composables-C6dl5kjP.mjs → composables-7Cbs2sdO.js}

@@ -1,8 +1,9 @@
-import { createContext, createPlugin, createTrinity, useContext } from "./createTrinity-CwGvQ2ng.mjs";
-import { IN_BROWSER, createTokensContext, useGroup, useLogger, useRegistry, useSingle } from "./useTheme-tY7MoBKr.mjs";
-import { isArray, isFunction } from "./utilities-lZSfrXgw.mjs";
-import { toArray } from "./transformers-BTjuwbOV.mjs";
-import { computed, getCurrentInstance, getCurrentScope, isRef, onMounted, onScopeDispose, onUnmounted, ref, shallowReactive, shallowRef, toRaw, toRef, toValue, unref, watch } from "vue";
+import { createContext, createPlugin, createTrinity, useContext } from "./factories-CPq2yMlr.js";
+import { createTokensContext, useGroup, useHydration, useLogger, useRegistry, useSingle } from "./useTheme-DSYiiz0R.js";
+import { isArray, isFunction } from "./utilities-D9rWEgQK.js";
+import { IN_BROWSER, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER } from "./globals--2b7sF4-.js";
+import { toArray } from "./transformers-BAeg3QJF.js";
+import { computed, getCurrentInstance, getCurrentScope, isRef, onMounted, onScopeDispose, onUnmounted, readonly, ref, shallowReactive, shallowRef, toRaw, toRef, toValue, unref, watch } from "vue";
 
 //#region src/composables/useEventListener/index.ts
 function useEventListener(target, event, listener, options) {
@@ -220,6 +221,146 @@ function useForm(options) {
 	};
 }
 
+//#endregion
+//#region src/composables/useIntersectionObserver/index.ts
+/**
+* Composable for observing element intersection with viewport or ancestor
+*
+* @param target - Element ref to observe
+* @param callback - Callback fired on intersection change
+* @param options - Observer options
+* @returns Observer controls and intersection state
+*
+* @see https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver
+*/
+function useIntersectionObserver(target, callback, options = {}) {
+	const { isHydrated } = useHydration();
+	const observer = shallowRef();
+	const isPaused = shallowRef(false);
+	const isIntersecting = shallowRef(false);
+	watch([isHydrated, target], ([hydrated, el]) => {
+		cleanup();
+		if (!hydrated || !SUPPORTS_INTERSECTION_OBSERVER || !el) return;
+		observer.value = new IntersectionObserver((entries) => {
+			const transformedEntries = entries.map((entry) => ({
+				boundingClientRect: entry.boundingClientRect,
+				intersectionRatio: entry.intersectionRatio,
+				intersectionRect: entry.intersectionRect,
+				isIntersecting: entry.isIntersecting,
+				rootBounds: entry.rootBounds,
+				target: entry.target,
+				time: entry.time
+			}));
+			const latestEntry = transformedEntries.at(-1);
+			if (latestEntry) isIntersecting.value = latestEntry.isIntersecting;
+			callback(transformedEntries);
+		}, {
+			root: options.root || null,
+			rootMargin: options.rootMargin || "0px",
+			threshold: options.threshold || 0
+		});
+		observer.value.observe(el);
+		if (options.immediate) {
+			const rect = el.getBoundingClientRect();
+			const syntheticEntry = {
+				boundingClientRect: rect,
+				intersectionRatio: 0,
+				intersectionRect: new DOMRect(0, 0, 0, 0),
+				isIntersecting: false,
+				rootBounds: null,
+				target: el,
+				time: performance.now()
+			};
+			callback([syntheticEntry]);
+		}
+	});
+	function setup() {
+		if (!isHydrated.value || !SUPPORTS_INTERSECTION_OBSERVER || !target.value || isPaused.value) return;
+		observer.value = new IntersectionObserver((entries) => {
+			const transformedEntries = entries.map((entry) => ({
+				boundingClientRect: entry.boundingClientRect,
+				intersectionRatio: entry.intersectionRatio,
+				intersectionRect: entry.intersectionRect,
+				isIntersecting: entry.isIntersecting,
+				rootBounds: entry.rootBounds,
+				target: entry.target,
+				time: entry.time
+			}));
+			const latestEntry = transformedEntries.at(-1);
+			if (latestEntry) isIntersecting.value = latestEntry.isIntersecting;
+			callback(transformedEntries);
+		}, {
+			root: options.root || null,
+			rootMargin: options.rootMargin || "0px",
+			threshold: options.threshold || 0
+		});
+		observer.value.observe(target.value);
+		if (options.immediate) {
+			const rect = target.value.getBoundingClientRect();
+			const syntheticEntry = {
+				boundingClientRect: rect,
+				intersectionRatio: 0,
+				intersectionRect: new DOMRect(0, 0, 0, 0),
+				isIntersecting: false,
+				rootBounds: null,
+				target: target.value,
+				time: performance.now()
+			};
+			callback([syntheticEntry]);
+		}
+	}
+	function cleanup() {
+		if (observer.value) {
+			observer.value.disconnect();
+			observer.value = void 0;
+		}
+	}
+	function pause() {
+		isPaused.value = true;
+		observer.value?.disconnect();
+	}
+	function resume() {
+		isPaused.value = false;
+		setup();
+	}
+	function stop() {
+		cleanup();
+	}
+	onUnmounted(stop);
+	return {
+		isIntersecting: readonly(isIntersecting),
+		isPaused: readonly(isPaused),
+		pause,
+		resume,
+		stop
+	};
+}
+/**
+* Convenience composable for simple intersection detection
+*
+* @param target - Element ref to observe
+* @param options - Observer options
+* @returns Reactive intersection state
+*/
+function useElementIntersection(target, options = {}) {
+	const isIntersecting = shallowRef(false);
+	const intersectionRatio = shallowRef(0);
+	useIntersectionObserver(target, (entries) => {
+		const entry = entries.at(-1);
+		if (entry) {
+			isIntersecting.value = entry.isIntersecting;
+			intersectionRatio.value = entry.intersectionRatio;
+		}
+	}, {
+		immediate: true,
+		...options
+	});
+	return {
+		isIntersecting: readonly(isIntersecting),
+		intersectionRatio: readonly(intersectionRatio)
+	};
+}
+
 //#endregion
 //#region src/composables/useKeydown/index.ts
 /**
@@ -441,6 +582,134 @@ function createLocalePlugin(options = {}) {
 	});
 }
 
+//#endregion
+//#region src/composables/useMutationObserver/index.ts
+/**
+* Composable for observing DOM mutations
+*
+* @param target - Element ref to observe
+* @param callback - Callback fired on mutation
+* @param options - Observer options
+* @returns Observer controls
+*
+* @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
+*/
+function useMutationObserver(target, callback, options = {}) {
+	const { isHydrated } = useHydration();
+	const observer = shallowRef();
+	const isPaused = shallowRef(false);
+	const observerOptions = {
+		childList: options.childList ?? true,
+		attributes: options.attributes ?? false,
+		characterData: options.characterData ?? false,
+		subtree: options.subtree ?? false,
+		attributeOldValue: options.attributeOldValue ?? false,
+		characterDataOldValue: options.characterDataOldValue ?? false,
+		attributeFilter: options.attributeFilter
+	};
+	watch([isHydrated, target], ([hydrated, el]) => {
+		cleanup();
+		if (!hydrated || !SUPPORTS_MUTATION_OBSERVER || !el) return;
+		observer.value = new MutationObserver((mutations) => {
+			const transformedEntries = mutations.map((mutation) => ({
+				type: mutation.type,
+				target: mutation.target,
+				addedNodes: mutation.addedNodes,
+				removedNodes: mutation.removedNodes,
+				previousSibling: mutation.previousSibling,
+				nextSibling: mutation.nextSibling,
+				attributeName: mutation.attributeName,
+				attributeNamespace: mutation.attributeNamespace,
+				oldValue: mutation.oldValue
+			}));
+			callback(transformedEntries);
+		});
+		observer.value.observe(el, observerOptions);
+		if (options.immediate) {
+			const emptyNodeList = {
+				length: 0,
+				item: () => null,
+				forEach: () => {},
+				*[Symbol.iterator]() {}
+			};
+			const syntheticEntry = {
+				type: "childList",
+				target: el,
+				addedNodes: emptyNodeList,
+				removedNodes: emptyNodeList,
+				previousSibling: null,
+				nextSibling: null,
+				attributeName: null,
+				attributeNamespace: null,
+				oldValue: null
+			};
+			callback([syntheticEntry]);
+		}
+	}, { immediate: true });
+	function setup() {
+		if (!isHydrated.value || !SUPPORTS_MUTATION_OBSERVER || !target.value || isPaused.value) return;
+		observer.value = new MutationObserver((mutations) => {
+			const transformedEntries = mutations.map((mutation) => ({
+				type: mutation.type,
+				target: mutation.target,
+				addedNodes: mutation.addedNodes,
+				removedNodes: mutation.removedNodes,
+				previousSibling: mutation.previousSibling,
+				nextSibling: mutation.nextSibling,
+				attributeName: mutation.attributeName,
+				attributeNamespace: mutation.attributeNamespace,
+				oldValue: mutation.oldValue
+			}));
+			callback(transformedEntries);
+		});
+		observer.value.observe(target.value, observerOptions);
+		if (options.immediate) {
+			const emptyNodeList = {
+				length: 0,
+				item: () => null,
+				forEach: () => {},
+				*[Symbol.iterator]() {}
+			};
+			const syntheticEntry = {
+				type: "childList",
+				target: target.value,
+				addedNodes: emptyNodeList,
+				removedNodes: emptyNodeList,
+				previousSibling: null,
+				nextSibling: null,
+				attributeName: null,
+				attributeNamespace: null,
+				oldValue: null
+			};
+			callback([syntheticEntry]);
+		}
+	}
+	function cleanup() {
+		if (observer.value) {
+			observer.value.disconnect();
+			observer.value = void 0;
+		}
+	}
+	function pause() {
+		isPaused.value = true;
+		observer.value?.disconnect();
+	}
+	function resume() {
+		isPaused.value = false;
+		setup();
+	}
+	function stop() {
+		cleanup();
+	}
+	onUnmounted(stop);
+	return {
+		isPaused: readonly(isPaused),
+		pause,
+		resume,
+		stop
+	};
+}
+
 //#endregion
 //#region src/composables/useProxyModel/index.ts
 /**
@@ -503,6 +772,126 @@ function useProxyModel(registry, initial, options, _transformIn, _transformOut)
 	return model;
 }
 
+//#endregion
+//#region src/composables/useResizeObserver/index.ts
+/**
+* Composable for observing element resize events
+*
+* @param target - Element ref to observe
+* @param callback - Callback fired on resize
+* @param options - Observer options
+* @returns Observer controls
+*
+* @see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
+*/
+function useResizeObserver(target, callback, options = {}) {
+	const { isHydrated } = useHydration();
+	const observer = shallowRef();
+	const isPaused = shallowRef(false);
+	watch([isHydrated, target], ([hydrated, el]) => {
+		cleanup();
+		if (!hydrated || !SUPPORTS_OBSERVER || !el) return;
+		observer.value = new ResizeObserver((entries) => {
+			const transformedEntries = entries.map((entry) => ({
+				contentRect: {
+					width: entry.contentRect.width,
+					height: entry.contentRect.height,
+					top: entry.contentRect.top,
+					left: entry.contentRect.left
+				},
+				target: entry.target
+			}));
+			callback(transformedEntries);
+		});
+		observer.value.observe(el, { box: options.box || "content-box" });
+		if (options.immediate) {
+			const rect = el.getBoundingClientRect();
+			callback([{
+				contentRect: {
+					width: rect.width,
+					height: rect.height,
+					top: rect.top,
+					left: rect.left
+				},
+				target: el
+			}]);
+		}
+	});
+	function setup() {
+		if (!isHydrated.value || !SUPPORTS_OBSERVER || !target.value || isPaused.value) return;
+		observer.value = new ResizeObserver((entries) => {
+			const transformedEntries = entries.map((entry) => ({
+				contentRect: {
+					width: entry.contentRect.width,
+					height: entry.contentRect.height,
+					top: entry.contentRect.top,
+					left: entry.contentRect.left
+				},
+				target: entry.target
+			}));
+			callback(transformedEntries);
+		});
+		observer.value.observe(target.value, { box: options.box || "content-box" });
+		if (options.immediate) {
+			const rect = target.value.getBoundingClientRect();
+			callback([{
+				contentRect: {
+					width: rect.width,
+					height: rect.height,
+					top: rect.top,
+					left: rect.left
+				},
+				target: target.value
+			}]);
+		}
+	}
+	function cleanup() {
+		if (observer.value) {
+			observer.value.disconnect();
+			observer.value = void 0;
+		}
+	}
+	function pause() {
+		isPaused.value = true;
+		observer.value?.disconnect();
+	}
+	function resume() {
+		isPaused.value = false;
+		setup();
+	}
+	function stop() {
+		cleanup();
+	}
+	onUnmounted(stop);
+	return {
+		isPaused: readonly(isPaused),
+		pause,
+		resume,
+		stop
+	};
+}
+/**
+* Convenience composable for tracking element dimensions
+*
+* @param target - Element ref to observe
+* @returns Reactive width and height
+*/
+function useElementSize(target) {
+	const width = shallowRef(0);
+	const height = shallowRef(0);
+	useResizeObserver(target, (entries) => {
+		const entry = entries[0];
+		if (entry) {
+			width.value = entry.contentRect.width;
+			height.value = entry.contentRect.height;
+		}
+	}, { immediate: true });
+	return {
+		width,
+		height
+	};
+}
+
 //#endregion
 //#region src/composables/useStorage/adapters/memory.ts
 /**
@@ -611,4 +1000,4 @@ function createStoragePlugin(options = {}) {
 }
 
 //#endregion
-export { createLocale, createLocalePlugin, createStorage, createStoragePlugin, provideStorageContext, useDocumentEventListener, useEventListener, useFilter, useForm, useKeydown, useLayout, useLocale, useProxyModel, useStorage, useStorageContext, useWindowEventListener };
+export { createLocale, createLocalePlugin, createStorage, createStoragePlugin, provideStorageContext, useDocumentEventListener, useElementIntersection, useElementSize, useEventListener, useFilter, useForm, useIntersectionObserver, useKeydown, useLayout, useLocale, useMutationObserver, useProxyModel, useResizeObserver, useStorage, useStorageContext, useWindowEventListener };

package/dist/constants/index.d.ts

@@ -0,0 +1,2 @@
+import { COMMON_ELEMENTS, HTMLElementName, IN_BROWSER, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, SelfClosingElement, __LOGGER_ENABLED__, isSelfClosingTag, version } from "../index-z_zwVNP8.js";
+export { COMMON_ELEMENTS, HTMLElementName, IN_BROWSER, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, SelfClosingElement, __LOGGER_ENABLED__, isSelfClosingTag, version };

package/dist/constants/index.js

@@ -0,0 +1,5 @@
+import { COMMON_ELEMENTS, SELF_CLOSING_TAGS, isSelfClosingTag } from "../htmlElements-SjqYu0am.js";
+import { IN_BROWSER, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, __LOGGER_ENABLED__, version } from "../globals--2b7sF4-.js";
+import "../constants-DiTCgvMU.js";
+
+export { COMMON_ELEMENTS, IN_BROWSER, SELF_CLOSING_TAGS, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, __LOGGER_ENABLED__, isSelfClosingTag, version };

package/dist/constants-DiTCgvMU.js

@@ -0,0 +1 @@
+export {  };

package/dist/factories/index.d.ts

@@ -0,0 +1,2 @@
+import { ContextKey, ContextTrinity, Plugin, PluginOptions, createContext, createPlugin, createTrinity, useContext } from "../index-BqrLvboW.js";
+export { ContextKey, ContextTrinity, Plugin, PluginOptions, createContext, createPlugin, createTrinity, useContext };

package/dist/factories/{index.mjs → index.js}

@@ -1,4 +1,3 @@
-import { createContext, createPlugin, createTrinity, useContext } from "../createTrinity-CwGvQ2ng.mjs";
-import "../factories-DOLmqhVS.mjs";
+import { createContext, createPlugin, createTrinity, useContext } from "../factories-CPq2yMlr.js";
 
 export { createContext, createPlugin, createTrinity, useContext };

package/dist/globals--2b7sF4-.js

@@ -0,0 +1,12 @@
+//#region src/constants/globals.ts
+const IN_BROWSER = typeof window !== "undefined";
+const SUPPORTS_TOUCH = IN_BROWSER && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0);
+const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof window.matchMedia === "function";
+const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
+const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
+const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
+const version = "0.0.2";
+const __LOGGER_ENABLED__ = process.env.NODE_ENV !== "production" || process.env.VITE_LOGGER_ENABLED === "true";
+
+//#endregion
+export { IN_BROWSER, SUPPORTS_INTERSECTION_OBSERVER, SUPPORTS_MATCH_MEDIA, SUPPORTS_MUTATION_OBSERVER, SUPPORTS_OBSERVER, SUPPORTS_TOUCH, __LOGGER_ENABLED__, version };

package/dist/htmlElements-SjqYu0am.js

@@ -0,0 +1,78 @@
+//#region src/constants/htmlElements.ts
+const selfClosingTags = [
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"link",
+	"meta",
+	"source",
+	"track",
+	"wbr"
+];
+/**
+* Set of HTML elements that are self-closing (void elements)
+* These elements cannot have children and don't need closing tags
+*/
+const SELF_CLOSING_TAGS = new Set(selfClosingTags);
+/**
+* Common HTML element types for polymorphic components
+*/
+const COMMON_ELEMENTS = {
+	DIV: "div",
+	SPAN: "span",
+	SECTION: "section",
+	ARTICLE: "article",
+	ASIDE: "aside",
+	HEADER: "header",
+	FOOTER: "footer",
+	MAIN: "main",
+	NAV: "nav",
+	P: "p",
+	H1: "h1",
+	H2: "h2",
+	H3: "h3",
+	H4: "h4",
+	H5: "h5",
+	H6: "h6",
+	BUTTON: "button",
+	A: "a",
+	INPUT: "input",
+	TEXTAREA: "textarea",
+	SELECT: "select",
+	LABEL: "label",
+	UL: "ul",
+	OL: "ol",
+	LI: "li",
+	DL: "dl",
+	DT: "dt",
+	DD: "dd",
+	IMG: "img",
+	VIDEO: "video",
+	AUDIO: "audio",
+	CANVAS: "canvas",
+	SVG: "svg",
+	TABLE: "table",
+	THEAD: "thead",
+	TBODY: "tbody",
+	TFOOT: "tfoot",
+	TR: "tr",
+	TH: "th",
+	TD: "td",
+	FORM: "form",
+	FIELDSET: "fieldset",
+	LEGEND: "legend"
+};
+/**
+* Check if an element is self-closing
+*/
+function isSelfClosingTag(tag) {
+	return SELF_CLOSING_TAGS.has(tag.toLowerCase());
+}
+
+//#endregion
+export { COMMON_ELEMENTS, SELF_CLOSING_TAGS, isSelfClosingTag };