@umamichi-ui/common-components 0.1.0

package/dist/overlay/OverlayStackProvider.js

@@ -0,0 +1,120 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useMemo, useEffect, useContext, createContext } from "react";
+import { pushOverlayHistoryState } from "./overlayHistory.js";
+import { computeOverlayZIndex } from "./overlayStackTypes.js";
+const OverlayStackContext = createContext(null);
+const isEditableTarget = (target) => {
+  if (!(target instanceof HTMLElement)) {
+    return false;
+  }
+  return target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement || target.isContentEditable;
+};
+function OverlayStackProvider({ children }) {
+  const entriesRef = useRef(/* @__PURE__ */ new Map());
+  const orderRef = useRef([]);
+  const historyActiveIdsRef = useRef(/* @__PURE__ */ new Set());
+  const ignoreNextPopstateRef = useRef(false);
+  const [order, setOrder] = useState([]);
+  orderRef.current = order;
+  const register = useCallback((entry) => {
+    entriesRef.current.set(entry.id, entry);
+    setOrder((prev) => {
+      const without = prev.filter((entryId) => entryId !== entry.id);
+      return [...without, entry.id];
+    });
+  }, []);
+  const unregister = useCallback((id) => {
+    entriesRef.current.delete(id);
+    setOrder((prev) => prev.filter((entryId) => entryId !== id));
+  }, []);
+  const pushOverlayHistory = useCallback((id) => {
+    if (historyActiveIdsRef.current.has(id)) {
+      return;
+    }
+    historyActiveIdsRef.current.add(id);
+    pushOverlayHistoryState(id);
+  }, []);
+  const syncOverlayHistoryOnUiClose = useCallback((id) => {
+    if (!historyActiveIdsRef.current.has(id)) {
+      return;
+    }
+    historyActiveIdsRef.current.delete(id);
+    ignoreNextPopstateRef.current = true;
+    history.back();
+  }, []);
+  const acknowledgeOverlayHistoryPop = useCallback((id) => {
+    historyActiveIdsRef.current.delete(id);
+  }, []);
+  const topId = order[order.length - 1] ?? null;
+  const value = useMemo(
+    () => ({
+      register,
+      unregister,
+      isTop: (id) => topId === id,
+      getZIndex: (id) => {
+        const index = order.indexOf(id);
+        return computeOverlayZIndex(index < 0 ? 0 : index);
+      },
+      pushOverlayHistory,
+      syncOverlayHistoryOnUiClose,
+      acknowledgeOverlayHistoryPop
+    }),
+    [
+      acknowledgeOverlayHistoryPop,
+      order,
+      pushOverlayHistory,
+      register,
+      syncOverlayHistoryOnUiClose,
+      topId,
+      unregister
+    ]
+  );
+  useEffect(() => {
+    const onPopState = () => {
+      if (ignoreNextPopstateRef.current) {
+        ignoreNextPopstateRef.current = false;
+        return;
+      }
+      const top = orderRef.current[orderRef.current.length - 1];
+      if (!top) {
+        return;
+      }
+      const entry = entriesRef.current.get(top);
+      if (!entry) {
+        return;
+      }
+      acknowledgeOverlayHistoryPop(top);
+      entry.onDismiss();
+    };
+    window.addEventListener("popstate", onPopState);
+    return () => window.removeEventListener("popstate", onPopState);
+  }, [acknowledgeOverlayHistoryPop]);
+  useEffect(() => {
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape" || isEditableTarget(event.target)) {
+        return;
+      }
+      const top = topId ? entriesRef.current.get(topId) : void 0;
+      if (!top || top.dismissOnEscape === false) {
+        return;
+      }
+      event.preventDefault();
+      top.onDismiss();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [topId]);
+  return /* @__PURE__ */ jsx(OverlayStackContext.Provider, { value, children });
+}
+function useOverlayStack() {
+  const context = useContext(OverlayStackContext);
+  if (!context) {
+    throw new Error("useOverlayStack must be used within OverlayStackProvider");
+  }
+  return context;
+}
+export {
+  OverlayStackProvider,
+  useOverlayStack
+};
+//# sourceMappingURL=OverlayStackProvider.js.map

