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

package/dist/Pressable.d.ts

@@ -1,10 +1,4 @@
-/**
- * Pressable component for solidaria-components
- *
- * A render-prop component that wraps createPress + createFocusable
- * to make an element pressable. Port of React Aria's Pressable.
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type CreatePressProps } from "@proyecto-viviana/solidaria";
 export interface PressableProps extends CreatePressProps {
     /** A single child element to make pressable. */
@@ -19,7 +13,7 @@ export interface PressableProps extends CreatePressProps {
  * @example
  * ```tsx
  * <Pressable onPress={() => console.log('pressed')}>
- *   <div role="button" tabIndex={0}>Click me</div>
+ *   <div role="button" tabindex={0}>Click me</div>
  * </Pressable>
  * ```
  */

package/dist/Pressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAC;AAClB,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,gDAAgD;IAChD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC;CACjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAoE5D"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,gDAAgD;IAChD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC;CACjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA0E5D"}

package/dist/Pressable.js

@@ -1,12 +1,25 @@
-import { memo } from "solid-js/web";
-import { children, createEffect, onCleanup, splitProps } from "solid-js";
+/*
+* Copyright 2020 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/src/interactions/Pressable.tsx
+import { memo } from "@solidjs/web";
+import { children, createTrackedEffect } from "solid-js";
 import { createFocusable, createPress } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Pressable.tsx
 /**
 * Pressable component for solidaria-components
 *
 * A render-prop component that wraps createPress + createFocusable
-* to make an element pressable. Port of React Aria's Pressable.
+* to make an element pressable.
 */
 /**
 * Makes its child element pressable and focusable.
@@ -15,7 +28,7 @@ import { createFocusable, createPress } from "@proyecto-viviana/solidaria";
 * @example
 * ```tsx
 * <Pressable onPress={() => console.log('pressed')}>
-*   <div role="button" tabIndex={0}>Click me</div>
+*   <div role="button" tabindex={0}>Click me</div>
 * </Pressable>
 * ```
 */
