@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Modal.jsx

@@ -0,0 +1,314 @@
+import { dataAttr, filterDOMProps, useIsHydrated, useRenderProps } from "./utils.jsx";
+import { VisuallyHidden } from "./VisuallyHidden.jsx";
+import { a as useOverlayTriggerState, n as OverlayTriggerStateContext, t as DialogTriggerContext } from "./contexts.jsx";
+import { Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
+import { Portal, isServer } from "solid-js/web";
+import { FocusScope, ariaHideOutside, createEnterAnimation, createExitAnimation, createInteractOutside, useUNSAFE_PortalContext } from "@proyecto-viviana/solidaria";
+//#region src/Modal.tsx
+/**
+* Modal and ModalOverlay components for solidaria-components
+*
+* Headless modal components with overlay, focus trapping, and dismissal handling.
+* Port of react-aria-components Modal.
+*/
+const InternalModalContext = createContext(null);
+const visibleModals = [];
+function pruneDisconnectedModals() {
+	for (let index = visibleModals.length - 1; index >= 0; index -= 1) if (!(visibleModals[index]?.())?.isConnected) visibleModals.splice(index, 1);
+}
+const ModalContext = OverlayTriggerStateContext;
+/**
+* ModalOverlay is the backdrop/underlay behind a modal.
+* It handles click-outside dismissal and provides styling hooks.
+*/
+function ModalOverlay(props) {
+	const isHydrated = useIsHydrated();
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange",
+		"isDismissable",
+		"isKeyboardDismissDisabled",
+		"isEntering",
+		"isExiting"
+	]);
+	const dialogTriggerContext = useContext(DialogTriggerContext);
+	const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? false);
+	const isOpen = () => {
+		if (local.isOpen !== void 0) return local.isOpen;
+		if (dialogTriggerContext) return dialogTriggerContext.state.isOpen();
+		return internalOpen();
+	};
+	const close = () => {
+		if (local.isOpen !== void 0) local.onOpenChange?.(false);
+		else if (dialogTriggerContext) {
+			dialogTriggerContext.state.close();
+			local.onOpenChange?.(false);
+		} else {
+			setInternalOpen(false);
+			local.onOpenChange?.(false);
+		}
+	};
+	const open = () => {
+		if (local.isOpen !== void 0) local.onOpenChange?.(true);
+		else if (dialogTriggerContext) {
+			dialogTriggerContext.state.open();
+			local.onOpenChange?.(true);
+		} else {
+			setInternalOpen(true);
+			local.onOpenChange?.(true);
+		}
+	};
+	const toggle = () => {
+		if (isOpen()) close();
+		else open();
+	};
+	const state = {
+		get isOpen() {
+			return isOpen();
+		},
+		open,
+		close,
+		toggle
+	};
+	let overlayRef;
+	const [overlayEl, setOverlayEl] = createSignal(null);
+	const overlayRefAccessor = () => overlayEl();
+	const registerOverlayRef = (element) => {
+		overlayRef = element;
+		setOverlayEl(element);
+	};
+	const [modalEl, setModalEl] = createSignal(null);
+	const isOverlayEntering = createEnterAnimation(overlayRefAccessor, isOpen);
+	const isOverlayExiting = createExitAnimation(overlayRefAccessor, isOpen);
+	const isModalExiting = createExitAnimation(() => modalEl(), isOpen);
+	const overlayEntering = () => isOverlayEntering() || (local.isEntering ?? false);
+	const combinedExiting = () => isOverlayExiting() || isModalExiting() || (local.isExiting ?? false);
+	const renderValues = createMemo(() => ({
+		isEntering: overlayEntering(),
+		isExiting: combinedExiting()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ModalOverlay"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const internalModalContext = {
+		isDismissable: local.isDismissable,
+		isKeyboardDismissDisabled: local.isKeyboardDismissDisabled,
+		setModalRef: setModalEl,
+		isExiting: combinedExiting
+	};
+	const portalContext = useUNSAFE_PortalContext();
+	const portalContainer = () => portalContext.getContainer?.() ?? void 0;
+	const isTopMostModalInOverlay = () => {
+		pruneDisconnectedModals();
+		const topMostModal = visibleModals[visibleModals.length - 1]?.();
+		return !topMostModal || overlayRef?.contains(topMostModal);
+	};
+	const handleOverlayPointerDown = (event) => {
+		if (local.isDismissable && event.target === event.currentTarget && isTopMostModalInOverlay()) close();
+	};
+	createEffect(() => {
+		if (!isOpen() || local.isKeyboardDismissDisabled) return;
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape" && !event.isComposing && isTopMostModalInOverlay()) {
+				event.preventDefault();
+				event.stopPropagation();
+				close();
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown, true);
+		onCleanup(() => {
+			document.removeEventListener("keydown", handleKeyDown, true);
+		});
+	});
+	const resolveChildren = () => {
+		const children = props.children;
+		if (typeof children === "function") return children(renderValues());
+		return children;
+	};
+	return <Show when={isHydrated() && (isOpen() || combinedExiting())}>
+      <Portal mount={portalContainer()}>
+        <OverlayTriggerStateContext.Provider value={state}>
+          <InternalModalContext.Provider value={internalModalContext}>
+            <div {...domProps()} ref={registerOverlayRef} class={renderProps.class()} style={renderProps.style()} data-entering={dataAttr(overlayEntering())} data-exiting={dataAttr(combinedExiting())} onPointerDown={handleOverlayPointerDown}>
+              {resolveChildren()}
+            </div>
+          </InternalModalContext.Provider>
+        </OverlayTriggerStateContext.Provider>
+      </Portal>
+    </Show>;
+}
+/**
+* Modal is a dialog container that manages focus trapping, scroll prevention,
+* aria-hiding of content outside, and dismissal.
+*
+* Usage patterns:
+* 1. Standalone: `<Modal isOpen>...</Modal>` - Creates its own overlay
+* 2. With custom overlay: `<ModalOverlay><Modal>...</Modal></ModalOverlay>`
+*
+* Note: Due to SolidJS's eager JSX evaluation, we cannot detect at render time
+* whether Modal is wrapped in ModalOverlay. So standalone Modal always creates
+* an overlay, and wrapped Modal renders directly (relying on InternalModalContext).
+*/
+function Modal(props) {
+	return <ModalContentWithAutoOverlay {...props} />;
+}
+/**
+* Helper component that handles the overlay detection.
+* By being a separate component, we can use Show to defer rendering until
+* the parent context is available.
+*/
+function ModalContentWithAutoOverlay(props) {
+	const [overlayProps, modalProps] = splitProps(props, [
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange",
+		"isDismissable",
+		"isKeyboardDismissDisabled",
+		"isEntering",
+		"isExiting"
+	]);
+	if (useContext(InternalModalContext)) return <ModalContent {...modalProps}>{props.children}</ModalContent>;
+	return <ModalOverlay {...overlayProps}>
+      <ModalContent {...modalProps}>{props.children}</ModalContent>
+    </ModalOverlay>;
+}
+/**
+* Internal component that renders the actual modal content.
+* Used by both standalone Modal and Modal wrapped in ModalOverlay.
+*/
+function ModalContent(props) {
+	if (isServer) return <>{props.children}</>;
+	const [local, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange",
+		"isDismissable",
+		"isKeyboardDismissDisabled",
+		"isEntering",
+		"isExiting"
+	]);
+	let modalRef;
+	const modalRefAccessor = () => modalRef ?? null;
+	const [modalEl, setModalEl] = createSignal(null);
+	const parentState = useContext(OverlayTriggerStateContext);
+	const internalContext = useContext(InternalModalContext);
+	const isDismissable = () => internalContext?.isDismissable ?? local.isDismissable;
+	const isKeyboardDismissDisabled = () => internalContext?.isKeyboardDismissDisabled ?? local.isKeyboardDismissDisabled;
+	const isOpen = () => {
+		if (local.isOpen !== void 0) return local.isOpen;
+		return parentState?.isOpen ?? false;
+	};
+	const registerModalRef = (element) => {
+		modalRef = element;
+		setModalEl(element);
+		internalContext?.setModalRef?.(element);
+	};
+	const isModalEntering = createEnterAnimation(() => modalEl(), isOpen);
+	const isModalExiting = () => internalContext?.isExiting?.() ?? local.isExiting ?? false;
+	createEffect(() => {
+		if (!isOpen()) return;
+		pruneDisconnectedModals();
+		if (!visibleModals.includes(modalRefAccessor)) visibleModals.push(modalRefAccessor);
+		onCleanup(() => {
+			const index = visibleModals.indexOf(modalRefAccessor);
+			if (index >= 0) visibleModals.splice(index, 1);
+		});
+	});
+	const isTopMostModal = () => {
+		pruneDisconnectedModals();
+		return visibleModals[visibleModals.length - 1] === modalRefAccessor;
+	};
+	const close = () => {
+		if (local.isOpen !== void 0) local.onOpenChange?.(false);
+		else parentState?.close();
+	};
+	createEffect(() => {
+		if (!isOpen()) return;
+		const html = document.documentElement;
+		const prevOverflow = html.style.overflow;
+		html.style.overflow = "hidden";
+		onCleanup(() => {
+			html.style.overflow = prevOverflow;
+		});
+	});
+	createEffect(() => {
+		if (!isOpen() || !isDismissable()) return;
+		createInteractOutside({
+			ref: modalRefAccessor,
+			onInteractOutside: () => {
+				if (isTopMostModal()) close();
+			},
+			isDisabled: false
+		});
+	});
+	createEffect(() => {
+		if (!isOpen() || isKeyboardDismissDisabled()) return;
+		const handleKeyDown = (e) => {
+			if (e.key === "Escape" && !e.isComposing && isTopMostModal()) {
+				e.preventDefault();
+				e.stopPropagation();
+				close();
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown, true);
+		onCleanup(() => {
+			document.removeEventListener("keydown", handleKeyDown, true);
+		});
+	});
+	createEffect(() => {
+		if (!isOpen() || !modalRef) return;
+		let cleanup;
+		let cancelled = false;
+		const ownerWindow = modalRef.ownerDocument.defaultView ?? window;
+		const hideOutside = () => {
+			if (cancelled || !modalRef?.isConnected) return;
+			cleanup = ariaHideOutside([modalRef], { shouldUseInert: true });
+		};
+		if (modalRef.isConnected) hideOutside();
+		else ownerWindow.queueMicrotask(hideOutside);
+		onCleanup(() => {
+			cancelled = true;
+			cleanup?.();
+		});
+	});
+	const renderValues = createMemo(() => ({
+		isEntering: isModalEntering(),
+		isExiting: isModalExiting()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Modal"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	return <FocusScope contain restoreFocus>
+      <div {...domProps()} ref={registerModalRef} class={renderProps.class()} style={renderProps.style()} data-entering={dataAttr(isModalEntering())} data-exiting={dataAttr(isModalExiting())}>
+        <Show when={isDismissable()}>
+          {}
+          <VisuallyHidden elementType="div">
+            <button aria-label="Dismiss" tabIndex={-1} onClick={close} style={{
+		width: "1px",
+		height: "1px"
+	}} />
+          </VisuallyHidden>
+        </Show>
+        {renderProps.renderChildren()}
+      </div>
+    </FocusScope>;
+}
+//#endregion
+export { Modal, Modal as default, ModalContext, ModalOverlay, OverlayTriggerStateContext, useOverlayTriggerState };
+
+//# sourceMappingURL=Modal.jsx.map

package/dist/Modal.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.jsx","names":[],"sources":["../src/Modal.tsx"],"sourcesContent":["/**\n * Modal and ModalOverlay components for solidaria-components\n *\n * Headless modal components with overlay, focus trapping, and dismissal handling.\n * Port of react-aria-components Modal.\n */\n\nimport {\n  type JSX,\n  createContext,\n  createMemo,\n  createSignal,\n  createEffect,\n  onCleanup,\n  splitProps,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport {\n  createInteractOutside,\n  ariaHideOutside,\n  FocusScope,\n  useUNSAFE_PortalContext,\n  createEnterAnimation,\n  createExitAnimation,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  useIsHydrated,\n} from \"./utils\";\nimport {\n  DialogTriggerContext,\n  OverlayTriggerStateContext,\n  type OverlayTriggerState,\n} from \"./contexts\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\n\n/**\n * Internal context to signal that Modal is wrapped in ModalOverlay.\n * When present, Modal should not create its own Portal.\n */\ninterface InternalModalContextValue {\n  isDismissable?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  // Upstream's ModalOverlay owns the modal element's ref so it can watch the\n  // modal surface's exit animation alongside the overlay's (both must finish\n  // before the overlay unmounts). ModalContent registers its element here.\n  setModalRef?: (element: HTMLElement | null) => void;\n  // Combined exit flag (overlay OR modal still exiting). Both the overlay and\n  // the modal surface carry `data-exiting` off this so they fade out together.\n  isExiting?: () => boolean;\n}\n\nconst InternalModalContext = createContext<InternalModalContextValue | null>(null);\n\n// Stack of visible modals, used to ensure only the top-most modal dismisses on Escape/outside interaction.\nconst visibleModals: Array<() => Element | null> = [];\n\nfunction pruneDisconnectedModals() {\n  for (let index = visibleModals.length - 1; index >= 0; index -= 1) {\n    const element = visibleModals[index]?.();\n    if (!element?.isConnected) {\n      visibleModals.splice(index, 1);\n    }\n  }\n}\n\nexport interface ModalRenderProps {\n  /** Whether the modal is currently entering (for animations). */\n  isEntering: boolean;\n  /** Whether the modal is currently exiting (for animations). */\n  isExiting: boolean;\n}\n\nexport interface ModalOverlayProps {\n  /** The children of the component - can be JSX or render function. */\n  children?: RenderChildren<ModalRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<ModalRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<ModalRenderProps>;\n  /** Whether the modal is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the modal opens by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler called when the modal's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether clicking outside the modal closes it. */\n  isDismissable?: boolean;\n  /** Whether pressing Escape closes the modal. */\n  isKeyboardDismissDisabled?: boolean;\n  /** Whether the modal is entering (for animations). */\n  isEntering?: boolean;\n  /** Whether the modal is exiting (for animations). */\n  isExiting?: boolean;\n}\n\nexport interface ModalProps extends ModalOverlayProps {}\n\nexport { OverlayTriggerStateContext, type OverlayTriggerState } from \"./contexts\";\nexport { useOverlayTriggerState } from \"./contexts\";\nexport const ModalContext = OverlayTriggerStateContext;\n\n/**\n * ModalOverlay is the backdrop/underlay behind a modal.\n * It handles click-outside dismissal and provides styling hooks.\n */\nexport function ModalOverlay(props: ModalOverlayProps): JSX.Element {\n  // Do NOT early-return on the server: rendering children bare on the server and a\n  // <Show>/<Portal> overlay on the client desyncs hydration. Run the same structure\n  // on both and gate the Portal on useIsHydrated() (see Popover for the rationale).\n  const isHydrated = useIsHydrated();\n\n  // IMPORTANT: Don't destructure or access props.children early!\n  // In SolidJS, children are lazily evaluated. Accessing them before\n  // the context provider renders causes them to evaluate outside the context.\n  // See: https://github.com/solidjs/solid/issues/182\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"isEntering\",\n    \"isExiting\",\n  ]);\n\n  // Get state from DialogTrigger context if available\n  const dialogTriggerContext = useContext(DialogTriggerContext);\n\n  // Internal state for uncontrolled mode\n  const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? false);\n\n  // Determine if open (controlled > DialogTrigger context > uncontrolled)\n  const isOpen = (): boolean => {\n    if (local.isOpen !== undefined) return local.isOpen;\n    if (dialogTriggerContext) return dialogTriggerContext.state.isOpen();\n    return internalOpen();\n  };\n\n  const close = () => {\n    if (local.isOpen !== undefined) {\n      local.onOpenChange?.(false);\n    } else if (dialogTriggerContext) {\n      dialogTriggerContext.state.close();\n      local.onOpenChange?.(false);\n    } else {\n      setInternalOpen(false);\n      local.onOpenChange?.(false);\n    }\n  };\n\n  const open = () => {\n    if (local.isOpen !== undefined) {\n      local.onOpenChange?.(true);\n    } else if (dialogTriggerContext) {\n      dialogTriggerContext.state.open();\n      local.onOpenChange?.(true);\n    } else {\n      setInternalOpen(true);\n      local.onOpenChange?.(true);\n    }\n  };\n\n  const toggle = () => {\n    if (isOpen()) {\n      close();\n    } else {\n      open();\n    }\n  };\n\n  const state: OverlayTriggerState = {\n    get isOpen() {\n      return isOpen();\n    },\n    open,\n    close,\n    toggle,\n  };\n\n  // Enter/exit animation state (mirrors upstream's ModalOverlayWithForwardRef +\n  // ModalOverlayInner). The overlay stays mounted here even while closed, so the\n  // enter animation is gated on `isOpen` (isReady) — otherwise it would resolve\n  // to \"done entering\" before the element ever mounts. Exit is watched for BOTH\n  // the overlay and the modal surface; the modal registers its element via\n  // InternalModalContext (setModalRef) so we can await its exit too.\n  let overlayRef!: HTMLDivElement;\n  // Signal-backed so the enter/exit effects re-run once the element mounts — a\n  // plain closure over `overlayRef` would read `null` if the effect fired first\n  // and, with no reactive dep on the ref, never recover (stuck `data-entering`).\n  const [overlayEl, setOverlayEl] = createSignal<HTMLElement | null>(null);\n  const overlayRefAccessor = () => overlayEl();\n  const registerOverlayRef = (element: HTMLDivElement) => {\n    overlayRef = element;\n    setOverlayEl(element);\n  };\n  const [modalEl, setModalEl] = createSignal<HTMLElement | null>(null);\n\n  const isOverlayEntering = createEnterAnimation(overlayRefAccessor, isOpen);\n  const isOverlayExiting = createExitAnimation(overlayRefAccessor, isOpen);\n  const isModalExiting = createExitAnimation(() => modalEl(), isOpen);\n  const overlayEntering = () => isOverlayEntering() || (local.isEntering ?? false);\n  const combinedExiting = () =>\n    isOverlayExiting() || isModalExiting() || (local.isExiting ?? false);\n\n  const renderValues = createMemo<ModalRenderProps>(() => ({\n    isEntering: overlayEntering(),\n    isExiting: combinedExiting(),\n  }));\n\n  // Resolve render props - don't pass children, we'll render props.children directly\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ModalOverlay\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  // Internal context value to signal Modal that it's wrapped\n  const internalModalContext: InternalModalContextValue = {\n    isDismissable: local.isDismissable,\n    isKeyboardDismissDisabled: local.isKeyboardDismissDisabled,\n    setModalRef: setModalEl,\n    isExiting: combinedExiting,\n  };\n  const portalContext = useUNSAFE_PortalContext();\n  const portalContainer = () => portalContext.getContainer?.() ?? undefined;\n\n  const isTopMostModalInOverlay = () => {\n    pruneDisconnectedModals();\n    const topMostModal = visibleModals[visibleModals.length - 1]?.();\n    return !topMostModal || overlayRef?.contains(topMostModal);\n  };\n\n  const handleOverlayPointerDown: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (local.isDismissable && event.target === event.currentTarget && isTopMostModalInOverlay()) {\n      close();\n    }\n  };\n\n  createEffect(() => {\n    if (!isOpen() || local.isKeyboardDismissDisabled) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && !event.isComposing && isTopMostModalInOverlay()) {\n        event.preventDefault();\n        event.stopPropagation();\n        close();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", handleKeyDown, true);\n    });\n  });\n\n  // Resolve children - handle both static JSX and render functions\n  // IMPORTANT: We access props.children directly (not local.children) to preserve\n  // lazy evaluation inside context providers\n  const resolveChildren = () => {\n    const children = props.children;\n    if (typeof children === \"function\") {\n      return (children as (props: ModalRenderProps) => JSX.Element)(renderValues());\n    }\n    return children;\n  };\n\n  return (\n    <Show when={isHydrated() && (isOpen() || combinedExiting())}>\n      <Portal mount={portalContainer()}>\n        <OverlayTriggerStateContext.Provider value={state}>\n          <InternalModalContext.Provider value={internalModalContext}>\n            <div\n              {...domProps()}\n              ref={registerOverlayRef}\n              class={renderProps.class()}\n              style={renderProps.style()}\n              data-entering={dataAttr(overlayEntering())}\n              data-exiting={dataAttr(combinedExiting())}\n              onPointerDown={handleOverlayPointerDown}\n            >\n              {resolveChildren()}\n            </div>\n          </InternalModalContext.Provider>\n        </OverlayTriggerStateContext.Provider>\n      </Portal>\n    </Show>\n  );\n}\n\n/**\n * Modal is a dialog container that manages focus trapping, scroll prevention,\n * aria-hiding of content outside, and dismissal.\n *\n * Usage patterns:\n * 1. Standalone: `<Modal isOpen>...</Modal>` - Creates its own overlay\n * 2. With custom overlay: `<ModalOverlay><Modal>...</Modal></ModalOverlay>`\n *\n * Note: Due to SolidJS's eager JSX evaluation, we cannot detect at render time\n * whether Modal is wrapped in ModalOverlay. So standalone Modal always creates\n * an overlay, and wrapped Modal renders directly (relying on InternalModalContext).\n */\nexport function Modal(props: ModalProps): JSX.Element {\n  // Check for InternalModalContext which signals we're inside a rendered ModalOverlay\n  // This works because ModalContent is rendered INSIDE ModalOverlay's Show/Portal\n  return <ModalContentWithAutoOverlay {...props} />;\n}\n\n/**\n * Helper component that handles the overlay detection.\n * By being a separate component, we can use Show to defer rendering until\n * the parent context is available.\n */\nfunction ModalContentWithAutoOverlay(props: ModalProps): JSX.Element {\n  const [overlayProps, modalProps] = splitProps(props, [\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"isEntering\",\n    \"isExiting\",\n  ]);\n\n  // Check for InternalModalContext - if present, we're inside a ModalOverlay\n  const internalContext = useContext(InternalModalContext);\n\n  // If wrapped in ModalOverlay, just render the content. ModalContent reads the\n  // overlay's InternalModalContext itself (via useContext), so nothing needs\n  // threading — in both branches ModalContent renders inside a provider.\n  if (internalContext) {\n    return <ModalContent {...modalProps}>{props.children}</ModalContent>;\n  }\n\n  // For standalone usage, wrap in ModalOverlay.\n  return (\n    <ModalOverlay {...overlayProps}>\n      <ModalContent {...modalProps}>{props.children}</ModalContent>\n    </ModalOverlay>\n  );\n}\n\n/**\n * Internal component that renders the actual modal content.\n * Used by both standalone Modal and Modal wrapped in ModalOverlay.\n */\nfunction ModalContent(props: ModalProps): JSX.Element {\n  if (isServer) {\n    return <>{props.children}</>;\n  }\n\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"isEntering\",\n    \"isExiting\",\n  ]);\n\n  let modalRef!: HTMLDivElement;\n  const modalRefAccessor = () => modalRef ?? null;\n  // Signal-backed element for the enter animation, so the effect re-runs when\n  // the surface mounts (see the overlay's note); the plain `modalRef` var still\n  // backs the synchronous consumers (focus stack, interact-outside, aria-hide).\n  const [modalEl, setModalEl] = createSignal<HTMLElement | null>(null);\n\n  // Get state from parent OverlayTriggerStateContext (provided by ModalOverlay)\n  const parentState = useContext(OverlayTriggerStateContext);\n\n  // The overlay (auto or user-provided) always wraps this content, so it owns\n  // the InternalModalContext: dismissal settings, the modal-ref registration\n  // sink, and the combined exit flag.\n  const internalContext = useContext(InternalModalContext);\n\n  // Get dismissable settings from internal context (set by ModalOverlay)\n  const isDismissable = () => internalContext?.isDismissable ?? local.isDismissable;\n  const isKeyboardDismissDisabled = () =>\n    internalContext?.isKeyboardDismissDisabled ?? local.isKeyboardDismissDisabled;\n\n  // Determine if open from parent state\n  const isOpen = (): boolean => {\n    if (local.isOpen !== undefined) return local.isOpen;\n    return parentState?.isOpen ?? false;\n  };\n\n  // Register this element with the overlay so it can await the modal surface's\n  // exit animation (upstream threads modalRef down the same way). The overlay's\n  // combined exit flag drives this surface's `data-exiting`. The enter animation\n  // is local — the modal fades/slides in on its own timeline (delay 160 vs the\n  // overlay's 0).\n  const registerModalRef = (element: HTMLDivElement) => {\n    modalRef = element;\n    setModalEl(element);\n    internalContext?.setModalRef?.(element);\n  };\n  const isModalEntering = createEnterAnimation(() => modalEl(), isOpen);\n  const isModalExiting = () => internalContext?.isExiting?.() ?? local.isExiting ?? false;\n\n  // Keep this modal in a global stack so nested modals dismiss in top-down order.\n  createEffect(() => {\n    if (!isOpen()) return;\n\n    pruneDisconnectedModals();\n    if (!visibleModals.includes(modalRefAccessor)) {\n      visibleModals.push(modalRefAccessor);\n    }\n\n    onCleanup(() => {\n      const index = visibleModals.indexOf(modalRefAccessor);\n      if (index >= 0) {\n        visibleModals.splice(index, 1);\n      }\n    });\n  });\n\n  const isTopMostModal = () => {\n    pruneDisconnectedModals();\n    return visibleModals[visibleModals.length - 1] === modalRefAccessor;\n  };\n\n  const close = () => {\n    if (local.isOpen !== undefined) {\n      local.onOpenChange?.(false);\n    } else {\n      parentState?.close();\n    }\n  };\n\n  // Prevent scroll when modal is open\n  createEffect(() => {\n    if (!isOpen()) return;\n\n    const html = document.documentElement;\n    const prevOverflow = html.style.overflow;\n    html.style.overflow = \"hidden\";\n\n    onCleanup(() => {\n      html.style.overflow = prevOverflow;\n    });\n  });\n\n  // Click outside to close (if dismissable)\n  createEffect(() => {\n    if (!isOpen() || !isDismissable()) return;\n\n    createInteractOutside({\n      ref: modalRefAccessor,\n      onInteractOutside: () => {\n        if (isTopMostModal()) {\n          close();\n        }\n      },\n      isDisabled: false,\n    });\n  });\n\n  // Escape key to close\n  createEffect(() => {\n    if (!isOpen() || isKeyboardDismissDisabled()) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && !e.isComposing && isTopMostModal()) {\n        e.preventDefault();\n        e.stopPropagation();\n        close();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", handleKeyDown, true);\n    });\n  });\n\n  // Aria-hide outside content\n  createEffect(() => {\n    if (!isOpen() || !modalRef) return;\n\n    let cleanup: (() => void) | undefined;\n    let cancelled = false;\n    const ownerWindow = modalRef.ownerDocument.defaultView ?? window;\n\n    const hideOutside = () => {\n      if (cancelled || !modalRef?.isConnected) return;\n      cleanup = ariaHideOutside([modalRef], { shouldUseInert: true });\n    };\n\n    if (modalRef.isConnected) {\n      hideOutside();\n    } else {\n      ownerWindow.queueMicrotask(hideOutside);\n    }\n\n    onCleanup(() => {\n      cancelled = true;\n      cleanup?.();\n    });\n  });\n\n  const renderValues = createMemo<ModalRenderProps>(() => ({\n    isEntering: isModalEntering(),\n    isExiting: isModalExiting(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      // Lazy: the modal content is gated behind `<Show when={isHydrated() && …}>`\n      // (Portal) below, so it must not be instantiated during the component body.\n      // An eager `children: props.children` would build the content template (and\n      // walk getNextElement) before the gate — content the server never emitted →\n      // hydration mismatch. See Popover for the full rationale.\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Modal\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  return (\n    // No autoFocus: react-aria's Overlay renders FocusScope with restoreFocus +\n    // contain only — initial focus is useDialog's job (it focuses the dialog\n    // element itself when nothing inside holds focus).\n    <FocusScope contain restoreFocus>\n      <div\n        {...domProps()}\n        ref={registerModalRef}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-entering={dataAttr(isModalEntering())}\n        data-exiting={dataAttr(isModalExiting())}\n      >\n        <Show when={isDismissable()}>\n          {/* Faithful to react-aria's DismissButton: a bare button carrying\n              only `width/height: 1px` inside a VisuallyHidden `div` wrapper —\n              NOT the hidden styles inlined onto the button. The wrapper clips\n              it out of sight while the button keeps its intrinsic UA border-box,\n              which is exactly what upstream renders (and what D8 target-size\n              measures against the pair oracle). Inlining the reset onto the\n              button instead collapsed it to a 1x1 box, diverging from\n              upstream's ~16x6 sentinel. */}\n          <VisuallyHidden elementType=\"div\">\n            <button\n              aria-label=\"Dismiss\"\n              tabIndex={-1}\n              onClick={close}\n              style={{ width: \"1px\", height: \"1px\" }}\n            />\n          </VisuallyHidden>\n        </Show>\n        {renderProps.renderChildren()}\n      </div>\n    </FocusScope>\n  );\n}\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/NumberField.d.ts

@@ -4,7 +4,7 @@
  * A pre-wired headless number field that combines state + aria hooks.
  * Port of react-aria-components/src/NumberField.tsx
  */
-import { type JSX } from "solid-js";
+import { type JSX, type Context } from "solid-js";
 import { type AriaNumberFieldProps, type AriaButtonProps } from "@proyecto-viviana/solidaria";
 import { type NumberFieldState } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
@@ -103,8 +103,8 @@ interface NumberFieldContextValue {
     isReadOnly: boolean;
     setInputRef: (el: HTMLInputElement) => void;
 }
-export declare const NumberFieldContext: import("solid-js").Context<NumberFieldContextValue | null>;
-export declare const NumberFieldStateContext: import("solid-js").Context<NumberFieldState | null>;
+export declare const NumberFieldContext: Context<NumberFieldContextValue | null>;
+export declare const NumberFieldStateContext: Context<NumberFieldState | null>;
 /**
  * A number field allows a user to enter a number and increment/decrement the value.
  */

package/dist/NumberField.d.ts.map

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