package/dist/overlay/OverlayStackProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayStackProvider.js","sources":["../../src/overlay/OverlayStackProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { pushOverlayHistoryState } from './overlayHistory';\nimport { computeOverlayZIndex, type OverlayStackEntry } from './overlayStackTypes';\n\ntype OverlayStackContextValue = {\n  register: (entry: OverlayStackEntry) => void;\n  unregister: (id: string) => void;\n  isTop: (id: string) => boolean;\n  getZIndex: (id: string) => number;\n  pushOverlayHistory: (id: string) => void;\n  syncOverlayHistoryOnUiClose: (id: string) => void;\n  acknowledgeOverlayHistoryPop: (id: string) => void;\n};\n\nconst OverlayStackContext = createContext<OverlayStackContextValue | null>(null);\n\nconst isEditableTarget = (target: EventTarget | null) => {\n  if (!(target instanceof HTMLElement)) {\n    return false;\n  }\n\n  return (\n    target instanceof HTMLInputElement ||\n    target instanceof HTMLTextAreaElement ||\n    target instanceof HTMLSelectElement ||\n    target.isContentEditable\n  );\n};\n\nexport function OverlayStackProvider({ children }: { children: ReactNode }) {\n  const entriesRef = useRef(new Map<string, OverlayStackEntry>());\n  const orderRef = useRef<string[]>([]);\n  const historyActiveIdsRef = useRef(new Set<string>());\n  const ignoreNextPopstateRef = useRef(false);\n  const [order, setOrder] = useState<string[]>([]);\n\n  orderRef.current = order;\n\n  const register = useCallback((entry: OverlayStackEntry) => {\n    entriesRef.current.set(entry.id, entry);\n    setOrder((prev) => {\n      const without = prev.filter((entryId) => entryId !== entry.id);\n      return [...without, entry.id];\n    });\n  }, []);\n\n  const unregister = useCallback((id: string) => {\n    entriesRef.current.delete(id);\n    setOrder((prev) => prev.filter((entryId) => entryId !== id));\n  }, []);\n\n  const pushOverlayHistory = useCallback((id: string) => {\n    if (historyActiveIdsRef.current.has(id)) {\n      return;\n    }\n\n    historyActiveIdsRef.current.add(id);\n    pushOverlayHistoryState(id);\n  }, []);\n\n  const syncOverlayHistoryOnUiClose = useCallback((id: string) => {\n    if (!historyActiveIdsRef.current.has(id)) {\n      return;\n    }\n\n    historyActiveIdsRef.current.delete(id);\n    ignoreNextPopstateRef.current = true;\n    history.back();\n  }, []);\n\n  const acknowledgeOverlayHistoryPop = useCallback((id: string) => {\n    historyActiveIdsRef.current.delete(id);\n  }, []);\n\n  const topId = order[order.length - 1] ?? null;\n\n  const value = useMemo<OverlayStackContextValue>(\n    () => ({\n      register,\n      unregister,\n      isTop: (id) => topId === id,\n      getZIndex: (id) => {\n        const index = order.indexOf(id);\n        return computeOverlayZIndex(index < 0 ? 0 : index);\n      },\n      pushOverlayHistory,\n      syncOverlayHistoryOnUiClose,\n      acknowledgeOverlayHistoryPop,\n    }),\n    [\n      acknowledgeOverlayHistoryPop,\n      order,\n      pushOverlayHistory,\n      register,\n      syncOverlayHistoryOnUiClose,\n      topId,\n      unregister,\n    ],\n  );\n\n  useEffect(() => {\n    const onPopState = () => {\n      if (ignoreNextPopstateRef.current) {\n        ignoreNextPopstateRef.current = false;\n        return;\n      }\n\n      const top = orderRef.current[orderRef.current.length - 1];\n\n      if (!top) {\n        return;\n      }\n\n      const entry = entriesRef.current.get(top);\n\n      if (!entry) {\n        return;\n      }\n\n      acknowledgeOverlayHistoryPop(top);\n      entry.onDismiss();\n    };\n\n    window.addEventListener('popstate', onPopState);\n    return () => window.removeEventListener('popstate', onPopState);\n  }, [acknowledgeOverlayHistoryPop]);\n\n  useEffect(() => {\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape' || isEditableTarget(event.target)) {\n        return;\n      }\n\n      const top = topId ? entriesRef.current.get(topId) : undefined;\n\n      if (!top || top.dismissOnEscape === false) {\n        return;\n      }\n\n      event.preventDefault();\n      top.onDismiss();\n    };\n\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [topId]);\n\n  return <OverlayStackContext.Provider value={value}>{children}</OverlayStackContext.Provider>;\n}\n\nexport function useOverlayStack() {\n  const context = useContext(OverlayStackContext);\n\n  if (!context) {\n    throw new Error('useOverlayStack must be used within OverlayStackProvider');\n  }\n\n  return context;\n}\n"],"names":[],"mappings":"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"}

package/dist/overlay/SiteOverlayBackdrop.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export type SiteOverlayAlign = 'centered' | 'top' | 'bottom';
+export type SiteOverlayBackdropProps = {
+    open: boolean;
+    overlayId: string;
+    align?: SiteOverlayAlign;
+    onDismiss: () => void;
+    onExited?: () => void;
+    dismissOnEscape?: boolean;
+    children: ReactNode;
+};
+export declare function SiteOverlayBackdrop({ open, overlayId, align, onDismiss, onExited, dismissOnEscape, children, }: SiteOverlayBackdropProps): import("react").ReactPortal | null;
+//# sourceMappingURL=SiteOverlayBackdrop.d.ts.map

package/dist/overlay/SiteOverlayBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteOverlayBackdrop.d.ts","sourceRoot":"","sources":["../../src/overlay/SiteOverlayBackdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAC;AAQ7D,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,KAAkB,EAClB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,QAAQ,GACT,EAAE,wBAAwB,sCA0C1B"}

package/dist/overlay/SiteOverlayBackdrop.js

@@ -0,0 +1,62 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useOverlayPresence, withOverlayOpen } from "../presence/useOverlayPresence.js";
+import { useOverlayStackEntry } from "./useOverlayStackEntry.js";
+const alignClassName = {
+  centered: "site-overlay-backdrop site-overlay-backdrop--centered",
+  top: "site-overlay-backdrop site-overlay-backdrop--top",
+  bottom: "site-overlay-backdrop site-overlay-backdrop--bottom"
+};
+function SiteOverlayBackdrop({
+  open,
+  overlayId,
+  align = "centered",
+  onDismiss,
+  onExited,
+  dismissOnEscape = true,
+  children
+}) {
+  const { mounted, isOpen, overlayRef } = useOverlayPresence(open);
+  const { isBackdropActive, zIndex } = useOverlayStackEntry({
+    id: overlayId,
+    open,
+    onDismiss,
+    dismissOnEscape
+  });
+  useEffect(() => {
+    if (!mounted) {
+      onExited?.();
+    }
+  }, [mounted, onExited]);
+  if (!mounted) {
+    return null;
+  }
+  const onBackdropClick = (event) => {
+    if (!isBackdropActive || event.target !== event.currentTarget) {
+      return;
+    }
+    onDismiss();
+  };
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: overlayRef,
+        className: withOverlayOpen(
+          `${alignClassName[align]}${isBackdropActive ? "" : " site-overlay-backdrop-inactive"}`,
+          isOpen
+        ),
+        style: { zIndex },
+        role: "presentation",
+        onClick: onBackdropClick,
+        children
+      }
+    ),
+    document.body
+  );
+}
+export {
+  SiteOverlayBackdrop
+};
+//# sourceMappingURL=SiteOverlayBackdrop.js.map