@@ -25,7 +38,8 @@ function Pressable(props) {
 	const { pressProps: domPressProps } = createPress(pressProps);
 	const { focusableProps: domFocusableProps } = createFocusable(pressProps, () => ref);
 	const resolved = children(() => local.children);
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const child = resolved();
 		if (child instanceof HTMLElement) {
 			ref = child;
@@ -56,10 +70,13 @@ function Pressable(props) {
 					else child.setAttribute(key, String(value));
 				}
 			}
-			onCleanup(() => {
+			_s2Cleanups.push(() => {
 				for (const [eventName, listener] of listeners) child.removeEventListener(eventName, listener);
 			});
 		}
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	return memo(resolved);
 }

package/dist/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.js","names":["JSX","children","resolveChildren","createEffect","onCleanup","splitProps","createPress","createFocusable","CreatePressProps","CreateFocusableProps","PressableProps","Element","ref","HTMLElement","el","Pressable","props","local","pressProps","domPressProps","focusableProps","domFocusableProps","resolved","child","allProps","listeners","Array","EventListener","key","handler","Object","entries","startsWith","eventName","slice","toLowerCase","listener","addEventListener","push","value","hasAttribute","removeAttribute","tabIndex","Number","setAttribute","String","removeEventListener","_$memo"],"sources":["../src/Pressable.tsx"],"sourcesContent":["/**\n * Pressable component for solidaria-components\n *\n * A render-prop component that wraps createPress + createFocusable\n * to make an element pressable. Port of React Aria's Pressable.\n */\n\nimport {\n  type JSX,\n  children as resolveChildren,\n  createEffect,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport {\n  createPress,\n  createFocusable,\n  type CreatePressProps,\n  type CreateFocusableProps,\n} from \"@proyecto-viviana/solidaria\";\n\nexport interface PressableProps extends CreatePressProps {\n  /** A single child element to make pressable. */\n  children: JSX.Element;\n  /** Ref callback. */\n  ref?: HTMLElement | ((el: HTMLElement) => void);\n}\n\n/**\n * Makes its child element pressable and focusable.\n * Combines createPress and createFocusable for full interaction support.\n *\n * @example\n * ```tsx\n * <Pressable onPress={() => console.log('pressed')}>\n *   <div role=\"button\" tabIndex={0}>Click me</div>\n * </Pressable>\n * ```\n */\nexport function Pressable(props: PressableProps): JSX.Element {\n  const [local, pressProps] = splitProps(props, [\"children\", \"ref\"]);\n\n  let ref!: HTMLElement;\n  const { pressProps: domPressProps } = createPress(pressProps);\n  const { focusableProps: domFocusableProps } = createFocusable(\n    pressProps as CreateFocusableProps,\n    () => ref,\n  );\n\n  const resolved = resolveChildren(() => local.children);\n\n  createEffect(() => {\n    const child = resolved() as HTMLElement;\n    if (child instanceof HTMLElement) {\n      ref = child;\n      if (typeof local.ref === \"function\") {\n        local.ref(child);\n      }\n\n      // Apply press props\n      const allProps = { ...domFocusableProps, ...domPressProps };\n      const listeners: Array<[string, EventListener]> = [];\n      for (const [key, handler] of Object.entries(allProps)) {\n        if (key.startsWith(\"on\") && typeof handler === \"function\") {\n          const eventName = key.slice(2).toLowerCase();\n          const listener = handler as EventListener;\n          child.addEventListener(eventName, listener);\n          listeners.push([eventName, listener]);\n        }\n      }\n\n      // Apply non-event press/focusable props (e.g. tabIndex/data attrs).\n      // Keep explicit child tabIndex to mirror mergeProps(child.props precedence).\n      for (const [key, value] of Object.entries(allProps)) {\n        if (key === \"ref\" || (key.startsWith(\"on\") && typeof value === \"function\")) continue;\n\n        if (key === \"tabIndex\") {\n          if (child.hasAttribute(\"tabindex\")) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(\"tabindex\");\n          } else {\n            child.tabIndex = Number(value);\n          }\n          continue;\n        }\n\n        if (key.startsWith(\"aria-\") || key.startsWith(\"data-\") || key === \"id\" || key === \"role\") {\n          if (child.hasAttribute(key)) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(key);\n          } else if (value === true) {\n            child.setAttribute(key, \"\");\n          } else {\n            child.setAttribute(key, String(value));\n          }\n        }\n      }\n\n      onCleanup(() => {\n        for (const [eventName, listener] of listeners) {\n          child.removeEventListener(eventName, listener);\n        }\n      });\n    }\n  });\n\n  return <>{resolved()}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgBe,UAAUC,OAAoC;CAC5D,MAAM,CAACC,OAAOC,cAAcb,WAAWW,OAAO,CAAC,YAAY,KAAK,CAAC;CAEjE,IAAIJ;CACJ,MAAM,EAAEM,YAAYC,kBAAkBb,YAAYY,UAAU;CAC5D,MAAM,EAAEE,gBAAgBC,sBAAsBd,gBAC5CW,kBACMN,GACR;CAEA,MAAMU,WAAWpB,eAAsBe,MAAMhB,QAAQ;CAErDE,mBAAmB;EACjB,MAAMoB,QAAQD,SAAS;EACvB,IAAIC,iBAAiBV,aAAa;GAChCD,MAAMW;GACN,IAAI,OAAON,MAAML,QAAQ,YACvBK,MAAML,IAAIW,KAAK;GAIjB,MAAMC,WAAW;IAAE,GAAGH;IAAmB,GAAGF;GAAc;GAC1D,MAAMM,YAA4C,CAAA;GAClD,KAAK,MAAM,CAACG,KAAKC,YAAYC,OAAOC,QAAQP,QAAQ,GAClD,IAAII,IAAII,WAAW,IAAI,KAAK,OAAOH,YAAY,YAAY;IACzD,MAAMI,YAAYL,IAAIM,MAAM,CAAC,CAAC,CAACC,YAAY;IAC3C,MAAMC,WAAWP;IACjBN,MAAMc,iBAAiBJ,WAAWG,QAAQ;IAC1CX,UAAUa,KAAK,CAACL,WAAWG,QAAQ,CAAC;GACtC;GAKF,KAAK,MAAM,CAACR,KAAKW,UAAUT,OAAOC,QAAQP,QAAQ,GAAG;IACnD,IAAII,QAAQ,SAAUA,IAAII,WAAW,IAAI,KAAK,OAAOO,UAAU,YAAa;IAE5E,IAAIX,QAAQ,YAAY;KACtB,IAAIL,MAAMiB,aAAa,UAAU,GAAG;KACpC,IAAID,SAAS,QAAQA,UAAU,OAC7BhB,MAAMkB,gBAAgB,UAAU;UAEhClB,MAAMmB,WAAWC,OAAOJ,KAAK;KAE/B;IACF;IAEA,IAAIX,IAAII,WAAW,OAAO,KAAKJ,IAAII,WAAW,OAAO,KAAKJ,QAAQ,QAAQA,QAAQ,QAAQ;KACxF,IAAIL,MAAMiB,aAAaZ,GAAG,GAAG;KAC7B,IAAIW,SAAS,QAAQA,UAAU,OAC7BhB,MAAMkB,gBAAgBb,GAAG;UACpB,IAAIW,UAAU,MACnBhB,MAAMqB,aAAahB,KAAK,EAAE;UAE1BL,MAAMqB,aAAahB,KAAKiB,OAAON,KAAK,CAAC;IAEzC;GACF;GAEAnC,gBAAgB;IACd,KAAK,MAAM,CAAC6B,WAAWG,aAAaX,WAClCF,MAAMuB,oBAAoBb,WAAWG,QAAQ;GAEjD,CAAC;EACH;CACF,CAAC;CAED,OAAAW,KAAUzB,QAAQ;AACpB"}
+{"version":3,"file":"Pressable.js","names":["{resolved()}"],"sources":["../src/Pressable.tsx"],"sourcesContent":["/*\n * Copyright 2020 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/src/interactions/Pressable.tsx\n\n/**\n * Pressable component for solidaria-components\n *\n * A render-prop component that wraps createPress + createFocusable\n * to make an element pressable.\n */\n\nimport {\n  children as resolveChildren,\n  createEffect,\n  onCleanup,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  createPress,\n  createFocusable,\n  type CreatePressProps,\n  type CreateFocusableProps,\n} from \"@proyecto-viviana/solidaria\";\n\nexport interface PressableProps extends CreatePressProps {\n  /** A single child element to make pressable. */\n  children: JSX.Element;\n  /** Ref callback. */\n  ref?: HTMLElement | ((el: HTMLElement) => void);\n}\n\n/**\n * Makes its child element pressable and focusable.\n * Combines createPress and createFocusable for full interaction support.\n *\n * @example\n * ```tsx\n * <Pressable onPress={() => console.log('pressed')}>\n *   <div role=\"button\" tabindex={0}>Click me</div>\n * </Pressable>\n * ```\n */\nexport function Pressable(props: PressableProps): JSX.Element {\n  const [local, pressProps] = splitProps(props, [\"children\", \"ref\"]);\n\n  let ref!: HTMLElement;\n  const { pressProps: domPressProps } = createPress(pressProps);\n  const { focusableProps: domFocusableProps } = createFocusable(\n    pressProps as CreateFocusableProps,\n    () => ref,\n  );\n\n  const resolved = resolveChildren(() => local.children);\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const child = resolved() as HTMLElement;\n    if (child instanceof HTMLElement) {\n      ref = child;\n      if (typeof local.ref === \"function\") {\n        local.ref(child);\n      }\n\n      // Apply press props\n      const allProps = { ...domFocusableProps, ...domPressProps };\n      const listeners: Array<[string, EventListener]> = [];\n      for (const [key, handler] of Object.entries(allProps)) {\n        if (key.startsWith(\"on\") && typeof handler === \"function\") {\n          const eventName = key.slice(2).toLowerCase();\n          const listener = handler as EventListener;\n          child.addEventListener(eventName, listener);\n          listeners.push([eventName, listener]);\n        }\n      }\n\n      // Apply non-event press/focusable props (e.g. tabIndex/data attrs).\n      // Keep explicit child tabIndex to mirror mergeProps(child.props precedence).\n      for (const [key, value] of Object.entries(allProps)) {\n        if (key === \"ref\" || (key.startsWith(\"on\") && typeof value === \"function\")) continue;\n\n        if (key === \"tabIndex\") {\n          if (child.hasAttribute(\"tabindex\")) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(\"tabindex\");\n          } else {\n            child.tabIndex = Number(value);\n          }\n          continue;\n        }\n\n        if (key.startsWith(\"aria-\") || key.startsWith(\"data-\") || key === \"id\" || key === \"role\") {\n          if (child.hasAttribute(key)) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(key);\n          } else if (value === true) {\n            child.setAttribute(key, \"\");\n          } else {\n            child.setAttribute(key, String(value));\n          }\n        }\n      }\n\n      _s2Cleanups.push(() => {\n        for (const [eventName, listener] of listeners) {\n          child.removeEventListener(eventName, listener);\n        }\n      });\n    }\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return <>{resolved()}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,cAAc,WAAW,OAAO,CAAC,YAAY,KAAK,CAAC;CAEjE,IAAI;CACJ,MAAM,EAAE,YAAY,kBAAkB,YAAY,UAAU;CAC5D,MAAM,EAAE,gBAAgB,sBAAsB,gBAC5C,kBACM,GACR;CAEA,MAAM,WAAW,eAAsB,MAAM,QAAQ;CAErD,0BAA0B;EACxB,MAAM,cAAiC,CAAC;EAExC,MAAM,QAAQ,SAAS;EACvB,IAAI,iBAAiB,aAAa;GAChC,MAAM;GACN,IAAI,OAAO,MAAM,QAAQ,YACvB,MAAM,IAAI,KAAK;GAIjB,MAAM,WAAW;IAAE,GAAG;IAAmB,GAAG;GAAc;GAC1D,MAAM,YAA4C,CAAC;GACnD,KAAK,MAAM,CAAC,KAAK,YAAY,OAAO,QAAQ,QAAQ,GAClD,IAAI,IAAI,WAAW,IAAI,KAAK,OAAO,YAAY,YAAY;IACzD,MAAM,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY;IAC3C,MAAM,WAAW;IACjB,MAAM,iBAAiB,WAAW,QAAQ;IAC1C,UAAU,KAAK,CAAC,WAAW,QAAQ,CAAC;GACtC;GAKF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;IACnD,IAAI,QAAQ,SAAU,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAa;IAE5E,IAAI,QAAQ,YAAY;KACtB,IAAI,MAAM,aAAa,UAAU,GAAG;KACpC,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,UAAU;UAEhC,MAAM,WAAW,OAAO,KAAK;KAE/B;IACF;IAEA,IAAI,IAAI,WAAW,OAAO,KAAK,IAAI,WAAW,OAAO,KAAK,QAAQ,QAAQ,QAAQ,QAAQ;KACxF,IAAI,MAAM,aAAa,GAAG,GAAG;KAC7B,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,GAAG;UACpB,IAAI,UAAU,MACnB,MAAM,aAAa,KAAK,EAAE;UAE1B,MAAM,aAAa,KAAK,OAAO,KAAK,CAAC;IAEzC;GACF;GAEA,YAAY,WAAW;IACrB,KAAK,MAAM,CAAC,WAAW,aAAa,WAClC,MAAM,oBAAoB,WAAW,QAAQ;GAEjD,CAAC;EACH;EAEA,aAAa;GACX,KAAK,MAAM,KAAK,aAAa,EAAE;EACjC;CACF,CAAC;CAED,OAASA,KAAC,QAAU;AACtB"}

package/dist/Pressable.jsx

@@ -1,11 +1,24 @@
-import { children, createEffect, onCleanup, splitProps } from "solid-js";
+/*
+* Copyright 2020 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/src/interactions/Pressable.tsx
+import { children, createTrackedEffect } from "solid-js";
 import { createFocusable, createPress } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Pressable.tsx
 /**
 * Pressable component for solidaria-components
 *
 * A render-prop component that wraps createPress + createFocusable
-* to make an element pressable. Port of React Aria's Pressable.
+* to make an element pressable.
 */
 /**
 * Makes its child element pressable and focusable.
@@ -14,7 +27,7 @@ import { createFocusable, createPress } from "@proyecto-viviana/solidaria";
 * @example
 * ```tsx
 * <Pressable onPress={() => console.log('pressed')}>
-*   <div role="button" tabIndex={0}>Click me</div>
+*   <div role="button" tabindex={0}>Click me</div>
 * </Pressable>
 * ```
 */
@@ -24,7 +37,8 @@ function Pressable(props) {
 	const { pressProps: domPressProps } = createPress(pressProps);
 	const { focusableProps: domFocusableProps } = createFocusable(pressProps, () => ref);
 	const resolved = children(() => local.children);
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		const child = resolved();
 		if (child instanceof HTMLElement) {
 			ref = child;
@@ -55,10 +69,13 @@ function Pressable(props) {
 					else child.setAttribute(key, String(value));
 				}
 			}
-			onCleanup(() => {
+			_s2Cleanups.push(() => {
 				for (const [eventName, listener] of listeners) child.removeEventListener(eventName, listener);
 			});
 		}
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	return <>{resolved()}</>;
 }

package/dist/Pressable.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.jsx","names":["resolveChildren"],"sources":["../src/Pressable.tsx"],"sourcesContent":["/**\n * Pressable component for solidaria-components\n *\n * A render-prop component that wraps createPress + createFocusable\n * to make an element pressable. Port of React Aria's Pressable.\n */\n\nimport {\n  type JSX,\n  children as resolveChildren,\n  createEffect,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport {\n  createPress,\n  createFocusable,\n  type CreatePressProps,\n  type CreateFocusableProps,\n} from \"@proyecto-viviana/solidaria\";\n\nexport interface PressableProps extends CreatePressProps {\n  /** A single child element to make pressable. */\n  children: JSX.Element;\n  /** Ref callback. */\n  ref?: HTMLElement | ((el: HTMLElement) => void);\n}\n\n/**\n * Makes its child element pressable and focusable.\n * Combines createPress and createFocusable for full interaction support.\n *\n * @example\n * ```tsx\n * <Pressable onPress={() => console.log('pressed')}>\n *   <div role=\"button\" tabIndex={0}>Click me</div>\n * </Pressable>\n * ```\n */\nexport function Pressable(props: PressableProps): JSX.Element {\n  const [local, pressProps] = splitProps(props, [\"children\", \"ref\"]);\n\n  let ref!: HTMLElement;\n  const { pressProps: domPressProps } = createPress(pressProps);\n  const { focusableProps: domFocusableProps } = createFocusable(\n    pressProps as CreateFocusableProps,\n    () => ref,\n  );\n\n  const resolved = resolveChildren(() => local.children);\n\n  createEffect(() => {\n    const child = resolved() as HTMLElement;\n    if (child instanceof HTMLElement) {\n      ref = child;\n      if (typeof local.ref === \"function\") {\n        local.ref(child);\n      }\n\n      // Apply press props\n      const allProps = { ...domFocusableProps, ...domPressProps };\n      const listeners: Array<[string, EventListener]> = [];\n      for (const [key, handler] of Object.entries(allProps)) {\n        if (key.startsWith(\"on\") && typeof handler === \"function\") {\n          const eventName = key.slice(2).toLowerCase();\n          const listener = handler as EventListener;\n          child.addEventListener(eventName, listener);\n          listeners.push([eventName, listener]);\n        }\n      }\n\n      // Apply non-event press/focusable props (e.g. tabIndex/data attrs).\n      // Keep explicit child tabIndex to mirror mergeProps(child.props precedence).\n      for (const [key, value] of Object.entries(allProps)) {\n        if (key === \"ref\" || (key.startsWith(\"on\") && typeof value === \"function\")) continue;\n\n        if (key === \"tabIndex\") {\n          if (child.hasAttribute(\"tabindex\")) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(\"tabindex\");\n          } else {\n            child.tabIndex = Number(value);\n          }\n          continue;\n        }\n\n        if (key.startsWith(\"aria-\") || key.startsWith(\"data-\") || key === \"id\" || key === \"role\") {\n          if (child.hasAttribute(key)) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(key);\n          } else if (value === true) {\n            child.setAttribute(key, \"\");\n          } else {\n            child.setAttribute(key, String(value));\n          }\n        }\n      }\n\n      onCleanup(() => {\n        for (const [eventName, listener] of listeners) {\n          child.removeEventListener(eventName, listener);\n        }\n      });\n    }\n  });\n\n  return <>{resolved()}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,cAAc,WAAW,OAAO,CAAC,YAAY,KAAK,CAAC;CAEjE,IAAI;CACJ,MAAM,EAAE,YAAY,kBAAkB,YAAY,UAAU;CAC5D,MAAM,EAAE,gBAAgB,sBAAsB,gBAC5C,kBACM,GACR;CAEA,MAAM,WAAWA,eAAsB,MAAM,QAAQ;CAErD,mBAAmB;EACjB,MAAM,QAAQ,SAAS;EACvB,IAAI,iBAAiB,aAAa;GAChC,MAAM;GACN,IAAI,OAAO,MAAM,QAAQ,YACvB,MAAM,IAAI,KAAK;GAIjB,MAAM,WAAW;IAAE,GAAG;IAAmB,GAAG;GAAc;GAC1D,MAAM,YAA4C,CAAC;GACnD,KAAK,MAAM,CAAC,KAAK,YAAY,OAAO,QAAQ,QAAQ,GAClD,IAAI,IAAI,WAAW,IAAI,KAAK,OAAO,YAAY,YAAY;IACzD,MAAM,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY;IAC3C,MAAM,WAAW;IACjB,MAAM,iBAAiB,WAAW,QAAQ;IAC1C,UAAU,KAAK,CAAC,WAAW,QAAQ,CAAC;GACtC;GAKF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;IACnD,IAAI,QAAQ,SAAU,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAa;IAE5E,IAAI,QAAQ,YAAY;KACtB,IAAI,MAAM,aAAa,UAAU,GAAG;KACpC,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,UAAU;UAEhC,MAAM,WAAW,OAAO,KAAK;KAE/B;IACF;IAEA,IAAI,IAAI,WAAW,OAAO,KAAK,IAAI,WAAW,OAAO,KAAK,QAAQ,QAAQ,QAAQ,QAAQ;KACxF,IAAI,MAAM,aAAa,GAAG,GAAG;KAC7B,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,GAAG;UACpB,IAAI,UAAU,MACnB,MAAM,aAAa,KAAK,EAAE;UAE1B,MAAM,aAAa,KAAK,OAAO,KAAK,CAAC;IAEzC;GACF;GAEA,gBAAgB;IACd,KAAK,MAAM,CAAC,WAAW,aAAa,WAClC,MAAM,oBAAoB,WAAW,QAAQ;GAEjD,CAAC;EACH;CACF,CAAC;CAED,OAAO,GAAG,SAAS,EAAE;AACvB"}
+{"version":3,"file":"Pressable.jsx","names":["resolveChildren"],"sources":["../src/Pressable.tsx"],"sourcesContent":["/*\n * Copyright 2020 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/src/interactions/Pressable.tsx\n\n/**\n * Pressable component for solidaria-components\n *\n * A render-prop component that wraps createPress + createFocusable\n * to make an element pressable.\n */\n\nimport {\n  children as resolveChildren,\n  createEffect,\n  onCleanup,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  createPress,\n  createFocusable,\n  type CreatePressProps,\n  type CreateFocusableProps,\n} from \"@proyecto-viviana/solidaria\";\n\nexport interface PressableProps extends CreatePressProps {\n  /** A single child element to make pressable. */\n  children: JSX.Element;\n  /** Ref callback. */\n  ref?: HTMLElement | ((el: HTMLElement) => void);\n}\n\n/**\n * Makes its child element pressable and focusable.\n * Combines createPress and createFocusable for full interaction support.\n *\n * @example\n * ```tsx\n * <Pressable onPress={() => console.log('pressed')}>\n *   <div role=\"button\" tabindex={0}>Click me</div>\n * </Pressable>\n * ```\n */\nexport function Pressable(props: PressableProps): JSX.Element {\n  const [local, pressProps] = splitProps(props, [\"children\", \"ref\"]);\n\n  let ref!: HTMLElement;\n  const { pressProps: domPressProps } = createPress(pressProps);\n  const { focusableProps: domFocusableProps } = createFocusable(\n    pressProps as CreateFocusableProps,\n    () => ref,\n  );\n\n  const resolved = resolveChildren(() => local.children);\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const child = resolved() as HTMLElement;\n    if (child instanceof HTMLElement) {\n      ref = child;\n      if (typeof local.ref === \"function\") {\n        local.ref(child);\n      }\n\n      // Apply press props\n      const allProps = { ...domFocusableProps, ...domPressProps };\n      const listeners: Array<[string, EventListener]> = [];\n      for (const [key, handler] of Object.entries(allProps)) {\n        if (key.startsWith(\"on\") && typeof handler === \"function\") {\n          const eventName = key.slice(2).toLowerCase();\n          const listener = handler as EventListener;\n          child.addEventListener(eventName, listener);\n          listeners.push([eventName, listener]);\n        }\n      }\n\n      // Apply non-event press/focusable props (e.g. tabIndex/data attrs).\n      // Keep explicit child tabIndex to mirror mergeProps(child.props precedence).\n      for (const [key, value] of Object.entries(allProps)) {\n        if (key === \"ref\" || (key.startsWith(\"on\") && typeof value === \"function\")) continue;\n\n        if (key === \"tabIndex\") {\n          if (child.hasAttribute(\"tabindex\")) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(\"tabindex\");\n          } else {\n            child.tabIndex = Number(value);\n          }\n          continue;\n        }\n\n        if (key.startsWith(\"aria-\") || key.startsWith(\"data-\") || key === \"id\" || key === \"role\") {\n          if (child.hasAttribute(key)) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(key);\n          } else if (value === true) {\n            child.setAttribute(key, \"\");\n          } else {\n            child.setAttribute(key, String(value));\n          }\n        }\n      }\n\n      _s2Cleanups.push(() => {\n        for (const [eventName, listener] of listeners) {\n          child.removeEventListener(eventName, listener);\n        }\n      });\n    }\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return <>{resolved()}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,cAAc,WAAW,OAAO,CAAC,YAAY,KAAK,CAAC;CAEjE,IAAI;CACJ,MAAM,EAAE,YAAY,kBAAkB,YAAY,UAAU;CAC5D,MAAM,EAAE,gBAAgB,sBAAsB,gBAC5C,kBACM,GACR;CAEA,MAAM,WAAWA,eAAsB,MAAM,QAAQ;CAErD,0BAA0B;EACxB,MAAM,cAAiC,CAAC;EAExC,MAAM,QAAQ,SAAS;EACvB,IAAI,iBAAiB,aAAa;GAChC,MAAM;GACN,IAAI,OAAO,MAAM,QAAQ,YACvB,MAAM,IAAI,KAAK;GAIjB,MAAM,WAAW;IAAE,GAAG;IAAmB,GAAG;GAAc;GAC1D,MAAM,YAA4C,CAAC;GACnD,KAAK,MAAM,CAAC,KAAK,YAAY,OAAO,QAAQ,QAAQ,GAClD,IAAI,IAAI,WAAW,IAAI,KAAK,OAAO,YAAY,YAAY;IACzD,MAAM,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY;IAC3C,MAAM,WAAW;IACjB,MAAM,iBAAiB,WAAW,QAAQ;IAC1C,UAAU,KAAK,CAAC,WAAW,QAAQ,CAAC;GACtC;GAKF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,QAAQ,GAAG;IACnD,IAAI,QAAQ,SAAU,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAa;IAE5E,IAAI,QAAQ,YAAY;KACtB,IAAI,MAAM,aAAa,UAAU,GAAG;KACpC,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,UAAU;UAEhC,MAAM,WAAW,OAAO,KAAK;KAE/B;IACF;IAEA,IAAI,IAAI,WAAW,OAAO,KAAK,IAAI,WAAW,OAAO,KAAK,QAAQ,QAAQ,QAAQ,QAAQ;KACxF,IAAI,MAAM,aAAa,GAAG,GAAG;KAC7B,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,GAAG;UACpB,IAAI,UAAU,MACnB,MAAM,aAAa,KAAK,EAAE;UAE1B,MAAM,aAAa,KAAK,OAAO,KAAK,CAAC;IAEzC;GACF;GAEA,YAAY,WAAW;IACrB,KAAK,MAAM,CAAC,WAAW,aAAa,WAClC,MAAM,oBAAoB,WAAW,QAAQ;GAEjD,CAAC;EACH;EAEA,aAAa;GACX,KAAK,MAAM,KAAK,aAAa,EAAE;EACjC;CACF,CAAC;CAED,OAAO,GAAG,SAAS,EAAE;AACvB"}

package/dist/PreviewTrigger.d.ts

@@ -0,0 +1,24 @@
+import type { JSX } from "@solidjs/web";
+import { type AriaPreviewTriggerProps } from "@proyecto-viviana/solidaria";
+export interface PreviewTriggerProps extends AriaPreviewTriggerProps {
+    /** The trigger and Popover that make up the preview trigger. */
+    children: JSX.Element;
+    /**
+     * The delay time in milliseconds before the preview opens.
+     *
+     * @default 600
+     */
+    delay?: number;
+    /**
+     * The delay time in milliseconds before the preview closes.
+     *
+     * @default 200
+     */
+    closeDelay?: number;
+}
+/**
+ * A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,
+ * the popover may contain interactive content.
+ */
+export declare function PreviewTrigger(props: PreviewTriggerProps): JSX.Element;
+//# sourceMappingURL=PreviewTrigger.d.ts.map

package/dist/PreviewTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTrigger.d.ts","sourceRoot":"","sources":["../src/PreviewTrigger.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,6BAA6B,CAAC;AAUrC,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IAClE,gEAAgE;IAChE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAkHtE"}

package/dist/PreviewTrigger.js

@@ -0,0 +1,128 @@
+/*
+* Copyright 2026 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/PreviewTrigger.tsx
+import { Provider } from "./utils.js";
+import { n as OverlayTriggerStateContext, r as PopoverTriggerContext } from "./contexts.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { createSignal, createUniqueId } from "solid-js";
+import { FocusableProvider, createPreviewTrigger } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { createTooltipTriggerState } from "@proyecto-viviana/solid-stately";
+//#region src/PreviewTrigger.tsx
+/**
+* PreviewTrigger displays a non-modal popover on hover, focus, or long press.
+*/
+/**
+* A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,
+* the popover may contain interactive content.
+*/
+function PreviewTrigger(props) {
+	const [local, rest] = splitProps(props, [
+		"children",
+		"delay",
+		"closeDelay"
+	]);
+	const state = createTooltipTriggerState({
+		get isOpen() {
+			return rest.isOpen;
+		},
+		get defaultOpen() {
+			return rest.defaultOpen;
+		},
+		onOpenChange: rest.onOpenChange,
+		get delay() {
+			return local.delay ?? 600;
+		},
+		get closeDelay() {
+			return local.closeDelay ?? 200;
+		},
+		get isDisabled() {
+			return rest.isDisabled;
+		}
+	});
+	const [triggerEl, setTriggerRef] = createSignal(null, { ownedWrite: true });
+	const [popoverEl, setPopoverRef] = createSignal(null, { ownedWrite: true });
+	const triggerId = createUniqueId();
+	const aria = createPreviewTrigger({
+		get isOpen() {
+			return rest.isOpen;
+		},
+		get defaultOpen() {
+			return rest.defaultOpen;
+		},
+		get isDisabled() {
+			return rest.isDisabled;
+		},
+		onOpenChange: rest.onOpenChange,
+		triggerRef: () => triggerEl(),
+		popoverRef: () => popoverEl()
+	}, state);
+	const overlayState = {
+		get isOpen() {
+			return state.isOpen();
+		},
+		open: () => state.open(),
+		close: () => state.close(true),
+		toggle: () => state.isOpen() ? state.close(true) : state.open(),
+		setOpen: (isOpen) => {
+			if (isOpen) state.open();
+			else state.close(true);
+		},
+		get point() {
+			return null;
+		},
+		setPoint: () => {}
+	};
+	return createComponent(Provider, {
+		get values() {
+			return [[OverlayTriggerStateContext, overlayState], [PopoverTriggerContext, {
+				state: {
+					isOpen: () => state.isOpen(),
+					open: () => state.open(),
+					close: () => state.close(true),
+					toggle: () => state.isOpen() ? state.close(true) : state.open(),
+					setOpen: overlayState.setOpen,
+					point: () => overlayState.point,
+					setPoint: overlayState.setPoint
+				},
+				triggerRef: () => triggerEl(),
+				setTriggerRef: (el) => {
+					if (!el) return;
+					setTriggerRef((current) => {
+						if (current && current.isConnected) return current;
+						return el;
+					});
+				},
+				triggerId,
+				triggerProps: aria.triggerProps,
+				overlayProps: aria.popoverProps,
+				trigger: "PreviewTrigger",
+				setOverlayRef: (el) => setPopoverRef(el),
+				shouldSkipAnimation: () => state.shouldSkipAnimation()
+			}]];
+		},
+		get children() {
+			return createComponent(FocusableProvider, mergeProps(() => {
+				return aria.triggerProps;
+			}, {
+				ref: setTriggerRef,
+				get children() {
+					return local.children;
+				}
+			}));
+		}
+	});
+}
+//#endregion
+export { PreviewTrigger };
+
+//# sourceMappingURL=PreviewTrigger.js.map

package/dist/PreviewTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTrigger.js","names":["<Provider\n      values={\n        [\n          [OverlayTriggerStateContext, overlayState],\n          [\n            PopoverTriggerContext,\n            {\n              state: {\n                isOpen: () => state.isOpen(),\n                open: () => state.open(),\n                close: () => state.close(true),\n                toggle: () => (state.isOpen() ? state.close(true) : state.open()),\n                setOpen: overlayState.setOpen,\n                point: () => overlayState.point,\n                setPoint: overlayState.setPoint,\n              },\n              triggerRef: () => triggerEl(),\n              setTriggerRef: (el: HTMLElement | null) => {\n                if (!el) return;\n                // First connected owner wins. A Button inside the preview would\n                // otherwise steal the trigger ref (and the hover safe-area).\n                setTriggerRef((current) => {\n                  if (current && current.isConnected) return current;\n                  return el;\n                });\n              },\n              triggerId,\n              triggerProps: aria.triggerProps as unknown as Record<string, unknown>,\n              overlayProps: aria.popoverProps as unknown as Record<string, unknown>,\n              trigger: \"PreviewTrigger\",\n              setOverlayRef: (el: HTMLElement | null) => setPopoverRef(el),\n              shouldSkipAnimation: () => state.shouldSkipAnimation(),\n            },\n          ],\n        ] as Array<[Context<unknown>, unknown]>\n      }\n    >\n      <FocusableProvider {...aria.triggerProps} ref={setTriggerRef}>\n        {local.children}\n      </FocusableProvider>\n    </Provider>","<FocusableProvider {...aria.triggerProps} ref={setTriggerRef}>\n        {local.children}\n      </FocusableProvider>","ref={setTriggerRef}"],"sources":["../src/PreviewTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/PreviewTrigger.tsx\n\n/**\n * PreviewTrigger displays a non-modal popover on hover, focus, or long press.\n */\n\nimport { createSignal, createUniqueId } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  FocusableProvider,\n  createPreviewTrigger,\n  type AriaPreviewTriggerProps,\n} from \"@proyecto-viviana/solidaria\";\nimport { createTooltipTriggerState } from \"@proyecto-viviana/solid-stately\";\nimport {\n  OverlayTriggerStateContext,\n  PopoverTriggerContext,\n  type OverlayTriggerState,\n} from \"./contexts\";\nimport { Provider } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface PreviewTriggerProps extends AriaPreviewTriggerProps {\n  /** The trigger and Popover that make up the preview trigger. */\n  children: JSX.Element;\n  /**\n   * The delay time in milliseconds before the preview opens.\n   *\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * The delay time in milliseconds before the preview closes.\n   *\n   * @default 200\n   */\n  closeDelay?: number;\n}\n\n/**\n * A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,\n * the popover may contain interactive content.\n */\nexport function PreviewTrigger(props: PreviewTriggerProps): JSX.Element {\n  // Keep children out of the hook object. Spreading `props` instantiates\n  // them in this component's hydration context on SSR only.\n  const [local, rest] = splitProps(props, [\"children\", \"delay\", \"closeDelay\"]);\n\n  const state = createTooltipTriggerState({\n    get isOpen() {\n      return rest.isOpen;\n    },\n    get defaultOpen() {\n      return rest.defaultOpen;\n    },\n    onOpenChange: rest.onOpenChange,\n    get delay() {\n      return local.delay ?? 600;\n    },\n    get closeDelay() {\n      return local.closeDelay ?? 200;\n    },\n    get isDisabled() {\n      return rest.isDisabled;\n    },\n  });\n\n  const [triggerEl, setTriggerRef] = createSignal<HTMLElement | null>(null, {\n    ownedWrite: true,\n  });\n  const [popoverEl, setPopoverRef] = createSignal<HTMLElement | null>(null, {\n    ownedWrite: true,\n  });\n  const triggerId = createUniqueId();\n\n  const aria = createPreviewTrigger(\n    {\n      get isOpen() {\n        return rest.isOpen;\n      },\n      get defaultOpen() {\n        return rest.defaultOpen;\n      },\n      get isDisabled() {\n        return rest.isDisabled;\n      },\n      onOpenChange: rest.onOpenChange,\n      triggerRef: () => triggerEl(),\n      popoverRef: () => popoverEl(),\n    },\n    state,\n  );\n\n  // RAC PreviewTrigger adapts TooltipTriggerState to OverlayTriggerState\n  // (`PreviewTrigger.tsx:56-67`): setOpen, point, setPoint. Solid-local\n  // PopoverTriggerContext is the trigger-wiring counterpart of RAC's\n  // PopoverContext (our PopoverContext is placement/arrow, a different type).\n  const overlayState: OverlayTriggerState = {\n    get isOpen() {\n      return state.isOpen();\n    },\n    open: () => state.open(),\n    close: () => state.close(true),\n    toggle: () => (state.isOpen() ? state.close(true) : state.open()),\n    setOpen: (isOpen) => {\n      if (isOpen) state.open();\n      else state.close(true);\n    },\n    get point() {\n      return null;\n    },\n    setPoint: () => {},\n  };\n\n  return (\n    <Provider\n      values={\n        [\n          [OverlayTriggerStateContext, overlayState],\n          [\n            PopoverTriggerContext,\n            {\n              state: {\n                isOpen: () => state.isOpen(),\n                open: () => state.open(),\n                close: () => state.close(true),\n                toggle: () => (state.isOpen() ? state.close(true) : state.open()),\n                setOpen: overlayState.setOpen,\n                point: () => overlayState.point,\n                setPoint: overlayState.setPoint,\n              },\n              triggerRef: () => triggerEl(),\n              setTriggerRef: (el: HTMLElement | null) => {\n                if (!el) return;\n                // First connected owner wins. A Button inside the preview would\n                // otherwise steal the trigger ref (and the hover safe-area).\n                setTriggerRef((current) => {\n                  if (current && current.isConnected) return current;\n                  return el;\n                });\n              },\n              triggerId,\n              triggerProps: aria.triggerProps as unknown as Record<string, unknown>,\n              overlayProps: aria.popoverProps as unknown as Record<string, unknown>,\n              trigger: \"PreviewTrigger\",\n              setOverlayRef: (el: HTMLElement | null) => setPopoverRef(el),\n              shouldSkipAnimation: () => state.shouldSkipAnimation(),\n            },\n          ],\n        ] as Array<[Context<unknown>, unknown]>\n      }\n    >\n      <FocusableProvider {...aria.triggerProps} ref={setTriggerRef}>\n        {local.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,eAAe,OAAyC;CAGtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAY;EAAS;CAAY,CAAC;CAE3E,MAAM,QAAQ,0BAA0B;EACtC,IAAI,SAAS;GACX,OAAO,KAAK;EACd;EACA,IAAI,cAAc;GAChB,OAAO,KAAK;EACd;EACA,cAAc,KAAK;EACnB,IAAI,QAAQ;GACV,OAAO,MAAM,SAAS;EACxB;EACA,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,aAAa;GACf,OAAO,KAAK;EACd;CACF,CAAC;CAED,MAAM,CAAC,WAAW,iBAAiB,aAAiC,MAAM,EACxE,YAAY,KACd,CAAC;CACD,MAAM,CAAC,WAAW,iBAAiB,aAAiC,MAAM,EACxE,YAAY,KACd,CAAC;CACD,MAAM,YAAY,eAAe;CAEjC,MAAM,OAAO,qBACX;EACE,IAAI,SAAS;GACX,OAAO,KAAK;EACd;EACA,IAAI,cAAc;GAChB,OAAO,KAAK;EACd;EACA,IAAI,aAAa;GACf,OAAO,KAAK;EACd;EACA,cAAc,KAAK;EACnB,kBAAkB,UAAU;EAC5B,kBAAkB,UAAU;CAC9B,GACA,KACF;CAMA,MAAM,eAAoC;EACxC,IAAI,SAAS;GACX,OAAO,MAAM,OAAO;EACtB;EACA,YAAY,MAAM,KAAK;EACvB,aAAa,MAAM,MAAM,IAAI;EAC7B,cAAe,MAAM,OAAO,IAAI,MAAM,MAAM,IAAI,IAAI,MAAM,KAAK;EAC/D,UAAU,WAAW;GACnB,IAAI,QAAQ,MAAM,KAAK;QAClB,MAAM,MAAM,IAAI;EACvB;EACA,IAAI,QAAQ;GACV,OAAO;EACT;EACA,gBAAgB,CAAC;CACnB;CAEA,OACEA,gBAAAA,UAAAA;EACE,IAAA,SAAA;GACE,OAAA,CACE,CAAC,4BAA4B,YAAY,GACzC,CACE,uBACA;IACE,OAAO;KACL,cAAc,MAAM,OAAO;KAC3B,YAAY,MAAM,KAAK;KACvB,aAAa,MAAM,MAAM,IAAI;KAC7B,cAAe,MAAM,OAAO,IAAI,MAAM,MAAM,IAAI,IAAI,MAAM,KAAK;KAC/D,SAAS,aAAa;KACtB,aAAa,aAAa;KAC1B,UAAU,aAAa;IACzB;IACA,kBAAkB,UAAU;IAC5B,gBAAgB,OAA2B;KACzC,IAAI,CAAC,IAAI;KAGT,eAAe,YAAY;MACzB,IAAI,WAAW,QAAQ,aAAa,OAAO;MAC3C,OAAO;KACT,CAAC;IACH;IACA;IACA,cAAc,KAAK;IACnB,cAAc,KAAK;IACnB,SAAS;IACT,gBAAgB,OAA2B,cAAc,EAAE;IAC3D,2BAA2B,MAAM,oBAAoB;GACvD,CACF,CACF;EACF;EAnCF,IAAA,WAAA;GAqCEC,OAAAA,gBAAAA,mBAAAA,iBAAmB;IAAI,OAAA,KAAK;GAAY,GAAxC;IAA0CC,KAAK;IAA/C,IAAA,WAAA;KACG,OAAA,MAAM;IACU;;EACX;;AAEd"}

package/dist/PreviewTrigger.jsx

@@ -0,0 +1,117 @@
+/*
+* Copyright 2026 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/PreviewTrigger.tsx
+import { Provider } from "./utils.jsx";
+import { n as OverlayTriggerStateContext, r as PopoverTriggerContext } from "./contexts.jsx";
+import { createSignal, createUniqueId } from "solid-js";
+import { FocusableProvider, createPreviewTrigger } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+import { createTooltipTriggerState } from "@proyecto-viviana/solid-stately";
+//#region src/PreviewTrigger.tsx
+/**
+* PreviewTrigger displays a non-modal popover on hover, focus, or long press.
+*/
+/**
+* A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,
+* the popover may contain interactive content.
+*/
+function PreviewTrigger(props) {
+	const [local, rest] = splitProps(props, [
+		"children",
+		"delay",
+		"closeDelay"
+	]);
+	const state = createTooltipTriggerState({
+		get isOpen() {
+			return rest.isOpen;
+		},
+		get defaultOpen() {
+			return rest.defaultOpen;
+		},
+		onOpenChange: rest.onOpenChange,
+		get delay() {
+			return local.delay ?? 600;
+		},
+		get closeDelay() {
+			return local.closeDelay ?? 200;
+		},
+		get isDisabled() {
+			return rest.isDisabled;
+		}
+	});
+	const [triggerEl, setTriggerRef] = createSignal(null, { ownedWrite: true });
+	const [popoverEl, setPopoverRef] = createSignal(null, { ownedWrite: true });
+	const triggerId = createUniqueId();
+	const aria = createPreviewTrigger({
+		get isOpen() {
+			return rest.isOpen;
+		},
+		get defaultOpen() {
+			return rest.defaultOpen;
+		},
+		get isDisabled() {
+			return rest.isDisabled;
+		},
+		onOpenChange: rest.onOpenChange,
+		triggerRef: () => triggerEl(),
+		popoverRef: () => popoverEl()
+	}, state);
+	const overlayState = {
+		get isOpen() {
+			return state.isOpen();
+		},
+		open: () => state.open(),
+		close: () => state.close(true),
+		toggle: () => state.isOpen() ? state.close(true) : state.open(),
+		setOpen: (isOpen) => {
+			if (isOpen) state.open();
+			else state.close(true);
+		},
+		get point() {
+			return null;
+		},
+		setPoint: () => {}
+	};
+	return <Provider values={[[OverlayTriggerStateContext, overlayState], [PopoverTriggerContext, {
+		state: {
+			isOpen: () => state.isOpen(),
+			open: () => state.open(),
+			close: () => state.close(true),
+			toggle: () => state.isOpen() ? state.close(true) : state.open(),
+			setOpen: overlayState.setOpen,
+			point: () => overlayState.point,
+			setPoint: overlayState.setPoint
+		},
+		triggerRef: () => triggerEl(),
+		setTriggerRef: (el) => {
+			if (!el) return;
+			setTriggerRef((current) => {
+				if (current && current.isConnected) return current;
+				return el;
+			});
+		},
+		triggerId,
+		triggerProps: aria.triggerProps,
+		overlayProps: aria.popoverProps,
+		trigger: "PreviewTrigger",
+		setOverlayRef: (el) => setPopoverRef(el),
+		shouldSkipAnimation: () => state.shouldSkipAnimation()
+	}]]}>
+      <FocusableProvider {...aria.triggerProps} ref={setTriggerRef}>
+        {local.children}
+      </FocusableProvider>
+    </Provider>;
+}
+//#endregion
+export { PreviewTrigger };
+
+//# sourceMappingURL=PreviewTrigger.jsx.map

package/dist/PreviewTrigger.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewTrigger.jsx","names":[],"sources":["../src/PreviewTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/PreviewTrigger.tsx\n\n/**\n * PreviewTrigger displays a non-modal popover on hover, focus, or long press.\n */\n\nimport { createSignal, createUniqueId } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  FocusableProvider,\n  createPreviewTrigger,\n  type AriaPreviewTriggerProps,\n} from \"@proyecto-viviana/solidaria\";\nimport { createTooltipTriggerState } from \"@proyecto-viviana/solid-stately\";\nimport {\n  OverlayTriggerStateContext,\n  PopoverTriggerContext,\n  type OverlayTriggerState,\n} from \"./contexts\";\nimport { Provider } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface PreviewTriggerProps extends AriaPreviewTriggerProps {\n  /** The trigger and Popover that make up the preview trigger. */\n  children: JSX.Element;\n  /**\n   * The delay time in milliseconds before the preview opens.\n   *\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * The delay time in milliseconds before the preview closes.\n   *\n   * @default 200\n   */\n  closeDelay?: number;\n}\n\n/**\n * A PreviewTrigger displays a non-modal popover on hover, focus, or long press. Unlike a tooltip,\n * the popover may contain interactive content.\n */\nexport function PreviewTrigger(props: PreviewTriggerProps): JSX.Element {\n  // Keep children out of the hook object. Spreading `props` instantiates\n  // them in this component's hydration context on SSR only.\n  const [local, rest] = splitProps(props, [\"children\", \"delay\", \"closeDelay\"]);\n\n  const state = createTooltipTriggerState({\n    get isOpen() {\n      return rest.isOpen;\n    },\n    get defaultOpen() {\n      return rest.defaultOpen;\n    },\n    onOpenChange: rest.onOpenChange,\n    get delay() {\n      return local.delay ?? 600;\n    },\n    get closeDelay() {\n      return local.closeDelay ?? 200;\n    },\n    get isDisabled() {\n      return rest.isDisabled;\n    },\n  });\n\n  const [triggerEl, setTriggerRef] = createSignal<HTMLElement | null>(null, {\n    ownedWrite: true,\n  });\n  const [popoverEl, setPopoverRef] = createSignal<HTMLElement | null>(null, {\n    ownedWrite: true,\n  });\n  const triggerId = createUniqueId();\n\n  const aria = createPreviewTrigger(\n    {\n      get isOpen() {\n        return rest.isOpen;\n      },\n      get defaultOpen() {\n        return rest.defaultOpen;\n      },\n      get isDisabled() {\n        return rest.isDisabled;\n      },\n      onOpenChange: rest.onOpenChange,\n      triggerRef: () => triggerEl(),\n      popoverRef: () => popoverEl(),\n    },\n    state,\n  );\n\n  // RAC PreviewTrigger adapts TooltipTriggerState to OverlayTriggerState\n  // (`PreviewTrigger.tsx:56-67`): setOpen, point, setPoint. Solid-local\n  // PopoverTriggerContext is the trigger-wiring counterpart of RAC's\n  // PopoverContext (our PopoverContext is placement/arrow, a different type).\n  const overlayState: OverlayTriggerState = {\n    get isOpen() {\n      return state.isOpen();\n    },\n    open: () => state.open(),\n    close: () => state.close(true),\n    toggle: () => (state.isOpen() ? state.close(true) : state.open()),\n    setOpen: (isOpen) => {\n      if (isOpen) state.open();\n      else state.close(true);\n    },\n    get point() {\n      return null;\n    },\n    setPoint: () => {},\n  };\n\n  return (\n    <Provider\n      values={\n        [\n          [OverlayTriggerStateContext, overlayState],\n          [\n            PopoverTriggerContext,\n            {\n              state: {\n                isOpen: () => state.isOpen(),\n                open: () => state.open(),\n                close: () => state.close(true),\n                toggle: () => (state.isOpen() ? state.close(true) : state.open()),\n                setOpen: overlayState.setOpen,\n                point: () => overlayState.point,\n                setPoint: overlayState.setPoint,\n              },\n              triggerRef: () => triggerEl(),\n              setTriggerRef: (el: HTMLElement | null) => {\n                if (!el) return;\n                // First connected owner wins. A Button inside the preview would\n                // otherwise steal the trigger ref (and the hover safe-area).\n                setTriggerRef((current) => {\n                  if (current && current.isConnected) return current;\n                  return el;\n                });\n              },\n              triggerId,\n              triggerProps: aria.triggerProps as unknown as Record<string, unknown>,\n              overlayProps: aria.popoverProps as unknown as Record<string, unknown>,\n              trigger: \"PreviewTrigger\",\n              setOverlayRef: (el: HTMLElement | null) => setPopoverRef(el),\n              shouldSkipAnimation: () => state.shouldSkipAnimation(),\n            },\n          ],\n        ] as Array<[Context<unknown>, unknown]>\n      }\n    >\n      <FocusableProvider {...aria.triggerProps} ref={setTriggerRef}>\n        {local.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,eAAe,OAAyC;CAGtE,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EAAC;EAAY;EAAS;CAAY,CAAC;CAE3E,MAAM,QAAQ,0BAA0B;EACtC,IAAI,SAAS;GACX,OAAO,KAAK;EACd;EACA,IAAI,cAAc;GAChB,OAAO,KAAK;EACd;EACA,cAAc,KAAK;EACnB,IAAI,QAAQ;GACV,OAAO,MAAM,SAAS;EACxB;EACA,IAAI,aAAa;GACf,OAAO,MAAM,cAAc;EAC7B;EACA,IAAI,aAAa;GACf,OAAO,KAAK;EACd;CACF,CAAC;CAED,MAAM,CAAC,WAAW,iBAAiB,aAAiC,MAAM,EACxE,YAAY,KACd,CAAC;CACD,MAAM,CAAC,WAAW,iBAAiB,aAAiC,MAAM,EACxE,YAAY,KACd,CAAC;CACD,MAAM,YAAY,eAAe;CAEjC,MAAM,OAAO,qBACX;EACE,IAAI,SAAS;GACX,OAAO,KAAK;EACd;EACA,IAAI,cAAc;GAChB,OAAO,KAAK;EACd;EACA,IAAI,aAAa;GACf,OAAO,KAAK;EACd;EACA,cAAc,KAAK;EACnB,kBAAkB,UAAU;EAC5B,kBAAkB,UAAU;CAC9B,GACA,KACF;CAMA,MAAM,eAAoC;EACxC,IAAI,SAAS;GACX,OAAO,MAAM,OAAO;EACtB;EACA,YAAY,MAAM,KAAK;EACvB,aAAa,MAAM,MAAM,IAAI;EAC7B,cAAe,MAAM,OAAO,IAAI,MAAM,MAAM,IAAI,IAAI,MAAM,KAAK;EAC/D,UAAU,WAAW;GACnB,IAAI,QAAQ,MAAM,KAAK;QAClB,MAAM,MAAM,IAAI;EACvB;EACA,IAAI,QAAQ;GACV,OAAO;EACT;EACA,gBAAgB,CAAC;CACnB;CAEA,OACE,CAAC,SACC,QACE,CACE,CAAC,4BAA4B,YAAY,GACzC,CACE,uBACA;EACE,OAAO;GACL,cAAc,MAAM,OAAO;GAC3B,YAAY,MAAM,KAAK;GACvB,aAAa,MAAM,MAAM,IAAI;GAC7B,cAAe,MAAM,OAAO,IAAI,MAAM,MAAM,IAAI,IAAI,MAAM,KAAK;GAC/D,SAAS,aAAa;GACtB,aAAa,aAAa;GAC1B,UAAU,aAAa;EACzB;EACA,kBAAkB,UAAU;EAC5B,gBAAgB,OAA2B;GACzC,IAAI,CAAC,IAAI;GAGT,eAAe,YAAY;IACzB,IAAI,WAAW,QAAQ,aAAa,OAAO;IAC3C,OAAO;GACT,CAAC;EACH;EACA;EACA,cAAc,KAAK;EACnB,cAAc,KAAK;EACnB,SAAS;EACT,gBAAgB,OAA2B,cAAc,EAAE;EAC3D,2BAA2B,MAAM,oBAAoB;CACvD,CACF,CACF,GAEH;MACC,CAAC,sBAAsB,KAAK,cAAc,KAAK,eAAe;SAC3D,MAAM,SAAS;MAClB,EAAE,kBAAkB;IACtB,EAAE;AAEN"}

package/dist/ProgressBar.d.ts

@@ -1,10 +1,4 @@
-/**
- * ProgressBar component for solidaria-components
- *
- * Pre-wired headless progress bar component that combines aria hooks.
- * Port of react-aria-components/src/ProgressBar.tsx
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaProgressBarProps } from "@proyecto-viviana/solidaria";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 export interface ProgressBarRenderProps {

package/dist/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAiE,MAAM,UAAU,CAAC;AACnG,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,wCAAwC;IACxC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,iDAAiD;IACjD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,SAAS;IACvE,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAClD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,kBAAkB,qDAA+C,CAAC;AAW/E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4FhE"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,wCAAwC;IACxC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,iDAAiD;IACjD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,SAAS;IACvE,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAClD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,kBAAkB,qDAA+C,CAAC;AAW/E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA8FhE"}

package/dist/ProgressBar.js

@@ -1,7 +1,20 @@
+/*
+* Copyright 2022 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/ProgressBar.tsx
 import { filterDOMProps, useRenderProps } from "./utils.js";
-import { getNextElement, insert, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
-import { createContext, createMemo, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
-import { createProgressBar } from "@proyecto-viviana/solidaria";
+import { getNextElement, insert, runHydrationEvents, scope, spread, template } from "@solidjs/web";
+import { createContext, createMemo, useContext } from "solid-js";
+import { createProgressBar, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/ProgressBar.tsx
 /**
 * ProgressBar component for solidaria-components
@@ -9,7 +22,7 @@ import { createProgressBar } from "@proyecto-viviana/solidaria";
 * Pre-wired headless progress bar component that combines aria hooks.
 * Port of react-aria-components/src/ProgressBar.tsx
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 const ProgressBarContext = createContext(null);
 function clamp(value, min, max) {
 	return Math.min(Math.max(value, min), max);
@@ -37,7 +50,8 @@ function getSafeRange(min, max) {
 */
 function ProgressBar(props) {
 	const contextProps = useContext(ProgressBarContext);
-	const [local, ariaProps] = splitProps(contextProps ? mergeProps$1(contextProps, props) : props, [
+	const mergedProps = contextProps ? mergeProps$1(contextProps, props) : props;
+	const [local, ariaProps] = splitProps(mergedProps, [
 		"children",
 		"class",
 		"style",
@@ -106,10 +120,14 @@ function ProgressBar(props) {
 		defaultClassName: "solidaria-ProgressBar"
 	}, renderValues);
 	const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));
-	return (() => {
-		var _el$ = getNextElement(_tmpl$);
-		spread(_el$, mergeProps(domProps, () => progressAria.progressBarProps, {
-			get ["class"]() {
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, [
+		domProps,
+		() => {
+			return progressAria.progressBarProps;
+		},
+		{
+			get "class"() {
 				return renderProps.class();
 			},
 			get style() {
@@ -118,11 +136,13 @@ function ProgressBar(props) {
 			get slot() {
 				return local.slot;
 			}
-		}), false, true);
-		insert(_el$, () => renderProps.renderChildren());
-		runHydrationEvents();
-		return _el$;
-	})();
+		}
+	], true);
+	insert(_el$, scope(() => {
+		return renderProps.renderChildren();
+	}));
+	runHydrationEvents();
+	return _el$;
 }
 //#endregion
 export { ProgressBar, ProgressBarContext };