@vuetify/v0 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/{usePermissions-y3Uum3nO.mjs → usePermissions-B_G12Dwd.mjs}

@@ -1,8 +1,8 @@
-import { o as createPluginContext } from "./useLogger-BfaFH-Bi.mjs";
-import { t as createTokens } from "./createTokens-qv02qq4_.mjs";
-import { t as toArray } from "./toArray-doLQVI56.mjs";
-import { t as Vuetify0PermissionAdapter } from "./v0-4OQBCeda.mjs";
-import "./adapters-BhNTUuxE.mjs";
+import { o as createPluginContext } from "./useLogger-BBTcMN61.mjs";
+import { t as createTokens } from "./createTokens-lNg2M_P_.mjs";
+import { t as toArray } from "./toArray-as9BWxBK.mjs";
+import { t as Vuetify0PermissionAdapter } from "./v0-Bmow1q_x.mjs";
+import "./adapters-CMJGA1k7.mjs";
 //#region src/composables/usePermissions/index.ts
 /**
 * @module usePermissions
@@ -20,6 +20,14 @@ import "./adapters-BhNTUuxE.mjs";
 * - Adapter pattern for custom permission systems
 *
 * Built on createTokens for flexible permission configuration.
+*
+* @example
+* ```ts
+* import { usePermissions } from '@vuetify/v0'
+*
+* const permissions = usePermissions()
+* console.log(permissions.can('admin', 'edit', 'users'))
+* ```
 */
 /**
 * Creates a new permissions instance.
@@ -49,7 +57,7 @@ function createPermissions(_options = {}) {
 	const record = {};
 	for (const role in permissions) {
 		if (!record[role]) record[role] = {};
-		for (const [actions, subjects, condition = true] of permissions[role]) for (const action of toArray(actions)) for (const subject of toArray(subjects)) {
+		for (const [actions, subjects, condition = true] of permissions[role]) for (const action of /* @__PURE__ */ toArray(actions)) for (const subject of /* @__PURE__ */ toArray(subjects)) {
 			if (!record[role][action]) record[role][action] = {};
 			record[role][action][subject] = condition;
 		}

package/dist/{useRules-eqSXpP9V.mjs → useRules--7Qoo60I.mjs}

@@ -1,6 +1,6 @@
 import { instanceExists, isFunction, isObject } from "./utilities/index.mjs";
-import { o as createPluginContext } from "./useLogger-BfaFH-Bi.mjs";
-import { a as useLocale } from "./useLocale-BYmoHpo6.mjs";
+import { o as createPluginContext } from "./useLogger-BBTcMN61.mjs";
+import { a as useLocale } from "./useLocale-DTJx3aKR.mjs";
 //#region src/composables/useRules/adapters/standard.ts
 /**
 * Type guard for Standard Schema objects.
@@ -9,6 +9,7 @@ import { a as useLocale } from "./useLocale-BYmoHpo6.mjs";
 * @param value The value to check.
 * @returns `true` if the value conforms to the Standard Schema interface.
 */
+/* @__NO_SIDE_EFFECTS__ */
 function isStandardSchema(value) {
 	return /* @__PURE__ */ isObject(value) && "~standard" in value;
 }