package/dist/overlay/SiteOverlayBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteOverlayBackdrop.js","sources":["../../src/overlay/SiteOverlayBackdrop.tsx"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlayPresence, withOverlayOpen } from '../presence/useOverlayPresence';\nimport { useOverlayStackEntry } from './useOverlayStackEntry';\n\nexport type SiteOverlayAlign = 'centered' | 'top' | 'bottom';\n\nconst alignClassName: Record<SiteOverlayAlign, string> = {\n  centered: 'site-overlay-backdrop site-overlay-backdrop--centered',\n  top: 'site-overlay-backdrop site-overlay-backdrop--top',\n  bottom: 'site-overlay-backdrop site-overlay-backdrop--bottom',\n};\n\nexport type SiteOverlayBackdropProps = {\n  open: boolean;\n  overlayId: string;\n  align?: SiteOverlayAlign;\n  onDismiss: () => void;\n  onExited?: () => void;\n  dismissOnEscape?: boolean;\n  children: ReactNode;\n};\n\nexport function SiteOverlayBackdrop({\n  open,\n  overlayId,\n  align = 'centered',\n  onDismiss,\n  onExited,\n  dismissOnEscape = true,\n  children,\n}: SiteOverlayBackdropProps) {\n  const { mounted, isOpen, overlayRef } = useOverlayPresence<HTMLDivElement>(open);\n  const { isBackdropActive, zIndex } = useOverlayStackEntry({\n    id: overlayId,\n    open,\n    onDismiss,\n    dismissOnEscape,\n  });\n\n  useEffect(() => {\n    if (!mounted) {\n      onExited?.();\n    }\n  }, [mounted, onExited]);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const onBackdropClick: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (!isBackdropActive || event.target !== event.currentTarget) {\n      return;\n    }\n\n    onDismiss();\n  };\n\n  return createPortal(\n    <div\n      ref={overlayRef}\n      className={withOverlayOpen(\n        `${alignClassName[align]}${isBackdropActive ? '' : ' site-overlay-backdrop-inactive'}`,\n        isOpen,\n      )}\n      style={{ zIndex }}\n      role=\"presentation\"\n      onClick={onBackdropClick}\n    >\n      {children}\n    </div>,\n    document.body,\n  );\n}\n"],"names":[],"mappings":";;;;;AAQA,MAAM,iBAAmD;AAAA,EACvD,UAAU;AAAA,EACV,KAAK;AAAA,EACL,QAAQ;AACV;AAYO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,GAA6B;AAC3B,QAAM,EAAE,SAAS,QAAQ,WAAA,IAAe,mBAAmC,IAAI;AAC/E,QAAM,EAAE,kBAAkB,OAAA,IAAW,qBAAqB;AAAA,IACxD,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,iBAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,QAAQ,CAAC;AAEtB,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,kBAAqD,CAAC,UAAU;AACpE,QAAI,CAAC,oBAAoB,MAAM,WAAW,MAAM,eAAe;AAC7D;AAAA,IACF;AAEA,cAAA;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UACT,GAAG,eAAe,KAAK,CAAC,GAAG,mBAAmB,KAAK,iCAAiC;AAAA,UACpF;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,OAAA;AAAA,QACT,MAAK;AAAA,QACL,SAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,SAAS;AAAA,EAAA;AAEb;"}

