@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/ElementTag.js

@@ -1,218 +1,16 @@
-import { Dynamic, createComponent, getNextElement, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
-import { createMemo, splitProps } from "solid-js";
+import { createComponent, dynamic } from "@solidjs/web";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/ElementTag.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span>`), _tmpl$2 = /*#__PURE__*/ template(`<a>`), _tmpl$3 = /*#__PURE__*/ template(`<p>`), _tmpl$4 = /*#__PURE__*/ template(`<label>`), _tmpl$5 = /*#__PURE__*/ template(`<strong>`), _tmpl$6 = /*#__PURE__*/ template(`<em>`), _tmpl$7 = /*#__PURE__*/ template(`<small>`), _tmpl$8 = /*#__PURE__*/ template(`<div>`), _tmpl$9 = /*#__PURE__*/ template(`<hr>`), _tmpl$0 = /*#__PURE__*/ template(`<li>`), _tmpl$1 = /*#__PURE__*/ template(`<ul>`), _tmpl$10 = /*#__PURE__*/ template(`<ol>`), _tmpl$11 = /*#__PURE__*/ template(`<figure>`), _tmpl$12 = /*#__PURE__*/ template(`<blockquote>`), _tmpl$13 = /*#__PURE__*/ template(`<address>`), _tmpl$14 = /*#__PURE__*/ template(`<h1>`), _tmpl$15 = /*#__PURE__*/ template(`<h2>`), _tmpl$16 = /*#__PURE__*/ template(`<h3>`), _tmpl$17 = /*#__PURE__*/ template(`<h4>`), _tmpl$18 = /*#__PURE__*/ template(`<h5>`), _tmpl$19 = /*#__PURE__*/ template(`<h6>`), _tmpl$20 = /*#__PURE__*/ template(`<main>`), _tmpl$21 = /*#__PURE__*/ template(`<nav>`), _tmpl$22 = /*#__PURE__*/ template(`<header>`), _tmpl$23 = /*#__PURE__*/ template(`<footer>`), _tmpl$24 = /*#__PURE__*/ template(`<aside>`), _tmpl$25 = /*#__PURE__*/ template(`<section>`), _tmpl$26 = /*#__PURE__*/ template(`<article>`), _tmpl$27 = /*#__PURE__*/ template(`<form>`), _tmpl$28 = /*#__PURE__*/ template(`<search>`);
 /**
-* Renders a string tag as a *statically compiled* element.
-*
-* A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe
-* anywhere that can render after hydration settles. Solid's `createDynamic`
-* string branch calls `getNextElement()` with **no** `template` argument
-* (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only
-* reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is
-* set — hydration finished, but `sharedConfig.context` still live — it falls
-* through to `return template()` and throws `TypeError: template is not a
-* function`. Any deferred child lands on exactly that path: a `<Show>` that
-* flips, a Suspense resolution, a portal, a container that defers its children.
-*
-* Each branch below is real JSX, so the compiler emits a `template()` of its own
-* and hands it to `getNextElement(template)` — which adopts the SSR node from the
-* registry during hydration and clones the template afterwards. Both phases work.
-*
-* Props other than `tag` are spread through untouched, `children` included, so
-* this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only
-* `component` and spreads the rest onto the element).
+* Solid 2's native dynamic helper adopts SSR elements during hydration and
+* creates new elements after it settles. Its separate tag-source memo keeps
+* unrelated reactive spread updates from replacing the element. Only `tag`
+* selects the element; all other props, including children, are forwarded.
 */
 function ElementTag(props) {
 	const [local, rest] = splitProps(props, ["tag"]);
-	const cached = createMemo(() => local.tag);
-	return createMemo(() => {
-		switch (cached()) {
-			case "span": return (() => {
-				var _el$ = getNextElement(_tmpl$);
-				spread(_el$, rest, false, false);
-				runHydrationEvents();
-				return _el$;
-			})();
-			case "a": return (() => {
-				var _el$2 = getNextElement(_tmpl$2);
-				spread(_el$2, rest, false, false);
-				runHydrationEvents();
-				return _el$2;
-			})();
-			case "p": return (() => {
-				var _el$3 = getNextElement(_tmpl$3);
-				spread(_el$3, rest, false, false);
-				runHydrationEvents();
-				return _el$3;
-			})();
-			case "label": return (() => {
-				var _el$4 = getNextElement(_tmpl$4);
-				spread(_el$4, rest, false, false);
-				runHydrationEvents();
-				return _el$4;
-			})();
-			case "strong": return (() => {
-				var _el$5 = getNextElement(_tmpl$5);
-				spread(_el$5, rest, false, false);
-				runHydrationEvents();
-				return _el$5;
-			})();
-			case "em": return (() => {
-				var _el$6 = getNextElement(_tmpl$6);
-				spread(_el$6, rest, false, false);
-				runHydrationEvents();
-				return _el$6;
-			})();
-			case "small": return (() => {
-				var _el$7 = getNextElement(_tmpl$7);
-				spread(_el$7, rest, false, false);
-				runHydrationEvents();
-				return _el$7;
-			})();
-			case "div": return (() => {
-				var _el$8 = getNextElement(_tmpl$8);
-				spread(_el$8, rest, false, false);
-				runHydrationEvents();
-				return _el$8;
-			})();
-			case "hr": return (() => {
-				var _el$9 = getNextElement(_tmpl$9);
-				spread(_el$9, rest, false, false);
-				runHydrationEvents();
-				return _el$9;
-			})();
-			case "li": return (() => {
-				var _el$0 = getNextElement(_tmpl$0);
-				spread(_el$0, rest, false, false);
-				runHydrationEvents();
-				return _el$0;
-			})();
-			case "ul": return (() => {
-				var _el$1 = getNextElement(_tmpl$1);
-				spread(_el$1, rest, false, false);
-				runHydrationEvents();
-				return _el$1;
-			})();
-			case "ol": return (() => {
-				var _el$10 = getNextElement(_tmpl$10);
-				spread(_el$10, rest, false, false);
-				runHydrationEvents();
-				return _el$10;
-			})();
-			case "figure": return (() => {
-				var _el$11 = getNextElement(_tmpl$11);
-				spread(_el$11, rest, false, false);
-				runHydrationEvents();
-				return _el$11;
-			})();
-			case "blockquote": return (() => {
-				var _el$12 = getNextElement(_tmpl$12);
-				spread(_el$12, rest, false, false);
-				runHydrationEvents();
-				return _el$12;
-			})();
-			case "address": return (() => {
-				var _el$13 = getNextElement(_tmpl$13);
-				spread(_el$13, rest, false, false);
-				runHydrationEvents();
-				return _el$13;
-			})();
-			case "h1": return (() => {
-				var _el$14 = getNextElement(_tmpl$14);
-				spread(_el$14, rest, false, false);
-				runHydrationEvents();
-				return _el$14;
-			})();
-			case "h2": return (() => {
-				var _el$15 = getNextElement(_tmpl$15);
-				spread(_el$15, rest, false, false);
-				runHydrationEvents();
-				return _el$15;
-			})();
-			case "h3": return (() => {
-				var _el$16 = getNextElement(_tmpl$16);
-				spread(_el$16, rest, false, false);
-				runHydrationEvents();
-				return _el$16;
-			})();
-			case "h4": return (() => {
-				var _el$17 = getNextElement(_tmpl$17);
-				spread(_el$17, rest, false, false);
-				runHydrationEvents();
-				return _el$17;
-			})();
-			case "h5": return (() => {
-				var _el$18 = getNextElement(_tmpl$18);
-				spread(_el$18, rest, false, false);
-				runHydrationEvents();
-				return _el$18;
-			})();
-			case "h6": return (() => {
-				var _el$19 = getNextElement(_tmpl$19);
-				spread(_el$19, rest, false, false);
-				runHydrationEvents();
-				return _el$19;
-			})();
-			case "main": return (() => {
-				var _el$20 = getNextElement(_tmpl$20);
-				spread(_el$20, rest, false, false);
-				runHydrationEvents();
-				return _el$20;
-			})();
-			case "nav": return (() => {
-				var _el$21 = getNextElement(_tmpl$21);
-				spread(_el$21, rest, false, false);
-				runHydrationEvents();
-				return _el$21;
-			})();
-			case "header": return (() => {
-				var _el$22 = getNextElement(_tmpl$22);
-				spread(_el$22, rest, false, false);
-				runHydrationEvents();
-				return _el$22;
-			})();
-			case "footer": return (() => {
-				var _el$23 = getNextElement(_tmpl$23);
-				spread(_el$23, rest, false, false);
-				runHydrationEvents();
-				return _el$23;
-			})();
-			case "aside": return (() => {
-				var _el$24 = getNextElement(_tmpl$24);
-				spread(_el$24, rest, false, false);
-				runHydrationEvents();
-				return _el$24;
-			})();
-			case "section": return (() => {
-				var _el$25 = getNextElement(_tmpl$25);
-				spread(_el$25, rest, false, false);
-				runHydrationEvents();
-				return _el$25;
-			})();
-			case "article": return (() => {
-				var _el$26 = getNextElement(_tmpl$26);
-				spread(_el$26, rest, false, false);
-				runHydrationEvents();
-				return _el$26;
-			})();
-			case "form": return (() => {
-				var _el$27 = getNextElement(_tmpl$27);
-				spread(_el$27, rest, false, false);
-				runHydrationEvents();
-				return _el$27;
-			})();
-			case "search": return (() => {
-				var _el$28 = getNextElement(_tmpl$28);
-				spread(_el$28, rest, false, false);
-				runHydrationEvents();
-				return _el$28;
-			})();
-			default: return createComponent(Dynamic, mergeProps({ get component() {
-				return local.tag;
-			} }, rest));
-		}
-	});
+	const Tag = dynamic(() => local.tag);
+	return createComponent(Tag, rest);
 }
 //#endregion
 export { ElementTag };

package/dist/ElementTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementTag.js","names":["JSX","createMemo","splitProps","Dynamic","ElementTagProps","Record","tag","children","Element","ElementTag","props","local","rest","cached","_el$","_$getNextElement","_tmpl$","_$spread","_$runHydrationEvents","_el$2","_tmpl$2","_el$3","_tmpl$3","_el$4","_tmpl$4","_el$5","_tmpl$5","_el$6","_tmpl$6","_el$7","_tmpl$7","_el$8","_tmpl$8","_el$9","_tmpl$9","_el$0","_tmpl$0","_el$1","_tmpl$1","_el$10","_tmpl$10","_el$11","_tmpl$11","_el$12","_tmpl$12","_el$13","_tmpl$13","_el$14","_tmpl$14","_el$15","_tmpl$15","_el$16","_tmpl$16","_el$17","_tmpl$17","_el$18","_tmpl$18","_el$19","_tmpl$19","_el$20","_tmpl$20","_el$21","_tmpl$21","_el$22","_tmpl$22","_el$23","_tmpl$23","_el$24","_tmpl$24","_el$25","_tmpl$25","_el$26","_tmpl$26","_el$27","_tmpl$27","_el$28","_tmpl$28","_$createComponent","_$mergeProps","component"],"sources":["../src/ElementTag.tsx"],"sourcesContent":["import { type JSX, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport interface ElementTagProps extends Record<string, unknown> {\n  /** The HTML tag name to render. */\n  tag: string;\n  children?: JSX.Element;\n}\n\n/**\n * Renders a string tag as a *statically compiled* element.\n *\n * A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe\n * anywhere that can render after hydration settles. Solid's `createDynamic`\n * string branch calls `getNextElement()` with **no** `template` argument\n * (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only\n * reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is\n * set — hydration finished, but `sharedConfig.context` still live — it falls\n * through to `return template()` and throws `TypeError: template is not a\n * function`. Any deferred child lands on exactly that path: a `<Show>` that\n * flips, a Suspense resolution, a portal, a container that defers its children.\n *\n * Each branch below is real JSX, so the compiler emits a `template()` of its own\n * and hands it to `getNextElement(template)` — which adopts the SSR node from the\n * registry during hydration and clones the template afterwards. Both phases work.\n *\n * Props other than `tag` are spread through untouched, `children` included, so\n * this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only\n * `component` and spreads the rest onto the element).\n */\nexport function ElementTag(props: ElementTagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"tag\"]);\n  // Two memos, layered exactly as `<Dynamic>` layers them, and for the same reason.\n  // Reading a single key off a merged-props proxy forces the dynamic spread behind\n  // it to evaluate (to settle key precedence), which subscribes the reader to every\n  // signal that spread touches. Absorbing that read in `cached` keeps it off the memo\n  // below: `cached` re-runs freely, but its *value* only moves when the tag really\n  // changes, so the element is rebuilt only then. Inline the read into the memo below\n  // instead and any prop change recreates the DOM node — blowing away focus, and\n  // looping where an ancestor counts the children it just rendered.\n  const cached = createMemo(() => local.tag);\n  return createMemo(() => {\n    switch (cached()) {\n      // Text / inline\n      case \"span\":\n        return <span {...rest} />;\n      case \"a\":\n        return <a {...rest} />;\n      case \"p\":\n        return <p {...rest} />;\n      case \"label\":\n        return <label {...rest} />;\n      case \"strong\":\n        return <strong {...rest} />;\n      case \"em\":\n        return <em {...rest} />;\n      case \"small\":\n        return <small {...rest} />;\n      // Flow\n      case \"div\":\n        return <div {...rest} />;\n      case \"hr\":\n        return <hr {...rest} />;\n      case \"li\":\n        return <li {...rest} />;\n      case \"ul\":\n        return <ul {...rest} />;\n      case \"ol\":\n        return <ol {...rest} />;\n      case \"figure\":\n        return <figure {...rest} />;\n      case \"blockquote\":\n        return <blockquote {...rest} />;\n      case \"address\":\n        return <address {...rest} />;\n      // Headings\n      case \"h1\":\n        return <h1 {...rest} />;\n      case \"h2\":\n        return <h2 {...rest} />;\n      case \"h3\":\n        return <h3 {...rest} />;\n      case \"h4\":\n        return <h4 {...rest} />;\n      case \"h5\":\n        return <h5 {...rest} />;\n      case \"h6\":\n        return <h6 {...rest} />;\n      // Landmarks\n      case \"main\":\n        return <main {...rest} />;\n      case \"nav\":\n        return <nav {...rest} />;\n      case \"header\":\n        return <header {...rest} />;\n      case \"footer\":\n        return <footer {...rest} />;\n      case \"aside\":\n        return <aside {...rest} />;\n      case \"section\":\n        return <section {...rest} />;\n      case \"article\":\n        return <article {...rest} />;\n      case \"form\":\n        return <form {...rest} />;\n      case \"search\":\n        return <search {...rest} />;\n      default:\n        // A tag no component in this package emits. Kept on `<Dynamic>` rather\n        // than hand-built so hydration still adopts the SSR node; it inherits\n        // the post-hydration caveat above, which is why every tag the library\n        // itself renders is listed explicitly.\n        return <Dynamic component={local.tag} {...rest} />;\n    }\n  }) as unknown as JSX.Element;\n}\n"],"mappings":"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"}
+{"version":3,"file":"ElementTag.js","names":["<Tag {...rest} />"],"sources":["../src/ElementTag.tsx"],"sourcesContent":["/**\n * Local Solid helper for reactive HTML tags across SSR, hydration, and updates.\n * The pinned React Aria Components source has no ElementTag counterpart.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { dynamic } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ElementTagProps extends Record<string, unknown> {\n  /** The HTML tag name to render. */\n  tag: string;\n  children?: JSX.Element;\n}\n\n/**\n * Solid 2's native dynamic helper adopts SSR elements during hydration and\n * creates new elements after it settles. Its separate tag-source memo keeps\n * unrelated reactive spread updates from replacing the element. Only `tag`\n * selects the element; all other props, including children, are forwarded.\n */\nexport function ElementTag(props: ElementTagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"tag\"]);\n  const Tag = dynamic(() => local.tag);\n  return <Tag {...rest} />;\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,KAAK,CAAC;CAC/C,MAAM,MAAM,cAAc,MAAM,GAAG;CACnC,OAAOA,gBAAAA,KAAS,IAAO;AACzB"}

package/dist/ElementTag.jsx

@@ -1,65 +1,16 @@
-import { createMemo, splitProps } from "solid-js";
-import { Dynamic } from "solid-js/web";
+import { dynamic } from "@solidjs/web";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/ElementTag.tsx
 /**
-* Renders a string tag as a *statically compiled* element.
-*
-* A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe
-* anywhere that can render after hydration settles. Solid's `createDynamic`
-* string branch calls `getNextElement()` with **no** `template` argument
-* (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only
-* reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is
-* set — hydration finished, but `sharedConfig.context` still live — it falls
-* through to `return template()` and throws `TypeError: template is not a
-* function`. Any deferred child lands on exactly that path: a `<Show>` that
-* flips, a Suspense resolution, a portal, a container that defers its children.
-*
-* Each branch below is real JSX, so the compiler emits a `template()` of its own
-* and hands it to `getNextElement(template)` — which adopts the SSR node from the
-* registry during hydration and clones the template afterwards. Both phases work.
-*
-* Props other than `tag` are spread through untouched, `children` included, so
-* this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only
-* `component` and spreads the rest onto the element).
+* Solid 2's native dynamic helper adopts SSR elements during hydration and
+* creates new elements after it settles. Its separate tag-source memo keeps
+* unrelated reactive spread updates from replacing the element. Only `tag`
+* selects the element; all other props, including children, are forwarded.
 */
 function ElementTag(props) {
 	const [local, rest] = splitProps(props, ["tag"]);
-	const cached = createMemo(() => local.tag);
-	return createMemo(() => {
-		switch (cached()) {
-			case "span": return <span {...rest} />;
-			case "a": return <a {...rest} />;
-			case "p": return <p {...rest} />;
-			case "label": return <label {...rest} />;
-			case "strong": return <strong {...rest} />;
-			case "em": return <em {...rest} />;
-			case "small": return <small {...rest} />;
-			case "div": return <div {...rest} />;
-			case "hr": return <hr {...rest} />;
-			case "li": return <li {...rest} />;
-			case "ul": return <ul {...rest} />;
-			case "ol": return <ol {...rest} />;
-			case "figure": return <figure {...rest} />;
-			case "blockquote": return <blockquote {...rest} />;
-			case "address": return <address {...rest} />;
-			case "h1": return <h1 {...rest} />;
-			case "h2": return <h2 {...rest} />;
-			case "h3": return <h3 {...rest} />;
-			case "h4": return <h4 {...rest} />;
-			case "h5": return <h5 {...rest} />;
-			case "h6": return <h6 {...rest} />;
-			case "main": return <main {...rest} />;
-			case "nav": return <nav {...rest} />;
-			case "header": return <header {...rest} />;
-			case "footer": return <footer {...rest} />;
-			case "aside": return <aside {...rest} />;
-			case "section": return <section {...rest} />;
-			case "article": return <article {...rest} />;
-			case "form": return <form {...rest} />;
-			case "search": return <search {...rest} />;
-			default: return <Dynamic component={local.tag} {...rest} />;
-		}
-	});
+	const Tag = dynamic(() => local.tag);
+	return <Tag {...rest} />;
 }
 //#endregion
 export { ElementTag };

package/dist/ElementTag.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ElementTag.jsx","names":[],"sources":["../src/ElementTag.tsx"],"sourcesContent":["import { type JSX, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport interface ElementTagProps extends Record<string, unknown> {\n  /** The HTML tag name to render. */\n  tag: string;\n  children?: JSX.Element;\n}\n\n/**\n * Renders a string tag as a *statically compiled* element.\n *\n * A drop-in replacement for `<Dynamic component={someString}>`, which is unsafe\n * anywhere that can render after hydration settles. Solid's `createDynamic`\n * string branch calls `getNextElement()` with **no** `template` argument\n * (solid-js 1.9.14, `web/dist/dev.js:771`). `getNextElement(template)` only\n * reaches the registry while `isHydrating()` holds; once `sharedConfig.done` is\n * set — hydration finished, but `sharedConfig.context` still live — it falls\n * through to `return template()` and throws `TypeError: template is not a\n * function`. Any deferred child lands on exactly that path: a `<Show>` that\n * flips, a Suspense resolution, a portal, a container that defers its children.\n *\n * Each branch below is real JSX, so the compiler emits a `template()` of its own\n * and hands it to `getNextElement(template)` — which adopts the SSR node from the\n * registry during hydration and clones the template afterwards. Both phases work.\n *\n * Props other than `tag` are spread through untouched, `children` included, so\n * this matches `<Dynamic>`'s behaviour exactly (`Dynamic` likewise splits only\n * `component` and spreads the rest onto the element).\n */\nexport function ElementTag(props: ElementTagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"tag\"]);\n  // Two memos, layered exactly as `<Dynamic>` layers them, and for the same reason.\n  // Reading a single key off a merged-props proxy forces the dynamic spread behind\n  // it to evaluate (to settle key precedence), which subscribes the reader to every\n  // signal that spread touches. Absorbing that read in `cached` keeps it off the memo\n  // below: `cached` re-runs freely, but its *value* only moves when the tag really\n  // changes, so the element is rebuilt only then. Inline the read into the memo below\n  // instead and any prop change recreates the DOM node — blowing away focus, and\n  // looping where an ancestor counts the children it just rendered.\n  const cached = createMemo(() => local.tag);\n  return createMemo(() => {\n    switch (cached()) {\n      // Text / inline\n      case \"span\":\n        return <span {...rest} />;\n      case \"a\":\n        return <a {...rest} />;\n      case \"p\":\n        return <p {...rest} />;\n      case \"label\":\n        return <label {...rest} />;\n      case \"strong\":\n        return <strong {...rest} />;\n      case \"em\":\n        return <em {...rest} />;\n      case \"small\":\n        return <small {...rest} />;\n      // Flow\n      case \"div\":\n        return <div {...rest} />;\n      case \"hr\":\n        return <hr {...rest} />;\n      case \"li\":\n        return <li {...rest} />;\n      case \"ul\":\n        return <ul {...rest} />;\n      case \"ol\":\n        return <ol {...rest} />;\n      case \"figure\":\n        return <figure {...rest} />;\n      case \"blockquote\":\n        return <blockquote {...rest} />;\n      case \"address\":\n        return <address {...rest} />;\n      // Headings\n      case \"h1\":\n        return <h1 {...rest} />;\n      case \"h2\":\n        return <h2 {...rest} />;\n      case \"h3\":\n        return <h3 {...rest} />;\n      case \"h4\":\n        return <h4 {...rest} />;\n      case \"h5\":\n        return <h5 {...rest} />;\n      case \"h6\":\n        return <h6 {...rest} />;\n      // Landmarks\n      case \"main\":\n        return <main {...rest} />;\n      case \"nav\":\n        return <nav {...rest} />;\n      case \"header\":\n        return <header {...rest} />;\n      case \"footer\":\n        return <footer {...rest} />;\n      case \"aside\":\n        return <aside {...rest} />;\n      case \"section\":\n        return <section {...rest} />;\n      case \"article\":\n        return <article {...rest} />;\n      case \"form\":\n        return <form {...rest} />;\n      case \"search\":\n        return <search {...rest} />;\n      default:\n        // A tag no component in this package emits. Kept on `<Dynamic>` rather\n        // than hand-built so hydration still adopts the SSR node; it inherits\n        // the post-hydration caveat above, which is why every tag the library\n        // itself renders is listed explicitly.\n        return <Dynamic component={local.tag} {...rest} />;\n    }\n  }) as unknown as JSX.Element;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,KAAK,CAAC;CAS/C,MAAM,SAAS,iBAAiB,MAAM,GAAG;CACzC,OAAO,iBAAiB;EACtB,QAAQ,OAAO,GAAf;GAEE,KAAK,QACH,OAAO,CAAC,SAAS;GACnB,KAAK,KACH,OAAO,CAAC,MAAM;GAChB,KAAK,KACH,OAAO,CAAC,MAAM;GAChB,KAAK,SACH,OAAO,CAAC,UAAU;GACpB,KAAK,UACH,OAAO,CAAC,WAAW;GACrB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,SACH,OAAO,CAAC,UAAU;GAEpB,KAAK,OACH,OAAO,CAAC,QAAQ;GAClB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,UACH,OAAO,CAAC,WAAW;GACrB,KAAK,cACH,OAAO,CAAC,eAAe;GACzB,KAAK,WACH,OAAO,CAAC,YAAY;GAEtB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GACjB,KAAK,MACH,OAAO,CAAC,OAAO;GAEjB,KAAK,QACH,OAAO,CAAC,SAAS;GACnB,KAAK,OACH,OAAO,CAAC,QAAQ;GAClB,KAAK,UACH,OAAO,CAAC,WAAW;GACrB,KAAK,UACH,OAAO,CAAC,WAAW;GACrB,KAAK,SACH,OAAO,CAAC,UAAU;GACpB,KAAK,WACH,OAAO,CAAC,YAAY;GACtB,KAAK,WACH,OAAO,CAAC,YAAY;GACtB,KAAK,QACH,OAAO,CAAC,SAAS;GACnB,KAAK,UACH,OAAO,CAAC,WAAW;GACrB,SAKE,OAAO,CAAC,QAAQ,WAAW,MAAM,SAAS;EAC9C;CACF,CAAC;AACH"}
+{"version":3,"file":"ElementTag.jsx","names":[],"sources":["../src/ElementTag.tsx"],"sourcesContent":["/**\n * Local Solid helper for reactive HTML tags across SSR, hydration, and updates.\n * The pinned React Aria Components source has no ElementTag counterpart.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport { dynamic } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ElementTagProps extends Record<string, unknown> {\n  /** The HTML tag name to render. */\n  tag: string;\n  children?: JSX.Element;\n}\n\n/**\n * Solid 2's native dynamic helper adopts SSR elements during hydration and\n * creates new elements after it settles. Its separate tag-source memo keeps\n * unrelated reactive spread updates from replacing the element. Only `tag`\n * selects the element; all other props, including children, are forwarded.\n */\nexport function ElementTag(props: ElementTagProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"tag\"]);\n  const Tag = dynamic(() => local.tag);\n  return <Tag {...rest} />;\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,KAAK,CAAC;CAC/C,MAAM,MAAM,cAAc,MAAM,GAAG;CACnC,OAAO,CAAC,QAAQ;AAClB"}

package/dist/FieldError.d.ts

@@ -1,10 +1,4 @@
-/**
- * FieldError primitive for solidaria-components.
- *
- * Displays validation errors for a field from context or explicit validation prop.
- * Port direction: react-aria-components/src/FieldError.tsx
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type ValidationResult } from "@proyecto-viviana/solid-stately";
 import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren, type SlotProps } from "./utils";
 export type FieldErrorRenderProps = ValidationResult;
@@ -21,6 +15,13 @@ export interface FieldErrorProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "
     class?: ClassNameOrFunction<FieldErrorRenderProps>;
     /** The inline style for the element. */
     style?: StyleOrFunction<FieldErrorRenderProps>;
+    /**
+     * The HTML element type to render. Defaults to `'span'`.
+     * Set to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML.
+     *
+     * @default 'span'
+     */
+    elementType?: string;
 }
 export declare const FieldErrorContext: import("solid-js").Context<ValidationResult | FieldErrorContextValue | null>;
 export declare function FieldError(props: FieldErrorProps): JSX.Element | null;

package/dist/FieldError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA2D,MAAM,UAAU,CAAC;AAC7F,OAAO,EAA6B,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnG,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,SAAS;IACxF,6DAA6D;IAC7D,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACjD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,iBAAiB,8EAE7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+CrE"}
+{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAA6B,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnG,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,SAAS;IACxF,6DAA6D;IAC7D,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACjD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,8EAE7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAuDrE"}

package/dist/FieldError.js

@@ -1,15 +1,28 @@
+/*
+* Copyright 2023 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/FieldError.tsx
 import { filterDOMProps, useRenderProps } from "./utils.js";
-import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
-import { Show, createContext, createMemo, splitProps, useContext } from "solid-js";
+import { Text } from "./Text.js";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { Show, createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { DEFAULT_VALIDATION_RESULT } from "@proyecto-viviana/solid-stately";
 //#region src/FieldError.tsx
 /**
 * FieldError primitive for solidaria-components.
 *
 * Displays validation errors for a field from context or explicit validation prop.
-* Port direction: react-aria-components/src/FieldError.tsx
+* Based on packages/react-aria-components/src/FieldError.tsx.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 const FieldErrorContext = createContext(null);
 function FieldError(props) {
 	const contextValue = useContext(FieldErrorContext);
@@ -26,7 +39,8 @@ function FieldError(props) {
 		"children",
 		"class",
 		"style",
-		"slot"
+		"slot",
+		"elementType"
 	]);
 	const validation = createMemo(() => local.validation ?? contextValidation());
 	const renderProps = useRenderProps({
@@ -39,24 +53,30 @@ function FieldError(props) {
 	const children = () => renderProps.renderChildren();
 	return createComponent(Show, {
 		get when() {
-			return memo(() => !!validation()?.isInvalid)() && children();
+			return memo(() => {
+				return !!validation()?.isInvalid;
+			})() ? children() : validation()?.isInvalid;
 		},
 		get children() {
-			var _el$ = getNextElement(_tmpl$);
-			spread(_el$, mergeProps(() => contextErrorMessageProps(), filteredDomProps, {
+			return createComponent(Text, mergeProps(() => {
+				return contextErrorMessageProps();
+			}, filteredDomProps, {
 				get slot() {
 					return local.slot ?? "errorMessage";
 				},
-				get ["class"]() {
+				get elementType() {
+					return local.elementType;
+				},
+				get "class"() {
 					return renderProps.class();
 				},
 				get style() {
 					return renderProps.style();
+				},
+				get children() {
+					return children();
 				}
-			}), false, true);
-			insert(_el$, children);
-			runHydrationEvents();
-			return _el$;
+			}));
 		}
 	});
 }

package/dist/FieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["JSX","Show","createContext","createMemo","splitProps","useContext","DEFAULT_VALIDATION_RESULT","ValidationResult","ClassNameOrFunction","StyleOrFunction","RenderChildren","SlotProps","useRenderProps","filterDOMProps","FieldErrorRenderProps","FieldErrorContextValue","validation","errorMessageProps","HTMLAttributes","HTMLElement","FieldErrorProps","Omit","children","class","style","FieldErrorContext","FieldError","props","Element","contextValue","contextValidation","contextErrorMessageProps","local","domProps","renderProps","currentValidation","validationErrors","join","defaultClassName","filteredDomProps","global","renderChildren","_$createComponent","when","_$memo","isInvalid","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","HTMLDivElement","slot","_$insert","_$runHydrationEvents"],"sources":["../src/FieldError.tsx"],"sourcesContent":["/**\n * FieldError primitive for solidaria-components.\n *\n * Displays validation errors for a field from context or explicit validation prop.\n * Port direction: react-aria-components/src/FieldError.tsx\n */\n\nimport { type JSX, Show, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport { DEFAULT_VALIDATION_RESULT, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorContextValue {\n  validation: ValidationResult | null;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface FieldErrorProps\n  extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\" | \"class\" | \"style\">, SlotProps {\n  /** Validation result. Falls back to context when omitted. */\n  validation?: ValidationResult | null;\n  /** The children of the component. */\n  children?: RenderChildren<FieldErrorRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FieldErrorRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FieldErrorRenderProps>;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | FieldErrorContextValue | null>(\n  null,\n);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element | null {\n  const contextValue = useContext(FieldErrorContext);\n  const contextValidation = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.validation;\n    }\n    return contextValue;\n  };\n  const contextErrorMessageProps = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.errorMessageProps ?? {};\n    }\n    return {};\n  };\n  const [local, domProps] = splitProps(props, [\"validation\", \"children\", \"class\", \"style\", \"slot\"]);\n\n  const validation = createMemo<ValidationResult | null>(\n    () => local.validation ?? contextValidation(),\n  );\n\n  const renderProps = useRenderProps(\n    {\n      children:\n        local.children ?? ((currentValidation) => currentValidation.validationErrors.join(\" \")),\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-FieldError\",\n    },\n    () => validation() ?? DEFAULT_VALIDATION_RESULT,\n  );\n\n  const filteredDomProps = filterDOMProps(domProps, { global: true });\n  const children = () => renderProps.renderChildren();\n\n  return (\n    <Show when={validation()?.isInvalid && children()}>\n      <div\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLDivElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLDivElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </div>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqCA,MAAayB,oBAAoBvB,cAC/B,IACF;AAEA,SAAgBwB,WAAWC,OAA4C;CACrE,MAAME,eAAexB,WAAWoB,iBAAiB;CACjD,MAAMK,0BAA0B;EAC9B,IAAID,gBAAgB,gBAAgBA,cAClC,OAAOA,aAAab;EAEtB,OAAOa;CACT;CACA,MAAME,iCAAiC;EACrC,IAAIF,gBAAgB,gBAAgBA,cAClC,OAAOA,aAAaZ,qBAAqB,CAAC;EAE5C,OAAO,CAAC;CACV;CACA,MAAM,CAACe,OAAOC,YAAY7B,WAAWuB,OAAO;EAAC;EAAc;EAAY;EAAS;EAAS;CAAM,CAAC;CAEhG,MAAMX,aAAab,iBACX6B,MAAMhB,cAAcc,kBAAkB,CAC9C;CAEA,MAAMI,cAActB,eAClB;EACEU,UACEU,MAAMV,cAAca,sBAAsBA,kBAAkBC,iBAAiBC,KAAK,GAAG;EACvFd,OAAOS,MAAMT;EACbC,OAAOQ,MAAMR;EACbc,kBAAkB;CACpB,SACMtB,WAAW,KAAKV,yBACxB;CAEA,MAAMiC,mBAAmB1B,eAAeoB,UAAU,EAAEO,QAAQ,KAAK,CAAC;CAClE,MAAMlB,iBAAiBY,YAAYO,eAAe;CAElD,OAAAC,gBACGzC,MAAI;EAAA,IAAC0C,OAAI;GAAA,OAAEC,WAAA,CAAA,CAAA5B,WAAW,CAAC,EAAE6B,SAAS,CAAA,CAAA,KAAIvB,SAAS;EAAC;EAAA,IAAAA,WAAA;GAAA,IAAAwB,OAAAC,eAAAC,MAAA;GAAAC,OAAAH,MAAAI,iBAExCnB,yBAAyB,GACzBQ,kBAAsD;IAAA,IAC3Da,OAAI;KAAA,OAAEpB,MAAMoB,QAAQ;IAAc;IAAA,KAAA,WAAA;KAAA,OAC3BlB,YAAYX,MAAM;IAAC;IAAA,IAC1BC,QAAK;KAAA,OAAEU,YAAYV,MAAM;IAAC;GAAA,CAAA,GAAA,OAAA,IAAA;GAAA6B,OAAAP,MAEzBxB,QAAQ;GAAAgC,mBAAA;GAAA,OAAAR;EAAA;CAAA,CAAA;AAIjB"}
+{"version":3,"file":"FieldError.js","names":["<Show when={validation()?.isInvalid && children()}>\n      <Text\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        elementType={local.elementType}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </Text>\n    </Show>","validation()?.isInvalid && children()","<Text\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        elementType={local.elementType}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </Text>"],"sources":["../src/FieldError.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/FieldError.tsx\n\n/**\n * FieldError primitive for solidaria-components.\n *\n * Displays validation errors for a field from context or explicit validation prop.\n * Based on packages/react-aria-components/src/FieldError.tsx.\n */\n\nimport { Show, createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { DEFAULT_VALIDATION_RESULT, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { Text } from \"./Text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorContextValue {\n  validation: ValidationResult | null;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface FieldErrorProps\n  extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\" | \"class\" | \"style\">, SlotProps {\n  /** Validation result. Falls back to context when omitted. */\n  validation?: ValidationResult | null;\n  /** The children of the component. */\n  children?: RenderChildren<FieldErrorRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FieldErrorRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FieldErrorRenderProps>;\n  /**\n   * The HTML element type to render. Defaults to `'span'`.\n   * Set to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML.\n   *\n   * @default 'span'\n   */\n  elementType?: string;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | FieldErrorContextValue | null>(\n  null,\n);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element | null {\n  const contextValue = useContext(FieldErrorContext);\n  const contextValidation = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.validation;\n    }\n    return contextValue;\n  };\n  const contextErrorMessageProps = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.errorMessageProps ?? {};\n    }\n    return {};\n  };\n  const [local, domProps] = splitProps(props, [\n    \"validation\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"elementType\",\n  ]);\n\n  const validation = createMemo<ValidationResult | null>(\n    () => local.validation ?? contextValidation(),\n  );\n\n  const renderProps = useRenderProps(\n    {\n      children:\n        local.children ?? ((currentValidation) => currentValidation.validationErrors.join(\" \")),\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-FieldError\",\n    },\n    () => validation() ?? DEFAULT_VALIDATION_RESULT,\n  );\n\n  const filteredDomProps = filterDOMProps(domProps, { global: true });\n  const children = () => renderProps.renderChildren();\n\n  return (\n    <Show when={validation()?.isInvalid && children()}>\n      <Text\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        elementType={local.elementType}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </Text>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAa,oBAAoB,cAC/B,IACF;AAEA,SAAgB,WAAW,OAA4C;CACrE,MAAM,eAAe,WAAW,iBAAiB;CACjD,MAAM,0BAA0B;EAC9B,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa;EAEtB,OAAO;CACT;CACA,MAAM,iCAAiC;EACrC,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa,qBAAqB,CAAC;EAE5C,OAAO,CAAC;CACV;CACA,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,aAAa,iBACX,MAAM,cAAc,kBAAkB,CAC9C;CAEA,MAAM,cAAc,eAClB;EACE,UACE,MAAM,cAAc,sBAAsB,kBAAkB,iBAAiB,KAAK,GAAG;EACvF,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,SACM,WAAW,KAAK,yBACxB;CAEA,MAAM,mBAAmB,eAAe,UAAU,EAAE,QAAQ,KAAK,CAAC;CAClE,MAAM,iBAAiB,YAAY,eAAe;CAElD,OACEA,gBAAAA,MAAAA;EAAM,IAAA,OAAA;GAAMC,OAAAA,WAAAA;IAAW,OAAA,CAAA,CAAA,WAAA,CAAC,EAAE;GAAsB,CAAA,CAAC,CAAD,IAAT,SAAS,IAApC,WAAW,CAAC,EAAE;EAAuB;EAAjD,IAAA,WAAA;GACEC,OAAAA,gBAAAA,MAAAA,iBACE;IAAK,OAAA,yBAAyB;GAAgD,GACzE,kBAFP;IAGE,IAAA,OAAA;KAAM,OAAA,MAAM,QAAQ;IAAc;IAClC,IAAA,cAAA;KAAa,OAAA,MAAM;IAAW;IAC9B,IAAA,UAAA;KAAO,OAAA,YAAY,MAAM;IAAC;IAC1B,IAAA,QAAA;KAAO,OAAA,YAAY,MAAM;IAAC;IAN5B,IAAA,WAAA;KAQG,OAAA,SAAS;IACN;;EACF;;AAEV"}

package/dist/FieldError.jsx

@@ -1,12 +1,26 @@
+/*
+* Copyright 2023 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/FieldError.tsx
 import { filterDOMProps, useRenderProps } from "./utils.jsx";
-import { Show, createContext, createMemo, splitProps, useContext } from "solid-js";
+import { Text } from "./Text.jsx";
+import { Show, createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { DEFAULT_VALIDATION_RESULT } from "@proyecto-viviana/solid-stately";
 //#region src/FieldError.tsx
 /**
 * FieldError primitive for solidaria-components.
 *
 * Displays validation errors for a field from context or explicit validation prop.
-* Port direction: react-aria-components/src/FieldError.tsx
+* Based on packages/react-aria-components/src/FieldError.tsx.
 */
 const FieldErrorContext = createContext(null);
 function FieldError(props) {
@@ -24,7 +38,8 @@ function FieldError(props) {
 		"children",
 		"class",
 		"style",
-		"slot"
+		"slot",
+		"elementType"
 	]);
 	const validation = createMemo(() => local.validation ?? contextValidation());
 	const renderProps = useRenderProps({
@@ -36,9 +51,9 @@ function FieldError(props) {
 	const filteredDomProps = filterDOMProps(domProps, { global: true });
 	const children = () => renderProps.renderChildren();
 	return <Show when={validation()?.isInvalid && children()}>
-      <div {...contextErrorMessageProps()} {...filteredDomProps} slot={local.slot ?? "errorMessage"} class={renderProps.class()} style={renderProps.style()}>
+      <Text {...contextErrorMessageProps()} {...filteredDomProps} slot={local.slot ?? "errorMessage"} elementType={local.elementType} class={renderProps.class()} style={renderProps.style()}>
         {children()}
-      </div>
+      </Text>
     </Show>;
 }
 //#endregion

package/dist/FieldError.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.jsx","names":[],"sources":["../src/FieldError.tsx"],"sourcesContent":["/**\n * FieldError primitive for solidaria-components.\n *\n * Displays validation errors for a field from context or explicit validation prop.\n * Port direction: react-aria-components/src/FieldError.tsx\n */\n\nimport { type JSX, Show, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport { DEFAULT_VALIDATION_RESULT, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorContextValue {\n  validation: ValidationResult | null;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface FieldErrorProps\n  extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\" | \"class\" | \"style\">, SlotProps {\n  /** Validation result. Falls back to context when omitted. */\n  validation?: ValidationResult | null;\n  /** The children of the component. */\n  children?: RenderChildren<FieldErrorRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FieldErrorRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FieldErrorRenderProps>;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | FieldErrorContextValue | null>(\n  null,\n);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element | null {\n  const contextValue = useContext(FieldErrorContext);\n  const contextValidation = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.validation;\n    }\n    return contextValue;\n  };\n  const contextErrorMessageProps = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.errorMessageProps ?? {};\n    }\n    return {};\n  };\n  const [local, domProps] = splitProps(props, [\"validation\", \"children\", \"class\", \"style\", \"slot\"]);\n\n  const validation = createMemo<ValidationResult | null>(\n    () => local.validation ?? contextValidation(),\n  );\n\n  const renderProps = useRenderProps(\n    {\n      children:\n        local.children ?? ((currentValidation) => currentValidation.validationErrors.join(\" \")),\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-FieldError\",\n    },\n    () => validation() ?? DEFAULT_VALIDATION_RESULT,\n  );\n\n  const filteredDomProps = filterDOMProps(domProps, { global: true });\n  const children = () => renderProps.renderChildren();\n\n  return (\n    <Show when={validation()?.isInvalid && children()}>\n      <div\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLDivElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLDivElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </div>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqCA,MAAa,oBAAoB,cAC/B,IACF;AAEA,SAAgB,WAAW,OAA4C;CACrE,MAAM,eAAe,WAAW,iBAAiB;CACjD,MAAM,0BAA0B;EAC9B,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa;EAEtB,OAAO;CACT;CACA,MAAM,iCAAiC;EACrC,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa,qBAAqB,CAAC;EAE5C,OAAO,CAAC;CACV;CACA,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAc;EAAY;EAAS;EAAS;CAAM,CAAC;CAEhG,MAAM,aAAa,iBACX,MAAM,cAAc,kBAAkB,CAC9C;CAEA,MAAM,cAAc,eAClB;EACE,UACE,MAAM,cAAc,sBAAsB,kBAAkB,iBAAiB,KAAK,GAAG;EACvF,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,SACM,WAAW,KAAK,yBACxB;CAEA,MAAM,mBAAmB,eAAe,UAAU,EAAE,QAAQ,KAAK,CAAC;CAClE,MAAM,iBAAiB,YAAY,eAAe;CAElD,OACE,CAAC,KAAK,MAAM,WAAW,CAAC,EAAE,aAAa,SAAS,GAAG;MACjD,CAAC,QACM,yBAAyB,OACzB,kBACL,MAAM,MAAM,QAAQ,gBACpB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GAC1B;SACE,SAAS,EAAE;MACd,EAAE,IAAI;IACR,EAAE;AAEN"}
+{"version":3,"file":"FieldError.jsx","names":[],"sources":["../src/FieldError.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/FieldError.tsx\n\n/**\n * FieldError primitive for solidaria-components.\n *\n * Displays validation errors for a field from context or explicit validation prop.\n * Based on packages/react-aria-components/src/FieldError.tsx.\n */\n\nimport { Show, createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { DEFAULT_VALIDATION_RESULT, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { Text } from \"./Text\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorContextValue {\n  validation: ValidationResult | null;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface FieldErrorProps\n  extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\" | \"class\" | \"style\">, SlotProps {\n  /** Validation result. Falls back to context when omitted. */\n  validation?: ValidationResult | null;\n  /** The children of the component. */\n  children?: RenderChildren<FieldErrorRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FieldErrorRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FieldErrorRenderProps>;\n  /**\n   * The HTML element type to render. Defaults to `'span'`.\n   * Set to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML.\n   *\n   * @default 'span'\n   */\n  elementType?: string;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | FieldErrorContextValue | null>(\n  null,\n);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element | null {\n  const contextValue = useContext(FieldErrorContext);\n  const contextValidation = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.validation;\n    }\n    return contextValue;\n  };\n  const contextErrorMessageProps = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.errorMessageProps ?? {};\n    }\n    return {};\n  };\n  const [local, domProps] = splitProps(props, [\n    \"validation\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"elementType\",\n  ]);\n\n  const validation = createMemo<ValidationResult | null>(\n    () => local.validation ?? contextValidation(),\n  );\n\n  const renderProps = useRenderProps(\n    {\n      children:\n        local.children ?? ((currentValidation) => currentValidation.validationErrors.join(\" \")),\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-FieldError\",\n    },\n    () => validation() ?? DEFAULT_VALIDATION_RESULT,\n  );\n\n  const filteredDomProps = filterDOMProps(domProps, { global: true });\n  const children = () => renderProps.renderChildren();\n\n  return (\n    <Show when={validation()?.isInvalid && children()}>\n      <Text\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        elementType={local.elementType}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </Text>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAa,oBAAoB,cAC/B,IACF;AAEA,SAAgB,WAAW,OAA4C;CACrE,MAAM,eAAe,WAAW,iBAAiB;CACjD,MAAM,0BAA0B;EAC9B,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa;EAEtB,OAAO;CACT;CACA,MAAM,iCAAiC;EACrC,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa,qBAAqB,CAAC;EAE5C,OAAO,CAAC;CACV;CACA,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,aAAa,iBACX,MAAM,cAAc,kBAAkB,CAC9C;CAEA,MAAM,cAAc,eAClB;EACE,UACE,MAAM,cAAc,sBAAsB,kBAAkB,iBAAiB,KAAK,GAAG;EACvF,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,SACM,WAAW,KAAK,yBACxB;CAEA,MAAM,mBAAmB,eAAe,UAAU,EAAE,QAAQ,KAAK,CAAC;CAClE,MAAM,iBAAiB,YAAY,eAAe;CAElD,OACE,CAAC,KAAK,MAAM,WAAW,CAAC,EAAE,aAAa,SAAS,GAAG;MACjD,CAAC,SACM,yBAAyB,OACzB,kBACL,MAAM,MAAM,QAAQ,gBACpB,aAAa,MAAM,aACnB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GAC1B;SACE,SAAS,EAAE;MACd,EAAE,KAAK;IACT,EAAE;AAEN"}

package/dist/FileTrigger.d.ts

@@ -1,10 +1,4 @@
-/**
- * FileTrigger primitive for solidaria-components.
- *
- * Opens the native file picker from any pressable child.
- * Parity target: react-aria-components/src/FileTrigger.tsx
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export interface FileTriggerProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "children" | "onSelect"> {
     /** Mime types accepted by the file picker. */
     acceptedFileTypes?: ReadonlyArray<string>;

package/dist/FileTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileTrigger.d.ts","sourceRoot":"","sources":["../src/FileTrigger.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA4B,MAAM,UAAU,CAAC;AAG9D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAC9C;IACC,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAmDhE"}
+{"version":3,"file":"FileTrigger.d.ts","sourceRoot":"","sources":["../src/FileTrigger.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAIxC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAC9C;IACC,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkDhE"}