@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/selection/createSelectableList.d.ts

@@ -1,20 +1,3 @@
-/**
- * createSelectableList - keyboard navigation and selection for a list collection.
- * Based on @react-aria/selection's `useSelectableList`.
- *
- * React → Solid adaptations (faithful to upstream behavior):
- *  - `ref` / `scrollRef` are Solid accessors.
- *  - The default `ListKeyboardDelegate` is built inside a `createMemo` so it is
- *    recreated whenever the collection, disabled keys, disabled behavior, or
- *    collator change (the house convention — the delegate stores those as plain
- *    values; see {@link ListKeyboardDelegate}). This is the Solid equivalent of
- *    upstream's `useMemo` keyed on the same inputs.
- *  - Upstream takes `collection` and `disabledKeys` as separate props; our
- *    SelectionManager already exposes them as reactive getters
- *    (`manager.collection`, `manager.disabledKeys`, `manager.disabledBehavior`),
- *    so the delegate is derived from the manager — a single source of truth.
- *    A `layoutDelegate` may still be supplied for virtualized collections.
- */
 import type { KeyboardDelegate } from "../grid/types";
 import { type MaybeAccessor } from "../utils/reactivity";
 import type { LayoutDelegate } from "./DOMLayoutDelegate";
@@ -31,6 +14,10 @@ export interface CreateSelectableListOptions<T = unknown> extends Omit<CreateSel
      * read from the DOM.
      */
     layoutDelegate?: LayoutDelegate;