package/dist/overlay/index.d.ts

@@ -0,0 +1,6 @@
+export { OverlayStackProvider, useOverlayStack } from './OverlayStackProvider';
+export { isOverlayHistoryState, OVERLAY_HISTORY_STATE_KEY, pushOverlayHistoryState, type OverlayHistoryState, } from './overlayHistory';
+export { computeOverlayZIndex, OVERLAY_Z_BASE, OVERLAY_Z_STEP, type OverlayStackEntry, } from './overlayStackTypes';
+export { SiteOverlayBackdrop, type SiteOverlayAlign, type SiteOverlayBackdropProps } from './SiteOverlayBackdrop';
+export { useOverlayStackEntry, type UseOverlayStackEntryOptions } from './useOverlayStackEntry';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,KAAK,iBAAiB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAClH,OAAO,EAAE,oBAAoB,EAAE,KAAK,2BAA2B,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/overlay/index.js

@@ -0,0 +1,18 @@
+import { OverlayStackProvider, useOverlayStack } from "./OverlayStackProvider.js";
+import { OVERLAY_HISTORY_STATE_KEY, isOverlayHistoryState, pushOverlayHistoryState } from "./overlayHistory.js";
+import { OVERLAY_Z_BASE, OVERLAY_Z_STEP, computeOverlayZIndex } from "./overlayStackTypes.js";
+import { SiteOverlayBackdrop } from "./SiteOverlayBackdrop.js";
+import { useOverlayStackEntry } from "./useOverlayStackEntry.js";
+export {
+  OVERLAY_HISTORY_STATE_KEY,
+  OVERLAY_Z_BASE,
+  OVERLAY_Z_STEP,
+  OverlayStackProvider,
+  SiteOverlayBackdrop,
+  computeOverlayZIndex,
+  isOverlayHistoryState,
+  pushOverlayHistoryState,
+  useOverlayStack,
+  useOverlayStackEntry
+};
+//# sourceMappingURL=index.js.map

package/dist/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/overlay/overlayHistory.d.ts

@@ -0,0 +1,8 @@
+/** `history.state` 上标记叠层条目的键，用于区分站内叠层与正常导航。 */
+export declare const OVERLAY_HISTORY_STATE_KEY: "overlayStack";
+export type OverlayHistoryState = {
+    [OVERLAY_HISTORY_STATE_KEY]: string;
+};
+export declare function isOverlayHistoryState(state: unknown): state is OverlayHistoryState;
+export declare function pushOverlayHistoryState(overlayId: string): void;
+//# sourceMappingURL=overlayHistory.d.ts.map

package/dist/overlay/overlayHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayHistory.d.ts","sourceRoot":"","sources":["../../src/overlay/overlayHistory.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,eAAO,MAAM,yBAAyB,EAAG,cAAuB,CAAC;AAEjE,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,mBAAmB,CAOlF;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,MAAM,QAGxD"}

package/dist/overlay/overlayHistory.js

@@ -0,0 +1,14 @@
+const OVERLAY_HISTORY_STATE_KEY = "overlayStack";
+function isOverlayHistoryState(state) {
+  return typeof state === "object" && state !== null && OVERLAY_HISTORY_STATE_KEY in state && typeof state[OVERLAY_HISTORY_STATE_KEY] === "string";
+}
+function pushOverlayHistoryState(overlayId) {
+  const next = { [OVERLAY_HISTORY_STATE_KEY]: overlayId };
+  history.pushState(next, "", window.location.href);
+}
+export {
+  OVERLAY_HISTORY_STATE_KEY,
+  isOverlayHistoryState,
+  pushOverlayHistoryState
+};
+//# sourceMappingURL=overlayHistory.js.map

