@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/utils.jsx.map

@@ -0,0 +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 } = {},\n): R {\n  const { global = false } = 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        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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"}

package/dist/virtualizer/Layout.js

@@ -0,0 +1,144 @@
+//#region src/virtualizer/Layout.ts
+var Point = class Point {
+	x;
+	y;
+	constructor(x = 0, y = 0) {
+		this.x = x;
+		this.y = y;
+	}
+	copy() {
+		return new Point(this.x, this.y);
+	}
+	equals(point) {
+		return this.x === point.x && this.y === point.y;
+	}
+	isOrigin() {
+		return this.x === 0 && this.y === 0;
+	}
+};
+var Size = class Size {
+	width;
+	height;
+	constructor(width = 0, height = 0) {
+		this.width = Math.max(0, width);
+		this.height = Math.max(0, height);
+	}
+	copy() {
+		return new Size(this.width, this.height);
+	}
+	equals(other) {
+		return this.width === other.width && this.height === other.height;
+	}
+	get area() {
+		return this.width * this.height;
+	}
+};
+var Rect = class Rect {
+	x;
+	y;
+	width;
+	height;
+	constructor(x = 0, y = 0, width = 0, height = 0) {
+		this.x = x;
+		this.y = y;
+		this.width = width;
+		this.height = height;
+	}
+	get maxX() {
+		return this.x + this.width;
+	}
+	get maxY() {
+		return this.y + this.height;
+	}
+	get area() {
+		return this.width * this.height;
+	}
+	get topLeft() {
+		return new Point(this.x, this.y);
+	}
+	get topRight() {
+		return new Point(this.maxX, this.y);
+	}
+	get bottomLeft() {
+		return new Point(this.x, this.maxY);
+	}
+	get bottomRight() {
+		return new Point(this.maxX, this.maxY);
+	}
+	intersects(rect) {
+		return this.x <= rect.maxX && rect.x <= this.maxX && this.y <= rect.maxY && rect.y <= this.maxY;
+	}
+	containsRect(rect) {
+		return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;
+	}
+	containsPoint(point) {
+		return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;
+	}
+	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);
+	}
+	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);
+	}
+	copy() {
+		return new Rect(this.x, this.y, this.width, this.height);
+	}
+	equals(rect) {
+		return this.x === rect.x && this.y === rect.y && this.width === rect.width && this.height === rect.height;
+	}
+};
+var LayoutInfo = class LayoutInfo {
+	type;
+	key;
+	rect;
+	parentKey = null;
+	content = null;
+	estimatedSize = false;
+	isSticky = false;
+	opacity = 1;
+	transform = null;
+	zIndex = 0;
+	allowOverflow = false;
+	constructor(type, key, rect) {
+		this.type = type;
+		this.key = key;
+		this.rect = rect;
+	}
+	copy() {
+		const copy = new LayoutInfo(this.type, this.key, this.rect.copy());
+		copy.parentKey = this.parentKey;
+		copy.content = this.content;
+		copy.estimatedSize = this.estimatedSize;
+		copy.isSticky = this.isSticky;
+		copy.opacity = this.opacity;
+		copy.transform = this.transform;
+		copy.zIndex = this.zIndex;
+		copy.allowOverflow = this.allowOverflow;
+		return copy;
+	}
+};
+var Layout = class {
+	virtualizer = null;
+	shouldInvalidate(newRect, oldRect) {
+		return newRect.width !== oldRect.width || newRect.height !== oldRect.height;
+	}
+	shouldInvalidateLayoutOptions(newOptions, oldOptions) {
+		return newOptions !== oldOptions;
+	}
+	update(_context) {}
+	getItemRect(key) {
+		return this.getLayoutInfo(key)?.rect ?? null;
+	}
+	getVisibleRect() {
+		return this.virtualizer?.visibleRect ?? new Rect();
+	}
+};
+//#endregion
+export { Layout, LayoutInfo, Point, Rect, Size };
+
+//# sourceMappingURL=Layout.js.map

package/dist/virtualizer/Layout.js.map

@@ -0,0 +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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"}

package/dist/virtualizer/Layout.jsx

