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

package/dist/utils.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"utils.jsx","names":["mergeProps"],"sources":["../src/utils.tsx"],"sourcesContent":["/**\n * Utility functions for solidaria-components\n * Port of react-aria-components/src/utils.tsx\n */\n\nimport {\n  type JSX,\n  type Accessor,\n  type Context,\n  type FlowComponent,\n  createComponent,\n  createContext,\n  useContext,\n  createMemo,\n  createSignal,\n  onMount,\n  sharedConfig,\n  untrack,\n  Show,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria\";\n\n/**\n * Render props pattern - children can be a function that receives state\n */\nexport type RenderChildren<T> = JSX.Element | ((renderProps: T) => JSX.Element);\n\n/**\n * Class name can be a string or a function that computes based on state\n */\nexport type ClassNameOrFunction<T> = string | ((renderProps: T) => string);\n\n/**\n * Style can be an object or a function that computes based on state\n */\nexport type StyleOrFunction<T> = JSX.CSSProperties | ((renderProps: T) => JSX.CSSProperties);\n\n/**\n * Common render props interface\n */\nexport interface RenderPropsBase<T> {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<T>;\n  /** The CSS className for the element. A function may be provided to compute the class based on state. */\n  class?: ClassNameOrFunction<T>;\n  /** The inline style for the element. A function may be provided to compute the style based on state. */\n  style?: StyleOrFunction<T>;\n}\n\n/**\n * Slot props for named slots\n */\nexport interface SlotProps {\n  /** A slot name for the component. */\n  slot?: string;\n}\n\nexport const DEFAULT_SLOT = \"default\";\n\n/**\n * Return type for useRenderProps\n */\nexport interface RenderPropsResult<T> {\n  /** Accessor for class - safe to call anytime */\n  class: Accessor<string>;\n  /** Accessor for style - safe to call anytime */\n  style: Accessor<JSX.CSSProperties | undefined>;\n  /**\n   * Render the children. This is a function that returns JSX, NOT a getter.\n   * For SSR compatibility, this should be called within the JSX tree.\n   *\n   * Usage in components:\n   *   {renderProps.renderChildren()}\n   *\n   * Or if you need the raw children/function:\n   *   {renderProps.renderChildren()}\n   */\n  renderChildren: () => JSX.Element;\n  /**\n   * Render a render-prop child ONCE over a reactive view of the values,\n   * mirroring how React reconciles a render prop's returned tree in place.\n   *\n   * Prefer this over `renderChildren()` for interactive leaf components (a\n   * Tab, a toggle segment) whose child wraps the pressable element: re-invoking\n   * the render function on every values() change recreates that DOM subtree,\n   * which detaches the pointer/press target mid-gesture and makes the browser\n   * suppress the native `click` (createPress then has to synthesize an\n   * untrusted fallback click — a visible parity break vs React). Static (non\n   * function) children are returned untouched, exactly like `renderChildren`.\n   */\n  renderChildrenStable: () => JSX.Element;\n  /** The raw children prop (function or JSX) - use renderChildren() in most cases */\n  children: RenderChildren<T> | undefined;\n  /** The render props values accessor */\n  values: Accessor<T>;\n}\n\n/**\n * Resolves render props (children, class, style) based on component state.\n *\n * For SSR compatibility, children are NOT evaluated eagerly. Instead:\n * - Use `renderChildren()` to render children with current values\n * - Or access `children` directly if you need the raw prop\n *\n * This avoids the getter pattern that causes SSR hydration mismatches.\n */\nexport function useRenderProps<T extends object>(\n  props: RenderPropsBase<T> & { defaultClassName?: string },\n  values: Accessor<T>,\n): RenderPropsResult<T> {\n  // Don't destructure children — access lazily to avoid eager evaluation\n  // that would trigger child component creation before context providers mount.\n  const { class: className, style, defaultClassName = \"\" } = props;\n\n  // Compute class and style eagerly (they don't depend on context)\n  const computedClass = createMemo(() => {\n    const currentValues = values();\n    return typeof className === \"function\"\n      ? className(currentValues)\n      : (className ?? defaultClassName);\n  });\n\n  const computedStyle = createMemo(() => {\n    const currentValues = values();\n    return typeof style === \"function\" ? style(currentValues) : style;\n  });\n\n  // Return object with explicit function for rendering children\n  // Children are accessed lazily during render (inside context providers)\n  return {\n    class: computedClass,\n    style: computedStyle,\n    renderChildren: () => {\n      const children = props.children;\n      // Only read values() for render-prop children. Static JSX children must\n      // not track the render-state memo: re-running the insertion effect\n      // recreates real DOM nodes on every hover/press/focus flip (React keeps\n      // them stable via vdom diffing), which detaches the pressed node\n      // mid-press and suppresses the browser's native click.\n      //\n      // A render prop takes the values argument, so classify by arity — the\n      // same convention `solid-js/h` uses for dynamic props. A zero-arg\n      // function child is an accessor (a compiled `{expression}` child, a\n      // solid-refresh dev wrapper, a one-shot `solid-js/h` element thunk):\n      // return it untouched so the insert machinery unwraps it in its own\n      // nested effect. Calling it here would track its reads in the shared\n      // insertion effect, and every re-run disposes the child computations\n      // that effect owns — a one-shot h thunk then hands back the same\n      // disposed node, leaving connected DOM whose reactivity is dead.\n      return typeof children === \"function\" && children.length > 0\n        ? children(values())\n        : (children as JSX.Element);\n    },\n    renderChildrenStable: () => {\n      const children = props.children;\n      if (typeof children !== \"function\" || children.length === 0) {\n        return children as JSX.Element;\n      }\n      // Invoke the render function exactly once, over a getter view of the\n      // values, so the returned DOM is created a single time and only the\n      // reactive reads inside it (JSX bindings, component props) re-run on a\n      // values() change — React's reconciliation, not Solid's recreation.\n      //\n      // `untrack` keeps the enclosing insert from tracking values() (so it\n      // never re-runs and never recreates), but does NOT change the owner:\n      // this still executes inside the caller's insert scope, so any slotted\n      // context the render prop reads binds against the surrounding provider.\n      //\n      // The value keys are read once here (untracked). Render-state memos in\n      // this codebase return a fixed-shape object, so the key set is stable.\n      return untrack(() => {\n        const snapshot = values();\n        const view = {} as T;\n        for (const key of Object.keys(snapshot) as Array<keyof T & string>) {\n          Object.defineProperty(view, key, {\n            enumerable: true,\n            configurable: true,\n            get: () => values()[key],\n          });\n        }\n        return (children as (renderProps: T) => JSX.Element)(view);\n      });\n    },\n    get children() {\n      return props.children;\n    },\n    values,\n  };\n}\n\nexport function composeRenderProps<T extends object>(\n  base: RenderPropsBase<T> | undefined,\n  override: RenderPropsBase<T> | undefined,\n): RenderPropsBase<T> {\n  if (!base) return override ?? {};\n  if (!override) return base;\n  return {\n    children: override.children ?? base.children,\n    class: override.class ?? base.class,\n    style: override.style ?? base.style,\n  };\n}\n\n/** A Solid ref target: a callback, a mutable `{ current }` object, or undefined. */\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\n/** A value paired with an optional ref to merge onto the consuming element. */\nexport type WithRef<T, E> = T & { ref?: RefLike<E> };\n\n/**\n * A context value carrying named slots (mirrors react-aria-components'\n * `SlottedValue`). Each entry under `slots` is the props object delivered to the\n * component rendered with the matching `slot` name.\n */\nexport interface SlottedValue<T> {\n  slots?: Record<string, T>;\n}\n\n/** A slotted context value: a slots record, a bare value, or null/undefined. */\nexport type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;\n\n/**\n * The value type for a context consumed via {@link useContextProps}. Mirrors\n * upstream `ContextValue<T, E>`: it may carry `slots` and an optional `ref` to\n * merge onto the consuming element.\n */\nexport type ContextValue<T, E = HTMLElement> = SlottedContextValue<WithRef<T, E>>;\n\n/**\n * Creates a context that can carry either a bare value or a `slots` record.\n */\nexport function createSlottedContext<T>() {\n  return createContext<SlottedContextValue<T>>(null);\n}\n\n/** Assigns an element to a Solid ref (callback or mutable `{ current }` object). */\nexport function assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current?: T | null }).current = el;\n  }\n}\n\n/** Merges multiple Solid refs into one callback that forwards to each, once. */\nexport function mergeRefs<T>(...refs: Array<RefLike<T>>): (el: T) => void {\n  return (el: T) => {\n    const seen = new Set<RefLike<T>>();\n    for (const ref of refs) {\n      if (!ref || seen.has(ref)) {\n        continue;\n      }\n\n      seen.add(ref);\n      assignRef(ref, el);\n    }\n  };\n}\n\n/**\n * Resolves a (possibly slotted) context value for the given slot name. Port of\n * react-aria-components' `useSlottedContext`:\n * - `slot === null` opts out of the context entirely (returns `null`);\n * - if the context carries a `slots` record, the entry for `slot` (or\n *   {@link DEFAULT_SLOT}) is returned, throwing on an unknown slot name;\n * - otherwise the bare context value is returned.\n */\nexport function useSlottedContext<T>(\n  context: Context<SlottedContextValue<T>>,\n  slot?: string | null,\n): T | null | undefined {\n  const ctx = useContext(context);\n  if (slot === null) {\n    // An explicit `null` slot means: ignore this context.\n    return null;\n  }\n\n  if (ctx && typeof ctx === \"object\" && \"slots\" in ctx && ctx.slots) {\n    const slots = ctx.slots as Record<string, T>;\n    const slotName = slot || DEFAULT_SLOT;\n    const slotValue = slots[slotName];\n    if (!slotValue) {\n      const validSlots = Object.keys(slots)\n        .map((name) => `\"${name}\"`)\n        .join(\", \");\n      throw new Error(\n        slot\n          ? `Invalid slot \"${slot}\". Valid slot names are ${validSlots}.`\n          : `A slot prop is required. Valid slot names are ${validSlots}.`,\n      );\n    }\n    return slotValue;\n  }\n\n  return ctx as T | null | undefined;\n}\n\n/**\n * Merges context-provided props and a context ref into a component's own props\n * and ref. Port of react-aria-components' `useContextProps`:\n * - the context is resolved for `props.slot` via {@link useSlottedContext};\n * - props win over context props (handler props are chained by `mergeProps`);\n * - the component's own ref and the context's ref merge into one callback.\n *\n * The prop merge stays reactive (Solid `mergeProps` preserves getters), so prop\n * changes keep flowing; the context value is read once at setup, matching a single\n * upstream render.\n */\nexport function useContextProps<TProps extends SlotProps, TRef>(\n  props: TProps,\n  ref: RefLike<TRef>,\n  context: Context<ContextValue<TProps, TRef>>,\n): [TProps, (el: TRef) => void] {\n  const ctx = (useSlottedContext(context, props.slot) ?? {}) as WithRef<Partial<TProps>, TRef>;\n  const { ref: contextRef, ...contextProps } = ctx;\n  const mergedRef = mergeRefs(ref, contextRef);\n  const mergedProps = mergeProps(contextProps as object, props as object) as unknown as TProps;\n  return [mergedProps, mergedRef];\n}\n\n/**\n * Detects whether slotted content was rendered into a placeholder, for the\n * aria-label fallback pattern. Port of react-aria-components' `useSlot`: returns a\n * ref callback to attach to the placeholder and an accessor that is `true` while\n * an element is mounted there. The accessor flips to `false` after mount if the\n * ref never ran (no slotted content was provided).\n */\nexport function useSlot(initialState = true): [(el: Element | null) => void, Accessor<boolean>] {\n  const [hasSlot, setHasSlot] = createSignal(initialState);\n  let hasRun = false;\n  const ref = (el: Element | null) => {\n    hasRun = true;\n    setHasSlot(!!el);\n  };\n  onMount(() => {\n    if (!hasRun) {\n      setHasSlot(false);\n    }\n  });\n  return [ref, hasSlot];\n}\n\n/**\n * Nests a set of context providers around `children`. Port of\n * react-aria-components' `Provider`: each `[Context, value]` pair wraps the\n * previous result, so the LAST pair is the outermost provider — matching upstream's\n * wrap-in-iteration-order.\n *\n * `children` is read through a lazy getter inside the innermost provider so child\n * components are *created* within every provider's owner; Solid binds `useContext`\n * at component-execution time, so eager children would miss these providers.\n */\nexport function Provider(props: {\n  values: Array<[Context<unknown>, unknown]>;\n  children: JSX.Element;\n}): JSX.Element {\n  const build = (index: number): JSX.Element => {\n    if (index < 0) {\n      return props.children;\n    }\n    const [context, value] = props.values[index];\n    return createComponent(context.Provider, {\n      value,\n      get children() {\n        return build(index - 1);\n      },\n    });\n  };\n  return build(props.values.length - 1);\n}\n\n/**\n * Converts boolean state values to data attributes\n */\nexport function dataAttr(value: boolean | undefined): \"\" | undefined {\n  return value ? \"\" : undefined;\n}\n\n/**\n * Creates data attributes from render props\n */\nexport function createDataAttributes<T extends Record<string, boolean | string | undefined>>(\n  values: T,\n): Record<string, string | undefined> {\n  const result: Record<string, string | undefined> = {};\n\n  for (const [key, value] of Object.entries(values)) {\n    if (typeof value === \"boolean\") {\n      result[`data-${camelToKebab(key)}`] = value ? \"\" : undefined;\n    } else if (value !== undefined) {\n      result[`data-${camelToKebab(key)}`] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n}\n\n/**\n * Remove data attributes from props (for internal use)\n */\nexport function removeDataAttributes<T extends Record<string, unknown>>(props: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(props)) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = value;\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * Filter DOM props - keep only valid DOM attributes.\n *\n * @param props - Component props to filter\n * @param options - Options for filtering (global: include global attrs)\n * @returns Object containing only valid DOM props. Use type parameter R to specify return type.\n */\nexport function filterDOMProps<R extends object = Record<string, unknown>>(\n  props: object,\n  options: { global?: boolean; events?: boolean } = {},\n): R {\n  const { global = false, events = true } = options;\n  const result: Record<string, unknown> = {};\n\n  const globalAttrs = new Set([\n    \"id\",\n    \"class\",\n    \"style\",\n    \"tabIndex\",\n    \"role\",\n    \"title\",\n    \"lang\",\n    \"dir\",\n    \"hidden\",\n    \"draggable\",\n    \"accessKey\",\n    \"contentEditable\",\n    \"spellcheck\",\n  ]);\n\n  const ariaAttrs = /^aria-/;\n  const dataAttrs = /^data-/;\n  const eventHandlers = /^on[A-Z]/;\n\n  for (const key in props) {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      ((global && globalAttrs.has(key)) ||\n        ariaAttrs.test(key) ||\n        dataAttrs.test(key) ||\n        (events && eventHandlers.test(key)))\n    ) {\n      result[key] = (props as Record<string, unknown>)[key];\n    }\n  }\n\n  return result as R;\n}\n\nexport interface ClientOnlyProps {\n  /** The children to render only on the client */\n  children: JSX.Element;\n  /** Optional fallback to render during SSR and initial hydration */\n  fallback?: JSX.Element;\n}\n\n/**\n * ClientOnly component - renders children only on the client side.\n *\n * During SSR, renders the fallback (or nothing).\n * During hydration, renders the same fallback to match SSR.\n * After hydration completes, switches to render children.\n *\n * This is useful for components that rely on browser APIs or\n * have different server/client output.\n *\n * @example\n * ```tsx\n * <ClientOnly fallback={<div>Loading...</div>}>\n *   <Calendar />\n * </ClientOnly>\n * ```\n */\nexport const ClientOnly: FlowComponent<ClientOnlyProps> = (props) => {\n  // On server, always render fallback\n  if (isServer) {\n    return <>{props.fallback}</>;\n  }\n\n  // Outside a hydration walk there is nothing to defer (see useIsHydrated).\n  if (!sharedConfig.context) {\n    return <>{props.children}</>;\n  }\n\n  // Hydrating: render the fallback until the walk completes.\n  const [isHydrated, setIsHydrated] = createSignal(false);\n\n  // onMount runs after hydration is complete\n  onMount(() => {\n    setIsHydrated(true);\n  });\n\n  return (\n    <Show when={isHydrated()} fallback={props.fallback}>\n      {props.children}\n    </Show>\n  );\n};\n\n/**\n * Returns true only on the client after hydration is complete.\n * Can be used to conditionally render client-only content.\n *\n * @example\n * ```tsx\n * const hydrated = useIsHydrated();\n * return (\n *   <Show when={hydrated()} fallback={<Placeholder />}>\n *     <ClientOnlyComponent />\n *   </Show>\n * );\n * ```\n */\nexport function useIsHydrated(): Accessor<boolean> {\n  // On server, always return false\n  if (isServer) {\n    return () => false;\n  }\n\n  // Outside a hydration walk (pure CSR, or a remount created after hydration\n  // finished) the caller is already \"hydrated\" — report true immediately.\n  // Solid sets `sharedConfig.context` only while synchronously walking\n  // server-rendered DOM, so this is exactly the window the false→true flip\n  // exists for. A fresh per-instance false→true flip on every remount is not\n  // just wasted work: ancestor `children()`/`Context.Provider` resolution\n  // unwraps and tracks the <Show> accessor this hook gates, so the post-mount\n  // flip re-resolves those children, recreates the subtree (with another fresh\n  // signal), and loops forever — a stack overflow with no overlay rendered.\n  if (!sharedConfig.context) {\n    return () => true;\n  }\n\n  // Hydrating: start false (so the first render matches the server, which\n  // emitted nothing for hydrated-gated content) and flip to true after mount.\n  const [isHydrated, setIsHydrated] = createSignal(false);\n\n  // onMount runs in the effect phase — *after* the synchronous hydration pass\n  // has finished walking the server DOM — so flipping here renders the gated\n  // content as a fresh client-side update (Portal: no getNextElement walk, no\n  // mismatch). This mirrors the component gate above and is strictly earlier\n  // than a rAF tick.\n  onMount(() => {\n    setIsHydrated(true);\n  });\n\n  return isHydrated;\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.jsx","names":[],"sources":["../src/utils.tsx"],"sourcesContent":["/*\n * Copyright 2022 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/*\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/utils.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/useSlot.ts\n\n/**\n * Utility functions for solidaria-components\n * Port of react-aria-components/src/utils.tsx\n */\n\nimport {\n  createComponent,\n  createContext,\n  createEffect,\n  useContext,\n  createMemo,\n  createSignal,\n  onSettled,\n  sharedConfig,\n  untrack,\n  Show,\n} from \"solid-js\";\nimport type { Accessor, Context, FlowComponent } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { isServer } from \"@solidjs/web\";\nimport { mergeProps } from \"@proyecto-viviana/solidaria\";\n\n/**\n * Render props pattern - children can be a function that receives state\n */\nexport type RenderChildren<T> = JSX.Element | ((renderProps: T) => JSX.Element);\n\n/**\n * Class name can be a string or a function that computes based on state\n */\nexport type ClassNameOrFunction<T> = string | ((renderProps: T) => string);\n\n/**\n * Style can be an object or a function that computes based on state\n */\nexport type StyleOrFunction<T> = JSX.CSSProperties | ((renderProps: T) => JSX.CSSProperties);\n\n/**\n * Common render props interface\n */\nexport interface RenderPropsBase<T> {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<T>;\n  /** The CSS className for the element. A function may be provided to compute the class based on state. */\n  class?: ClassNameOrFunction<T>;\n  /** The inline style for the element. A function may be provided to compute the style based on state. */\n  style?: StyleOrFunction<T>;\n}\n\n/**\n * Slot props for named slots\n */\nexport interface SlotProps {\n  /** A slot name for the component. HTML `slot` may be `false` to omit. */\n  slot?: string | JSX.RemoveAttribute;\n}\n\nexport const DEFAULT_SLOT = \"default\";\n\n/** HTML `slot` may be `false`; RAC slots are string names. */\nexport function resolveSlot(slot: SlotProps[\"slot\"]): string {\n  return typeof slot === \"string\" && slot.length > 0 ? slot : DEFAULT_SLOT;\n}\n\n/**\n * Return type for useRenderProps\n */\nexport interface RenderPropsResult<T> {\n  /** Accessor for class - safe to call anytime */\n  class: Accessor<string>;\n  /** Accessor for style - safe to call anytime */\n  style: Accessor<JSX.CSSProperties | undefined>;\n  /**\n   * Render the children. This is a function that returns JSX, NOT a getter.\n   * For SSR compatibility, this should be called within the JSX tree.\n   *\n   * Usage in components:\n   *   {renderProps.renderChildren()}\n   *\n   * Or if you need the raw children/function:\n   *   {renderProps.renderChildren()}\n   */\n  renderChildren: () => JSX.Element;\n  /**\n   * Render a render-prop child ONCE over a reactive view of the values,\n   * mirroring how React reconciles a render prop's returned tree in place.\n   *\n   * Prefer this over `renderChildren()` for interactive leaf components (a\n   * Tab, a toggle segment) whose child wraps the pressable element: re-invoking\n   * the render function on every values() change recreates that DOM subtree,\n   * which detaches the pointer/press target mid-gesture and makes the browser\n   * suppress the native `click` (createPress then has to synthesize an\n   * untrusted fallback click — a visible parity break vs React). Static (non\n   * function) children are returned untouched, exactly like `renderChildren`.\n   */\n  renderChildrenStable: () => JSX.Element;\n  /** The raw children prop (function or JSX) - use renderChildren() in most cases */\n  children: RenderChildren<T> | undefined;\n  /** The render props values accessor */\n  values: Accessor<T>;\n}\n\n/**\n * Resolves render props (children, class, style) based on component state.\n *\n * For SSR compatibility, children are NOT evaluated eagerly. Instead:\n * - Use `renderChildren()` to render children with current values\n * - Or access `children` directly if you need the raw prop\n *\n * This avoids the getter pattern that causes SSR hydration mismatches.\n */\nexport function useRenderProps<T extends object>(\n  props: RenderPropsBase<T> & { defaultClassName?: string },\n  values: Accessor<T>,\n): RenderPropsResult<T> {\n  // Don't destructure children/class/style — those are often getters on the\n  // caller’s splitProps view. Reading them in this helper’s body is an\n  // untracked read in the calling component.\n  const defaultClassName = () => props.defaultClassName ?? \"\";\n\n  const computedClass = createMemo(() => {\n    const currentValues = values();\n    const className = props.class;\n    return typeof className === \"function\"\n      ? className(currentValues)\n      : (className ?? defaultClassName());\n  });\n\n  const computedStyle = createMemo(() => {\n    const currentValues = values();\n    const style = props.style;\n    return typeof style === \"function\" ? style(currentValues) : style;\n  });\n\n  // Return object with explicit function for rendering children\n  // Children are accessed lazily during render (inside context providers)\n  return {\n    class: computedClass,\n    style: computedStyle,\n    renderChildren: () => {\n      const children = props.children;\n      // Only read values() for render-prop children. Static JSX children must\n      // not track the render-state memo: re-running the insertion effect\n      // recreates real DOM nodes on every hover/press/focus flip (React keeps\n      // them stable via vdom diffing), which detaches the pressed node\n      // mid-press and suppresses the browser's native click.\n      //\n      // A render prop takes the values argument, so classify by arity — the\n      // same convention `solid-js/h` uses for dynamic props. A zero-arg\n      // function child is an accessor (a compiled `{expression}` child, a\n      // solid-refresh dev wrapper, a one-shot `solid-js/h` element thunk):\n      // return it untouched so the insert machinery unwraps it in its own\n      // nested effect. Calling it here would track its reads in the shared\n      // insertion effect, and every re-run disposes the child computations\n      // that effect owns — a one-shot h thunk then hands back the same\n      // disposed node, leaving connected DOM whose reactivity is dead.\n      return typeof children === \"function\" && children.length > 0\n        ? children(values())\n        : (children as JSX.Element);\n    },\n    renderChildrenStable: () => {\n      const children = props.children;\n      // Like renderChildren, let insertion own zero-argument accessors/thunks.\n      if (typeof children !== \"function\" || children.length === 0) {\n        return children as JSX.Element;\n      }\n      // Invoke the render function exactly once, over a getter view of the\n      // values, so the returned DOM is created a single time and only the\n      // reactive reads inside it (JSX bindings, component props) re-run on a\n      // values() change — React's reconciliation, not Solid's recreation.\n      //\n      // `untrack` keeps the enclosing insert from tracking values() (so it\n      // never re-runs and never recreates), but does NOT change the owner:\n      // this still executes inside the caller's insert scope, so any slotted\n      // context the render prop reads binds against the surrounding provider.\n      //\n      // The value keys are read once here (untracked). Render-state memos in\n      // this codebase return a fixed-shape object, so the key set is stable.\n      return untrack(() => {\n        const snapshot = values();\n        const view = {} as T;\n        for (const key of Object.keys(snapshot) as Array<keyof T & string>) {\n          Object.defineProperty(view, key, {\n            enumerable: true,\n            configurable: true,\n            get: () => values()[key],\n          });\n        }\n        return (children as (renderProps: T) => JSX.Element)(view);\n      });\n    },\n    get children() {\n      return props.children;\n    },\n    values,\n  };\n}\n\nexport function composeRenderProps<T extends object>(\n  base: RenderPropsBase<T> | undefined,\n  override: RenderPropsBase<T> | undefined,\n): RenderPropsBase<T> {\n  if (!base) return override ?? {};\n  if (!override) return base;\n  return {\n    children: override.children ?? base.children,\n    class: override.class ?? base.class,\n    style: override.style ?? base.style,\n  };\n}\n\nexport interface OptionContentProps {\n  /** `renderChildren` of the option's {@link useRenderProps} result. */\n  render: () => JSX.Element;\n  /** `labelProps` from `createOption`; spread onto the span that wraps a primitive label. */\n  labelProps: JSX.HTMLAttributes<HTMLSpanElement>;\n}\n\n/**\n * Memoizes `props.render()` so classification and insertion share its result,\n * wrapping a primitive (string/number) label in `<span {...labelProps}>` so the\n * option's `aria-labelledby` has a target. Internal to the option components\n * (ListBox, ComboBox, Select); mount it *inside* the option's `TextContext`\n * provider so `<Text>` children resolve their slots.\n *\n * The tracked memo preserves updates while avoiding separate render calls for\n * the primitive check and insertion. Re-evaluation can construct children, so\n * keep this sharing and provider ownership; it is not a universal restriction\n * on getter reads or a promise that the callback runs only once forever.\n */\nexport function OptionContent(props: OptionContentProps): JSX.Element {\n  const content = createMemo(() => props.render());\n  const isPrimitive = () => {\n    const value = content();\n    return typeof value === \"string\" || typeof value === \"number\";\n  };\n  return <>{isPrimitive() ? <span {...props.labelProps}>{content()}</span> : content()}</>;\n}\n\n/** A Solid ref target: a callback, a mutable `{ current }` object, or undefined. */\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\n/** A value paired with an optional ref to merge onto the consuming element. */\nexport type WithRef<T, E> = T & { ref?: RefLike<E> };\n\n/**\n * A context value carrying named slots (mirrors react-aria-components'\n * `SlottedValue`). Each entry under `slots` is the props object delivered to the\n * component rendered with the matching `slot` name.\n */\nexport interface SlottedValue<T> {\n  slots?: Record<string, T>;\n}\n\n/** A slotted context value: a slots record, a bare value, or null/undefined. */\nexport type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;\n\n/**\n * The value type for a context consumed via {@link useContextProps}. Mirrors\n * upstream `ContextValue<T, E>`: it may carry `slots` and an optional `ref` to\n * merge onto the consuming element.\n */\nexport type ContextValue<T, E = HTMLElement> = SlottedContextValue<WithRef<T, E>>;\n\n/**\n * Creates a context that can carry either a bare value or a `slots` record.\n */\nexport function createSlottedContext<T>() {\n  return createContext<SlottedContextValue<T>>(null);\n}\n\n/** Assigns an element to a Solid ref (callback or mutable `{ current }` object). */\nexport function assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current?: T | null }).current = el;\n  }\n}\n\n/** Merges multiple Solid refs into one callback that forwards to each, once. */\nexport function mergeRefs<T>(...refs: Array<RefLike<T>>): (el: T) => void {\n  return (el: T) => {\n    const seen = new Set<RefLike<T>>();\n    for (const ref of refs) {\n      if (!ref || seen.has(ref)) {\n        continue;\n      }\n\n      seen.add(ref);\n      assignRef(ref, el);\n    }\n  };\n}\n\n/**\n * Resolves a (possibly slotted) context value for the given slot name. Port of\n * react-aria-components' `useSlottedContext`:\n * - `slot === null` opts out of the context entirely (returns `null`);\n * - if the context carries a `slots` record, the entry for `slot` (or\n *   {@link DEFAULT_SLOT}) is returned, throwing on an unknown slot name;\n * - otherwise the bare context value is returned.\n */\nexport function useSlottedContext<T>(\n  context: Context<SlottedContextValue<T>>,\n  slot?: string | null | JSX.RemoveAttribute,\n): T | null | undefined {\n  const ctx = useContext(context);\n  if (slot === null) {\n    // An explicit `null` slot means: ignore this context.\n    return null;\n  }\n\n  if (ctx && typeof ctx === \"object\" && \"slots\" in ctx && ctx.slots) {\n    const slots = ctx.slots as Record<string, T>;\n    const slotName = slot || DEFAULT_SLOT;\n    const slotValue = slots[slotName];\n    if (!slotValue) {\n      const validSlots = Object.keys(slots)\n        .map((name) => `\"${name}\"`)\n        .join(\", \");\n      throw new Error(\n        slot\n          ? `Invalid slot \"${slot}\". Valid slot names are ${validSlots}.`\n          : `A slot prop is required. Valid slot names are ${validSlots}.`,\n      );\n    }\n    return slotValue;\n  }\n\n  return ctx as T | null | undefined;\n}\n\n/**\n * Merges context-provided props and a context ref into a component's own props\n * and ref. Port of react-aria-components' `useContextProps`:\n * - the context is resolved for `props.slot` via {@link useSlottedContext};\n * - props win over context props (handler props are chained by `mergeProps`);\n * - the component's own ref and the context's ref merge into one callback.\n *\n * The prop merge stays reactive (Solid `mergeProps` preserves getters), so prop\n * changes keep flowing; the context value is read once at setup, matching a single\n * upstream render.\n */\nexport function useContextProps<TProps extends SlotProps, TRef>(\n  props: TProps,\n  ref: RefLike<TRef>,\n  context: Context<ContextValue<TProps, TRef>>,\n): [TProps, (el: TRef) => void] {\n  const ctx = (useSlottedContext(context, props.slot) ?? {}) as WithRef<Partial<TProps>, TRef>;\n  const { ref: contextRef, ...contextProps } = ctx;\n  const mergedRef = mergeRefs(ref, contextRef);\n  const mergedProps = mergeProps(contextProps as object, props as object) as unknown as TProps;\n  return [mergedProps, mergedRef];\n}\n\n/**\n * Detects whether slotted content was rendered into a placeholder, for the\n * aria-label fallback pattern. Port of react-aria-components' `useSlot`: returns a\n * ref callback to attach to the placeholder and an accessor that is `true` while\n * an element is mounted there. The accessor flips to `false` after mount if the\n * ref never ran (no slotted content was provided).\n */\nexport function useSlot(initialState = true): [(el: Element | null) => void, Accessor<boolean>] {\n  const [hasSlot, setHasSlot] = createSignal(initialState);\n  let hasRun = false;\n  const ref = (el: Element | null) => {\n    hasRun = true;\n    setHasSlot(!!el);\n  };\n  onSettled(() => {\n    if (!hasRun) {\n      setHasSlot(false);\n    }\n  });\n  return [ref, hasSlot];\n}\n\n/**\n * Nests a set of context providers around `children`. Port of\n * react-aria-components' `Provider`: each `[Context, value]` pair wraps the\n * previous result, so the LAST pair is the outermost provider — matching upstream's\n * wrap-in-iteration-order.\n *\n * `children` is read through a lazy getter inside the innermost provider so child\n * components are *created* within every provider's owner; Solid binds `useContext`\n * at component-execution time, so eager children would miss these providers.\n */\nexport function Provider(props: {\n  values: Array<[Context<unknown>, unknown]>;\n  children: JSX.Element;\n}): JSX.Element {\n  const build = (index: number): JSX.Element => {\n    if (index < 0) {\n      return props.children;\n    }\n    const [context, value] = props.values[index];\n    return createComponent(context, {\n      value,\n      get children() {\n        return build(index - 1);\n      },\n    });\n  };\n  return build(props.values.length - 1);\n}\n\n/**\n * Converts boolean state values to data attributes\n */\nexport function dataAttr(value: boolean | undefined): \"true\" | undefined {\n  return value ? \"true\" : undefined;\n}\n\nexport {\n  ariaTrueFalse,\n  attrTrue,\n  attrString,\n  isAriaTrue,\n  coerceDomBoolean,\n  coerceDomRecord,\n} from \"@proyecto-viviana/solidaria/utils\";\n\n/**\n * Creates data attributes from render props\n */\nexport function createDataAttributes<T extends Record<string, boolean | string | undefined>>(\n  values: T,\n): Record<string, string | undefined> {\n  const result: Record<string, string | undefined> = {};\n\n  for (const [key, value] of Object.entries(values)) {\n    if (typeof value === \"boolean\") {\n      result[`data-${camelToKebab(key)}`] = value ? \"true\" : undefined;\n    } else if (value !== undefined) {\n      result[`data-${camelToKebab(key)}`] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n}\n\n/**\n * Remove data attributes from props (for internal use)\n */\nexport function removeDataAttributes<T extends Record<string, unknown>>(props: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(props)) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = value;\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * Filter DOM props - keep only valid DOM attributes.\n *\n * @param props - Component props to filter\n * @param options - Options for filtering (global: include global attrs)\n * @returns Object containing only valid DOM props. Use type parameter R to specify return type.\n */\nexport function filterDOMProps<R extends object = Record<string, unknown>>(\n  props: object,\n  options: { global?: boolean; events?: boolean } = {},\n): R {\n  const { global = false, events = true } = options;\n  const result: Record<string, unknown> = {};\n\n  const globalAttrs = new Set([\n    \"id\",\n    \"class\",\n    \"style\",\n    \"tabIndex\",\n    \"role\",\n    \"title\",\n    \"lang\",\n    \"dir\",\n    \"hidden\",\n    \"draggable\",\n    \"accessKey\",\n    \"contentEditable\",\n    \"spellcheck\",\n  ]);\n\n  const ariaAttrs = /^aria-/;\n  const dataAttrs = /^data-/;\n  const eventHandlers = /^on[A-Z]/;\n\n  for (const key in props) {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      ((global && globalAttrs.has(key)) ||\n        ariaAttrs.test(key) ||\n        dataAttrs.test(key) ||\n        (events && eventHandlers.test(key)))\n    ) {\n      const descriptor = Object.getOwnPropertyDescriptor(props, key);\n      if (descriptor && (descriptor.get || descriptor.set)) {\n        // React props are plain values, so upstream copies them; Solid keeps the getter.\n        const defined: PropertyDescriptor = {\n          enumerable: true,\n          configurable: true,\n        };\n        if (descriptor.get) {\n          defined.get = () => descriptor.get!.call(props);\n        }\n        if (descriptor.set) {\n          defined.set = (value: unknown) => {\n            descriptor.set!.call(props, value);\n          };\n        }\n        Object.defineProperty(result, key, defined);\n      } else {\n        result[key] = (props as Record<string, unknown>)[key];\n      }\n    }\n  }\n\n  return result as R;\n}\n\nexport interface ClientOnlyProps {\n  /** The children to render only on the client */\n  children: JSX.Element;\n  /** Optional fallback to render during SSR and initial hydration */\n  fallback?: JSX.Element;\n}\n\n/**\n * ClientOnly component - renders children only on the client side.\n *\n * During SSR, renders the fallback (or nothing).\n * During hydration, renders the same fallback to match SSR.\n * After hydration completes, switches to render children.\n *\n * This is useful for components that rely on browser APIs or\n * have different server/client output.\n *\n * @example\n * ```tsx\n * <ClientOnly fallback={<div>Loading...</div>}>\n *   <Calendar />\n * </ClientOnly>\n * ```\n */\nexport const ClientOnly: FlowComponent<ClientOnlyProps> = (props) => {\n  const isHydrated = useIsHydrated();\n  return (\n    <Show when={isHydrated()} fallback={props.fallback}>\n      {props.children}\n    </Show>\n  );\n};\n\n/**\n * Returns true only on the client after hydration is complete.\n * Can be used to conditionally render client-only content.\n *\n * @example\n * ```tsx\n * const hydrated = useIsHydrated();\n * return (\n *   <Show when={hydrated()} fallback={<Placeholder />}>\n *     <ClientOnlyComponent />\n *   </Show>\n * );\n * ```\n */\nexport function useIsHydrated(): Accessor<boolean> {\n  // CSR and post-hydration remounts are ready immediately. Starting them false\n  // would unnecessarily rebuild gated children and can loop through providers.\n  const [isHydrated, setIsHydrated] = createSignal(!isServer && !sharedConfig.hydrating);\n\n  // Register on both server and client to preserve owner/ID allocation. Solid 2\n  // can flush ordinary effects before hydrate returns; a client-source effect\n  // waits until its hydration snapshot is released before revealing children.\n  createEffect(\n    () => true,\n    () => {\n      setIsHydrated(true);\n    },\n    { ssrSource: \"client\" },\n  );\n\n  return isHydrated;\n}\n"],"mappings":"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"}

