elements-kit 0.26.7 → 0.27.0

package/dist/await.d.mts

@@ -1,4 +1,4 @@
-import { s as Props, t as Children } from "./children-C2OkLfJM.mjs";
+import { s as Props, t as Children } from "./children-CB8W0ANY.mjs";
 
 //#region src/await.d.ts
 /** @internal Metadata stamped on an Await region getter (see claim walk). */

package/dist/{children-C2OkLfJM.d.mts → children-CB8W0ANY.d.mts}

@@ -166,6 +166,8 @@ type ComponentProps<T extends JSX$1.ElementType | JSX$1.ElementClass> = T extend
 type AnyElementCtor = abstract new (...args: any[]) => HTMLElement;
 //#endregion
 //#region src/jsx-runtime/fragment.d.ts
+/** Namespaces the HTML parser enters only on seeing an `<svg>`/`<math>` tag. */
+type ForeignNamespace = "svg" | "mathml";
 /**
  * Used by the JSX transform for `<>...</>` fragments.
  *
@@ -181,11 +183,17 @@ type AnyElementCtor = abstract new (...args: any[]) => HTMLElement;
  * region boundary. Reactive sources re-render the region on change. This is
  * the library's only raw-HTML sink: the string is NOT escaped — sanitize
  * untrusted input at the call site. `<script>` tags never execute.
+ *
+ * `ns` marks the markup as interior foreign content —
+ * `<svg><Fragment html ns="svg">{interior}</Fragment></svg>`. Generated code is
+ * the expected caller (the SVG plugin knows the namespace at build time). The
+ * server ignores it; the string is already inside its parent there.
  */
 declare function Fragment(props: Props<{
   children?: Children;
 }> | {
   html: true;
+  ns?: ForeignNamespace;
   children: MaybeReactive<string>;
 }): DocumentFragment;
 //#endregion

package/dist/{element-Bwxltm6M.mjs → element-DgQvp-49.mjs}

@@ -619,4 +619,4 @@ function renderNode(node) {
 	return renderNode(node.render());
 }
 //#endregion
-export { applyProps as a, AttrAliases as c, Properties as d, setRenderer as i, BooleanAttributes as l, disposeElement as n, mountChild as o, getRenderer as r, resolveChild as s, createElement as t, ChildProperties as u };
+export { applyProps as a, AttrAliases as c, MATHML_NAMESPACE as d, Properties as f, setRenderer as i, BooleanAttributes as l, disposeElement as n, mountChild as o, SVG_NAMESPACE as p, getRenderer as r, resolveChild as s, createElement as t, ChildProperties as u };

package/dist/for.d.mts

@@ -1,4 +1,4 @@
-import { o as MaybeReactiveProps } from "./children-C2OkLfJM.mjs";
+import { o as MaybeReactiveProps } from "./children-CB8W0ANY.mjs";
 
 //#region src/for.d.ts
 type KeyFn<T> = (item: T, index: number) => string | number;

package/dist/for.mjs

@@ -1,6 +1,6 @@
 import { C as untracked, S as trigger, _ as onCleanup, d as effectScope, u as effect, x as signal } from "./lib-DYypKhxk.mjs";
 import "./signals/index.mjs";