+    /** The primary orientation of the list items. @default "vertical" */
+    orientation?: "horizontal" | "vertical";
+    /** The text direction used for horizontal navigation. */
+    direction?: "ltr" | "rtl";
 }
 export interface SelectableListAria {
     /** Props for the list element. */

package/dist/selection/createSelectableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectableList.d.ts","sourceRoot":"","sources":["../../src/selection/createSelectableList.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAEL,KAAK,iCAAiC,EACtC,KAAK,wBAAwB,EAC9B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,IAAI,CACpE,iCAAiC,CAAC,CAAC,CAAC,EACpC,kBAAkB,CACnB;IACC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,SAAS,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,OAAO,EAC9C,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC,GACtC,kBAAkB,CAmCpB"}
+{"version":3,"file":"createSelectableList.d.ts","sourceRoot":"","sources":["../../src/selection/createSelectableList.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAEL,KAAK,iCAAiC,EACtC,KAAK,wBAAwB,EAC9B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,IAAI,CACpE,iCAAiC,CAAC,CAAC,CAAC,EACpC,kBAAkB,CACnB;IACC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,qEAAqE;IACrE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,yDAAyD;IACzD,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,SAAS,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,OAAO,EAC9C,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC,GACtC,kBAAkB,CAqCpB"}

package/dist/selection/createTypeSelect.d.ts

@@ -1,11 +1,5 @@
-/**
- * createTypeSelect - Handles typeahead interactions with collections.
- * Based on @react-aria/selection useTypeSelect.
- *
- * Allows users to navigate to items by typing characters that match
- * item text values. Supports multi-character search with debouncing.
- */
-import type { JSX, Accessor } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { Key, Collection } from "@proyecto-viviana/solid-stately";
 export interface TypeSelectOptions<T> {
     /** The collection to search through. */

package/dist/selection/createTypeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTypeSelect.d.ts","sourceRoot":"","sources":["../../src/selection/createTypeSelect.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAkB,MAAM,iCAAiC,CAAC;AAQvF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,wCAAwC;IACxC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,iCAAiC;IACjC,UAAU,EAAE,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACjC,6DAA6D;IAC7D,kBAAkB,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;IACtC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,eAAe,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAClD;AAoFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,cAAc,CA+HjF"}
+{"version":3,"file":"createTypeSelect.d.ts","sourceRoot":"","sources":["../../src/selection/createTypeSelect.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAkB,MAAM,iCAAiC,CAAC;AAQvF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,wCAAwC;IACxC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,iCAAiC;IACjC,UAAU,EAAE,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACjC,6DAA6D;IAC7D,kBAAkB,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;IACtC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,eAAe,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAClD;AAoFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,cAAc,CAgIjF"}

package/dist/selection/index.js

@@ -1,5 +1,6 @@
 import { n as FOCUS_EVENT, t as CLEAR_FOCUS_EVENT } from "../_chunk/constants.js";
-import { t as createTypeSelect } from "../_chunk/createTypeSelect.js";
 import { a as isNonContiguousSelectionModifier, i as getItemElement, n as createSelectableItem, r as selectItem, t as ITEM_ACTION_EVENT } from "../_chunk/createSelectableItem.js";
-import { a as createScrollIntoViewOnFocus, i as DOMLayoutDelegate, n as createSelectableCollection, r as ListKeyboardDelegate, t as createSelectableList } from "../_chunk/selection.js";
+import { i as DOMLayoutDelegate, n as createSelectableCollection, r as ListKeyboardDelegate, t as createSelectableList } from "../_chunk/createSelectableList.js";
+import { t as createTypeSelect } from "../_chunk/createTypeSelect.js";
+import { t as createScrollIntoViewOnFocus } from "../_chunk/selection.js";
 export { CLEAR_FOCUS_EVENT, DOMLayoutDelegate, FOCUS_EVENT, ITEM_ACTION_EVENT, ListKeyboardDelegate, createScrollIntoViewOnFocus, createSelectableCollection, createSelectableItem, createSelectableList, createTypeSelect, getItemElement, isNonContiguousSelectionModifier, selectItem };

package/dist/selection/index.jsx

@@ -1,5 +1,6 @@
 import { n as FOCUS_EVENT, t as CLEAR_FOCUS_EVENT } from "../_chunk/constants.jsx";
-import { t as createTypeSelect } from "../_chunk/createTypeSelect.jsx";
 import { a as isNonContiguousSelectionModifier, i as getItemElement, n as createSelectableItem, r as selectItem, t as ITEM_ACTION_EVENT } from "../_chunk/createSelectableItem.jsx";
-import { a as createScrollIntoViewOnFocus, i as DOMLayoutDelegate, n as createSelectableCollection, r as ListKeyboardDelegate, t as createSelectableList } from "../_chunk/selection.jsx";
+import { i as DOMLayoutDelegate, n as createSelectableCollection, r as ListKeyboardDelegate, t as createSelectableList } from "../_chunk/createSelectableList.jsx";
+import { t as createTypeSelect } from "../_chunk/createTypeSelect.jsx";
+import { t as createScrollIntoViewOnFocus } from "../_chunk/selection.jsx";
 export { CLEAR_FOCUS_EVENT, DOMLayoutDelegate, FOCUS_EVENT, ITEM_ACTION_EVENT, ListKeyboardDelegate, createScrollIntoViewOnFocus, createSelectableCollection, createSelectableItem, createSelectableList, createTypeSelect, getItemElement, isNonContiguousSelectionModifier, selectItem };

package/dist/selection/selectItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectItem.d.ts","sourceRoot":"","sources":["../../src/selection/selectItem.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,GAAG,EACH,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAChD,QAAQ,CAAC,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACxD,QAAQ,CAAC,sBAAsB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC;IAC9B,eAAe,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3D;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,mBAAmB,EACtB,UAAU,EAAE,UAAU,GACrB,IAAI,CAmCN"}
+{"version":3,"file":"selectItem.d.ts","sourceRoot":"","sources":["../../src/selection/selectItem.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,GAAG,EACH,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAChD,QAAQ,CAAC,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACxD,QAAQ,CAAC,sBAAsB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC;IAC9B,eAAe,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3D;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,mBAAmB,EACtB,UAAU,EAAE,UAAU,GACrB,IAAI,CAmCN"}

package/dist/selection/utils.d.ts

@@ -1,6 +1,6 @@
 /**
  * Selection helpers shared across collection item hooks.
- * Based on @react-aria/selection's utilities.
+ * Ported from packages/react-aria/src/selection/utils.ts.
  */
 import type { Accessor } from "solid-js";
 import type { Key } from "@proyecto-viviana/solid-stately";

package/dist/selection/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/selection/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAI3D;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,WAAW,GAAG,IAAI,CAW9F;AAgBD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO5D;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEnE;AAED,qFAAqF;AACrF,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAE7E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/selection/utils.ts"],"names":[],"mappings":"AAcA;;;GAGG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAI3D;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,WAAW,GAAG,IAAI,CAW9F;AAgBD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO5D;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEnE;AAED,qFAAqF;AACrF,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAE7E"}

package/dist/separator/createSeparator.d.ts

@@ -3,8 +3,10 @@
  *
  * A separator is a visual divider between two groups of content,
  * e.g. groups of menu items or sections of a page.
+ *
+ * Ported from packages/react-aria/src/separator/useSeparator.ts.
  */
-import type { JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type MaybeAccessor } from "../utils";
 export type Orientation = "horizontal" | "vertical";
 export interface AriaSeparatorProps {

package/dist/separator/createSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSeparator.d.ts","sourceRoot":"","sources":["../../src/separator/createSeparator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGtD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACjD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,aAAa,CA8B5F"}
+{"version":3,"file":"createSeparator.d.ts","sourceRoot":"","sources":["../../src/separator/createSeparator.ts"],"names":[],"mappings":"AAcA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGtD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACjD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,aAAa,CA8B5F"}

package/dist/slider/createSlider.d.ts

@@ -1,9 +1,4 @@
-/**
- * Provides the behavior and accessibility implementation for a slider component.
- * A slider allows users to select a value from a range.
- * Based on @react-aria/slider useSlider.
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type MaybeAccessor } from "../utils/reactivity";
 import type { SliderState, SliderOrientation } from "@proyecto-viviana/solid-stately";
 export interface AriaSliderProps {

package/dist/slider/createSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSlider.d.ts","sourceRoot":"","sources":["../../src/slider/createSlider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAsB,MAAM,UAAU,CAAC;AAQxD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEtF,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qCAAqC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,wCAAwC;IACxC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,0CAA0C;IAC1C,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,4DAA4D;IAC5D,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,EACnC,QAAQ,CAAC,EAAE,MAAM,gBAAgB,GAAG,IAAI,GACvC,UAAU,CA8TZ"}
+{"version":3,"file":"createSlider.d.ts","sourceRoot":"","sources":["../../src/slider/createSlider.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAQxC,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEtF,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qCAAqC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,wCAAwC;IACxC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC5C,0CAA0C;IAC1C,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,4DAA4D;IAC5D,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,EACnC,QAAQ,CAAC,EAAE,MAAM,gBAAgB,GAAG,IAAI,GACvC,UAAU,CAqTZ"}

package/dist/spinbutton/createSpinButton.d.ts

@@ -1,12 +1,3 @@
-/**
- * createSpinButton hook for Solidaria
- *
- * Provides the ARIA spinbutton props and live-region announcement behaviour for
- * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce
- * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold
- * button machinery (increment/decrement buttons) is intentionally omitted — date
- * segments drive value changes through the keyboard only.
- */
 import { type MaybeAccessor } from "../utils/reactivity";
 export interface SpinButtonProps {
     /** The current value of the spinbutton. */

package/dist/spinbutton/createSpinButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSpinButton.d.ts","sourceRoot":"","sources":["../../src/spinbutton/createSpinButton.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjE,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,cAAc,CAmHtF"}
+{"version":3,"file":"createSpinButton.d.ts","sourceRoot":"","sources":["../../src/spinbutton/createSpinButton.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjE,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,cAAc,CAmHtF"}

package/dist/spinbutton/index.d.ts

@@ -1,3 +1,3 @@
-export { createSpinButton, type SpinButtonProps, type SpinButtonAria, } from "./createSpinButton";
-export { spinButtonStrings, spinButtonDictionary, type SpinButtonStringKey, } from "./intl";
+export { createSpinButton, type SpinButtonProps, type SpinButtonAria } from "./createSpinButton";
+export { spinButtonStrings, spinButtonDictionary, type SpinButtonStringKey } from "./intl";
 //# sourceMappingURL=index.d.ts.map

package/dist/spinbutton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spinbutton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,mBAAmB,GACzB,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spinbutton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/spinbutton/intl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"intl.d.ts","sourceRoot":"","sources":["../../src/spinbutton/intl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAE1C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAuGjF,CAAC;AAEF,eAAO,MAAM,oBAAoB,4CAEhC,CAAC"}
+{"version":3,"file":"intl.d.ts","sourceRoot":"","sources":["../../src/spinbutton/intl.ts"],"names":[],"mappings":"AAuCA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAE1C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAuGjF,CAAC;AAEF,eAAO,MAAM,oBAAoB,4CAEhC,CAAC"}

package/dist/ssr/index.d.ts

@@ -1,11 +1,5 @@
-/**
- * SSR utilities for Solidaria
- *
- * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
- * These utilities provide a consistent API matching React-Aria's patterns
- * with additional features for hydration management.
- */
-import { type Accessor, type JSX, type ParentProps } from "solid-js";
+import type { Accessor, ParentProps } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export interface SSRProviderProps extends ParentProps {
 }
 export interface SSRContextValue {
@@ -122,7 +116,7 @@ export declare function createHydrationState(): Accessor<boolean>;
  * function BrowserOnlyFeature() {
  *   const isSSR = useIsSSR();
  *
- *   createEffect(() => {
+ *   createTrackedEffect(() => {
  *     if (!isSSR()) {
  *       // Safe to access browser APIs here
  *       window.localStorage.getItem('key');

package/dist/ssr/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ssr/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,GAAG,EACR,KAAK,WAAW,EASjB,MAAM,UAAU,CAAC;AAGlB,MAAM,WAAW,gBAAiB,SAAQ,WAAW;CAAG;AAExD,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAY,CAAC;AAEnC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAOnD;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAa9F;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAatF;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,IAAI,QAAQ,CAAC,OAAO,CAAC,CAcxD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAE5C;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAWvE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAY3E;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,IAAI,MAAM,GAAG,SAAS,CAK9C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,IAAI,QAAQ,GAAG,SAAS,CAKlD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAErF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAK3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ssr/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAU,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,WAAW,gBAAiB,SAAQ,WAAW;CAAG;AAExD,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAY,CAAC;AAEnC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAUnD;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CA0B9F;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAatF;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,IAAI,QAAQ,CAAC,OAAO,CAAC,CAcxD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAE5C;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAQvE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAc3E;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,IAAI,MAAM,GAAG,SAAS,CAK9C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,IAAI,QAAQ,GAAG,SAAS,CAKlD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAErF;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAK3E"}

package/dist/ssr/index.js

@@ -1,12 +1,28 @@
-import { createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, useContext } from "solid-js";
-import { createComponent, isServer } from "solid-js/web";
+/*
+* 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/ssr/SSRProvider.tsx
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/useId.ts
+import { n as useContextOptional } from "../_chunk/owner.js";
+import { createContext, createEffect, createMemo, createSignal, createTrackedEffect, createUniqueId, sharedConfig } from "solid-js";
+import { createComponent, isServer } from "@solidjs/web";
 //#region src/ssr/index.tsx
 /**
-* SSR utilities for Solidaria
+* SSR utilities for Solidaria.
 *
-* SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
-* These utilities provide a consistent API matching React-Aria's patterns
-* with additional features for hydration management.
+* Based on these pinned React Aria sources:
+* - packages/react-aria/src/ssr/SSRProvider.tsx
+* - packages/react-aria/src/utils/useId.ts
+*
+* This module adds Solid-specific hydration, document-access, and portal-owner utilities.
 */
 const SSRContext = createContext({
 	isSSR: isServer,
@@ -47,10 +63,10 @@ const canUseDOM = !isServer;
 * ```
 */
 function createId(defaultId) {
-	if (defaultId) return defaultId;
-	const ctx = useContext(SSRContext);
+	const ctx = useContextOptional(SSRContext);
 	const uniqueId = createUniqueId();
-	return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;
+	if (defaultId) return defaultId;
+	return ctx?.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;
 }
 /**
 * Generates an id, but only resolves to it once an element with that id is
@@ -71,8 +87,15 @@ function createId(defaultId) {
 function createSlotId(deps = []) {
 	const id = createId();
 	const [resolvedId, setResolvedId] = createSignal(id);
-	createEffect(() => {
+	const [probeTick, setProbeTick] = createSignal(0);
+	createTrackedEffect(() => {
 		for (const dep of deps) dep();
+		setResolvedId(id);
+		setProbeTick((tick) => tick + 1);
+	});
+	createTrackedEffect(() => {
+		probeTick();
+		if (resolvedId() !== id) return;
 		setResolvedId(document.getElementById(id) ? id : void 0);
 	});
 	return resolvedId;
@@ -100,12 +123,12 @@ function createSlotId(deps = []) {
 * ```
 */
 function SSRProvider(props) {
-	const parentContext = useContext(SSRContext);
+	const parentContext = useContextOptional(SSRContext);
 	const value = createMemo(() => ({
 		isSSR: isServer,
-		prefix: props.prefix ? parentContext.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext.prefix
+		prefix: props.prefix ? parentContext?.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext?.prefix ?? ""
 	}));
-	return createComponent(SSRContext.Provider, {
+	return createComponent(SSRContext, {
 		get value() {
 			return value();
 		},
@@ -135,11 +158,10 @@ function SSRProvider(props) {
 * ```
 */
 function createHydrationState() {
-	if (isServer) return () => true;
-	const [isHydrating, setIsHydrating] = createSignal(true);
-	onMount(() => {
+	const [isHydrating, setIsHydrating] = createSignal(isServer || sharedConfig.hydrating);
+	createEffect(() => true, () => {
 		setIsHydrating(false);
-	});
+	}, { ssrSource: "client" });
 	return isHydrating;
 }
 /**
@@ -154,7 +176,7 @@ function createHydrationState() {
 * function BrowserOnlyFeature() {
 *   const isSSR = useIsSSR();
 *
-*   createEffect(() => {
+*   createTrackedEffect(() => {
 *     if (!isSSR()) {
 *       // Safe to access browser APIs here
 *       window.localStorage.getItem('key');
@@ -188,10 +210,10 @@ function useIsSSR() {
 * ```
 */
 function createBrowserEffect(fn) {
-	if (isServer) return;
-	createEffect(() => {
-		const cleanup = fn();
-		if (typeof cleanup === "function") onCleanup(cleanup);
+	const isHydrating = createHydrationState();
+	createTrackedEffect(() => {
+		if (isHydrating()) return;
+		return fn();
 	});
 }
 /**
@@ -214,11 +236,10 @@ function createBrowserEffect(fn) {
 * ```
 */
 function createBrowserValue(fn, fallback) {
-	if (isServer) return () => fallback;
-	const [value, setValue] = createSignal(fallback);
-	onMount(() => {
+	const [value, setValue] = createSignal(() => fallback);
+	createEffect(() => true, () => {
 		setValue(() => fn());
-	});
+	}, { ssrSource: "client" });
 	return value;
 }
 /**

package/dist/ssr/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Accessor","JSX","ParentProps","createContext","createEffect","createMemo","createSignal","onCleanup","onMount","useContext","createUniqueId","isServer","SSRProviderProps","SSRContextValue","isSSR","prefix","SSRContext","createIsSSR","canUseDOM","createId","defaultId","ctx","uniqueId","createSlotId","deps","Array","id","resolvedId","setResolvedId","dep","document","getElementById","undefined","SSRProvider","props","Element","parentContext","value","_$createComponent","Provider","children","createHydrationState","isHydrating","setIsHydrating","useIsSSR","createBrowserEffect","fn","cleanup","createBrowserValue","T","fallback","setValue","getWindow","Window","window","getDocument","Document","getOwnerDocument","el","ownerDocument","getOwnerWindow","defaultView","getPortalContainer","container","body"],"sources":["../../src/ssr/index.tsx"],"sourcesContent":["/**\n * SSR utilities for Solidaria\n *\n * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.\n * These utilities provide a consistent API matching React-Aria's patterns\n * with additional features for hydration management.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  useContext,\n  createUniqueId,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport interface SSRProviderProps extends ParentProps {}\n\nexport interface SSRContextValue {\n  /** Whether currently rendering on the server. */\n  isSSR: boolean;\n  /** Prefix for generated IDs, allowing nested providers. */\n  prefix: string;\n}\n\nconst SSRContext = createContext<SSRContextValue>({\n  isSSR: isServer,\n  prefix: \"\",\n});\n\n/**\n * Returns whether the component is currently being server side rendered.\n * Can be used to delay browser-specific rendering until after hydration.\n *\n * Note: This returns a static boolean. For reactive hydration detection,\n * use `createHydrationState()`.\n */\nexport function createIsSSR(): boolean {\n  return isServer;\n}\n\n/**\n * Check if we can use DOM APIs.\n * This is useful for code that needs to run only in the browser.\n */\nexport const canUseDOM = !isServer;\n\n/**\n * Generate a unique ID that is stable across server and client.\n * Uses SolidJS's built-in createUniqueId which handles SSR correctly.\n *\n * @param defaultId - Optional default ID to use instead of generating one.\n *\n * @example\n * ```tsx\n * function TextField(props) {\n *   const inputId = createId(props.id);\n *   return (\n *     <>\n *       <label for={inputId}>{props.label}</label>\n *       <input id={inputId} />\n *     </>\n *   );\n * }\n * ```\n */\nexport function createId(defaultId?: string): string {\n  if (defaultId) {\n    return defaultId;\n  }\n  const ctx = useContext(SSRContext);\n  const uniqueId = createUniqueId();\n  return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;\n}\n\n/**\n * Generates an id, but only resolves to it once an element with that id is\n * actually present in the DOM. Returns `undefined` otherwise.\n *\n * This is a 1:1 port of @react-aria/utils's `useSlotId`. It exists so that an\n * `aria-labelledby` can point at an optional slot (e.g. a section header) and\n * automatically fall back to `undefined` when the slot is not rendered, instead\n * of leaving a dangling reference to a non-existent id.\n *\n * The initial value is the generated id so that server and first client render\n * agree (no hydration mismatch); a client-only effect then probes the DOM and\n * clears the value when no matching element exists.\n *\n * @param deps - Accessors re-probed when their values change (mirrors the\n *   dependency array of the upstream hook).\n */\nexport function createSlotId(deps: Array<Accessor<unknown>> = []): Accessor<string | undefined> {\n  const id = createId();\n  const [resolvedId, setResolvedId] = createSignal<string | undefined>(id);\n\n  createEffect(() => {\n    // Re-probe when any explicit dependency changes.\n    for (const dep of deps) {\n      dep();\n    }\n    setResolvedId(document.getElementById(id) ? id : undefined);\n  });\n\n  return resolvedId;\n}\n\n/**\n * Provides SSR context to the component tree.\n *\n * While SolidJS handles most SSR scenarios automatically, this provider\n * can be useful for:\n * - Nested ID prefixes to avoid collisions in micro-frontends\n * - Explicit hydration boundary markers\n * - Testing SSR behavior\n *\n * @example\n * ```tsx\n * // Root of your app\n * <SSRProvider>\n *   <App />\n * </SSRProvider>\n *\n * // With custom prefix for micro-frontend\n * <SSRProvider prefix=\"widget\">\n *   <Widget />\n * </SSRProvider>\n * ```\n */\nexport function SSRProvider(props: SSRProviderProps & { prefix?: string }): JSX.Element {\n  const parentContext = useContext(SSRContext);\n\n  const value = createMemo<SSRContextValue>(() => ({\n    isSSR: isServer,\n    prefix: props.prefix\n      ? parentContext.prefix\n        ? `${parentContext.prefix}-${props.prefix}`\n        : props.prefix\n      : parentContext.prefix,\n  }));\n\n  return <SSRContext.Provider value={value()}>{props.children}</SSRContext.Provider>;\n}\n\n/**\n * Tracks whether the component is currently hydrating.\n *\n * During server-side rendering, this returns `true`. After hydration\n * completes on the client, it switches to `false`. This is useful for\n * components that need to show different content during hydration.\n *\n * @example\n * ```tsx\n * function ClientOnlyComponent() {\n *   const isHydrating = createHydrationState();\n *\n *   return (\n *     <Show when={!isHydrating()} fallback={<LoadingPlaceholder />}>\n *       <InteractiveWidget />\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function createHydrationState(): Accessor<boolean> {\n  // On the server, always return true\n  if (isServer) {\n    return () => true;\n  }\n\n  // On the client, track hydration state\n  const [isHydrating, setIsHydrating] = createSignal(true);\n\n  onMount(() => {\n    setIsHydrating(false);\n  });\n\n  return isHydrating;\n}\n\n/**\n * Hook that returns `true` during SSR and initial hydration.\n * Use this to delay browser-specific code until hydration is complete.\n *\n * Unlike `createIsSSR()` which is static, this updates reactively\n * after hydration completes.\n *\n * @example\n * ```tsx\n * function BrowserOnlyFeature() {\n *   const isSSR = useIsSSR();\n *\n *   createEffect(() => {\n *     if (!isSSR()) {\n *       // Safe to access browser APIs here\n *       window.localStorage.getItem('key');\n *     }\n *   });\n *\n *   return <Show when={!isSSR()}>...</Show>;\n * }\n * ```\n */\nexport function useIsSSR(): Accessor<boolean> {\n  return createHydrationState();\n}\n\n/**\n * Creates an effect that only runs on the client after hydration.\n * This is a convenience wrapper that ensures browser-specific code\n * doesn't run during SSR.\n *\n * @param fn - The effect function to run\n *\n * @example\n * ```tsx\n * function Analytics() {\n *   createBrowserEffect(() => {\n *     // Safe to access window, document, localStorage, etc.\n *     window.analytics.track('page_view');\n *   });\n *\n *   return null;\n * }\n * ```\n */\nexport function createBrowserEffect(fn: () => void | (() => void)): void {\n  if (isServer) {\n    return;\n  }\n\n  createEffect(() => {\n    const cleanup = fn();\n    if (typeof cleanup === \"function\") {\n      onCleanup(cleanup);\n    }\n  });\n}\n\n/**\n * Creates a value that is computed only on the client.\n * On the server, returns the fallback value.\n *\n * @param fn - Function to compute the value on the client\n * @param fallback - Value to return during SSR\n *\n * @example\n * ```tsx\n * function WindowSize() {\n *   const width = createBrowserValue(\n *     () => window.innerWidth,\n *     0\n *   );\n *\n *   return <span>Width: {width()}</span>;\n * }\n * ```\n */\nexport function createBrowserValue<T>(fn: () => T, fallback: T): Accessor<T> {\n  if (isServer) {\n    return () => fallback;\n  }\n\n  const [value, setValue] = createSignal<T>(fallback);\n\n  onMount(() => {\n    setValue(() => fn());\n  });\n\n  return value;\n}\n\n/**\n * Returns the window object if available, or undefined during SSR.\n * Useful for accessing browser globals safely.\n *\n * @example\n * ```tsx\n * const win = getWindow();\n * if (win) {\n *   win.addEventListener('resize', handler);\n * }\n * ```\n */\nexport function getWindow(): Window | undefined {\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n  return undefined;\n}\n\n/**\n * Returns the document object if available, or undefined during SSR.\n * Useful for accessing document safely.\n *\n * @example\n * ```tsx\n * const doc = getDocument();\n * if (doc) {\n *   doc.addEventListener('keydown', handler);\n * }\n * ```\n */\nexport function getDocument(): Document | undefined {\n  if (typeof document !== \"undefined\") {\n    return document;\n  }\n  return undefined;\n}\n\n/**\n * Returns the owner document of an element, with SSR safety.\n *\n * @param el - The element to get the owner document from\n */\nexport function getOwnerDocument(el: Element | null | undefined): Document | undefined {\n  return el?.ownerDocument ?? getDocument();\n}\n\n/**\n * Returns the owner window of an element, with SSR safety.\n *\n * @param el - The element to get the owner window from\n */\nexport function getOwnerWindow(el: Element | null | undefined): Window | undefined {\n  return getOwnerDocument(el)?.defaultView ?? getWindow();\n}\n\n/**\n * Gets the appropriate container for portals, with SSR safety.\n * Returns the specified container, or document.body on the client,\n * or undefined during SSR.\n *\n * @param container - Optional custom container element\n *\n * @example\n * ```tsx\n * function Modal(props) {\n *   const container = getPortalContainer(props.container);\n *\n *   return (\n *     <Show when={container}>\n *       <Portal mount={container}>\n *         {props.children}\n *       </Portal>\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function getPortalContainer(container?: Element): Element | undefined {\n  if (container) {\n    return container;\n  }\n  return getDocument()?.body;\n}\n"],"mappings":";;;;;;;;;;AAgCA,MAAMgB,aAAab,cAA+B;CAChDW,OAAOH;CACPI,QAAQ;AACV,CAAC;;;;;;;;AASD,SAAgBE,cAAuB;CACrC,OAAON;AACT;;;;;AAMA,MAAaO,YAAY,CAACP;;;;;;;;;;;;;;;;;;;;AAqB1B,SAAgBQ,SAASC,WAA4B;CACnD,IAAIA,WACF,OAAOA;CAET,MAAMC,MAAMZ,WAAWO,UAAU;CACjC,MAAMM,WAAWZ,eAAe;CAChC,OAAOW,IAAIN,SAAS,aAAaM,IAAIN,OAAM,GAAIO,aAAa,aAAaA;AAC3E;;;;;;;;;;;;;;;;;AAkBA,SAAgBC,aAAaC,OAAiC,CAAA,GAAkC;CAC9F,MAAME,KAAKP,SAAS;CACpB,MAAM,CAACQ,YAAYC,iBAAiBtB,aAAiCoB,EAAE;CAEvEtB,mBAAmB;EAEjB,KAAK,MAAMyB,OAAOL,MAChBK,IAAI;EAEND,cAAcE,SAASC,eAAeL,EAAE,IAAIA,KAAKM,KAAAA,CAAS;CAC5D,CAAC;CAED,OAAOL;AACT;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgBM,YAAYC,OAA4D;CACtF,MAAME,gBAAgB3B,WAAWO,UAAU;CAE3C,MAAMqB,QAAQhC,kBAAmC;EAC/CS,OAAOH;EACPI,QAAQmB,MAAMnB,SACVqB,cAAcrB,SACZ,GAAGqB,cAAcrB,OAAM,GAAImB,MAAMnB,WACjCmB,MAAMnB,SACRqB,cAAcrB;CACpB,EAAE;CAEF,OAAAuB,gBAAQtB,WAAWuB,UAAQ;EAAA,IAACF,QAAK;GAAA,OAAEA,MAAM;EAAC;EAAA,IAAAG,WAAA;GAAA,OAAGN,MAAMM;EAAQ;CAAA,CAAA;AAC7D;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgBC,uBAA0C;CAExD,IAAI9B,UACF,aAAa;CAIf,MAAM,CAAC+B,aAAaC,kBAAkBrC,aAAa,IAAI;CAEvDE,cAAc;EACZmC,eAAe,KAAK;CACtB,CAAC;CAED,OAAOD;AACT;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgBE,WAA8B;CAC5C,OAAOH,qBAAqB;AAC9B;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgBI,oBAAoBC,IAAqC;CACvE,IAAInC,UACF;CAGFP,mBAAmB;EACjB,MAAM2C,UAAUD,GAAG;EACnB,IAAI,OAAOC,YAAY,YACrBxC,UAAUwC,OAAO;CAErB,CAAC;AACH;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgBC,mBAAsBF,IAAaI,UAA0B;CAC3E,IAAIvC,UACF,aAAauC;CAGf,MAAM,CAACb,OAAOc,YAAY7C,aAAgB4C,QAAQ;CAElD1C,cAAc;EACZ2C,eAAeL,GAAG,CAAC;CACrB,CAAC;CAED,OAAOT;AACT;;;;;;;;;;;;;AAcA,SAAgBe,YAAgC;CAC9C,IAAI,OAAOE,WAAW,aACpB,OAAOA;AAGX;;;;;;;;;;;;;AAcA,SAAgBC,cAAoC;CAClD,IAAI,OAAOzB,aAAa,aACtB,OAAOA;AAGX;;;;;;AAOA,SAAgB2B,iBAAiBC,IAAsD;CACrF,OAAOA,IAAIC,iBAAiBJ,YAAY;AAC1C;;;;;;AAOA,SAAgBK,eAAeF,IAAoD;CACjF,OAAOD,iBAAiBC,EAAE,CAAC,EAAEG,eAAeT,UAAU;AACxD;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgBU,mBAAmBC,WAA0C;CAC3E,IAAIA,WACF,OAAOA;CAET,OAAOR,YAAY,CAAC,EAAES;AACxB"}
+{"version":3,"file":"index.js","names":["<SSRContext value={value()}>{props.children}</SSRContext>"],"sources":["../../src/ssr/index.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/ssr/SSRProvider.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/useId.ts\n\n/**\n * SSR utilities for Solidaria.\n *\n * Based on these pinned React Aria sources:\n * - packages/react-aria/src/ssr/SSRProvider.tsx\n * - packages/react-aria/src/utils/useId.ts\n *\n * This module adds Solid-specific hydration, document-access, and portal-owner utilities.\n */\n\nimport { useContextOptional } from \"../utils/owner\";\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  createTrackedEffect,\n  sharedConfig,\n} from \"solid-js\";\nimport type { Accessor, ParentProps, Signal } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { isServer } from \"@solidjs/web\";\n\nexport interface SSRProviderProps extends ParentProps {}\n\nexport interface SSRContextValue {\n  /** Whether currently rendering on the server. */\n  isSSR: boolean;\n  /** Prefix for generated IDs, allowing nested providers. */\n  prefix: string;\n}\n\nconst SSRContext = createContext<SSRContextValue>({\n  isSSR: isServer,\n  prefix: \"\",\n});\n\n/**\n * Returns whether the component is currently being server side rendered.\n * Can be used to delay browser-specific rendering until after hydration.\n *\n * Note: This returns a static boolean. For reactive hydration detection,\n * use `createHydrationState()`.\n */\nexport function createIsSSR(): boolean {\n  return isServer;\n}\n\n/**\n * Check if we can use DOM APIs.\n * This is useful for code that needs to run only in the browser.\n */\nexport const canUseDOM = !isServer;\n\n/**\n * Generate a unique ID that is stable across server and client.\n * Uses SolidJS's built-in createUniqueId which handles SSR correctly.\n *\n * @param defaultId - Optional default ID to use instead of generating one.\n *\n * @example\n * ```tsx\n * function TextField(props) {\n *   const inputId = createId(props.id);\n *   return (\n *     <>\n *       <label for={inputId}>{props.label}</label>\n *       <input id={inputId} />\n *     </>\n *   );\n * }\n * ```\n */\nexport function createId(defaultId?: string): string {\n  // Generate first, choose second, like upstream `useId`: `createUniqueId` is\n  // order-dependent in both of its branches, so returning early on `defaultId`\n  // would shift every later id in the same render or hydration pass.\n  const ctx = useContextOptional(SSRContext);\n  const uniqueId = createUniqueId();\n  if (defaultId) {\n    return defaultId;\n  }\n  return ctx?.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;\n}\n\n/**\n * Generates an id, but only resolves to it once an element with that id is\n * actually present in the DOM. Returns `undefined` otherwise.\n *\n * This is a 1:1 port of @react-aria/utils's `useSlotId`. It exists so that an\n * `aria-labelledby` can point at an optional slot (e.g. a section header) and\n * automatically fall back to `undefined` when the slot is not rendered, instead\n * of leaving a dangling reference to a non-existent id.\n *\n * The initial value is the generated id so that server and first client render\n * agree (no hydration mismatch); a client-only effect then probes the DOM and\n * clears the value when no matching element exists.\n *\n * @param deps - Accessors re-probed when their values change (mirrors the\n *   dependency array of the upstream hook).\n */\nexport function createSlotId(deps: Array<Accessor<unknown>> = []): Accessor<string | undefined> {\n  const id = createId();\n  const [resolvedId, setResolvedId] = createSignal<string | undefined>(id);\n  const [probeTick, setProbeTick] = createSignal(0);\n\n  // RAC `useSlotId` (`useId.ts:135-149`) via `useValueEffect`: yield the raw\n  // id first so a slot that just mounted can receive it, then probe the DOM\n  // after that render commits. `probeTick` is a separate signal so this\n  // effect does not re-yield when the probe clears `resolvedId`.\n  createTrackedEffect(() => {\n    for (const dep of deps) {\n      dep();\n    }\n    setResolvedId(id);\n    setProbeTick((tick) => tick + 1);\n  });\n\n  createTrackedEffect(() => {\n    probeTick();\n    if (resolvedId() !== id) {\n      return;\n    }\n    setResolvedId(document.getElementById(id) ? id : undefined);\n  });\n\n  return resolvedId;\n}\n\n/**\n * Provides SSR context to the component tree.\n *\n * While SolidJS handles most SSR scenarios automatically, this provider\n * can be useful for:\n * - Nested ID prefixes to avoid collisions in micro-frontends\n * - Explicit hydration boundary markers\n * - Testing SSR behavior\n *\n * @example\n * ```tsx\n * // Root of your app\n * <SSRProvider>\n *   <App />\n * </SSRProvider>\n *\n * // With custom prefix for micro-frontend\n * <SSRProvider prefix=\"widget\">\n *   <Widget />\n * </SSRProvider>\n * ```\n */\nexport function SSRProvider(props: SSRProviderProps & { prefix?: string }): JSX.Element {\n  const parentContext = useContextOptional(SSRContext);\n\n  const value = createMemo<SSRContextValue>(() => ({\n    isSSR: isServer,\n    prefix: props.prefix\n      ? parentContext?.prefix\n        ? `${parentContext.prefix}-${props.prefix}`\n        : props.prefix\n      : (parentContext?.prefix ?? \"\"),\n  }));\n\n  return <SSRContext value={value()}>{props.children}</SSRContext>;\n}\n\n/**\n * Tracks whether the component is currently hydrating.\n *\n * During server-side rendering, this returns `true`. After hydration\n * completes on the client, it switches to `false`. This is useful for\n * components that need to show different content during hydration.\n *\n * @example\n * ```tsx\n * function ClientOnlyComponent() {\n *   const isHydrating = createHydrationState();\n *\n *   return (\n *     <Show when={!isHydrating()} fallback={<LoadingPlaceholder />}>\n *       <InteractiveWidget />\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function createHydrationState(): Accessor<boolean> {\n  const [isHydrating, setIsHydrating] = createSignal(isServer || sharedConfig.hydrating);\n\n  // Register the same owner on server and client. Client-source effects wait\n  // for the hydration snapshot to release, unlike a plain mount callback.\n  createEffect(\n    () => true,\n    () => {\n      setIsHydrating(false);\n    },\n    { ssrSource: \"client\" },\n  );\n\n  return isHydrating;\n}\n\n/**\n * Hook that returns `true` during SSR and initial hydration.\n * Use this to delay browser-specific code until hydration is complete.\n *\n * Unlike `createIsSSR()` which is static, this updates reactively\n * after hydration completes.\n *\n * @example\n * ```tsx\n * function BrowserOnlyFeature() {\n *   const isSSR = useIsSSR();\n *\n *   createTrackedEffect(() => {\n *     if (!isSSR()) {\n *       // Safe to access browser APIs here\n *       window.localStorage.getItem('key');\n *     }\n *   });\n *\n *   return <Show when={!isSSR()}>...</Show>;\n * }\n * ```\n */\nexport function useIsSSR(): Accessor<boolean> {\n  return createHydrationState();\n}\n\n/**\n * Creates an effect that only runs on the client after hydration.\n * This is a convenience wrapper that ensures browser-specific code\n * doesn't run during SSR.\n *\n * @param fn - The effect function to run\n *\n * @example\n * ```tsx\n * function Analytics() {\n *   createBrowserEffect(() => {\n *     // Safe to access window, document, localStorage, etc.\n *     window.analytics.track('page_view');\n *   });\n *\n *   return null;\n * }\n * ```\n */\nexport function createBrowserEffect(fn: () => void | (() => void)): void {\n  const isHydrating = createHydrationState();\n  createTrackedEffect(() => {\n    if (isHydrating()) return;\n    // Keep reads inside fn tracked, and let Solid run its cleanup before a\n    // reactive rerun or disposal. Neither callback executes during SSR.\n    return fn();\n  });\n}\n\n/**\n * Creates a value that is computed only on the client.\n * On the server, returns the fallback value.\n *\n * @param fn - Function to compute the value on the client\n * @param fallback - Value to return during SSR\n *\n * @example\n * ```tsx\n * function WindowSize() {\n *   const width = createBrowserValue(\n *     () => window.innerWidth,\n *     0\n *   );\n *\n *   return <span>Width: {width()}</span>;\n * }\n * ```\n */\nexport function createBrowserValue<T>(fn: () => T, fallback: T): Accessor<T> {\n  // Solid 2 treats function initializers as computations. Wrap the value so a\n  // function-valued fallback is stored, never invoked as browser work on SSR.\n  const [value, setValue] = createSignal(() => fallback) as Signal<T>;\n\n  createEffect(\n    () => true,\n    () => {\n      setValue(() => fn());\n    },\n    { ssrSource: \"client\" },\n  );\n\n  return value;\n}\n\n/**\n * Returns the window object if available, or undefined during SSR.\n * Useful for accessing browser globals safely.\n *\n * @example\n * ```tsx\n * const win = getWindow();\n * if (win) {\n *   win.addEventListener('resize', handler);\n * }\n * ```\n */\nexport function getWindow(): Window | undefined {\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n  return undefined;\n}\n\n/**\n * Returns the document object if available, or undefined during SSR.\n * Useful for accessing document safely.\n *\n * @example\n * ```tsx\n * const doc = getDocument();\n * if (doc) {\n *   doc.addEventListener('keydown', handler);\n * }\n * ```\n */\nexport function getDocument(): Document | undefined {\n  if (typeof document !== \"undefined\") {\n    return document;\n  }\n  return undefined;\n}\n\n/**\n * Returns the owner document of an element, with SSR safety.\n *\n * @param el - The element to get the owner document from\n */\nexport function getOwnerDocument(el: Element | null | undefined): Document | undefined {\n  return el?.ownerDocument ?? getDocument();\n}\n\n/**\n * Returns the owner window of an element, with SSR safety.\n *\n * @param el - The element to get the owner window from\n */\nexport function getOwnerWindow(el: Element | null | undefined): Window | undefined {\n  return getOwnerDocument(el)?.defaultView ?? getWindow();\n}\n\n/**\n * Gets the appropriate container for portals, with SSR safety.\n * Returns the specified container, or document.body on the client,\n * or undefined during SSR.\n *\n * @param container - Optional custom container element\n *\n * @example\n * ```tsx\n * function Modal(props) {\n *   const container = getPortalContainer(props.container);\n *\n *   return (\n *     <Show when={container}>\n *       <Portal mount={container}>\n *         {props.children}\n *       </Portal>\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function getPortalContainer(container?: Element): Element | undefined {\n  if (container) {\n    return container;\n  }\n  return getDocument()?.body;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,aAAa,cAA+B;CAChD,OAAO;CACP,QAAQ;AACV,CAAC;;;;;;;;AASD,SAAgB,cAAuB;CACrC,OAAO;AACT;;;;;AAMA,MAAa,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AAqB1B,SAAgB,SAAS,WAA4B;CAInD,MAAM,MAAM,mBAAmB,UAAU;CACzC,MAAM,WAAW,eAAe;CAChC,IAAI,WACF,OAAO;CAET,OAAO,KAAK,SAAS,aAAa,IAAI,OAAO,GAAG,aAAa,aAAa;AAC5E;;;;;;;;;;;;;;;;;AAkBA,SAAgB,aAAa,OAAiC,CAAC,GAAiC;CAC9F,MAAM,KAAK,SAAS;CACpB,MAAM,CAAC,YAAY,iBAAiB,aAAiC,EAAE;CACvE,MAAM,CAAC,WAAW,gBAAgB,aAAa,CAAC;CAMhD,0BAA0B;EACxB,KAAK,MAAM,OAAO,MAChB,IAAI;EAEN,cAAc,EAAE;EAChB,cAAc,SAAS,OAAO,CAAC;CACjC,CAAC;CAED,0BAA0B;EACxB,UAAU;EACV,IAAI,WAAW,MAAM,IACnB;EAEF,cAAc,SAAS,eAAe,EAAE,IAAI,KAAK,KAAA,CAAS;CAC5D,CAAC;CAED,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,YAAY,OAA4D;CACtF,MAAM,gBAAgB,mBAAmB,UAAU;CAEnD,MAAM,QAAQ,kBAAmC;EAC/C,OAAO;EACP,QAAQ,MAAM,SACV,eAAe,SACb,GAAG,cAAc,OAAO,GAAG,MAAM,WACjC,MAAM,SACP,eAAe,UAAU;CAChC,EAAE;CAEF,OAAOA,gBAAAA,YAAAA;EAAY,IAAA,QAAA;GAAO,OAAA,MAAM;EAAC;EAA1B,IAAA,WAAA;GAA6B,OAAA,MAAM;EAAqB;;AACjE;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,uBAA0C;CACxD,MAAM,CAAC,aAAa,kBAAkB,aAAa,YAAY,aAAa,SAAS;CAIrF,mBACQ,YACA;EACJ,eAAe,KAAK;CACtB,GACA,EAAE,WAAW,SAAS,CACxB;CAEA,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,WAA8B;CAC5C,OAAO,qBAAqB;AAC9B;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,oBAAoB,IAAqC;CACvE,MAAM,cAAc,qBAAqB;CACzC,0BAA0B;EACxB,IAAI,YAAY,GAAG;EAGnB,OAAO,GAAG;CACZ,CAAC;AACH;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,mBAAsB,IAAa,UAA0B;CAG3E,MAAM,CAAC,OAAO,YAAY,mBAAmB,QAAQ;CAErD,mBACQ,YACA;EACJ,eAAe,GAAG,CAAC;CACrB,GACA,EAAE,WAAW,SAAS,CACxB;CAEA,OAAO;AACT;;;;;;;;;;;;;AAcA,SAAgB,YAAgC;CAC9C,IAAI,OAAO,WAAW,aACpB,OAAO;AAGX;;;;;;;;;;;;;AAcA,SAAgB,cAAoC;CAClD,IAAI,OAAO,aAAa,aACtB,OAAO;AAGX;;;;;;AAOA,SAAgB,iBAAiB,IAAsD;CACrF,OAAO,IAAI,iBAAiB,YAAY;AAC1C;;;;;;AAOA,SAAgB,eAAe,IAAoD;CACjF,OAAO,iBAAiB,EAAE,CAAC,EAAE,eAAe,UAAU;AACxD;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,mBAAmB,WAA0C;CAC3E,IAAI,WACF,OAAO;CAET,OAAO,YAAY,CAAC,EAAE;AACxB"}

package/dist/ssr/index.jsx

@@ -1,12 +1,28 @@
-import { createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, useContext } from "solid-js";
-import { isServer } from "solid-js/web";
+/*
+* 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/ssr/SSRProvider.tsx
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/useId.ts
+import { n as useContextOptional } from "../_chunk/owner.jsx";
+import { createContext, createEffect, createMemo, createSignal, createTrackedEffect, createUniqueId, sharedConfig } from "solid-js";
+import { isServer } from "@solidjs/web";
 //#region src/ssr/index.tsx
 /**
-* SSR utilities for Solidaria
+* SSR utilities for Solidaria.
 *
-* SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
-* These utilities provide a consistent API matching React-Aria's patterns
-* with additional features for hydration management.
+* Based on these pinned React Aria sources:
+* - packages/react-aria/src/ssr/SSRProvider.tsx
+* - packages/react-aria/src/utils/useId.ts
+*
+* This module adds Solid-specific hydration, document-access, and portal-owner utilities.
 */
 const SSRContext = createContext({
 	isSSR: isServer,
@@ -47,10 +63,10 @@ const canUseDOM = !isServer;
 * ```
 */
 function createId(defaultId) {
-	if (defaultId) return defaultId;
-	const ctx = useContext(SSRContext);
+	const ctx = useContextOptional(SSRContext);
 	const uniqueId = createUniqueId();
-	return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;
+	if (defaultId) return defaultId;
+	return ctx?.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;
 }
 /**
 * Generates an id, but only resolves to it once an element with that id is
@@ -71,8 +87,15 @@ function createId(defaultId) {
 function createSlotId(deps = []) {
 	const id = createId();
 	const [resolvedId, setResolvedId] = createSignal(id);
-	createEffect(() => {
+	const [probeTick, setProbeTick] = createSignal(0);
+	createTrackedEffect(() => {
 		for (const dep of deps) dep();
+		setResolvedId(id);
+		setProbeTick((tick) => tick + 1);
+	});
+	createTrackedEffect(() => {
+		probeTick();
+		if (resolvedId() !== id) return;
 		setResolvedId(document.getElementById(id) ? id : void 0);
 	});
 	return resolvedId;
@@ -100,12 +123,12 @@ function createSlotId(deps = []) {
 * ```
 */
 function SSRProvider(props) {
-	const parentContext = useContext(SSRContext);
+	const parentContext = useContextOptional(SSRContext);
 	const value = createMemo(() => ({
 		isSSR: isServer,
-		prefix: props.prefix ? parentContext.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext.prefix
+		prefix: props.prefix ? parentContext?.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext?.prefix ?? ""
 	}));
-	return <SSRContext.Provider value={value()}>{props.children}</SSRContext.Provider>;
+	return <SSRContext value={value()}>{props.children}</SSRContext>;
 }
 /**
 * Tracks whether the component is currently hydrating.
@@ -128,11 +151,10 @@ function SSRProvider(props) {
 * ```
 */
 function createHydrationState() {
-	if (isServer) return () => true;
-	const [isHydrating, setIsHydrating] = createSignal(true);
-	onMount(() => {
+	const [isHydrating, setIsHydrating] = createSignal(isServer || sharedConfig.hydrating);
+	createEffect(() => true, () => {
 		setIsHydrating(false);
-	});
+	}, { ssrSource: "client" });
 	return isHydrating;
 }
 /**
@@ -147,7 +169,7 @@ function createHydrationState() {
 * function BrowserOnlyFeature() {
 *   const isSSR = useIsSSR();
 *
-*   createEffect(() => {
+*   createTrackedEffect(() => {
 *     if (!isSSR()) {
 *       // Safe to access browser APIs here
 *       window.localStorage.getItem('key');
@@ -181,10 +203,10 @@ function useIsSSR() {
 * ```
 */
 function createBrowserEffect(fn) {
-	if (isServer) return;
-	createEffect(() => {
-		const cleanup = fn();
-		if (typeof cleanup === "function") onCleanup(cleanup);
+	const isHydrating = createHydrationState();
+	createTrackedEffect(() => {
+		if (isHydrating()) return;
+		return fn();
 	});
 }
 /**
@@ -207,11 +229,10 @@ function createBrowserEffect(fn) {
 * ```
 */
 function createBrowserValue(fn, fallback) {
-	if (isServer) return () => fallback;
-	const [value, setValue] = createSignal(fallback);
-	onMount(() => {
+	const [value, setValue] = createSignal(() => fallback);
+	createEffect(() => true, () => {
 		setValue(() => fn());
-	});
+	}, { ssrSource: "client" });
 	return value;
 }
 /**