package/dist/overlay/overlayHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayHistory.js","sources":["../../src/overlay/overlayHistory.ts"],"sourcesContent":["/** `history.state` 上标记叠层条目的键，用于区分站内叠层与正常导航。 */\nexport const OVERLAY_HISTORY_STATE_KEY = 'overlayStack' as const;\n\nexport type OverlayHistoryState = {\n  [OVERLAY_HISTORY_STATE_KEY]: string;\n};\n\nexport function isOverlayHistoryState(state: unknown): state is OverlayHistoryState {\n  return (\n    typeof state === 'object' &&\n    state !== null &&\n    OVERLAY_HISTORY_STATE_KEY in state &&\n    typeof (state as OverlayHistoryState)[OVERLAY_HISTORY_STATE_KEY] === 'string'\n  );\n}\n\nexport function pushOverlayHistoryState(overlayId: string) {\n  const next: OverlayHistoryState = { [OVERLAY_HISTORY_STATE_KEY]: overlayId };\n  history.pushState(next, '', window.location.href);\n}\n"],"names":[],"mappings":"AACO,MAAM,4BAA4B;AAMlC,SAAS,sBAAsB,OAA8C;AAClF,SACE,OAAO,UAAU,YACjB,UAAU,QACV,6BAA6B,SAC7B,OAAQ,MAA8B,yBAAyB,MAAM;AAEzE;AAEO,SAAS,wBAAwB,WAAmB;AACzD,QAAM,OAA4B,EAAE,CAAC,yBAAyB,GAAG,UAAA;AACjE,UAAQ,UAAU,MAAM,IAAI,OAAO,SAAS,IAAI;AAClD;"}

package/dist/overlay/overlayStackTypes.d.ts

@@ -0,0 +1,10 @@
+/** 叠层 z-index：1010 + 栈内序号 × 10（序号从 0 起） */
+export declare const OVERLAY_Z_BASE = 1010;
+export declare const OVERLAY_Z_STEP = 10;
+export type OverlayStackEntry = {
+    id: string;
+    onDismiss: () => void;
+    dismissOnEscape: boolean;
+};
+export declare const computeOverlayZIndex: (stackIndex: number) => number;
+//# sourceMappingURL=overlayStackTypes.d.ts.map

package/dist/overlay/overlayStackTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayStackTypes.d.ts","sourceRoot":"","sources":["../../src/overlay/overlayStackTypes.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,YAAY,MAAM,WAAiD,CAAC"}

package/dist/overlay/overlayStackTypes.js

@@ -0,0 +1,9 @@
+const OVERLAY_Z_BASE = 1010;
+const OVERLAY_Z_STEP = 10;
+const computeOverlayZIndex = (stackIndex) => OVERLAY_Z_BASE + stackIndex * OVERLAY_Z_STEP;
+export {
+  OVERLAY_Z_BASE,
+  OVERLAY_Z_STEP,
+  computeOverlayZIndex
+};
+//# sourceMappingURL=overlayStackTypes.js.map

package/dist/overlay/overlayStackTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayStackTypes.js","sources":["../../src/overlay/overlayStackTypes.ts"],"sourcesContent":["/** 叠层 z-index：1010 + 栈内序号 × 10（序号从 0 起） */\nexport const OVERLAY_Z_BASE = 1010;\nexport const OVERLAY_Z_STEP = 10;\n\nexport type OverlayStackEntry = {\n  id: string;\n  onDismiss: () => void;\n  dismissOnEscape: boolean;\n};\n\nexport const computeOverlayZIndex = (stackIndex: number) => OVERLAY_Z_BASE + stackIndex * OVERLAY_Z_STEP;\n"],"names":[],"mappings":"AACO,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AAQvB,MAAM,uBAAuB,CAAC,eAAuB,iBAAiB,aAAa;"}

package/dist/overlay/useOverlayStackEntry.d.ts

@@ -0,0 +1,11 @@
+export type UseOverlayStackEntryOptions = {
+    id: string;
+    open: boolean;
+    onDismiss: () => void;
+    dismissOnEscape?: boolean;
+};
+export declare function useOverlayStackEntry({ id, open, onDismiss, dismissOnEscape, }: UseOverlayStackEntryOptions): {
+    isBackdropActive: boolean;
+    zIndex: number;
+};
+//# sourceMappingURL=useOverlayStackEntry.d.ts.map

package/dist/overlay/useOverlayStackEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayStackEntry.d.ts","sourceRoot":"","sources":["../../src/overlay/useOverlayStackEntry.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,2BAA2B,GAAG;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,IAAI,EACJ,SAAS,EACT,eAAsB,GACvB,EAAE,2BAA2B;;;EAkD7B"}

package/dist/overlay/useOverlayStackEntry.js