@@ -0,0 +1,144 @@
+//#region src/virtualizer/Layout.ts
+var Point = class Point {
+	x;
+	y;
+	constructor(x = 0, y = 0) {
+		this.x = x;
+		this.y = y;
+	}
+	copy() {
+		return new Point(this.x, this.y);
+	}
+	equals(point) {
+		return this.x === point.x && this.y === point.y;
+	}
+	isOrigin() {
+		return this.x === 0 && this.y === 0;
+	}
+};
+var Size = class Size {
+	width;
+	height;
+	constructor(width = 0, height = 0) {
+		this.width = Math.max(0, width);
+		this.height = Math.max(0, height);
+	}
+	copy() {
+		return new Size(this.width, this.height);
+	}
+	equals(other) {
+		return this.width === other.width && this.height === other.height;
+	}
+	get area() {
+		return this.width * this.height;
+	}
+};
+var Rect = class Rect {
+	x;
+	y;
+	width;
+	height;
+	constructor(x = 0, y = 0, width = 0, height = 0) {
+		this.x = x;
+		this.y = y;
+		this.width = width;
+		this.height = height;
+	}
+	get maxX() {
+		return this.x + this.width;
+	}
+	get maxY() {
+		return this.y + this.height;
+	}
+	get area() {
+		return this.width * this.height;
+	}
+	get topLeft() {
+		return new Point(this.x, this.y);
+	}
+	get topRight() {
+		return new Point(this.maxX, this.y);
+	}
+	get bottomLeft() {
+		return new Point(this.x, this.maxY);
+	}
+	get bottomRight() {
+		return new Point(this.maxX, this.maxY);
+	}
+	intersects(rect) {
+		return this.x <= rect.maxX && rect.x <= this.maxX && this.y <= rect.maxY && rect.y <= this.maxY;
+	}
+	containsRect(rect) {
+		return this.x <= rect.x && this.y <= rect.y && this.maxX >= rect.maxX && this.maxY >= rect.maxY;
+	}
+	containsPoint(point) {
+		return this.x <= point.x && this.y <= point.y && this.maxX >= point.x && this.maxY >= point.y;
+	}
+	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);
+	}
+	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);
+	}
+	copy() {
+		return new Rect(this.x, this.y, this.width, this.height);
+	}
+	equals(rect) {
+		return this.x === rect.x && this.y === rect.y && this.width === rect.width && this.height === rect.height;
+	}
+};
+var LayoutInfo = class LayoutInfo {
+	type;
+	key;
+	rect;
+	parentKey = null;
+	content = null;
+	estimatedSize = false;
+	isSticky = false;
+	opacity = 1;
+	transform = null;
+	zIndex = 0;
+	allowOverflow = false;
+	constructor(type, key, rect) {
+		this.type = type;
+		this.key = key;
+		this.rect = rect;
+	}
+	copy() {
+		const copy = new LayoutInfo(this.type, this.key, this.rect.copy());
+		copy.parentKey = this.parentKey;
+		copy.content = this.content;
+		copy.estimatedSize = this.estimatedSize;
+		copy.isSticky = this.isSticky;
+		copy.opacity = this.opacity;
+		copy.transform = this.transform;
+		copy.zIndex = this.zIndex;
+		copy.allowOverflow = this.allowOverflow;
+		return copy;
+	}
+};
+var Layout = class {
+	virtualizer = null;
+	shouldInvalidate(newRect, oldRect) {
+		return newRect.width !== oldRect.width || newRect.height !== oldRect.height;
+	}
+	shouldInvalidateLayoutOptions(newOptions, oldOptions) {
+		return newOptions !== oldOptions;
+	}
+	update(_context) {}
+	getItemRect(key) {
+		return this.getLayoutInfo(key)?.rect ?? null;
+	}
+	getVisibleRect() {
+		return this.virtualizer?.visibleRect ?? new Rect();
+	}
+};
+//#endregion
+export { Layout, LayoutInfo, Point, Rect, Size };
+
+//# sourceMappingURL=Layout.jsx.map

package/dist/virtualizer/Layout.jsx.map

@@ -0,0 +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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"}