@@ -24,6 +25,7 @@ function isStandardSchema(value) {
 *
 * @see https://standardschema.dev/
 */
+/* @__NO_SIDE_EFFECTS__ */
 function toRule(schema) {
 	return async (value) => {
 		let result = schema["~standard"].validate(value);
@@ -54,6 +56,14 @@ function toRule(schema) {
 * - `false` — validation fails, error message resolved from locale (`$rules.<name>`)
 *
 * Integrates with createValidation for rule resolution, useLocale for i18n.
+*
+* @example
+* ```ts
+* import { useRules } from '@vuetify/v0'
+*
+* const rules = useRules()
+* const validators = rules.resolve(['required', v => v.length > 3 || 'Too short'])
+* ```
 */
 /**
 * Wraps an alias predicate so that `false` results are
@@ -84,8 +94,8 @@ function createResolve(aliases, locale) {
 				result.push(rule);
 				continue;
 			}
-			if (isStandardSchema(rule)) {
-				result.push(toRule(rule));
+			if (/* @__PURE__ */ isStandardSchema(rule)) {
+				result.push(/* @__PURE__ */ toRule(rule));
 				continue;
 			}
 			const predicate = aliases[rule];
@@ -121,7 +131,7 @@ function createRules(_options = {}) {
 	const { aliases: customAliases } = _options;
 	let locale;
 	try {
-		if (instanceExists()) locale = useLocale();
+		if (/* @__PURE__ */ instanceExists()) locale = useLocale();
 	} catch {}
 	const aliases = { ...customAliases };
 	return {

package/dist/{useTheme-CFH6I91x.mjs → useTheme-Co05TEeD.mjs}

@@ -1,9 +1,9 @@
 import { foreground } from "./utilities/index.mjs";
-import { o as createPluginContext } from "./useLogger-BfaFH-Bi.mjs";
-import { r as flatten, t as createTokens } from "./createTokens-qv02qq4_.mjs";
-import { t as createSingle } from "./createSingle-CffpxK__.mjs";
-import { t as V0StyleSheetThemeAdapter } from "./v0-DXqYgj7J.mjs";
-import "./adapters-RwNU3wNj.mjs";
+import { o as createPluginContext } from "./useLogger-BBTcMN61.mjs";
+import { t as createSingle } from "./createSingle-8xbHAIpY.mjs";
+import { r as flatten, t as createTokens } from "./createTokens-lNg2M_P_.mjs";
+import { t as V0StyleSheetThemeAdapter } from "./v0-BrTEO5sv.mjs";
+import "./adapters-CBrvizWb.mjs";
 import { computed, shallowRef, toRef } from "vue";
 //#region src/composables/useTheme/index.ts
 /**
@@ -24,6 +24,15 @@ import { computed, shallowRef, toRef } from "vue";
 * - Theme cycling
 *
 * Integrates with createSingle for selection and createTokens for color resolution.
+*
+* @example
+* ```ts
+* import { useTheme } from '@vuetify/v0'
+*
+* const theme = useTheme()
+* theme.select('dark')
+* console.log(theme.isDark.value) // true
+* ```
 */
 /**
 * Creates a new theme instance.
@@ -63,7 +72,10 @@ function createTheme(_options = {}) {
 		palette,
 		...themes
 	}, { flat: true });
-	const registry = createSingle(options);
+	const registry = createSingle({
+		...options,
+		reactive: true
+	});
 	for (const id in themes) {
 		const { colors: value, ...theme } = themes[id];
 		register({
@@ -82,7 +94,7 @@ function createTheme(_options = {}) {
 			const themeColors = resolve(theme.value);
 			if (genForeground) for (const [key, value] of Object.entries(themeColors)) {
 				const onKey = `on-${key}`;
-				if (!key.startsWith("on-") && !(onKey in themeColors)) themeColors[onKey] = foreground(value);
+				if (!key.startsWith("on-") && !(onKey in themeColors)) themeColors[onKey] = /* @__PURE__ */ foreground(value);
 			}
 			resolved[theme.id] = themeColors;
 		}
@@ -101,7 +113,7 @@ function createTheme(_options = {}) {
 	}
 	function register(registration = {}) {
 		const { colors, ...rest } = registration;
-		if (colors && rest.id && !registry.has(rest.id)) tokens.onboard(flatten({ [rest.id]: { colors } }, "", true));
+		if (colors && rest.id && !registry.has(rest.id)) tokens.onboard(/* @__PURE__ */ flatten({ [rest.id]: { colors } }, "", true));
 		const item = {
 			lazy: false,
 			dark: false,

package/dist/utilities/index.d.mts

@@ -1,2 +1,2 @@
-import { C as foreground, E as rgbToHex, S as apca, T as hexToRgb, _ as mergeDeep, a as isBoolean, b as resolveIndexes, c as isNaN, d as isNumber, f as isObject, g as isUndefined, h as isSymbol, i as isArray, l as isNull, m as isString, n as instanceName, o as isElement, p as isPrimitive, r as clamp, s as isFunction, t as instanceExists, u as isNullOrUndefined, v as range, w as RGB, x as useId, y as resolveIds } from "../index-Dxx0eMLi.mjs";
+import { C as foreground, E as rgbToHex, S as apca, T as hexToRgb, _ as mergeDeep, a as isBoolean, b as resolveIndexes, c as isNaN, d as isNumber, f as isObject, g as isUndefined, h as isSymbol, i as isArray, l as isNull, m as isString, n as instanceName, o as isElement, p as isPrimitive, r as clamp, s as isFunction, t as instanceExists, u as isNullOrUndefined, v as range, w as RGB, x as useId, y as resolveIds } from "../index-GOpjKzaJ.mjs";
 export { RGB, apca, clamp, foreground, hexToRgb, instanceExists, instanceName, isArray, isBoolean, isElement, isFunction, isNaN, isNull, isNullOrUndefined, isNumber, isObject, isPrimitive, isString, isSymbol, isUndefined, mergeDeep, range, resolveIds, resolveIndexes, rgbToHex, useId };

package/dist/utilities/index.mjs

@@ -1,7 +1,8 @@
-import { t as IN_BROWSER } from "../globals-CAv9vqkP.mjs";
+import { t as IN_BROWSER } from "../globals-CKdzjeLe.mjs";
 import * as Vue from "vue";
 import { useId as useId$1 } from "vue";
 //#region src/utilities/color.ts
+/* @__NO_SIDE_EFFECTS__ */
 function hexToRgb(hex) {
 	const clean = hex.startsWith("#") ? hex.slice(1) : hex;
 	if (clean.length === 3 || clean.length === 4) {
@@ -9,7 +10,7 @@ function hexToRgb(hex) {
 		const g = Number.parseInt(clean[1] + clean[1], 16);
 		const b = Number.parseInt(clean[2] + clean[2], 16);
 		const a = clean.length === 4 ? Number.parseInt(clean[3] + clean[3], 16) : void 0;
-		return a === void 0 ? {
+		return /* @__PURE__ */ isUndefined(a) ? {
 			r,
 			g,
 			b
@@ -24,7 +25,7 @@ function hexToRgb(hex) {
 	const g = Number.parseInt(clean.slice(2, 4), 16);
 	const b = Number.parseInt(clean.slice(4, 6), 16);
 	const a = clean.length === 8 ? Number.parseInt(clean.slice(6, 8), 16) : void 0;
-	return a === void 0 ? {
+	return /* @__PURE__ */ isUndefined(a) ? {
 		r,
 		g,
 		b
@@ -35,13 +36,14 @@ function hexToRgb(hex) {
 		a
 	};
 }
+/* @__NO_SIDE_EFFECTS__ */
 function rgbToHex({ r, g, b, a }) {
 	const hex = "#" + [
 		r,
 		g,
 		b
 	].map((c) => c.toString(16).padStart(2, "0")).join("");
-	if (a !== void 0) return hex + a.toString(16).padStart(2, "0");
+	if (!/* @__PURE__ */ isUndefined(a)) return hex + a.toString(16).padStart(2, "0");
 	return hex;
 }
 //#endregion
@@ -70,6 +72,7 @@ function luminance(rgb) {
 function clamp$1(y) {
 	return y > blkThrs ? y : y + Math.pow(blkThrs - y, blkClmp);
 }
+/* @__NO_SIDE_EFFECTS__ */
 function apca(text, background) {
 	const txtY = clamp$1(luminance(text));
 	const bgY = clamp$1(luminance(background));
@@ -93,10 +96,10 @@ const WHITE = {
 	g: 255,
 	b: 255
 };
+/* @__NO_SIDE_EFFECTS__ */
 function foreground(hex) {
-	const rgb = hexToRgb(hex);
-	const onWhite = Math.abs(apca(WHITE, rgb));
-	return Math.abs(apca(BLACK, rgb)) > onWhite ? "#000000" : "#ffffff";
+	const rgb = /* @__PURE__ */ hexToRgb(hex);
+	return Math.abs(/* @__PURE__ */ apca(BLACK, rgb)) > Math.abs(/* @__PURE__ */ apca(WHITE, rgb)) ? "#000000" : "#ffffff";
 }
 //#endregion
 //#region src/utilities/instance.ts
@@ -116,9 +119,11 @@ function getInstanceCompat() {
 	if (INSTANCE_KEY in vueExports) return vueExports[INSTANCE_KEY];
 	return Vue.getCurrentInstance();
 }
+/* @__NO_SIDE_EFFECTS__ */
 function instanceExists() {
 	return !/* @__PURE__ */ isNull(getInstanceCompat());
 }
+/* @__NO_SIDE_EFFECTS__ */
 function instanceName() {
 	return getInstanceCompat()?.type?.name;
 }
@@ -379,7 +384,7 @@ function isSymbol(item) {
 function isNaN(item) {
 	return /* @__PURE__ */ isNumber(item) && Number.isNaN(item);
 }
-const UNSAFE_KEYS = new Set([
+const UNSAFE_KEYS = /* @__PURE__ */ new Set([
 	"__proto__",
 	"constructor",
 	"prototype"
@@ -455,7 +460,7 @@ let idCounter = 0;
 */
 /* @__NO_SIDE_EFFECTS__ */
 function useId() {
-	if (instanceExists()) return useId$1();
+	if (/* @__PURE__ */ instanceExists()) return useId$1();
 	if (typeof (process.env.NODE_ENV !== "production") !== "undefined" && process.env.NODE_ENV !== "production" && !IN_BROWSER) console.warn("[v0 warn] useId() called outside component context during SSR. Provide explicit ID to avoid hydration mismatch.");
 	return `v0-${idCounter++}`;
 }

package/dist/{v0-DXqYgj7J.mjs → v0-BrTEO5sv.mjs}

@@ -1,6 +1,6 @@
-import { t as IN_BROWSER } from "./globals-CAv9vqkP.mjs";
+import { t as IN_BROWSER } from "./globals-CKdzjeLe.mjs";
 import { isNull, isString } from "./utilities/index.mjs";
-import { t as ThemeAdapter } from "./adapter-Drq1v5wV.mjs";
+import { t as ThemeAdapter } from "./adapter-Be9zUc-n.mjs";
 import { onScopeDispose, watch } from "vue";
 //#region src/composables/useTheme/adapters/v0.ts
 /**

package/dist/{v0-BAG8p0si.d.mts → v0-CdusXjY_.d.mts}

@@ -1,4 +1,4 @@
-import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-BZjmDNJF.mjs";
+import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-DlX3FA3A.mjs";
 
 //#region src/composables/createDataTable/adapters/v0.d.ts
 declare class ClientAdapter<T extends Record<string, unknown>> extends DataTableAdapter<T> {

package/dist/{v0-CFV8A5PF.mjs → v0-D0Mh3EVG.mjs}

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "./globals-CAv9vqkP.mjs";
+import { t as IN_BROWSER } from "./globals-CKdzjeLe.mjs";
 import { isObject, isString, isUndefined } from "./utilities/index.mjs";
 //#region src/composables/useLocale/adapters/v0.ts
 /**

package/dist/{v0-BpgPZ1qB.d.mts → v0-D7Fm2C3Y.d.mts}

@@ -1,4 +1,4 @@
-import { n as LocaleAdapterContext, t as LocaleAdapter } from "./adapter-CcHB7rs3.mjs";
+import { n as LocaleAdapterContext, t as LocaleAdapter } from "./adapter-BvWEd9w-.mjs";
 
 //#region src/composables/useLocale/adapters/v0.d.ts
 /**

package/dist/{v0-BqikIgl0.mjs → v0-DeiZuexg.mjs}

@@ -1,4 +1,4 @@
-import { t as IN_BROWSER } from "./globals-CAv9vqkP.mjs";
+import { t as IN_BROWSER } from "./globals-CKdzjeLe.mjs";
 import { isFunction } from "./utilities/index.mjs";
 //#region src/composables/useLogger/adapters/v0.ts
 /**

package/dist/{v0-DOq_Ia5H.mjs → v0-Dq3zhexO.mjs}

@@ -1,5 +1,5 @@
-import { t as DataTableAdapter } from "./adapter-CCIeOzqr.mjs";
-import { t as createPagination } from "./createPagination-Tp4C4He8.mjs";
+import { t as DataTableAdapter } from "./adapter-gQ2SNKZq.mjs";
+import { t as createPagination } from "./createPagination-CHF7SmmK.mjs";
 import { computed, toRef, watch } from "vue";
 //#region src/composables/createDataTable/adapters/v0.ts
 /**

package/dist/{v0-C2UMaHUa.d.mts → v0-DrOub-e1.d.mts}

@@ -1,4 +1,4 @@
-import { t as LoggerAdapter } from "./adapter-DNKjooxI.mjs";
+import { t as LoggerAdapter } from "./adapter-Dhq68tz0.mjs";
 
 //#region src/composables/useLogger/adapters/v0.d.ts
 /**

package/dist/{virtual-D1HwNBLS.mjs → virtual-C0yHf1DC.mjs}

@@ -1,5 +1,5 @@
-import { t as DataTableAdapter } from "./adapter-CCIeOzqr.mjs";
-import { t as createPagination } from "./createPagination-Tp4C4He8.mjs";
+import { t as DataTableAdapter } from "./adapter-gQ2SNKZq.mjs";
+import { t as createPagination } from "./createPagination-CHF7SmmK.mjs";
 import { toRef, watch } from "vue";
 //#region src/composables/createDataTable/adapters/virtual.ts
 /**

package/dist/{virtual-BaQWQ9ji.d.mts → virtual-D4fckewC.d.mts}

@@ -1,4 +1,4 @@
-import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-BZjmDNJF.mjs";
+import { i as DataTableAdapterResult, n as DataTableAdapterContext, t as DataTableAdapter } from "./adapter-DlX3FA3A.mjs";
 
 //#region src/composables/createDataTable/adapters/virtual.d.ts
 declare class VirtualAdapter<T extends Record<string, unknown>> extends DataTableAdapter<T> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/v0",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.2",
   "description": "A meta UI framework for building applications, component libraries, and design systems with Vue 3",
   "license": "MIT",
   "types": "./dist/index.d.mts",
@@ -52,17 +52,18 @@
     "@ant-design/colors": "^8.0.1",
     "@flagsmith/flagsmith": "^11.0.0",
     "@material/material-color-utilities": "^0.4.0",
-    "@vue/compiler-dom": "^3.5.31",
+    "@vue/compiler-dom": "^3.5.32",
     "@vue/test-utils": "^2.4.6",
-    "launchdarkly-js-client-sdk": "^3.9.0",
-    "posthog-js": "^1.364.1",
+    "concurrently": "^9.2.1",
+    "launchdarkly-js-client-sdk": "^3.9.1",
+    "posthog-js": "^1.365.0",
     "tsdown": "^0.21.7",
     "tsx": "4.21.0",
     "typescript": "6.0.2",
     "unplugin-vue": "^7.1.1",
-    "vue": "3.5.31",
+    "vue": "3.5.32",
     "vue-component-meta": "3.2.6",
-    "vue-i18n": "^11.3.0"
+    "vue-i18n": "^11.3.1"
   },
   "imports": {
     "#v0/*": {
@@ -125,7 +126,9 @@
     "@js-temporal/polyfill": "0.5.1"
   },
   "scripts": {
-    "build": "tsdown && pnpm generate:web-types",
+    "build": "concurrently --names tsdown,webtypes --kill-others-on-fail --prefix-colors cyan,magenta 'pnpm build:tsdown' 'pnpm build:web-types'",
+    "build:tsdown": "tsdown",
+    "build:web-types": "tsx scripts/generate-web-types.ts",
     "generate:web-types": "tsx scripts/generate-web-types.ts",
     "typecheck": "vue-tsc --noEmit --incremental"
   }

package/SKILL.md

@@ -1,95 +0,0 @@
----
-name: vuetify0
-description: Build with @vuetify/v0 headless composables and components for Vue 3. Use when creating selection state (single, multi, grouped, stepped), form validation, tab/dialog/popover UI, provide/inject context, registries, virtual scrolling, pagination, keyboard shortcuts, resize observers, theming, breakpoints, or SSR-safe browser detection. Triggers on v0, vuetify0, headless components, or WAI-ARIA patterns.
----
-
-# Vuetify0 - Headless Composables & Components
-
-Transform Vue 3 apps with unstyled, logic-focused building blocks for design systems.
-
-## Quick Start
-
-```bash
-pnpm install @vuetify/v0
-```
-
-No global plugin required. Import only what you need:
-
-```ts
-import { createSelection } from '@vuetify/v0/composables'
-import { Tabs } from '@vuetify/v0/components'
-```
-
-## Core Decision Tree
-
-**Before writing custom logic**, check if v0 already provides it:
-
-| Need | Use |
-|------|-----|
-| Single item selection | `createSingle` |
-| Multi-item selection | `createSelection` |
-| Selection with "select all" | `createGroup` |
-| Step wizard / carousel | `createStep` |
-| Form validation | `createForm` |
-| Shared state (provide/inject) | `createContext` |
-| Browser utilities | `IN_BROWSER`, `useBreakpoints`, `useMediaQuery` |
-
-## Component Architecture
-
-All components are **headless** (unstyled) and follow WAI-ARIA patterns:
-
-```vue
-<script setup>
-import { Tabs } from '@vuetify/v0/components'
-</script>
-
-<template>
-  <Tabs.Root v-model="active">
-    <Tabs.List>
-      <Tabs.Item value="overview">Overview</Tabs.Item>
-    </Tabs.List>
-    <Tabs.Panel value="overview">Content</Tabs.Panel>
-  </Tabs.Root>
-</template>
-```
-
-**Available components**: Dialog, Tabs, ExpansionPanel, Checkbox, Radio, Popover, Pagination, Select, Slider, Splitter, Switch, Avatar, Breadcrumbs, Form, Input, Scrim
-
-## Essential Patterns
-
-### Selection State
-```ts
-// Single selection (tabs, theme picker)
-const single = createSingle({ mandatory: 'force' })
-
-// Multi-selection (tags, filters)
-const selection = createSelection({ multiple: true })
-
-// Group with "select all" (data tables)
-const group = createGroup()
-```
-
-### Context Sharing
-```ts
-// Type-safe provide/inject
-const [useTheme, provideTheme] = createContext<Theme>('Theme')
-```
-
-### Form Validation
-```ts
-const form = createForm()
-form.register({ id: 'email', rules: [required, email] })
-```
-
-## Anti-Patterns
-
-**Don't reinvent these wheels:**
-
-- **Custom selection logic** → Use `createSelection`
-- **Manual provide/inject** → Use `createContext`
-- **SSR checks** → Use `IN_BROWSER` constant
-
-## Resources
-
-- **Vuetify MCP** for structured API access: `claude mcp add vuetify-mcp https://mcp.vuetifyjs.com/mcp`
-- **Live docs**: https://0.vuetifyjs.com

package/dist/adapters-BOVGPozf.mjs

@@ -1,2 +0,0 @@
-import "./v0-CFV8A5PF.mjs";
-export {};

package/dist/adapters-BbNfjyvY.mjs

@@ -1,5 +0,0 @@
-import "./adapter-CCIeOzqr.mjs";
-import "./v0-DOq_Ia5H.mjs";
-import "./server-CIftA0pK.mjs";
-import "./virtual-D1HwNBLS.mjs";
-export {};

package/dist/adapters-BhNTUuxE.mjs

@@ -1,2 +0,0 @@
-import "./v0-4OQBCeda.mjs";
-export {};

package/dist/adapters-RwNU3wNj.mjs

@@ -1,4 +0,0 @@
-import "./adapter-Drq1v5wV.mjs";
-import "./v0-DXqYgj7J.mjs";
-import "./unhead-BYw3a366.mjs";
-export {};

package/dist/htmlElements-DcYtv0hg.mjs

@@ -1,75 +0,0 @@
-/**
-* 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([
-	"area",
-	"base",
-	"br",
-	"col",
-	"embed",
-	"hr",
-	"img",
-	"input",
-	"link",
-	"meta",
-	"source",
-	"track",
-	"wbr"
-]);
-/**
-* 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 { SELF_CLOSING_TAGS as n, isSelfClosingTag as r, COMMON_ELEMENTS as t };

package/dist/index-D6mQAEs2.d.mts

@@ -1,79 +0,0 @@
-//#region src/constants/globals.d.ts
-declare const IN_BROWSER: boolean;
-declare const SUPPORTS_TOUCH: boolean;
-declare const SUPPORTS_MATCH_MEDIA: boolean;
-declare const SUPPORTS_OBSERVER: boolean;
-declare const SUPPORTS_INTERSECTION_OBSERVER: boolean;
-declare const SUPPORTS_MUTATION_OBSERVER: boolean;
-declare const version: any;
-declare const __LOGGER_ENABLED__: any;
-//#endregion
-//#region src/constants/htmlElements.d.ts
-declare 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
- */
-declare const SELF_CLOSING_TAGS: Set<"area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "input" | "link" | "meta" | "source" | "track" | "wbr">;
-/**
- * Common HTML element types for polymorphic components
- */
-declare const COMMON_ELEMENTS: {
-  readonly DIV: "div";
-  readonly SPAN: "span";
-  readonly SECTION: "section";
-  readonly ARTICLE: "article";
-  readonly ASIDE: "aside";
-  readonly HEADER: "header";
-  readonly FOOTER: "footer";
-  readonly MAIN: "main";
-  readonly NAV: "nav";
-  readonly P: "p";
-  readonly H1: "h1";
-  readonly H2: "h2";
-  readonly H3: "h3";
-  readonly H4: "h4";
-  readonly H5: "h5";
-  readonly H6: "h6";
-  readonly BUTTON: "button";
-  readonly A: "a";
-  readonly INPUT: "input";
-  readonly TEXTAREA: "textarea";
-  readonly SELECT: "select";
-  readonly LABEL: "label";
-  readonly UL: "ul";
-  readonly OL: "ol";
-  readonly LI: "li";
-  readonly DL: "dl";
-  readonly DT: "dt";
-  readonly DD: "dd";
-  readonly IMG: "img";
-  readonly VIDEO: "video";
-  readonly AUDIO: "audio";
-  readonly CANVAS: "canvas";
-  readonly SVG: "svg";
-  readonly TABLE: "table";
-  readonly THEAD: "thead";
-  readonly TBODY: "tbody";
-  readonly TFOOT: "tfoot";
-  readonly TR: "tr";
-  readonly TH: "th";
-  readonly TD: "td";
-  readonly FORM: "form";
-  readonly FIELDSET: "fieldset";
-  readonly LEGEND: "legend";
-};
-/**
- * Check if an element is self-closing
- */
-declare function isSelfClosingTag(tag: keyof HTMLElementTagNameMap): boolean;
-/**
- * Type for all valid HTML element names
- */
-type HTMLElementName = keyof HTMLElementTagNameMap;
-/**
- * Type for self-closing HTML elements
- */
-type SelfClosingElement = (typeof selfClosingTags)[number];
-//#endregion
-export { isSelfClosingTag as a, SUPPORTS_MATCH_MEDIA as c, SUPPORTS_TOUCH as d, __LOGGER_ENABLED__ as f, SelfClosingElement as i, SUPPORTS_MUTATION_OBSERVER as l, HTMLElementName as n, IN_BROWSER as o, version as p, SELF_CLOSING_TAGS as r, SUPPORTS_INTERSECTION_OBSERVER as s, COMMON_ELEMENTS as t, SUPPORTS_OBSERVER as u };