@@ -0,0 +1,55 @@
+import { useRef, useEffect } from "react";
+import { useOverlayStack } from "./OverlayStackProvider.js";
+function useOverlayStackEntry({
+  id,
+  open,
+  onDismiss,
+  dismissOnEscape = true
+}) {
+  const {
+    register,
+    unregister,
+    isTop,
+    getZIndex,
+    pushOverlayHistory,
+    syncOverlayHistoryOnUiClose
+  } = useOverlayStack();
+  const onDismissRef = useRef(onDismiss);
+  const openRef = useRef(open);
+  onDismissRef.current = onDismiss;
+  openRef.current = open;
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    register({
+      id,
+      onDismiss: () => onDismissRef.current(),
+      dismissOnEscape
+    });
+    return () => {
+      unregister(id);
+    };
+  }, [dismissOnEscape, id, open, register, unregister]);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    pushOverlayHistory(id);
+    return () => {
+      queueMicrotask(() => {
+        if (!openRef.current) {
+          syncOverlayHistoryOnUiClose(id);
+        }
+      });
+    };
+  }, [id, open, pushOverlayHistory, syncOverlayHistoryOnUiClose]);
+  return {
+    isBackdropActive: open && isTop(id),
+    zIndex: getZIndex(id)
+  };
+}
+export {
+  useOverlayStackEntry
+};
+//# sourceMappingURL=useOverlayStackEntry.js.map

package/dist/overlay/useOverlayStackEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayStackEntry.js","sources":["../../src/overlay/useOverlayStackEntry.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useOverlayStack } from './OverlayStackProvider';\n\nexport type UseOverlayStackEntryOptions = {\n  id: string;\n  open: boolean;\n  onDismiss: () => void;\n  dismissOnEscape?: boolean;\n};\n\nexport function useOverlayStackEntry({\n  id,\n  open,\n  onDismiss,\n  dismissOnEscape = true,\n}: UseOverlayStackEntryOptions) {\n  const {\n    register,\n    unregister,\n    isTop,\n    getZIndex,\n    pushOverlayHistory,\n    syncOverlayHistoryOnUiClose,\n  } = useOverlayStack();\n  const onDismissRef = useRef(onDismiss);\n  const openRef = useRef(open);\n  onDismissRef.current = onDismiss;\n  openRef.current = open;\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    register({\n      id,\n      onDismiss: () => onDismissRef.current(),\n      dismissOnEscape,\n    });\n\n    return () => {\n      unregister(id);\n    };\n  }, [dismissOnEscape, id, open, register, unregister]);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    pushOverlayHistory(id);\n\n    return () => {\n      queueMicrotask(() => {\n        if (!openRef.current) {\n          syncOverlayHistoryOnUiClose(id);\n        }\n      });\n    };\n  }, [id, open, pushOverlayHistory, syncOverlayHistoryOnUiClose]);\n\n  return {\n    isBackdropActive: open && isTop(id),\n    zIndex: getZIndex(id),\n  };\n}\n"],"names":[],"mappings":";;AAUO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAAgC;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,gBAAA;AACJ,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,UAAU,OAAO,IAAI;AAC3B,eAAa,UAAU;AACvB,UAAQ,UAAU;AAElB,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AAEA,aAAS;AAAA,MACP;AAAA,MACA,WAAW,MAAM,aAAa,QAAA;AAAA,MAC9B;AAAA,IAAA,CACD;AAED,WAAO,MAAM;AACX,iBAAW,EAAE;AAAA,IACf;AAAA,EACF,GAAG,CAAC,iBAAiB,IAAI,MAAM,UAAU,UAAU,CAAC;AAEpD,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AAEA,uBAAmB,EAAE;AAErB,WAAO,MAAM;AACX,qBAAe,MAAM;AACnB,YAAI,CAAC,QAAQ,SAAS;AACpB,sCAA4B,EAAE;AAAA,QAChC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,IAAI,MAAM,oBAAoB,2BAA2B,CAAC;AAE9D,SAAO;AAAA,IACL,kBAAkB,QAAQ,MAAM,EAAE;AAAA,IAClC,QAAQ,UAAU,EAAE;AAAA,EAAA;AAExB;"}

package/dist/presence/index.d.ts

@@ -0,0 +1,2 @@
+export { mergeOverlayRefs, useOverlayPresence, withOverlayOpen, } from './useOverlayPresence';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presence/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,MAAM,sBAAsB,CAAC"}

package/dist/presence/index.js

@@ -0,0 +1,7 @@
+import { mergeOverlayRefs, useOverlayPresence, withOverlayOpen } from "./useOverlayPresence.js";
+export {
+  mergeOverlayRefs,
+  useOverlayPresence,
+  withOverlayOpen
+};
+//# sourceMappingURL=index.js.map

