@zappie/foundations 0.1.3 → 0.1.5

package/dist/overlay/react.js

@@ -8,11 +8,13 @@ import {
   useContext,
   useEffect,
   useId,
+  useLayoutEffect,
   useMemo,
   useRef,
   useState,
   useSyncExternalStore
 } from "react";
+import { createPortal, flushSync } from "react-dom";
 import { composeRefs, part, partId } from "../internal/slot.js";
 import {
   closeOverlay,
@@ -20,7 +22,7 @@ import {
   openOverlay,
   subscribeLocation
 } from "./history.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var engineModule;
 var enginePromise;
 function loadOverlayEngine() {
@@ -98,7 +100,6 @@ function usePresentation(value) {
   );
 }
 var Context = createContext(null);
-var EngineContext = createContext(null);
 function useContextValue() {
   const value = useContext(Context);
   if (!value) {
@@ -108,6 +109,27 @@ function useContextValue() {
 }
 var prefetch = () => void loadOverlayEngine().catch(() => {
 });
+function prefetchWhenIdle() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const schedule = () => {
+    if (engineModule) {
+      return;
+    }
+    if (typeof window.requestIdleCallback === "function") {
+      window.requestIdleCallback(prefetch);
+    } else {
+      window.setTimeout(prefetch, 1500);
+    }
+  };
+  if (document.readyState === "complete") {
+    schedule();
+  } else {
+    window.addEventListener("load", schedule, { once: true });
+  }
+}
+prefetchWhenIdle();
 function Root({
   param,
   id,
@@ -124,17 +146,6 @@ function Root({
   const generated = useId();
   const [contentId, setContentId] = useState(`zappie-overlay-${generated}`);
   const trigger = useRef(null);
-  useEffect(() => {
-    if (engineModule) {
-      return void 0;
-    }
-    if (typeof window.requestIdleCallback === "function") {
-      const handle2 = window.requestIdleCallback(prefetch);
-      return () => window.cancelIdleCallback(handle2);
-    }
-    const handle = window.setTimeout(prefetch, 1500);
-    return () => window.clearTimeout(handle);
-  }, []);
   const context = useMemo(
     () => ({
       ...overlay,
@@ -174,12 +185,175 @@ var Trigger = forwardRef(
     );
   }
 );
+var engineKind = (presentation) => presentation === "dialog" ? "dialog" : "drawer";
+var warmed = /* @__PURE__ */ new Set();
+var ContentContext = createContext(null);
+var HELD_EVENTS = [
+  "pointerdown",
+  "mousedown",
+  "touchstart",
+  "click",
+  "keydown",
+  "wheel",
+  "touchmove"
+];
+var animationsOf = (node) => typeof node?.getAnimations === "function" ? node.getAnimations() : [];
+function startTimes(node) {
+  const times = /* @__PURE__ */ new Map();
+  for (const animation of animationsOf(node)) {
+    if ("animationName" in animation) {
+      times.set(animation.animationName, animation.startTime);
+    }
+  }
+  return times;
+}
+function resume(node, times) {
+  for (const animation of animationsOf(node)) {
+    const start = "animationName" in animation ? times.get(animation.animationName) : void 0;
+    if (start !== void 0 && start !== null) {
+      animation.startTime = start;
+    }
+  }
+}
+function Frame({
+  ctx,
+  contentProps,
+  contentRef,
+  container,
+  onEscape,
+  onInteractOutside,
+  onAttach
+}) {
+  const backdrop = useRef(null);
+  const popup = useRef(null);
+  const latest = useRef({ onEscape, onInteractOutside, onAttach, ctx });
+  latest.current = { onEscape, onInteractOutside, onAttach, ctx };
+  useLayoutEffect(() => {
+    const dismiss = (callback, event) => {
+      callback?.(event);
+      if (!(callback && event.defaultPrevented)) {
+        latest.current.ctx.close();
+      }
+    };
+    const hold = (event) => {
+      const inside = event.target instanceof Node && popup.current?.contains(event.target);
+      if (event.type === "keydown" && event.key === "Escape") {
+        dismiss(latest.current.onEscape, event);
+      } else if (event.type === "pointerdown" && !inside) {
+        dismiss(latest.current.onInteractOutside, event);
+      }
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      event.stopImmediatePropagation();
+    };
+    for (const type of HELD_EVENTS) {
+      window.addEventListener(type, hold, { capture: true, passive: false });
+    }
+    let live = true;
+    let frame = requestAnimationFrame(() => {
+      frame = requestAnimationFrame(() => {
+        if (live) {
+          latest.current.onAttach([
+            startTimes(backdrop.current),
+            startTimes(popup.current)
+          ]);
+        }
+      });
+    });
+    return () => {
+      live = false;
+      cancelAnimationFrame(frame);
+      for (const type of HELD_EVENTS) {
+        window.removeEventListener(type, hold, { capture: true });
+      }
+    };
+  }, []);
+  const { presentation, swipeDirection } = ctx;
+  const drawer = presentation !== "dialog";
+  const { id: _ownId, ...rest } = contentProps;
+  const id = partId(contentProps);
+  const panel = part(
+    "div",
+    rest,
+    ctx,
+    {
+      "data-open": "",
+      ...drawer ? { "data-swipe-direction": swipeDirection } : {},
+      id: id ?? ctx.contentId,
+      role: "dialog",
+      tabIndex: -1,
+      style: drawer ? {
+        "--drawer-swipe-movement-x": "0px",
+        "--drawer-swipe-movement-y": "0px",
+        "--drawer-swipe-progress": 0,
+        "--nested-drawers": 0,
+        "--drawer-snap-point-offset": "0px",
+        "--drawer-swipe-strength": 1
+      } : { "--nested-dialogs": 0 },
+      "aria-modal": true,
+      "data-presentation": presentation,
+      "data-state": "open",
+      // The engine's panel replaces this one on the next frame and is the one announced.
+      "aria-hidden": true
+    },
+    composeRefs(contentRef, (node) => {
+      popup.current = node;
+    })
+  );
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { "data-zappie-overlay-frame": "", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "presentation",
+          "aria-hidden": "true",
+          style: { position: "fixed", inset: 0, userSelect: "none" }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: backdrop,
+          "data-open": "",
+          role: "presentation",
+          style: {
+            userSelect: "none",
+            ...drawer ? { "--drawer-swipe-progress": 0, "--drawer-swipe-strength": 1 } : {}
+          },
+          "data-zappie-backdrop": "",
+          "data-presentation": presentation,
+          "data-state": "open",
+          "aria-hidden": "true"
+        }
+      ),
+      drawer ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-open": "",
+          role: "presentation",
+          style: { "--drawer-keyboard-inset": "0px" },
+          children: panel
+        }
+      ) : panel
+    ] }),
+    container ?? document.body
+  );
+}
 var Content = forwardRef(function Content2({ onEscape, onInteractOutside, forceMount, container, ...props }, ref) {
   const ctx = useContextValue();
-  const [engine, setEngine] = useState(engineModule);
-  const [opened, setOpened] = useState(ctx.isOpen);
-  if (ctx.isOpen && !opened) {
-    setOpened(true);
+  const parent = useContext(ContentContext);
+  const [loaded, setEngine] = useState(engineModule);
+  const engine = loaded ?? engineModule;
+  const firstPhase = () => !forceMount && ctx.isOpen && !parent && !warmed.has(engineKind(ctx.presentation)) ? "frame" : "engine";
+  const [phase, setPhase] = useState(
+    () => engine && (ctx.isOpen || forceMount) ? firstPhase() : "closed"
+  );
+  if (phase === "closed" && engine && (ctx.isOpen || forceMount)) {
+    setPhase(firstPhase());
+  }
+  if (phase === "frame" && !ctx.isOpen) {
+    setPhase("closed");
   }
   const customId = partId(props);
   const { setContentId } = ctx;
@@ -197,6 +371,7 @@ var Content = forwardRef(function Content2({ onEscape, onInteractOutside, forceM
       (module) => {
         if (live) {
           setEngine(module);
+          setPhase((current) => current === "closed" ? "engine" : current);
         }
       },
       () => {
@@ -206,10 +381,47 @@ var Content = forwardRef(function Content2({ onEscape, onInteractOutside, forceM
       live = false;
     };
   }, [engine, ctx.isOpen, forceMount]);
-  if (!engine || !opened && !forceMount) {
+  const kind = engineKind(ctx.presentation);
+  useEffect(() => {
+    if (phase === "engine" && ctx.isOpen) {
+      warmed.add(kind);
+    }
+  }, [phase, ctx.isOpen, kind]);
+  const panel = useRef(null);
+  const engineRef = useMemo(
+    () => composeRefs(ref, (node) => {
+      panel.current = node;
+    }),
+    [ref]
+  );
+  const attach = useCallback(([backdrop, popup]) => {
+    flushSync(() => setPhase("engine"));
+    const node = panel.current;
+    resume(node, popup);
+    resume(
+      node?.closest("[data-base-ui-portal]")?.querySelector("[data-zappie-backdrop]"),
+      backdrop
+    );
+  }, []);
+  const attached = useMemo(() => ({ attached: phase === "engine" }), [phase]);
+  if (!engine || phase === "closed" || parent && !parent.attached) {
     return null;
   }
-  return /* @__PURE__ */ jsx(EngineContext.Provider, { value: engine, children: /* @__PURE__ */ jsx(
+  if (phase === "frame") {
+    return /* @__PURE__ */ jsx(ContentContext.Provider, { value: attached, children: /* @__PURE__ */ jsx(PartsContext.Provider, { value: frameParts, children: /* @__PURE__ */ jsx(
+      Frame,
+      {
+        ctx,
+        contentProps: props,
+        contentRef: ref,
+        container,
+        onEscape,
+        onInteractOutside,
+        onAttach: attach
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(ContentContext.Provider, { value: attached, children: /* @__PURE__ */ jsx(PartsContext.Provider, { value: engine, children: /* @__PURE__ */ jsx(
     engine.Surface,
     {
       open: ctx.isOpen,
@@ -225,18 +437,27 @@ var Content = forwardRef(function Content2({ onEscape, onInteractOutside, forceM
       container,
       state: ctx,
       contentProps: props,
-      contentRef: ref
+      contentRef: engineRef
     }
-  ) });
+  ) }) });
 });
+var PartsContext = createContext(null);
+var frameParts = {
+  EngineTitle: forwardRef(function FrameTitle({ state, ...props }, ref) {
+    return part("h2", props, state, {}, ref);
+  }),
+  EngineClose: forwardRef(function FrameClose({ state, ...props }, ref) {
+    return part("button", props, state, { type: "button" }, ref);
+  })
+};
 function useEngine() {
-  const engine = useContext(EngineContext);
-  if (!engine) {
+  const parts = useContext(PartsContext);
+  if (!parts) {
     throw new Error(
       "Overlay.Title and Overlay.Close must be inside Overlay.Content"
     );
   }
-  return engine;
+  return parts;
 }
 var Title = forwardRef(
   function Title2(props, ref) {

package/dist/overlay/react.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/overlay/react.tsx"],
-  "sourcesContent": ["\"use client\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport { composeRefs, part, partId, type PartProps } from \"../internal/slot\";\nimport type { Presentation, SwipeDirection } from \"./engine\";\nimport {\n  closeOverlay,\n  locationSnapshot,\n  openOverlay,\n  subscribeLocation,\n  type CloseOptions,\n  type OverlayQuery,\n} from \"./history\";\n\ntype EngineModule = typeof import(\"./engine\");\nlet engineModule: EngineModule | undefined;\nlet enginePromise: Promise<EngineModule> | undefined;\n/**\n * Load the overlay engine (Base UI dialog and drawer). It is a separate chunk: Root prefetches\n * it when the browser is idle and on trigger hover/focus, so it is usually ready by first open.\n */\nexport function loadOverlayEngine(): Promise<EngineModule> {\n  enginePromise ??= import(\"./engine\").then(\n    (module) => (engineModule = module),\n    (error: unknown) => {\n      // A failed chunk load (e.g. offline) must not poison later opens.\n      enginePromise = undefined;\n      throw error;\n    },\n  );\n  return enginePromise;\n}\n\n/**\n * Control an overlay whose open state is stored in a URL query parameter.\n *\n * @param param - The query parameter to read and update.\n * @param id - The value that identifies this overlay as open.\n * @param options - Fallback query values and query parameters to omit when closing.\n * @returns Reactive open state and history-backed open and close actions.\n */\nexport function useOverlay(param: string, id: string, options?: CloseOptions) {\n  const search = useSyncExternalStore(\n    subscribeLocation,\n    locationSnapshot,\n    () => \"\",\n  );\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  const open = useCallback(\n    (query?: OverlayQuery) => openOverlay(param, id, query),\n    [param, id],\n  );\n  const close = useCallback(\n    () => closeOverlay(param, id, optionsRef.current),\n    [param, id],\n  );\n  return useMemo(\n    () => ({\n      isOpen: new URLSearchParams(search).get(param) === id,\n      open,\n      close,\n    }),\n    [search, param, id, open, close],\n  );\n}\n\n/** Tailwind's default min-width breakpoints. */\nconst BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 } as const;\nexport type ResponsivePresentation =\n  | Presentation\n  | ({ base: Presentation } & Partial<\n      Record<keyof typeof BREAKPOINTS, Presentation>\n    >);\n/** Choose a presentation using media queries. The server renders `base`. */\nfunction usePresentation(value: ResponsivePresentation): Presentation {\n  // Serialise so inline objects don't resubscribe on every render.\n  const key = typeof value === \"string\" ? value : JSON.stringify(value);\n  const resolve = useCallback((): Presentation => {\n    const parsed = (\n      key.startsWith(\"{\") ? JSON.parse(key) : key\n    ) as ResponsivePresentation;\n    if (typeof parsed === \"string\") {\n      return parsed;\n    }\n    let current = parsed.base;\n    for (const [name, width] of Object.entries(BREAKPOINTS)) {\n      const at = parsed[name as keyof typeof BREAKPOINTS];\n      if (at && window.matchMedia(`(min-width: ${width}px)`).matches) {\n        current = at;\n      }\n    }\n    return current;\n  }, [key]);\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      if (!key.startsWith(\"{\")) {\n        return () => {};\n      }\n      const queries = Object.values(BREAKPOINTS).map((width) =>\n        window.matchMedia(`(min-width: ${width}px)`),\n      );\n      queries.forEach((query) => query.addEventListener(\"change\", onChange));\n      return () =>\n        queries.forEach((query) =>\n          query.removeEventListener(\"change\", onChange),\n        );\n    },\n    [key],\n  );\n  return useSyncExternalStore(subscribe, resolve, () =>\n    typeof value === \"string\" ? value : value.base,\n  );\n}\n\ntype OverlayState = ReturnType<typeof useOverlay>;\ntype OverlayContext = OverlayState & {\n  presentation: Presentation;\n  swipeDirection: SwipeDirection;\n  contentId: string;\n  setContentId: (id: string) => void;\n  trigger: { current: HTMLElement | null };\n};\nconst Context = createContext<OverlayContext | null>(null);\nconst EngineContext = createContext<EngineModule | null>(null);\nfunction useContextValue() {\n  const value = useContext(Context);\n  if (!value) {\n    throw new Error(\"Overlay parts require Overlay.Root\");\n  }\n  return value;\n}\nconst prefetch = () => void loadOverlayEngine().catch(() => {});\n\n/**\n * The URL is the only open state. The engine (Base UI) supplies the modal mechanics: portal,\n * focus scope, scroll lock, outside and Escape dismissal, exit presence and, for drawers and\n * sheets, swipe-to-dismiss. Every open or close it requests goes through the history core.\n */\nfunction Root({\n  param,\n  id,\n  presentation = \"dialog\",\n  swipeDirection,\n  fallback,\n  omitParams,\n  navigation,\n  ...props\n}: PartProps<OverlayState> & {\n  param: string;\n  id: string;\n  /** Your URL adapter for overlays whose open state lives in the path. */\n  navigation?: OverlayState;\n  /** A `dialog`, swipeable `drawer` or `sheet`. Use `{ base, sm, md, lg, xl }` for responsive layouts. */\n  presentation?: ResponsivePresentation;\n  /** Swipe direction to dismiss. Defaults to `down` for drawers and `right` for sheets. */\n  swipeDirection?: SwipeDirection;\n} & CloseOptions) {\n  const queryOverlay = useOverlay(param, id, { fallback, omitParams });\n  const overlay = navigation ?? queryOverlay;\n  const resolved = usePresentation(presentation);\n  const generated = useId();\n  const [contentId, setContentId] = useState(`zappie-overlay-${generated}`);\n  const trigger = useRef<HTMLElement | null>(null);\n  useEffect(() => {\n    if (engineModule) {\n      return undefined;\n    }\n    if (typeof window.requestIdleCallback === \"function\") {\n      const handle = window.requestIdleCallback(prefetch);\n      return () => window.cancelIdleCallback(handle);\n    }\n    const handle = window.setTimeout(prefetch, 1500);\n    return () => window.clearTimeout(handle);\n  }, []);\n  const context = useMemo(\n    () => ({\n      ...overlay,\n      presentation: resolved,\n      swipeDirection:\n        swipeDirection ?? (resolved === \"sheet\" ? \"right\" : \"down\"),\n      contentId,\n      setContentId,\n      trigger,\n    }),\n    [overlay, resolved, swipeDirection, contentId],\n  );\n  return (\n    <Context.Provider value={context}>\n      {part(\"div\", props, overlay, {\n        \"data-state\": overlay.isOpen ? \"open\" : \"closed\",\n        \"data-presentation\": resolved,\n      })}\n    </Context.Provider>\n  );\n}\nconst Trigger = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Trigger(props, ref) {\n    const ctx = useContextValue();\n    return part(\n      \"button\",\n      props,\n      ctx,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": ctx.isOpen,\n        \"aria-controls\": ctx.contentId,\n        \"data-state\": ctx.isOpen ? \"open\" : \"closed\",\n        onPointerEnter: prefetch,\n        onFocus: prefetch,\n        onClick: () => ctx.open(),\n      },\n      composeRefs(ref, (node: HTMLElement | null) => {\n        ctx.trigger.current = node;\n      }),\n    );\n  },\n);\nexport type OverlayContentProps = PartProps<OverlayState> & {\n  /** Runs on Escape. Call `event.preventDefault()` to keep the overlay open. */\n  onEscape?: (event: KeyboardEvent) => void;\n  /** Runs on an outside pointer press or focus. Call `event.preventDefault()` to keep the overlay open. */\n  onInteractOutside?: (event: Event) => void;\n  /** Keep the content mounted while closed, for exit animations driven by `data-state`. */\n  forceMount?: true;\n  /** Where to mount the content. Defaults to `document.body`. */\n  container?: HTMLElement | null;\n};\nconst Content = forwardRef<HTMLElement, OverlayContentProps>(function Content(\n  { onEscape, onInteractOutside, forceMount, container, ...props },\n  ref,\n) {\n  const ctx = useContextValue();\n  const [engine, setEngine] = useState(engineModule);\n  // Once opened, the surface stays mounted so the engine can play exit transitions.\n  const [opened, setOpened] = useState(ctx.isOpen);\n  if (ctx.isOpen && !opened) {\n    setOpened(true);\n  }\n  const customId = partId(props as Parameters<typeof partId>[0]);\n  const { setContentId } = ctx;\n  useEffect(() => {\n    if (customId) {\n      setContentId(customId);\n    }\n  }, [customId, setContentId]);\n  useEffect(() => {\n    if (engine || !(ctx.isOpen || forceMount)) {\n      return undefined;\n    }\n    let live = true;\n    void loadOverlayEngine().then(\n      (module) => {\n        if (live) {\n          setEngine(module);\n        }\n      },\n      () => {},\n    );\n    return () => {\n      live = false;\n    };\n  }, [engine, ctx.isOpen, forceMount]);\n  if (!engine || (!opened && !forceMount)) {\n    return null;\n  }\n  return (\n    <EngineContext.Provider value={engine}>\n      <engine.Surface\n        open={ctx.isOpen}\n        presentation={ctx.presentation}\n        swipeDirection={ctx.swipeDirection}\n        contentId={ctx.contentId}\n        trigger={ctx.trigger}\n        onOpen={() => ctx.open()}\n        onClose={ctx.close}\n        onEscape={onEscape}\n        onInteractOutside={onInteractOutside}\n        forceMount={forceMount}\n        container={container}\n        state={ctx}\n        contentProps={props as PartProps<never>}\n        contentRef={ref}\n      />\n    </EngineContext.Provider>\n  );\n});\nfunction useEngine() {\n  const engine = useContext(EngineContext);\n  if (!engine) {\n    throw new Error(\n      \"Overlay.Title and Overlay.Close must be inside Overlay.Content\",\n    );\n  }\n  return engine;\n}\nconst Title = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Title(props, ref) {\n    const ctx = useContextValue();\n    const { EngineTitle } = useEngine();\n    return (\n      <EngineTitle {...(props as PartProps<unknown>)} state={ctx} ref={ref} />\n    );\n  },\n);\nconst Close = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Close(props, ref) {\n    const ctx = useContextValue();\n    const { EngineClose } = useEngine();\n    return (\n      <EngineClose {...(props as PartProps<unknown>)} state={ctx} ref={ref} />\n    );\n  },\n);\n/**\n * Composable dialog, drawer and sheet parts with URL-backed open state and a lazy modal engine.\n * Use Root, Trigger, Content, Title and Close to connect history, focus handling and dismissal.\n */\nexport const Overlay = { Root, Trigger, Content, Title, Close };\n"],
-  "mappings": "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",
-  "names": ["handle", "Trigger", "Content", "Title", "Close"]
+  "sourcesContent": ["\"use client\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from \"react\";\nimport { createPortal, flushSync } from \"react-dom\";\nimport { composeRefs, part, partId, type PartProps } from \"../internal/slot\";\nimport type { Presentation, SwipeDirection } from \"./engine\";\nimport {\n  closeOverlay,\n  locationSnapshot,\n  openOverlay,\n  subscribeLocation,\n  type CloseOptions,\n  type OverlayQuery,\n} from \"./history\";\n\ntype EngineModule = typeof import(\"./engine\");\nlet engineModule: EngineModule | undefined;\nlet enginePromise: Promise<EngineModule> | undefined;\n/**\n * Load the overlay engine (Base UI dialog and drawer). It is a separate chunk, prefetched once\n * the page has loaded and the browser is idle, and on trigger hover/focus, so it is ready by\n * the first open.\n */\nexport function loadOverlayEngine(): Promise<EngineModule> {\n  enginePromise ??= import(\"./engine\").then(\n    (module) => (engineModule = module),\n    (error: unknown) => {\n      // A failed chunk load (e.g. offline) must not poison later opens.\n      enginePromise = undefined;\n      throw error;\n    },\n  );\n  return enginePromise;\n}\n\n/**\n * Control an overlay whose open state is stored in a URL query parameter.\n *\n * @param param - The query parameter to read and update.\n * @param id - The value that identifies this overlay as open.\n * @param options - Fallback query values and query parameters to omit when closing.\n * @returns Reactive open state and history-backed open and close actions.\n */\nexport function useOverlay(param: string, id: string, options?: CloseOptions) {\n  const search = useSyncExternalStore(\n    subscribeLocation,\n    locationSnapshot,\n    () => \"\",\n  );\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  const open = useCallback(\n    (query?: OverlayQuery) => openOverlay(param, id, query),\n    [param, id],\n  );\n  const close = useCallback(\n    () => closeOverlay(param, id, optionsRef.current),\n    [param, id],\n  );\n  return useMemo(\n    () => ({\n      isOpen: new URLSearchParams(search).get(param) === id,\n      open,\n      close,\n    }),\n    [search, param, id, open, close],\n  );\n}\n\n/** Tailwind's default min-width breakpoints. */\nconst BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 } as const;\nexport type ResponsivePresentation =\n  | Presentation\n  | ({ base: Presentation } & Partial<\n      Record<keyof typeof BREAKPOINTS, Presentation>\n    >);\n/** Choose a presentation using media queries. The server renders `base`. */\nfunction usePresentation(value: ResponsivePresentation): Presentation {\n  // Serialise so inline objects don't resubscribe on every render.\n  const key = typeof value === \"string\" ? value : JSON.stringify(value);\n  const resolve = useCallback((): Presentation => {\n    const parsed = (\n      key.startsWith(\"{\") ? JSON.parse(key) : key\n    ) as ResponsivePresentation;\n    if (typeof parsed === \"string\") {\n      return parsed;\n    }\n    let current = parsed.base;\n    for (const [name, width] of Object.entries(BREAKPOINTS)) {\n      const at = parsed[name as keyof typeof BREAKPOINTS];\n      if (at && window.matchMedia(`(min-width: ${width}px)`).matches) {\n        current = at;\n      }\n    }\n    return current;\n  }, [key]);\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      if (!key.startsWith(\"{\")) {\n        return () => {};\n      }\n      const queries = Object.values(BREAKPOINTS).map((width) =>\n        window.matchMedia(`(min-width: ${width}px)`),\n      );\n      queries.forEach((query) => query.addEventListener(\"change\", onChange));\n      return () =>\n        queries.forEach((query) =>\n          query.removeEventListener(\"change\", onChange),\n        );\n    },\n    [key],\n  );\n  return useSyncExternalStore(subscribe, resolve, () =>\n    typeof value === \"string\" ? value : value.base,\n  );\n}\n\ntype OverlayState = ReturnType<typeof useOverlay>;\ntype OverlayContext = OverlayState & {\n  presentation: Presentation;\n  swipeDirection: SwipeDirection;\n  contentId: string;\n  setContentId: (id: string) => void;\n  trigger: { current: HTMLElement | null };\n};\nconst Context = createContext<OverlayContext | null>(null);\nfunction useContextValue() {\n  const value = useContext(Context);\n  if (!value) {\n    throw new Error(\"Overlay parts require Overlay.Root\");\n  }\n  return value;\n}\nconst prefetch = () => void loadOverlayEngine().catch(() => {});\n\n// The prefetch is scheduled when this module loads, not when an Overlay.Root mounts: a template\n// that loads its overlay with deferred() mounts the Root only on the tap, which would leave the\n// engine's download inside the open. Waiting for the load event keeps it out of the page load.\nfunction prefetchWhenIdle() {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n  const schedule = () => {\n    if (engineModule) {\n      return;\n    }\n    if (typeof window.requestIdleCallback === \"function\") {\n      window.requestIdleCallback(prefetch);\n    } else {\n      window.setTimeout(prefetch, 1500);\n    }\n  };\n  if (document.readyState === \"complete\") {\n    schedule();\n  } else {\n    window.addEventListener(\"load\", schedule, { once: true });\n  }\n}\nprefetchWhenIdle();\n\n/**\n * The URL is the only open state. The engine (Base UI) supplies the modal mechanics: portal,\n * focus scope, scroll lock, outside and Escape dismissal, exit presence and, for drawers and\n * sheets, swipe-to-dismiss. Every open or close it requests goes through the history core.\n */\nfunction Root({\n  param,\n  id,\n  presentation = \"dialog\",\n  swipeDirection,\n  fallback,\n  omitParams,\n  navigation,\n  ...props\n}: PartProps<OverlayState> & {\n  param: string;\n  id: string;\n  /** Your URL adapter for overlays whose open state lives in the path. */\n  navigation?: OverlayState;\n  /** A `dialog`, swipeable `drawer` or `sheet`. Use `{ base, sm, md, lg, xl }` for responsive layouts. */\n  presentation?: ResponsivePresentation;\n  /** Swipe direction to dismiss. Defaults to `down` for drawers and `right` for sheets. */\n  swipeDirection?: SwipeDirection;\n} & CloseOptions) {\n  const queryOverlay = useOverlay(param, id, { fallback, omitParams });\n  const overlay = navigation ?? queryOverlay;\n  const resolved = usePresentation(presentation);\n  const generated = useId();\n  const [contentId, setContentId] = useState(`zappie-overlay-${generated}`);\n  const trigger = useRef<HTMLElement | null>(null);\n  const context = useMemo(\n    () => ({\n      ...overlay,\n      presentation: resolved,\n      swipeDirection:\n        swipeDirection ?? (resolved === \"sheet\" ? \"right\" : \"down\"),\n      contentId,\n      setContentId,\n      trigger,\n    }),\n    [overlay, resolved, swipeDirection, contentId],\n  );\n  return (\n    <Context.Provider value={context}>\n      {part(\"div\", props, overlay, {\n        \"data-state\": overlay.isOpen ? \"open\" : \"closed\",\n        \"data-presentation\": resolved,\n      })}\n    </Context.Provider>\n  );\n}\nconst Trigger = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Trigger(props, ref) {\n    const ctx = useContextValue();\n    return part(\n      \"button\",\n      props,\n      ctx,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": ctx.isOpen,\n        \"aria-controls\": ctx.contentId,\n        \"data-state\": ctx.isOpen ? \"open\" : \"closed\",\n        onPointerEnter: prefetch,\n        onFocus: prefetch,\n        onClick: () => ctx.open(),\n      },\n      composeRefs(ref, (node: HTMLElement | null) => {\n        ctx.trigger.current = node;\n      }),\n    );\n  },\n);\nexport type OverlayContentProps = PartProps<OverlayState> & {\n  /** Runs on Escape. Call `event.preventDefault()` to keep the overlay open. */\n  onEscape?: (event: KeyboardEvent) => void;\n  /** Runs on an outside pointer press or focus. Call `event.preventDefault()` to keep the overlay open. */\n  onInteractOutside?: (event: Event) => void;\n  /** Keep the content mounted while closed, for exit animations driven by `data-state`. */\n  forceMount?: true;\n  /** Where to mount the content. Defaults to `document.body`. */\n  container?: HTMLElement | null;\n};\n\ntype EngineKind = \"dialog\" | \"drawer\";\nconst engineKind = (presentation: Presentation): EngineKind =>\n  presentation === \"dialog\" ? \"dialog\" : \"drawer\";\n/** The engine paths (Base UI's dialog, or its drawer) that have opened on this page. */\nconst warmed = new Set<EngineKind>();\n/** Whether the engine owns the content around a nested Root yet. */\nconst ContentContext = createContext<{ attached: boolean } | null>(null);\n// Everything a shopper can do to the page while the frame waits for the engine.\nconst HELD_EVENTS = [\n  \"pointerdown\",\n  \"mousedown\",\n  \"touchstart\",\n  \"click\",\n  \"keydown\",\n  \"wheel\",\n  \"touchmove\",\n] as const;\ntype StartTimes = Map<string, CSSNumberish | null>;\nconst animationsOf = (node: Element | null | undefined) =>\n  typeof node?.getAnimations === \"function\" ? node.getAnimations() : [];\n/** The start time of each CSS animation running on a node, by animation name. */\nfunction startTimes(node: Element | null | undefined): StartTimes {\n  const times: StartTimes = new Map();\n  for (const animation of animationsOf(node)) {\n    if (\"animationName\" in animation) {\n      times.set((animation as CSSAnimation).animationName, animation.startTime);\n    }\n  }\n  return times;\n}\n/** Carry the frame's running animations over to the engine's nodes, so they don't restart. */\nfunction resume(node: Element | null | undefined, times: StartTimes) {\n  for (const animation of animationsOf(node)) {\n    const start =\n      \"animationName\" in animation\n        ? times.get((animation as CSSAnimation).animationName)\n        : undefined;\n    if (start !== undefined && start !== null) {\n      animation.startTime = start;\n    }\n  }\n}\n\ntype FrameProps = {\n  ctx: OverlayContext;\n  contentProps: PartProps<never>;\n  contentRef: Ref<HTMLElement>;\n  container: HTMLElement | null | undefined;\n  onEscape: ((event: KeyboardEvent) => void) | undefined;\n  onInteractOutside: ((event: Event) => void) | undefined;\n  onAttach: (times: [StartTimes, StartTimes]) => void;\n};\n/**\n * The overlay's first frame on a page: its backdrop and its panel with the content, in the\n * engine's markup, painted without the engine. The first open on a page runs Base UI's and\n * React DOM's modal code for the first time, and V8 compiles it then, which takes several\n * frames on a slow phone. The frame paints on the tap and the engine replaces it at the start\n * of the next frame, so that work lands after the overlay is on screen.\n *\n * Until the engine is in, the frame is hidden from assistive technology and takes no input:\n * every key, press and scroll is held, so focus stays on the trigger and nothing on the page\n * can be reached. Escape and an outside press still close it, through the same callbacks.\n */\nfunction Frame({\n  ctx,\n  contentProps,\n  contentRef,\n  container,\n  onEscape,\n  onInteractOutside,\n  onAttach,\n}: FrameProps) {\n  const backdrop = useRef<HTMLDivElement>(null);\n  const popup = useRef<HTMLElement | null>(null);\n  const latest = useRef({ onEscape, onInteractOutside, onAttach, ctx });\n  latest.current = { onEscape, onInteractOutside, onAttach, ctx };\n  useLayoutEffect(() => {\n    const dismiss = (\n      callback: ((event: never) => void) | undefined,\n      event: Event,\n    ) => {\n      callback?.(event as never);\n      if (!(callback && event.defaultPrevented)) {\n        latest.current.ctx.close();\n      }\n    };\n    const hold = (event: Event) => {\n      const inside =\n        event.target instanceof Node && popup.current?.contains(event.target);\n      if (\n        event.type === \"keydown\" &&\n        (event as KeyboardEvent).key === \"Escape\"\n      ) {\n        dismiss(latest.current.onEscape, event);\n      } else if (event.type === \"pointerdown\" && !inside) {\n        dismiss(latest.current.onInteractOutside, event);\n      }\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n      event.stopImmediatePropagation();\n    };\n    for (const type of HELD_EVENTS) {\n      window.addEventListener(type, hold, { capture: true, passive: false });\n    }\n    // The first callback runs before this frame paints; the second starts the next frame.\n    let live = true;\n    let frame = requestAnimationFrame(() => {\n      frame = requestAnimationFrame(() => {\n        if (live) {\n          latest.current.onAttach([\n            startTimes(backdrop.current),\n            startTimes(popup.current),\n          ]);\n        }\n      });\n    });\n    return () => {\n      live = false;\n      cancelAnimationFrame(frame);\n      for (const type of HELD_EVENTS) {\n        window.removeEventListener(type, hold, { capture: true });\n      }\n    };\n  }, []);\n  const { presentation, swipeDirection } = ctx;\n  const drawer = presentation !== \"dialog\";\n  const { id: _ownId, ...rest } = contentProps as PartProps<never> & {\n    id?: string;\n  };\n  const id = partId(contentProps as Parameters<typeof partId>[0]);\n  const panel = part(\n    \"div\",\n    rest as PartProps<unknown>,\n    ctx,\n    {\n      \"data-open\": \"\",\n      ...(drawer ? { \"data-swipe-direction\": swipeDirection } : {}),\n      id: id ?? ctx.contentId,\n      role: \"dialog\",\n      tabIndex: -1,\n      style: drawer\n        ? {\n            \"--drawer-swipe-movement-x\": \"0px\",\n            \"--drawer-swipe-movement-y\": \"0px\",\n            \"--drawer-swipe-progress\": 0,\n            \"--nested-drawers\": 0,\n            \"--drawer-snap-point-offset\": \"0px\",\n            \"--drawer-swipe-strength\": 1,\n          }\n        : { \"--nested-dialogs\": 0 },\n      \"aria-modal\": true,\n      \"data-presentation\": presentation,\n      \"data-state\": \"open\",\n      // The engine's panel replaces this one on the next frame and is the one announced.\n      \"aria-hidden\": true,\n    },\n    composeRefs(contentRef, (node: HTMLElement | null) => {\n      popup.current = node;\n    }),\n  );\n  return createPortal(\n    <div data-zappie-overlay-frame=\"\">\n      <div\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        style={{ position: \"fixed\", inset: 0, userSelect: \"none\" }}\n      />\n      <div\n        ref={backdrop}\n        data-open=\"\"\n        role=\"presentation\"\n        style={\n          {\n            userSelect: \"none\",\n            ...(drawer\n              ? { \"--drawer-swipe-progress\": 0, \"--drawer-swipe-strength\": 1 }\n              : {}),\n          } as CSSProperties\n        }\n        data-zappie-backdrop=\"\"\n        data-presentation={presentation}\n        data-state=\"open\"\n        aria-hidden=\"true\"\n      />\n      {drawer ? (\n        <div\n          data-open=\"\"\n          role=\"presentation\"\n          style={{ \"--drawer-keyboard-inset\": \"0px\" } as CSSProperties}\n        >\n          {panel}\n        </div>\n      ) : (\n        panel\n      )}\n    </div>,\n    container ?? document.body,\n  );\n}\n\ntype Phase = \"closed\" | \"frame\" | \"engine\";\nconst Content = forwardRef<HTMLElement, OverlayContentProps>(function Content(\n  { onEscape, onInteractOutside, forceMount, container, ...props },\n  ref,\n) {\n  const ctx = useContextValue();\n  const parent = useContext(ContentContext);\n  const [loaded, setEngine] = useState(engineModule);\n  // Content that mounted before the idle prefetch finished still sees the engine once it is in.\n  const engine = loaded ?? engineModule;\n  // A page's first open of each engine path paints a frame first; see Frame. Nested overlays\n  // open inside an engine that is already running, and a forced mount has no tap to answer.\n  const firstPhase = (): Phase =>\n    !forceMount &&\n    ctx.isOpen &&\n    !parent &&\n    !warmed.has(engineKind(ctx.presentation))\n      ? \"frame\"\n      : \"engine\";\n  // Once the engine is in, the surface stays mounted so it can play exit transitions.\n  const [phase, setPhase] = useState<Phase>(() =>\n    engine && (ctx.isOpen || forceMount) ? firstPhase() : \"closed\",\n  );\n  if (phase === \"closed\" && engine && (ctx.isOpen || forceMount)) {\n    setPhase(firstPhase());\n  }\n  if (phase === \"frame\" && !ctx.isOpen) {\n    setPhase(\"closed\");\n  }\n  const customId = partId(props as Parameters<typeof partId>[0]);\n  const { setContentId } = ctx;\n  useEffect(() => {\n    if (customId) {\n      setContentId(customId);\n    }\n  }, [customId, setContentId]);\n  useEffect(() => {\n    if (engine || !(ctx.isOpen || forceMount)) {\n      return undefined;\n    }\n    let live = true;\n    void loadOverlayEngine().then(\n      (module) => {\n        if (live) {\n          // The engine arrived after the open, so it paints the overlay itself.\n          setEngine(module);\n          setPhase((current) => (current === \"closed\" ? \"engine\" : current));\n        }\n      },\n      () => {},\n    );\n    return () => {\n      live = false;\n    };\n  }, [engine, ctx.isOpen, forceMount]);\n  const kind = engineKind(ctx.presentation);\n  useEffect(() => {\n    if (phase === \"engine\" && ctx.isOpen) {\n      warmed.add(kind);\n    }\n  }, [phase, ctx.isOpen, kind]);\n  const panel = useRef<HTMLElement | null>(null);\n  const engineRef = useMemo(\n    () =>\n      composeRefs(ref, (node: HTMLElement | null) => {\n        panel.current = node;\n      }),\n    [ref],\n  );\n  const attach = useCallback(([backdrop, popup]: [StartTimes, StartTimes]) => {\n    flushSync(() => setPhase(\"engine\"));\n    const node = panel.current;\n    resume(node, popup);\n    resume(\n      node\n        ?.closest(\"[data-base-ui-portal]\")\n        ?.querySelector(\"[data-zappie-backdrop]\"),\n      backdrop,\n    );\n  }, []);\n  const attached = useMemo(() => ({ attached: phase === \"engine\" }), [phase]);\n  if (!engine || phase === \"closed\" || (parent && !parent.attached)) {\n    return null;\n  }\n  if (phase === \"frame\") {\n    return (\n      <ContentContext.Provider value={attached}>\n        <PartsContext.Provider value={frameParts}>\n          <Frame\n            ctx={ctx}\n            contentProps={props as PartProps<never>}\n            contentRef={ref}\n            container={container}\n            onEscape={onEscape}\n            onInteractOutside={onInteractOutside}\n            onAttach={attach}\n          />\n        </PartsContext.Provider>\n      </ContentContext.Provider>\n    );\n  }\n  return (\n    <ContentContext.Provider value={attached}>\n      <PartsContext.Provider value={engine}>\n        <engine.Surface\n          open={ctx.isOpen}\n          presentation={ctx.presentation}\n          swipeDirection={ctx.swipeDirection}\n          contentId={ctx.contentId}\n          trigger={ctx.trigger}\n          onOpen={() => ctx.open()}\n          onClose={ctx.close}\n          onEscape={onEscape}\n          onInteractOutside={onInteractOutside}\n          forceMount={forceMount}\n          container={container}\n          state={ctx}\n          contentProps={props as PartProps<never>}\n          contentRef={engineRef}\n        />\n      </PartsContext.Provider>\n    </ContentContext.Provider>\n  );\n});\n\ntype PartComponent = EngineModule[\"EngineTitle\"];\ntype Parts = { EngineTitle: PartComponent; EngineClose: PartComponent };\ntype FramePartProps = PartProps<unknown> & { state: unknown };\n/** Title and Close for the content: the engine's, or the frame's inert stand-ins. */\nconst PartsContext = createContext<Parts | null>(null);\nconst frameParts: Parts = {\n  EngineTitle: forwardRef<HTMLElement, FramePartProps>(function FrameTitle(\n    { state, ...props },\n    ref,\n  ) {\n    return part(\"h2\", props, state, {}, ref);\n  }),\n  EngineClose: forwardRef<HTMLElement, FramePartProps>(function FrameClose(\n    { state, ...props },\n    ref,\n  ) {\n    return part(\"button\", props, state, { type: \"button\" }, ref);\n  }),\n};\nfunction useEngine() {\n  const parts = useContext(PartsContext);\n  if (!parts) {\n    throw new Error(\n      \"Overlay.Title and Overlay.Close must be inside Overlay.Content\",\n    );\n  }\n  return parts;\n}\nconst Title = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Title(props, ref) {\n    const ctx = useContextValue();\n    const { EngineTitle } = useEngine();\n    return (\n      <EngineTitle {...(props as PartProps<unknown>)} state={ctx} ref={ref} />\n    );\n  },\n);\nconst Close = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Close(props, ref) {\n    const ctx = useContextValue();\n    const { EngineClose } = useEngine();\n    return (\n      <EngineClose {...(props as PartProps<unknown>)} state={ctx} ref={ref} />\n    );\n  },\n);\n/**\n * Composable dialog, drawer and sheet parts with URL-backed open state and a lazy modal engine.\n * Use Root, Trigger, Content, Title and Close to connect history, focus handling and dismissal.\n */\nexport const Overlay = { Root, Trigger, Content, Title, Close };\n"],
+  "mappings": "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",
+  "names": ["Trigger", "Content", "Title", "Close"]
 }

package/dist/version.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var PACKAGE_VERSION = true ? "0.1.3" : "0.0.0-development";
+var PACKAGE_VERSION = true ? "0.1.5" : "0.0.0-development";
 export {
   PACKAGE_VERSION
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zappie/foundations",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "UI-less React primitives for Zappie storefronts: behaviour, state and accessibility without styles.",
   "type": "module",
   "sideEffects": false,
@@ -32,7 +32,8 @@
   ],
   "dependencies": {
     "@base-ui/react": "^1.8.0",
-    "@zappie/sdk": "^0.1.7"
+    "@googlemaps/markerclusterer": "^2.6.2",
+    "@zappie/sdk": "^0.1.9"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",