-import { n as disposeElement } from "./element-Bwxltm6M.mjs";
+import { n as disposeElement } from "./element-DgQvp-49.mjs";
 //#region src/for.ts
 /**
 * Keyed list renderer. See {@link ForProps} for prop details.

package/dist/{fragment-DbiYZ5rL.mjs → fragment-BJfcQdsL.mjs}

@@ -1,17 +1,32 @@
 import { _ as onCleanup, u as effect } from "./lib-DYypKhxk.mjs";
 import "./signals/index.mjs";
-import { o as mountChild } from "./element-Bwxltm6M.mjs";
+import { d as MATHML_NAMESPACE, o as mountChild, p as SVG_NAMESPACE } from "./element-DgQvp-49.mjs";
 import { Slot } from "./slot.mjs";
 //#region src/jsx-runtime/fragment.ts
+const ForeignRoots = {
+	svg: [SVG_NAMESPACE, "svg"],
+	mathml: [MATHML_NAMESPACE, "math"]
+};
 /**
-* Parse an HTML string script-inertly: markup renders, `<script>` tags are
-* created but never execute (template parsing sets the "already started"
-* flag). Sanitizing the input is the caller's responsibility.
+* Parse an HTML string script-inertly — `<script>` never executes. Sanitizing
+* the input is the caller's responsibility.
+*
+* `ns` parses against a detached root of that namespace, so an interior
+* fragment lands in SVG/MathML rather than XHTML. The element is the parser's
+* context, not a text wrapper, so a stray `</svg>` can't escape the region.
 */