package/dist/virtualizer/Layout.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Virtualizer geometry and layout contracts. Based on:
+ * - packages/react-stately/src/virtualizer/Point.ts
+ * - packages/react-stately/src/virtualizer/Size.ts
+ * - packages/react-stately/src/virtualizer/Rect.ts
+ * - packages/react-stately/src/virtualizer/LayoutInfo.ts
+ * - packages/react-stately/src/virtualizer/Layout.ts
+ * - packages/react-stately/src/virtualizer/types.ts
+ */
 import type { Key } from "@proyecto-viviana/solid-stately";
 export interface InvalidationContext<O = unknown> {
     contentChanged?: boolean;

package/dist/virtualizer/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/virtualizer/Layout.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/virtualizer/Layout.ts"],"names":[],"mappings":"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"}

package/dist/virtualizer/Layout.js

@@ -1,3 +1,20 @@
+/*
+* 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-stately/src/virtualizer/Layout.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/LayoutInfo.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Point.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Rect.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Size.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/types.ts
 //#region src/virtualizer/Layout.ts
 var Point = class Point {
 	x;
@@ -77,13 +94,17 @@ var Rect = class Rect {
 	union(other) {
 		const x = Math.min(this.x, other.x);
 		const y = Math.min(this.y, other.y);
-		return new Rect(x, y, Math.max(this.maxX, other.maxX) - x, Math.max(this.maxY, other.maxY) - y);
+		const width = Math.max(this.maxX, other.maxX) - x;
+		const height = Math.max(this.maxY, other.maxY) - y;
+		return new Rect(x, y, width, height);
 	}
 	intersection(other) {
 		if (!this.intersects(other)) return new Rect(0, 0, 0, 0);
 		const x = Math.max(this.x, other.x);
 		const y = Math.max(this.y, other.y);
-		return new Rect(x, y, Math.min(this.maxX, other.maxX) - x, Math.min(this.maxY, other.maxY) - y);
+		const width = Math.min(this.maxX, other.maxX) - x;
+		const height = Math.min(this.maxY, other.maxY) - y;
+		return new Rect(x, y, width, height);
 	}
 	copy() {
 		return new Rect(this.x, this.y, this.width, this.height);

package/dist/virtualizer/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":[],"sources":["../../src/virtualizer/Layout.ts"],"sourcesContent":["import type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface InvalidationContext<O = unknown> {\n  contentChanged?: boolean;\n  offsetChanged?: boolean;\n  sizeChanged?: boolean;\n  itemSizeChanged?: boolean;\n  layoutOptionsChanged?: boolean;\n  layoutOptions?: O;\n}\n\nexport class Point {\n  constructor(\n    public x = 0,\n    public y = 0,\n  ) {}\n  copy(): Point {\n    return new Point(this.x, this.y);\n  }\n  equals(point: Point): boolean {\n    return this.x === point.x && this.y === point.y;\n  }\n  isOrigin(): boolean {\n    return this.x === 0 && this.y === 0;\n  }\n}\n\nexport class Size {\n  width: number;\n  height: number;\n\n  constructor(width = 0, height = 0) {\n    this.width = Math.max(0, width);\n    this.height = Math.max(0, height);\n  }\n\n  copy(): Size {\n    return new Size(this.width, this.height);\n  }\n\n  equals(other: Size): boolean {\n    return this.width === other.width && this.height === other.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n}\n\nexport class Rect {\n  constructor(\n    public x = 0,\n    public y = 0,\n    public width = 0,\n    public height = 0,\n  ) {}\n\n  get maxX(): number {\n    return this.x + this.width;\n  }\n\n  get maxY(): number {\n    return this.y + this.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n\n  get topLeft(): Point {\n    return new Point(this.x, this.y);\n  }\n\n  get topRight(): Point {\n    return new Point(this.maxX, this.y);\n  }\n\n  get bottomLeft(): Point {\n    return new Point(this.x, this.maxY);\n  }\n\n  get bottomRight(): Point {\n    return new Point(this.maxX, this.maxY);\n  }\n\n  intersects(rect: Rect): boolean {\n    return this.x <= rect.maxX && rect.x <= this.maxX && this.y <= rect.maxY && rect.y <= this.maxY;\n  }\n\n  containsRect(rect: Rect): boolean {\n    return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;\n  }\n\n  containsPoint(point: Point): boolean {\n    return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;\n  }\n\n  union(other: Rect): Rect {\n    const x = Math.min(this.x, other.x);\n    const y = Math.min(this.y, other.y);\n    const width = Math.max(this.maxX, other.maxX) - x;\n    const height = Math.max(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  intersection(other: Rect): Rect {\n    if (!this.intersects(other)) {\n      return new Rect(0, 0, 0, 0);\n    }\n    const x = Math.max(this.x, other.x);\n    const y = Math.max(this.y, other.y);\n    const width = Math.min(this.maxX, other.maxX) - x;\n    const height = Math.min(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  copy(): Rect {\n    return new Rect(this.x, this.y, this.width, this.height);\n  }\n\n  equals(rect: Rect): boolean {\n    return (\n      this.x === rect.x &&\n      this.y === rect.y &&\n      this.width === rect.width &&\n      this.height === rect.height\n    );\n  }\n}\n\nexport class LayoutInfo {\n  parentKey: Key | null = null;\n  content: unknown = null;\n  estimatedSize = false;\n  isSticky = false;\n  opacity = 1;\n  transform: string | null = null;\n  zIndex = 0;\n  allowOverflow = false;\n\n  constructor(\n    public type: string,\n    public key: Key,\n    public rect: Rect,\n  ) {}\n\n  copy(): LayoutInfo {\n    const copy = new LayoutInfo(this.type, this.key, this.rect.copy());\n    copy.parentKey = this.parentKey;\n    copy.content = this.content;\n    copy.estimatedSize = this.estimatedSize;\n    copy.isSticky = this.isSticky;\n    copy.opacity = this.opacity;\n    copy.transform = this.transform;\n    copy.zIndex = this.zIndex;\n    copy.allowOverflow = this.allowOverflow;\n    return copy;\n  }\n}\n\ninterface VirtualizerLike {\n  visibleRect: Rect;\n}\n\nexport abstract class Layout<T extends object = object, O = unknown> {\n  virtualizer: VirtualizerLike | null = null;\n\n  abstract getVisibleLayoutInfos(rect: Rect): LayoutInfo[];\n  abstract getLayoutInfo(key: Key): LayoutInfo | null;\n  abstract getContentSize(): Size;\n\n  shouldInvalidate(newRect: Rect, oldRect: Rect): boolean {\n    return newRect.width !== oldRect.width || newRect.height !== oldRect.height;\n  }\n\n  shouldInvalidateLayoutOptions(newOptions: O, oldOptions: O): boolean {\n    return newOptions !== oldOptions;\n  }\n\n  update(_context: InvalidationContext<O>): void {}\n\n  updateItemSize?(_key: Key, _size: Size): boolean;\n  getDropTargetLayoutInfo?(_target: unknown): LayoutInfo | null;\n\n  protected getItemRect(key: Key): Rect | null {\n    return this.getLayoutInfo(key)?.rect ?? null;\n  }\n\n  getVisibleRect(): Rect {\n    return this.virtualizer?.visibleRect ?? new Rect();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Layout.js","names":[],"sources":["../../src/virtualizer/Layout.ts"],"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-stately/src/virtualizer/Layout.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/LayoutInfo.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Point.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Rect.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Size.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/types.ts\n\n/**\n * Virtualizer geometry and layout contracts. Based on:\n * - packages/react-stately/src/virtualizer/Point.ts\n * - packages/react-stately/src/virtualizer/Size.ts\n * - packages/react-stately/src/virtualizer/Rect.ts\n * - packages/react-stately/src/virtualizer/LayoutInfo.ts\n * - packages/react-stately/src/virtualizer/Layout.ts\n * - packages/react-stately/src/virtualizer/types.ts\n */\n\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface InvalidationContext<O = unknown> {\n  contentChanged?: boolean;\n  offsetChanged?: boolean;\n  sizeChanged?: boolean;\n  itemSizeChanged?: boolean;\n  layoutOptionsChanged?: boolean;\n  layoutOptions?: O;\n}\n\nexport class Point {\n  constructor(\n    public x = 0,\n    public y = 0,\n  ) {}\n  copy(): Point {\n    return new Point(this.x, this.y);\n  }\n  equals(point: Point): boolean {\n    return this.x === point.x && this.y === point.y;\n  }\n  isOrigin(): boolean {\n    return this.x === 0 && this.y === 0;\n  }\n}\n\nexport class Size {\n  width: number;\n  height: number;\n\n  constructor(width = 0, height = 0) {\n    this.width = Math.max(0, width);\n    this.height = Math.max(0, height);\n  }\n\n  copy(): Size {\n    return new Size(this.width, this.height);\n  }\n\n  equals(other: Size): boolean {\n    return this.width === other.width && this.height === other.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n}\n\nexport class Rect {\n  constructor(\n    public x = 0,\n    public y = 0,\n    public width = 0,\n    public height = 0,\n  ) {}\n\n  get maxX(): number {\n    return this.x + this.width;\n  }\n\n  get maxY(): number {\n    return this.y + this.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n\n  get topLeft(): Point {\n    return new Point(this.x, this.y);\n  }\n\n  get topRight(): Point {\n    return new Point(this.maxX, this.y);\n  }\n\n  get bottomLeft(): Point {\n    return new Point(this.x, this.maxY);\n  }\n\n  get bottomRight(): Point {\n    return new Point(this.maxX, this.maxY);\n  }\n\n  intersects(rect: Rect): boolean {\n    return this.x <= rect.maxX && rect.x <= this.maxX && this.y <= rect.maxY && rect.y <= this.maxY;\n  }\n\n  containsRect(rect: Rect): boolean {\n    return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;\n  }\n\n  containsPoint(point: Point): boolean {\n    return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;\n  }\n\n  union(other: Rect): Rect {\n    const x = Math.min(this.x, other.x);\n    const y = Math.min(this.y, other.y);\n    const width = Math.max(this.maxX, other.maxX) - x;\n    const height = Math.max(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  intersection(other: Rect): Rect {\n    if (!this.intersects(other)) {\n      return new Rect(0, 0, 0, 0);\n    }\n    const x = Math.max(this.x, other.x);\n    const y = Math.max(this.y, other.y);\n    const width = Math.min(this.maxX, other.maxX) - x;\n    const height = Math.min(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  copy(): Rect {\n    return new Rect(this.x, this.y, this.width, this.height);\n  }\n\n  equals(rect: Rect): boolean {\n    return (\n      this.x === rect.x &&\n      this.y === rect.y &&\n      this.width === rect.width &&\n      this.height === rect.height\n    );\n  }\n}\n\nexport class LayoutInfo {\n  parentKey: Key | null = null;\n  content: unknown = null;\n  estimatedSize = false;\n  isSticky = false;\n  opacity = 1;\n  transform: string | null = null;\n  zIndex = 0;\n  allowOverflow = false;\n\n  constructor(\n    public type: string,\n    public key: Key,\n    public rect: Rect,\n  ) {}\n\n  copy(): LayoutInfo {\n    const copy = new LayoutInfo(this.type, this.key, this.rect.copy());\n    copy.parentKey = this.parentKey;\n    copy.content = this.content;\n    copy.estimatedSize = this.estimatedSize;\n    copy.isSticky = this.isSticky;\n    copy.opacity = this.opacity;\n    copy.transform = this.transform;\n    copy.zIndex = this.zIndex;\n    copy.allowOverflow = this.allowOverflow;\n    return copy;\n  }\n}\n\ninterface VirtualizerLike {\n  visibleRect: Rect;\n}\n\nexport abstract class Layout<T extends object = object, O = unknown> {\n  virtualizer: VirtualizerLike | null = null;\n\n  abstract getVisibleLayoutInfos(rect: Rect): LayoutInfo[];\n  abstract getLayoutInfo(key: Key): LayoutInfo | null;\n  abstract getContentSize(): Size;\n\n  shouldInvalidate(newRect: Rect, oldRect: Rect): boolean {\n    return newRect.width !== oldRect.width || newRect.height !== oldRect.height;\n  }\n\n  shouldInvalidateLayoutOptions(newOptions: O, oldOptions: O): boolean {\n    return newOptions !== oldOptions;\n  }\n\n  update(_context: InvalidationContext<O>): void {}\n\n  updateItemSize?(_key: Key, _size: Size): boolean;\n  getDropTargetLayoutInfo?(_target: unknown): LayoutInfo | null;\n\n  protected getItemRect(key: Key): Rect | null {\n    return this.getLayoutInfo(key)?.rect ?? null;\n  }\n\n  getVisibleRect(): Rect {\n    return this.virtualizer?.visibleRect ?? new Rect();\n  }\n}\n"],"mappings":"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"}

package/dist/virtualizer/Layout.jsx

@@ -1,3 +1,20 @@
+/*
+* 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-stately/src/virtualizer/Layout.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/LayoutInfo.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Point.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Rect.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Size.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/types.ts
 //#region src/virtualizer/Layout.ts
 var Point = class Point {
 	x;
@@ -77,13 +94,17 @@ var Rect = class Rect {
 	union(other) {
 		const x = Math.min(this.x, other.x);
 		const y = Math.min(this.y, other.y);
-		return new Rect(x, y, Math.max(this.maxX, other.maxX) - x, Math.max(this.maxY, other.maxY) - y);
+		const width = Math.max(this.maxX, other.maxX) - x;
+		const height = Math.max(this.maxY, other.maxY) - y;
+		return new Rect(x, y, width, height);
 	}
 	intersection(other) {
 		if (!this.intersects(other)) return new Rect(0, 0, 0, 0);
 		const x = Math.max(this.x, other.x);
 		const y = Math.max(this.y, other.y);
-		return new Rect(x, y, Math.min(this.maxX, other.maxX) - x, Math.min(this.maxY, other.maxY) - y);
+		const width = Math.min(this.maxX, other.maxX) - x;
+		const height = Math.min(this.maxY, other.maxY) - y;
+		return new Rect(x, y, width, height);
 	}
 	copy() {
 		return new Rect(this.x, this.y, this.width, this.height);

package/dist/virtualizer/Layout.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.jsx","names":[],"sources":["../../src/virtualizer/Layout.ts"],"sourcesContent":["import type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface InvalidationContext<O = unknown> {\n  contentChanged?: boolean;\n  offsetChanged?: boolean;\n  sizeChanged?: boolean;\n  itemSizeChanged?: boolean;\n  layoutOptionsChanged?: boolean;\n  layoutOptions?: O;\n}\n\nexport class Point {\n  constructor(\n    public x = 0,\n    public y = 0,\n  ) {}\n  copy(): Point {\n    return new Point(this.x, this.y);\n  }\n  equals(point: Point): boolean {\n    return this.x === point.x && this.y === point.y;\n  }\n  isOrigin(): boolean {\n    return this.x === 0 && this.y === 0;\n  }\n}\n\nexport class Size {\n  width: number;\n  height: number;\n\n  constructor(width = 0, height = 0) {\n    this.width = Math.max(0, width);\n    this.height = Math.max(0, height);\n  }\n\n  copy(): Size {\n    return new Size(this.width, this.height);\n  }\n\n  equals(other: Size): boolean {\n    return this.width === other.width && this.height === other.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n}\n\nexport class Rect {\n  constructor(\n    public x = 0,\n    public y = 0,\n    public width = 0,\n    public height = 0,\n  ) {}\n\n  get maxX(): number {\n    return this.x + this.width;\n  }\n\n  get maxY(): number {\n    return this.y + this.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n\n  get topLeft(): Point {\n    return new Point(this.x, this.y);\n  }\n\n  get topRight(): Point {\n    return new Point(this.maxX, this.y);\n  }\n\n  get bottomLeft(): Point {\n    return new Point(this.x, this.maxY);\n  }\n\n  get bottomRight(): Point {\n    return new Point(this.maxX, this.maxY);\n  }\n\n  intersects(rect: Rect): boolean {\n    return this.x <= rect.maxX && rect.x <= this.maxX && this.y <= rect.maxY && rect.y <= this.maxY;\n  }\n\n  containsRect(rect: Rect): boolean {\n    return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;\n  }\n\n  containsPoint(point: Point): boolean {\n    return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;\n  }\n\n  union(other: Rect): Rect {\n    const x = Math.min(this.x, other.x);\n    const y = Math.min(this.y, other.y);\n    const width = Math.max(this.maxX, other.maxX) - x;\n    const height = Math.max(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  intersection(other: Rect): Rect {\n    if (!this.intersects(other)) {\n      return new Rect(0, 0, 0, 0);\n    }\n    const x = Math.max(this.x, other.x);\n    const y = Math.max(this.y, other.y);\n    const width = Math.min(this.maxX, other.maxX) - x;\n    const height = Math.min(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  copy(): Rect {\n    return new Rect(this.x, this.y, this.width, this.height);\n  }\n\n  equals(rect: Rect): boolean {\n    return (\n      this.x === rect.x &&\n      this.y === rect.y &&\n      this.width === rect.width &&\n      this.height === rect.height\n    );\n  }\n}\n\nexport class LayoutInfo {\n  parentKey: Key | null = null;\n  content: unknown = null;\n  estimatedSize = false;\n  isSticky = false;\n  opacity = 1;\n  transform: string | null = null;\n  zIndex = 0;\n  allowOverflow = false;\n\n  constructor(\n    public type: string,\n    public key: Key,\n    public rect: Rect,\n  ) {}\n\n  copy(): LayoutInfo {\n    const copy = new LayoutInfo(this.type, this.key, this.rect.copy());\n    copy.parentKey = this.parentKey;\n    copy.content = this.content;\n    copy.estimatedSize = this.estimatedSize;\n    copy.isSticky = this.isSticky;\n    copy.opacity = this.opacity;\n    copy.transform = this.transform;\n    copy.zIndex = this.zIndex;\n    copy.allowOverflow = this.allowOverflow;\n    return copy;\n  }\n}\n\ninterface VirtualizerLike {\n  visibleRect: Rect;\n}\n\nexport abstract class Layout<T extends object = object, O = unknown> {\n  virtualizer: VirtualizerLike | null = null;\n\n  abstract getVisibleLayoutInfos(rect: Rect): LayoutInfo[];\n  abstract getLayoutInfo(key: Key): LayoutInfo | null;\n  abstract getContentSize(): Size;\n\n  shouldInvalidate(newRect: Rect, oldRect: Rect): boolean {\n    return newRect.width !== oldRect.width || newRect.height !== oldRect.height;\n  }\n\n  shouldInvalidateLayoutOptions(newOptions: O, oldOptions: O): boolean {\n    return newOptions !== oldOptions;\n  }\n\n  update(_context: InvalidationContext<O>): void {}\n\n  updateItemSize?(_key: Key, _size: Size): boolean;\n  getDropTargetLayoutInfo?(_target: unknown): LayoutInfo | null;\n\n  protected getItemRect(key: Key): Rect | null {\n    return this.getLayoutInfo(key)?.rect ?? null;\n  }\n\n  getVisibleRect(): Rect {\n    return this.virtualizer?.visibleRect ?? new Rect();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Layout.jsx","names":[],"sources":["../../src/virtualizer/Layout.ts"],"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-stately/src/virtualizer/Layout.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/LayoutInfo.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Point.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Rect.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/Size.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-stately/src/virtualizer/types.ts\n\n/**\n * Virtualizer geometry and layout contracts. Based on:\n * - packages/react-stately/src/virtualizer/Point.ts\n * - packages/react-stately/src/virtualizer/Size.ts\n * - packages/react-stately/src/virtualizer/Rect.ts\n * - packages/react-stately/src/virtualizer/LayoutInfo.ts\n * - packages/react-stately/src/virtualizer/Layout.ts\n * - packages/react-stately/src/virtualizer/types.ts\n */\n\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface InvalidationContext<O = unknown> {\n  contentChanged?: boolean;\n  offsetChanged?: boolean;\n  sizeChanged?: boolean;\n  itemSizeChanged?: boolean;\n  layoutOptionsChanged?: boolean;\n  layoutOptions?: O;\n}\n\nexport class Point {\n  constructor(\n    public x = 0,\n    public y = 0,\n  ) {}\n  copy(): Point {\n    return new Point(this.x, this.y);\n  }\n  equals(point: Point): boolean {\n    return this.x === point.x && this.y === point.y;\n  }\n  isOrigin(): boolean {\n    return this.x === 0 && this.y === 0;\n  }\n}\n\nexport class Size {\n  width: number;\n  height: number;\n\n  constructor(width = 0, height = 0) {\n    this.width = Math.max(0, width);\n    this.height = Math.max(0, height);\n  }\n\n  copy(): Size {\n    return new Size(this.width, this.height);\n  }\n\n  equals(other: Size): boolean {\n    return this.width === other.width && this.height === other.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n}\n\nexport class Rect {\n  constructor(\n    public x = 0,\n    public y = 0,\n    public width = 0,\n    public height = 0,\n  ) {}\n\n  get maxX(): number {\n    return this.x + this.width;\n  }\n\n  get maxY(): number {\n    return this.y + this.height;\n  }\n\n  get area(): number {\n    return this.width * this.height;\n  }\n\n  get topLeft(): Point {\n    return new Point(this.x, this.y);\n  }\n\n  get topRight(): Point {\n    return new Point(this.maxX, this.y);\n  }\n\n  get bottomLeft(): Point {\n    return new Point(this.x, this.maxY);\n  }\n\n  get bottomRight(): Point {\n    return new Point(this.maxX, this.maxY);\n  }\n\n  intersects(rect: Rect): boolean {\n    return this.x <= rect.maxX && rect.x <= this.maxX && this.y <= rect.maxY && rect.y <= this.maxY;\n  }\n\n  containsRect(rect: Rect): boolean {\n    return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;\n  }\n\n  containsPoint(point: Point): boolean {\n    return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;\n  }\n\n  union(other: Rect): Rect {\n    const x = Math.min(this.x, other.x);\n    const y = Math.min(this.y, other.y);\n    const width = Math.max(this.maxX, other.maxX) - x;\n    const height = Math.max(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  intersection(other: Rect): Rect {\n    if (!this.intersects(other)) {\n      return new Rect(0, 0, 0, 0);\n    }\n    const x = Math.max(this.x, other.x);\n    const y = Math.max(this.y, other.y);\n    const width = Math.min(this.maxX, other.maxX) - x;\n    const height = Math.min(this.maxY, other.maxY) - y;\n    return new Rect(x, y, width, height);\n  }\n\n  copy(): Rect {\n    return new Rect(this.x, this.y, this.width, this.height);\n  }\n\n  equals(rect: Rect): boolean {\n    return (\n      this.x === rect.x &&\n      this.y === rect.y &&\n      this.width === rect.width &&\n      this.height === rect.height\n    );\n  }\n}\n\nexport class LayoutInfo {\n  parentKey: Key | null = null;\n  content: unknown = null;\n  estimatedSize = false;\n  isSticky = false;\n  opacity = 1;\n  transform: string | null = null;\n  zIndex = 0;\n  allowOverflow = false;\n\n  constructor(\n    public type: string,\n    public key: Key,\n    public rect: Rect,\n  ) {}\n\n  copy(): LayoutInfo {\n    const copy = new LayoutInfo(this.type, this.key, this.rect.copy());\n    copy.parentKey = this.parentKey;\n    copy.content = this.content;\n    copy.estimatedSize = this.estimatedSize;\n    copy.isSticky = this.isSticky;\n    copy.opacity = this.opacity;\n    copy.transform = this.transform;\n    copy.zIndex = this.zIndex;\n    copy.allowOverflow = this.allowOverflow;\n    return copy;\n  }\n}\n\ninterface VirtualizerLike {\n  visibleRect: Rect;\n}\n\nexport abstract class Layout<T extends object = object, O = unknown> {\n  virtualizer: VirtualizerLike | null = null;\n\n  abstract getVisibleLayoutInfos(rect: Rect): LayoutInfo[];\n  abstract getLayoutInfo(key: Key): LayoutInfo | null;\n  abstract getContentSize(): Size;\n\n  shouldInvalidate(newRect: Rect, oldRect: Rect): boolean {\n    return newRect.width !== oldRect.width || newRect.height !== oldRect.height;\n  }\n\n  shouldInvalidateLayoutOptions(newOptions: O, oldOptions: O): boolean {\n    return newOptions !== oldOptions;\n  }\n\n  update(_context: InvalidationContext<O>): void {}\n\n  updateItemSize?(_key: Key, _size: Size): boolean;\n  getDropTargetLayoutInfo?(_target: unknown): LayoutInfo | null;\n\n  protected getItemRect(key: Key): Rect | null {\n    return this.getLayoutInfo(key)?.rect ?? null;\n  }\n\n  getVisibleRect(): Rect {\n    return this.virtualizer?.visibleRect ?? new Rect();\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solidaria-components",
-  "version": "0.5.0",
+  "version": "0.7.0-rc.0",
   "description": "Pre-wired headless components for SolidJS - port of react-aria-components",
   "keywords": [
     "accessibility",
@@ -10,7 +10,9 @@
     "solid",
     "solidjs"
   ],
-  "license": "MIT",
+  "homepage": "https://ui.proyectoviviana.org/solid-spectrum/ecosystem",
+  "bugs": "https://github.com/proyecto-viviana/ui/issues",
+  "license": "MIT AND Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/proyecto-viviana/ui.git",
@@ -18,7 +20,10 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "LICENSE",
+    "LICENSE-APACHE-2.0",
+    "NOTICE"
   ],
   "type": "module",
   "sideEffects": false,
@@ -242,6 +247,12 @@
       "import": "./dist/Popover.js",
       "default": "./dist/Popover.js"
     },
+    "./PreviewTrigger": {
+      "types": "./dist/PreviewTrigger.d.ts",
+      "solid": "./dist/PreviewTrigger.jsx",
+      "import": "./dist/PreviewTrigger.js",
+      "default": "./dist/PreviewTrigger.js"
+    },
     "./Pressable": {
       "types": "./dist/Pressable.d.ts",
       "solid": "./dist/Pressable.jsx",
@@ -374,6 +385,12 @@
       "import": "./dist/ToggleButtonGroup.js",
       "default": "./dist/ToggleButtonGroup.js"
     },
+    "./TokenField": {
+      "types": "./dist/TokenField.d.ts",
+      "solid": "./dist/TokenField.jsx",
+      "import": "./dist/TokenField.js",
+      "default": "./dist/TokenField.js"
+    },
     "./Toolbar": {
       "types": "./dist/Toolbar.d.ts",
       "solid": "./dist/Toolbar.jsx",
@@ -428,18 +445,20 @@
     "access": "public"
   },
   "dependencies": {
-    "@internationalized/date": "^3.8.0",
-    "@proyecto-viviana/solid-stately": "0.5.0",
-    "@proyecto-viviana/solidaria": "0.4.2"
+    "@internationalized/date": "^3.12.3",
+    "@proyecto-viviana/solid-stately": "0.6.0-rc.0",
+    "@proyecto-viviana/solidaria": "0.6.0-rc.0"
   },
   "devDependencies": {
-    "solid-js": "^1.9.11"
+    "@solidjs/web": "2.0.0-rc.9",
+    "solid-js": "2.0.0-rc.9"
   },
   "peerDependencies": {
-    "solid-js": "^1.9.0"
+    "@solidjs/web": ">=2.0.0-rc.9 <3",
+    "solid-js": ">=2.0.0-rc.9 <3"
   },
   "scripts": {
-    "build": "rm -rf dist && tsdown && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
-    "dev": "tsup --watch"
+    "build": "rm -rf dist && vp pack && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json && node ../../scripts/write-package-declaration-attribution.mjs .",
+    "dev": "vp pack --watch"
   }
 }

package/src/ActionBar.tsx

@@ -1,31 +1,56 @@
+/*
+ * 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.
+ */
+
+/*
+ * Copyright 2024 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/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/ActionBar.tsx
+
 /**
  * ActionBar component for solidaria-components
  *
  * Headless action bar that appears when items are selected in a collection.
  * Shows a selection count, clear button, and action buttons.
  *
- * No RAC headless equivalent — this is a thin component layer that ties
- * selection state to visibility and keyboard behavior.
+ * Based on packages/@react-spectrum/s2/src/ActionBar.tsx and
+ * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.tsx.
+ * The Solid port keeps the S2 action-bar structure and the Spectrum
+ * ActionBarContainer ownership model. It exposes the selection count and clear
+ * action as separate headless primitives.
  */
 
-import {
-  type JSX,
-  type ParentProps,
-  Show,
-  createContext,
-  createMemo,
-  createEffect,
-  splitProps,
-  useContext,
-} from "solid-js";
+import { Show, createContext, createMemo, createEffect, useContext } from "solid-js";
+import type { ParentProps } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { announce } from "@proyecto-viviana/solidaria";
 import type { Key } from "@proyecto-viviana/solid-stately";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import {
   type ClassNameOrFunction,
   type StyleOrFunction,
   type SlotProps,
   useRenderProps,
   filterDOMProps,
+  dataAttr,
 } from "./utils";
 
 type RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;
@@ -102,7 +127,9 @@ export function ActionBar(props: ActionBarProps): JSX.Element {
     "ref",
   ]);
 
-  const selectedItemCount = () => local.selectedItemCount ?? 0;
+  // Hoist the JSX getter: `selectedItemCount={count()}` compiles as a memo
+  // created on first read, and createTrackedEffect forbids primitives.
+  const selectedItemCount = createMemo(() => local.selectedItemCount ?? 0);
   const isOpen = () => selectedItemCount() !== 0;
 
   // Faithful to S2 `ActionBar` (ActionBar.tsx:192): the ROOT is a PLAIN
@@ -115,16 +142,15 @@ export function ActionBar(props: ActionBarProps): JSX.Element {
   // toolbar props — `aria-label`/`aria-labelledby` are consumed by the inner
   // ActionButtonGroup at the styled layer.
   let wasOpen = false;
-  createEffect(() => {
-    const open = isOpen();
-    if (open && !wasOpen) {
-      const message = local.actionsAvailableMessage ?? "Actions available.";
-      if (message) {
+  createEffect(
+    () => ({ open: isOpen(), message: local.actionsAvailableMessage }),
+    ({ open, message }) => {
+      if (open && !wasOpen && message) {
         announce(message);
       }
-    }
-    wasOpen = open;
-  });
+      wasOpen = open;
+    },
+  );
 
   const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (e) => {
     const onKeyDown = local.onKeyDown as
@@ -167,19 +193,19 @@ export function ActionBar(props: ActionBarProps): JSX.Element {
 
   return (
     <Show when={isOpen()}>
-      <ActionBarContext.Provider value={contextValue()}>
+      <ActionBarContext value={contextValue()}>
         <div
           {...filteredDOMProps()}
           class={renderProps.class()}
           style={renderProps.style()}
           slot={local.slot}
-          data-open={isOpen() || undefined}
+          data-open={dataAttr(isOpen())}
           onKeyDown={handleKeyDown}
           ref={(el) => assignRef(local.ref, el)}
         >
           {local.children}
         </div>
-      </ActionBarContext.Provider>
+      </ActionBarContext>
     </Show>
   );
 }