package/dist/presence/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/presence/useOverlayPresence.d.ts

@@ -0,0 +1,10 @@
+import { type RefObject } from 'react';
+export declare function useOverlayPresence<T extends HTMLElement = HTMLElement>(active: boolean): {
+    mounted: boolean;
+    isOpen: boolean;
+    overlayRef: RefObject<T | null>;
+};
+export declare function withOverlayOpen(className: string, isOpen: boolean): string;
+/** Attach the same DOM node to multiple refs (e.g. layout measure + transition root). */
+export declare function mergeOverlayRefs<T extends HTMLElement>(overlayRef: RefObject<T | null>, ...refs: Array<RefObject<T | null> | ((node: T | null) => void) | null | undefined>): (node: T | null) => void;
+//# sourceMappingURL=useOverlayPresence.d.ts.map

package/dist/presence/useOverlayPresence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayPresence.d.ts","sourceRoot":"","sources":["../../src/presence/useOverlayPresence.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA0EpE,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,MAAM,EAAE,OAAO;;;;EAwCtF;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,UAEjE;AAED,yFAAyF;AACzF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,EACpD,UAAU,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAC/B,GAAG,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,IAE3E,MAAM,CAAC,GAAG,IAAI,UAavB"}

package/dist/presence/useOverlayPresence.js

@@ -0,0 +1,119 @@
+import { useRef, useState, useEffect } from "react";
+const FALLBACK_OVERLAY_MS = 200;
+function parseCssTime(value) {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed === "0") {
+    return 0;
+  }
+  if (trimmed.endsWith("ms")) {
+    return Number.parseFloat(trimmed);
+  }
+  if (trimmed.endsWith("s")) {
+    return Number.parseFloat(trimmed) * 1e3;
+  }
+  return Number.parseFloat(trimmed) || 0;
+}
+function getMaxTransitionMs(el) {
+  const style = getComputedStyle(el);
+  const durations = style.transitionDuration.split(",").map(parseCssTime);
+  const delays = style.transitionDelay.split(",").map(parseCssTime);
+  let max = 0;
+  const count = Math.max(durations.length, delays.length, 1);
+  for (let i = 0; i < count; i += 1) {
+    const duration = durations[i % durations.length] ?? durations[0] ?? 0;
+    const delay = delays[i % delays.length] ?? delays[0] ?? 0;
+    max = Math.max(max, duration + delay);
+  }
+  return max > 0 ? max : FALLBACK_OVERLAY_MS;
+}
+function waitForSubtreeTransitions(el, onDone) {
+  let settled = false;
+  let debounceId = 0;
+  let safetyId = 0;
+  const cleanup = () => {
+    el.removeEventListener("transitionend", onTransitionEnd);
+    window.clearTimeout(debounceId);
+    window.clearTimeout(safetyId);
+  };
+  const finish = () => {
+    if (settled) {
+      return;
+    }
+    settled = true;
+    cleanup();
+    onDone();
+  };
+  const onTransitionEnd = (event) => {
+    if (event.target instanceof Node && !el.contains(event.target)) {
+      return;
+    }
+    window.clearTimeout(debounceId);
+    debounceId = window.setTimeout(finish, 0);
+  };
+  safetyId = window.setTimeout(finish, getMaxTransitionMs(el) + 50);
+  el.addEventListener("transitionend", onTransitionEnd);
+  return () => {
+    if (!settled) {
+      settled = true;
+      cleanup();
+    }
+  };
+}
+function useOverlayPresence(active) {
+  const overlayRef = useRef(null);
+  const [mounted, setMounted] = useState(active);
+  const [isOpen, setIsOpen] = useState(false);
+  useEffect(() => {
+    if (active) {
+      setMounted(true);
+      let raf2 = 0;
+      const raf1 = requestAnimationFrame(() => {
+        raf2 = requestAnimationFrame(() => setIsOpen(true));
+      });
+      return () => {
+        cancelAnimationFrame(raf1);
+        cancelAnimationFrame(raf2);
+      };
+    }
+    setIsOpen(false);
+    let cancelWait;
+    let exitRaf = 0;
+    exitRaf = requestAnimationFrame(() => {
+      const el = overlayRef.current;
+      if (!el) {
+        setMounted(false);
+        return;
+      }
+      cancelWait = waitForSubtreeTransitions(el, () => setMounted(false));
+    });
+    return () => {
+      cancelAnimationFrame(exitRaf);
+      cancelWait?.();
+    };
+  }, [active]);
+  return { mounted, isOpen, overlayRef };
+}
+function withOverlayOpen(className, isOpen) {
+  return isOpen ? `${className} is-open` : className;
+}
+function mergeOverlayRefs(overlayRef, ...refs) {
+  return (node) => {
+    overlayRef.current = node;
+    for (const ref of refs) {
+      if (!ref) {
+        continue;
+      }
+      if (typeof ref === "function") {
+        ref(node);
+        continue;
+      }
+      ref.current = node;
+    }
+  };
+}
+export {
+  mergeOverlayRefs,
+  useOverlayPresence,
+  withOverlayOpen
+};
+//# sourceMappingURL=useOverlayPresence.js.map