-function parseHtml(html) {
-	const template = document.createElement("template");
-	template.innerHTML = html;
-	return template.content;
+function parseHtml(html, ns) {
+	if (ns === void 0) {
+		const template = document.createElement("template");
+		template.innerHTML = html;
+		return template.content;
+	}
+	const [namespace, root] = ForeignRoots[ns];
+	const host = document.createElementNS(namespace, root);
+	host.innerHTML = html;
+	const fragment = document.createDocumentFragment();
+	fragment.append(...host.childNodes);
+	return fragment;
 }
 /**
 * Used by the JSX transform for `<>...</>` fragments.
@@ -28,20 +43,26 @@ function parseHtml(html) {
 * region boundary. Reactive sources re-render the region on change. This is
 * the library's only raw-HTML sink: the string is NOT escaped — sanitize
 * untrusted input at the call site. `<script>` tags never execute.
+*
+* `ns` marks the markup as interior foreign content —
+* `<svg><Fragment html ns="svg">{interior}</Fragment></svg>`. Generated code is
+* the expected caller (the SVG plugin knows the namespace at build time). The
+* server ignores it; the string is already inside its parent there.
 */
 function Fragment(props) {
 	const fragment = document.createDocumentFragment();
 	if ("html" in props && props.html) {
+		const ns = "ns" in props ? props.ns : void 0;
 		const slot = new Slot();
 		fragment.appendChild(slot.get());
 		const source = props.children;
 		if (typeof source === "function") {
 			effect(() => {
 				const value = source();
-				slot.set(parseHtml(value == null ? "" : String(value)));
+				slot.set(parseHtml(value == null ? "" : String(value), ns));
 			});
 			onCleanup(() => slot.clear());
-		} else if (source != null) slot.set(parseHtml(String(source)));
+		} else if (source != null) slot.set(parseHtml(String(source), ns));
 		return fragment;
 	}
 	const raw = props.children;

package/dist/{hot-DXg5S-Va.mjs → hot-Zl0s17uq.mjs}

@@ -1,6 +1,6 @@
 import { _ as onCleanup, u as effect, x as signal } from "./lib-DYypKhxk.mjs";
 import "./signals/index.mjs";
-import { r as getRenderer, t as createElement } from "./element-Bwxltm6M.mjs";
+import { r as getRenderer, t as createElement } from "./element-DgQvp-49.mjs";
 import { Slot } from "./slot.mjs";
 import { HMR_CELLS_SLOT, HMR_SLOT } from "./integrations/hmr-slot.mjs";
 //#region src/jsx-runtime/hot.ts

package/dist/hydrate/index.mjs

@@ -1,2 +1,2 @@
-import { t as hydrate } from "../hydrate-3id6HROs.mjs";
+import { t as hydrate } from "../hydrate-ICXw1FIY.mjs";
 export { hydrate };

package/dist/{hydrate-3id6HROs.mjs → hydrate-ICXw1FIY.mjs}

@@ -2,10 +2,10 @@ import { C as untracked, _ as onCleanup, d as effectScope, n as CLAIM, t as ASYN
 import { isReactive } from "./signals/index.mjs";
 import { isReactivePromiseLike } from "./utilities/promise.mjs";
 import { flushDeferredAsyncRuns, isAsyncLike } from "./utilities/async.mjs";
-import { a as applyProps, i as setRenderer, s as resolveChild, t as createElement } from "./element-Bwxltm6M.mjs";
+import { a as applyProps, i as setRenderer, s as resolveChild, t as createElement } from "./element-DgQvp-49.mjs";
 import { Slot } from "./slot.mjs";
 import { For, isForComponent } from "./for.mjs";
-import { n as isFragmentComponent, r as parseHtml, t as Fragment } from "./fragment-DbiYZ5rL.mjs";
+import { n as isFragmentComponent, r as parseHtml, t as Fragment } from "./fragment-BJfcQdsL.mjs";
 //#region src/hydrate/claim.ts
 let hydrationContext = null;
 function setHydrationContext(ctx) {
@@ -28,7 +28,8 @@ const claimRenderer = { jsx(type, props) {
 		[VNODE]: true,
 		kind: "frag",
 		children: props.children,
-		html: props.html === true
+		html: props.html === true,
+		ns: props.ns
 	};
 	if (isForComponent(type)) return {
 		[VNODE]: true,
@@ -66,7 +67,7 @@ function walkChild(cur, c, om) {
 	if (c == null || typeof c === "boolean") return;
 	if (isVNode(c)) {
 		if (c.kind === "frag") {
-			if (c.html) return claimRawRegion(cur, c.children, om);
+			if (c.html) return claimRawRegion(cur, c.children, c.ns, om);
 			return walkList(cur, c.children, om);
 		}
 		if (c.kind === "for") return claimFor(cur, c, om);
@@ -196,11 +197,11 @@ function claimMarkerRange(cur, open, close) {
 	return null;
 }
 /** `<Fragment html>` region: adopt the server markup between the markers. */
-function claimRawRegion(cur, source, om) {
+function claimRawRegion(cur, source, ns, om) {
 	const claimed = cur.node?.nodeType === Node.COMMENT_NODE && cur.node.data === "{";
 	const slot = claimSlot(cur, om);
 	if (typeof source !== "function") {
-		if (!claimed && source != null) slot.set(parseHtml(String(source)));
+		if (!claimed && source != null) slot.set(parseHtml(String(source), ns));
 		return;
 	}
 	let first = claimed;
@@ -210,7 +211,7 @@ function claimRawRegion(cur, source, om) {
 			first = false;
 			return;
 		}
-		slot.set(parseHtml(value == null ? "" : String(value)));
+		slot.set(parseHtml(value == null ? "" : String(value), ns));
 	});
 	onCleanup(() => slot.clear());
 }
@@ -306,7 +307,14 @@ function buildVNode(v) {
 		if ("children" in props) props.children = buildChildValue(props.children);
 		return createElement(v.tag, props);
 	}
-	if (v.kind === "frag") return Fragment({ children: (() => buildChildValue(v.children)) });
+	if (v.kind === "frag") {
+		if (v.html) return Fragment({
+			html: true,
+			ns: v.ns,
+			children: v.children
+		});
+		return Fragment({ children: (() => buildChildValue(v.children)) });
+	}
 	return createElement(For, v.props);
 }
 function buildChildValue(c) {

package/dist/integrations/astro-client.mjs

@@ -1,6 +1,6 @@
-import { t as createElement } from "../element-Bwxltm6M.mjs";
+import { t as createElement } from "../element-DgQvp-49.mjs";
 import { render } from "../render.mjs";
-import { t as hydrate } from "../hydrate-3id6HROs.mjs";
+import { t as hydrate } from "../hydrate-ICXw1FIY.mjs";
 import { withSlotProps } from "./astro-slots.mjs";
 import { HMR_SLOT } from "./hmr-slot.mjs";
 //#region src/integrations/astro-client.ts

package/dist/integrations/astro-server.mjs

@@ -1,7 +1,7 @@
 import { y as setInertEffects } from "../lib-DYypKhxk.mjs";
-import { i as setRenderer, t as createElement } from "../element-Bwxltm6M.mjs";
+import { i as setRenderer, t as createElement } from "../element-DgQvp-49.mjs";
 import { withSlotProps } from "./astro-slots.mjs";
-import { i as serverJsx, n as renderToString, r as SNode } from "../server-3O_3GbAe.mjs";
+import { i as serverJsx, n as renderToString, r as SNode } from "../server-Qm9JTZ-J.mjs";
 //#region src/integrations/astro-server.ts
 /**
 * Decide whether `Component` is an elements-kit component. Invoked by Astro

package/dist/integrations/astro-slots.mjs

@@ -1,5 +1,5 @@
-import { t as createElement } from "../element-Bwxltm6M.mjs";
-import { t as Fragment } from "../fragment-DbiYZ5rL.mjs";
+import { t as createElement } from "../element-DgQvp-49.mjs";
+import { t as Fragment } from "../fragment-BJfcQdsL.mjs";
 //#region src/integrations/astro-slots.ts
 /**
 * @internal Map Astro's pre-rendered slot HTML (`Record<name, html>`) into

package/dist/integrations/hmr-runtime.mjs

@@ -1,7 +1,7 @@
-import { t as createElement } from "../element-Bwxltm6M.mjs";
+import { t as createElement } from "../element-DgQvp-49.mjs";
 import { render } from "../render.mjs";
 import { HMR_SLOT } from "./hmr-slot.mjs";
-import { n as updateCells } from "../hot-DXg5S-Va.mjs";
+import { n as updateCells } from "../hot-Zl0s17uq.mjs";
 //#region src/integrations/hmr-runtime.ts
 const slot = globalThis;
 const records = /* @__PURE__ */ new Set();

package/dist/integrations/svg.d.mts

@@ -0,0 +1,67 @@
+//#region src/integrations/svg.d.ts
+interface ElementsKitSvgPlugin {
+  name: string;
+  enforce: "pre";
+  load(id: string): Promise<string | undefined>;
+}
+interface ElementsKitSvgOptions {
+  /** Ids this plugin claims. Default: any path ending `.svg?ek`. */
+  include?: RegExp;
+  /** Ids to leave alone even when `include` matches. */
+  exclude?: RegExp;
+  /**
+   * Strip the root's `width`/`height` and default `fill` to `currentColor`, so
+   * an icon sizes with the font and follows text color. Turn off for artwork
+   * that carries its own palette and intrinsic size.
+   */
+  normalize?: boolean;
+}
+/** Parsed root `<svg>` open tag plus everything between it and `</svg>`. */
+interface SvgSource {
+  attributes: Record<string, string>;
+  inner: string;
+}
+/**
+ * Vite plugin: import an SVG file as an elements-kit component.
+ *
+ * `import Close from "./close.svg?ek"` yields a function component rendering
+ * the file's root `<svg>` as a real elements-kit element — so `class`,
+ * `style:`, `on:`, `ref` and reactive props all work — with the interior
+ * markup passed through verbatim.
+ *
+ * Server rendering needs no special case: the generated module builds its tree
+ * through `jsx`, which dispatches to whichever renderer is active, and the
+ * interior rides the raw-HTML sink that the hydration claim walk already knows.
+ *
+ * Register it yourself in `vite.config` (or `astro.config`'s `vite.plugins`).
+ * Coexists with vite-plugin-svgr — the `?ek` and `?react` queries claim
+ * different ids.
+ *
+ * @example
+ * ```ts
+ * // vite.config.ts
+ * import { defineConfig } from "vite";
+ * import elementsKitSvg from "elements-kit/integrations/svg";
+ *
+ * export default defineConfig({ plugins: [elementsKitSvg()] });
+ * ```
+ *
+ * ```tsx
+ * import Close from "@material-symbols/svg-300/outlined/close.svg?ek";
+ *
+ * <button class="unset x-button" aria-label="Close">
+ *   <Close class="x-icon" />
+ * </button>
+ * ```
+ */
+declare function elementsKitSvg(options?: ElementsKitSvgOptions): ElementsKitSvgPlugin;
+declare function generateModule(source: string, {
+  normalize: shouldNormalize,
+  name
+}?: {
+  normalize?: boolean | undefined;
+  name?: string | undefined;
+}): string;
+declare function parseSvg(source: string): SvgSource;
+//#endregion
+export { ElementsKitSvgOptions, ElementsKitSvgPlugin, SvgSource, elementsKitSvg as default, generateModule, parseSvg };

package/dist/integrations/svg.mjs

@@ -0,0 +1,162 @@
+import fs from "node:fs/promises";
+//#region src/integrations/svg.ts
+const DEFAULT_INCLUDE = /\.svg\?(?:.*&)?ek(?:&|$)/;
+const QUERY = /[?#].*$/s;
+/**
+* Vite plugin: import an SVG file as an elements-kit component.
+*
+* `import Close from "./close.svg?ek"` yields a function component rendering
+* the file's root `<svg>` as a real elements-kit element — so `class`,
+* `style:`, `on:`, `ref` and reactive props all work — with the interior
+* markup passed through verbatim.
+*
+* Server rendering needs no special case: the generated module builds its tree
+* through `jsx`, which dispatches to whichever renderer is active, and the
+* interior rides the raw-HTML sink that the hydration claim walk already knows.
+*
+* Register it yourself in `vite.config` (or `astro.config`'s `vite.plugins`).
+* Coexists with vite-plugin-svgr — the `?ek` and `?react` queries claim
+* different ids.
+*
+* @example
+* ```ts
+* // vite.config.ts
+* import { defineConfig } from "vite";
+* import elementsKitSvg from "elements-kit/integrations/svg";
+*
+* export default defineConfig({ plugins: [elementsKitSvg()] });
+* ```
+*
+* ```tsx
+* import Close from "@material-symbols/svg-300/outlined/close.svg?ek";
+*
+* <button class="unset x-button" aria-label="Close">
+*   <Close class="x-icon" />
+* </button>
+* ```
+*/
+function elementsKitSvg(options = {}) {
+	const { include = DEFAULT_INCLUDE, exclude, normalize: shouldNormalize = true } = options;
+	return {
+		name: "elements-kit:svg",
+		enforce: "pre",
+		async load(id) {
+			if (!include.test(id)) return;
+			if (exclude?.test(id)) return;
+			const filePath = id.replace(QUERY, "");
+			return generateModule(await fs.readFile(filePath, "utf8"), {
+				normalize: shouldNormalize,
+				name: componentName(filePath)
+			});
+		}
+	};
+}
+function generateModule(source, { normalize: shouldNormalize = true, name = "Svg" } = {}) {
+	const { attributes, inner } = parseSvg(source);
+	const attrs = shouldNormalize ? normalize(attributes) : attributes;
+	const hasInner = inner.trim() !== "";
+	const child = hasInner ? `, children: _jsx(_Fragment, { html: true, ns: "svg", children: ${JSON.stringify(inner)} })` : "";
+	return `import { ${hasInner ? "jsx as _jsx, Fragment as _Fragment" : "jsx as _jsx"} } from "elements-kit/jsx-runtime";
+const ATTRS = ${JSON.stringify(attrs)};
+export default function ${name}(props) {
+  return _jsx("svg", { ...ATTRS, ...props${child} });
+}
+`;
+}
+/**
+* Drop the intrinsic size so CSS owns it, and inherit text color unless the
+* file already paints itself. `viewBox` stays — without it the icon has no
+* aspect ratio to scale by.
+*/
+function normalize(attributes) {
+	const { width: _w, height: _h, ...rest } = attributes;
+	return "fill" in rest ? rest : {
+		...rest,
+		fill: "currentColor"
+	};
+}
+/** `outlined/close.svg` → `CloseSvg`; always a valid JS identifier. */
+function componentName(filePath) {
+	const pascal = (filePath.split(/[\\/]/).pop()?.replace(/\.svg$/, "") ?? "").split(/[^a-zA-Z0-9]+/).filter(Boolean).map((part) => part[0].toUpperCase() + part.slice(1)).join("");
+	return /^[A-Za-z]/.test(pascal) ? `${pascal}Svg` : "Svg";
+}
+function parseSvg(source) {
+	let i = skipPreamble(source, 0);
+	if (!/^<svg[\s/>]/.test(source.slice(i))) throw new Error("elements-kit:svg — expected the file to start with an <svg> root element.");
+	i += 4;
+	const attributes = {};
+	let selfClosing = false;
+	for (;;) {
+		while (i < source.length && isSpace(source[i])) i++;
+		if (i >= source.length) throw new Error("elements-kit:svg — unterminated <svg> open tag.");
+		if (source[i] === ">") {
+			i++;
+			break;
+		}
+		if (source[i] === "/" && source[i + 1] === ">") {
+			selfClosing = true;
+			i += 2;
+			break;
+		}
+		const nameStart = i;
+		while (i < source.length && !isSpace(source[i]) && !"=/>".includes(source[i])) i++;
+		const name = source.slice(nameStart, i);
+		if (!name) throw new Error("elements-kit:svg — malformed attribute in <svg> open tag.");
+		while (i < source.length && isSpace(source[i])) i++;
+		if (source[i] !== "=") {
+			attributes[name] = "";
+			continue;
+		}
+		i++;
+		while (i < source.length && isSpace(source[i])) i++;
+		const quote = source[i];
+		if (quote === "\"" || quote === "'") {
+			i++;
+			const valueStart = i;
+			while (i < source.length && source[i] !== quote) i++;
+			attributes[name] = source.slice(valueStart, i);
+			i++;
+		} else {
+			const valueStart = i;
+			while (i < source.length && !isSpace(source[i]) && source[i] !== ">") i++;
+			attributes[name] = source.slice(valueStart, i);
+		}
+	}
+	if (selfClosing) return {
+		attributes,
+		inner: ""
+	};
+	const close = source.lastIndexOf("</svg>");
+	if (close < i) throw new Error("elements-kit:svg — missing closing </svg> tag.");
+	return {
+		attributes,
+		inner: source.slice(i, close)
+	};
+}
+/** Advance past leading whitespace, `<?xml …?>`, `<!DOCTYPE …>` and comments. */
+function skipPreamble(source, from) {
+	let i = from;
+	for (;;) {
+		while (i < source.length && isSpace(source[i])) i++;
+		const rest = source.slice(i);
+		if (rest.startsWith("<?")) {
+			const end = source.indexOf("?>", i);
+			if (end === -1) break;
+			i = end + 2;
+		} else if (rest.startsWith("<!--")) {
+			const end = source.indexOf("-->", i);
+			if (end === -1) break;
+			i = end + 3;
+		} else if (rest.startsWith("<!")) {
+			const end = source.indexOf(">", i);
+			if (end === -1) break;
+			i = end + 1;
+		} else break;
+	}
+	return i;
+}
+function isSpace(char) {
+	return char === " " || char === "	" || char === "\n" || char === "\r";
+}
+//#endregion
+export { elementsKitSvg as default, generateModule, parseSvg };

package/dist/jsx-runtime/dev.d.mts

@@ -1,4 +1,4 @@
-import { a as Fragment, c as PropsOf, i as JSX, l as Require, n as ComponentClass, o as MaybeReactiveProps, r as ComponentFn, s as Props, t as Children } from "../children-C2OkLfJM.mjs";
+import { a as Fragment, c as PropsOf, i as JSX, l as Require, n as ComponentClass, o as MaybeReactiveProps, r as ComponentFn, s as Props, t as Children } from "../children-CB8W0ANY.mjs";
 import { n as ComputedProps, r as MaybeReactive } from "../index-B1FHAd5T.mjs";
 
 //#region src/jsx-runtime/hot.d.ts

package/dist/jsx-runtime/dev.mjs

@@ -1,4 +1,4 @@
-import { t as Fragment } from "../fragment-DbiYZ5rL.mjs";
-import { t as createHotElement } from "../hot-DXg5S-Va.mjs";
+import { t as Fragment } from "../fragment-BJfcQdsL.mjs";
+import { t as createHotElement } from "../hot-Zl0s17uq.mjs";
 import "./index.mjs";
 export { Fragment, createHotElement as h, createHotElement as jsx, createHotElement as jsxDEV, createHotElement as jsxs };

package/dist/jsx-runtime/index.d.mts

@@ -1,3 +1,3 @@
-import { a as Fragment, c as PropsOf, i as JSX, l as Require, n as ComponentClass, o as MaybeReactiveProps, r as ComponentFn, s as Props, t as Children, u as createElement } from "../children-C2OkLfJM.mjs";
+import { a as Fragment, c as PropsOf, i as JSX, l as Require, n as ComponentClass, o as MaybeReactiveProps, r as ComponentFn, s as Props, t as Children, u as createElement } from "../children-CB8W0ANY.mjs";
 import { n as ComputedProps, r as MaybeReactive } from "../index-B1FHAd5T.mjs";
 export { type Children, ComponentClass, ComponentFn, type ComputedProps, Fragment, JSX, type MaybeReactive, type MaybeReactiveProps, type Props, type PropsOf, type Require, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };

package/dist/jsx-runtime/index.mjs

@@ -1,3 +1,3 @@
-import { t as createElement } from "../element-Bwxltm6M.mjs";
-import { t as Fragment } from "../fragment-DbiYZ5rL.mjs";
+import { t as createElement } from "../element-DgQvp-49.mjs";
+import { t as Fragment } from "../fragment-BJfcQdsL.mjs";
 export { Fragment, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };

package/dist/server/index.mjs

@@ -1,2 +1,2 @@
-import { n as renderToString, t as renderToStream } from "../server-3O_3GbAe.mjs";
+import { n as renderToString, t as renderToStream } from "../server-Qm9JTZ-J.mjs";
 export { renderToStream, renderToString };

package/dist/{server-3O_3GbAe.mjs → server-Qm9JTZ-J.mjs}

@@ -2,9 +2,9 @@ import { C as untracked, y as setInertEffects } from "./lib-DYypKhxk.mjs";
 import { isReactive } from "./signals/index.mjs";
 import { isReactivePromiseLike } from "./utilities/promise.mjs";
 import { isAsyncLike } from "./utilities/async.mjs";
-import { c as AttrAliases, d as Properties, i as setRenderer, l as BooleanAttributes, u as ChildProperties } from "./element-Bwxltm6M.mjs";
+import { c as AttrAliases, f as Properties, i as setRenderer, l as BooleanAttributes, u as ChildProperties } from "./element-DgQvp-49.mjs";
 import { isForComponent } from "./for.mjs";
-import { n as isFragmentComponent } from "./fragment-DbiYZ5rL.mjs";
+import { n as isFragmentComponent } from "./fragment-BJfcQdsL.mjs";
 //#region src/server/escape.ts
 function escapeDelim(s, delim, escDelim) {
 	let iDelim = s.indexOf(delim);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.26.7",
+  "version": "0.27.0",
   "description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
   "keywords": [
     "webcomponents",
@@ -31,8 +31,7 @@
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "files": [
-    "dist",
-    "client.d.ts"
+    "dist"
   ],
   "exports": {
     ".": {
@@ -40,9 +39,6 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.mts"
     },
-    "./client": {
-      "types": "./client.d.ts"
-    },
     "./signals": {
       "source": "./src/signals/index.ts",
       "import": "./dist/signals/index.mjs",