package/dist/presence/useOverlayPresence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayPresence.js","sources":["../../src/presence/useOverlayPresence.ts"],"sourcesContent":["import { useEffect, useRef, useState, type RefObject } from 'react';\n\n/** Fallback when computed transition duration is unavailable (see `--transition-overlay` in common-css). */\nconst FALLBACK_OVERLAY_MS = 200;\n\nfunction parseCssTime(value: string): number {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === '0') {\n    return 0;\n  }\n  if (trimmed.endsWith('ms')) {\n    return Number.parseFloat(trimmed);\n  }\n  if (trimmed.endsWith('s')) {\n    return Number.parseFloat(trimmed) * 1000;\n  }\n  return Number.parseFloat(trimmed) || 0;\n}\n\nfunction getMaxTransitionMs(el: HTMLElement): number {\n  const style = getComputedStyle(el);\n  const durations = style.transitionDuration.split(',').map(parseCssTime);\n  const delays = style.transitionDelay.split(',').map(parseCssTime);\n  let max = 0;\n  const count = Math.max(durations.length, delays.length, 1);\n\n  for (let i = 0; i < count; i += 1) {\n    const duration = durations[i % durations.length] ?? durations[0] ?? 0;\n    const delay = delays[i % delays.length] ?? delays[0] ?? 0;\n    max = Math.max(max, duration + delay);\n  }\n\n  return max > 0 ? max : FALLBACK_OVERLAY_MS;\n}\n\nfunction waitForSubtreeTransitions(el: HTMLElement, onDone: () => void): () => void {\n  let settled = false;\n  let debounceId = 0;\n  let safetyId = 0;\n\n  const cleanup = () => {\n    el.removeEventListener('transitionend', onTransitionEnd);\n    window.clearTimeout(debounceId);\n    window.clearTimeout(safetyId);\n  };\n\n  const finish = () => {\n    if (settled) {\n      return;\n    }\n    settled = true;\n    cleanup();\n    onDone();\n  };\n\n  const onTransitionEnd = (event: TransitionEvent) => {\n    if (event.target instanceof Node && !el.contains(event.target)) {\n      return;\n    }\n    window.clearTimeout(debounceId);\n    debounceId = window.setTimeout(finish, 0);\n  };\n\n  safetyId = window.setTimeout(finish, getMaxTransitionMs(el) + 50);\n  el.addEventListener('transitionend', onTransitionEnd);\n\n  return () => {\n    if (!settled) {\n      settled = true;\n      cleanup();\n    }\n  };\n}\n\nexport function useOverlayPresence<T extends HTMLElement = HTMLElement>(active: boolean) {\n  const overlayRef = useRef<T | null>(null);\n  const [mounted, setMounted] = useState(active);\n  const [isOpen, setIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (active) {\n      setMounted(true);\n      let raf2 = 0;\n      const raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsOpen(true));\n      });\n      return () => {\n        cancelAnimationFrame(raf1);\n        cancelAnimationFrame(raf2);\n      };\n    }\n\n    setIsOpen(false);\n\n    let cancelWait: (() => void) | undefined;\n    let exitRaf = 0;\n\n    exitRaf = requestAnimationFrame(() => {\n      const el = overlayRef.current;\n      if (!el) {\n        setMounted(false);\n        return;\n      }\n\n      cancelWait = waitForSubtreeTransitions(el, () => setMounted(false));\n    });\n\n    return () => {\n      cancelAnimationFrame(exitRaf);\n      cancelWait?.();\n    };\n  }, [active]);\n\n  return { mounted, isOpen, overlayRef };\n}\n\nexport function withOverlayOpen(className: string, isOpen: boolean) {\n  return isOpen ? `${className} is-open` : className;\n}\n\n/** Attach the same DOM node to multiple refs (e.g. layout measure + transition root). */\nexport function mergeOverlayRefs<T extends HTMLElement>(\n  overlayRef: RefObject<T | null>,\n  ...refs: Array<RefObject<T | null> | ((node: T | null) => void) | null | undefined>\n) {\n  return (node: T | null) => {\n    overlayRef.current = node;\n    for (const ref of refs) {\n      if (!ref) {\n        continue;\n      }\n      if (typeof ref === 'function') {\n        ref(node);\n        continue;\n      }\n      ref.current = node;\n    }\n  };\n}\n"],"names":[],"mappings":"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"}