@gunkin/uiify 0.0.11-alpha → 0.0.13-alpha

package/dist/components/header/Header.js

@@ -1,260 +1,11 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
-import {
-  useCallback,
-  useMemo,
-  useRef
-} from "react";
-import { useIsomorphicLayoutEffect, useMergedRefs } from "@gunkin/uiify/hooks";
-import { createPartContext } from "@gunkin/uiify/core";
-import { useRenderElement } from "@gunkin/uiify/core/render";
-import { Drawer } from "../drawer/Drawer.js";
-import { useHeader } from "./use-header.js";
-import { useHeaderScrollState } from "./use-header-scroll-state.js";
-const [HeaderProvider, useHeaderContext] = createPartContext("Header");
-function isDrawerMode(mobileMode) {
-  return mobileMode === "drawer" || mobileMode === "sheet" || mobileMode === "fullscreen";
-}
-function drawerSide(mobileMode) {
-  if (mobileMode === "sheet") return "bottom";
-  return "left";
-}
-function defaultModal(mobileMode) {
-  return isDrawerMode(mobileMode);
-}
-function defaultLockScroll(mobileMode, modal) {
-  return isDrawerMode(mobileMode) && modal;
-}
-function defaultCloseOnSelect(mobileMode) {
-  return mobileMode !== "none";
-}
-function handleCloseOnSelect(event, closeOnSelect, close) {
-  if (!closeOnSelect) return;
-  const target = event.target;
-  if (!(target instanceof Element)) return;
-  const activator = target.closest("a[href], button:not([disabled])");
-  if (!activator || !event.currentTarget.contains(activator)) return;
-  close();
-}
-function HeaderRoot(props) {
-  const {
-    behavior = "none",
-    children,
-    closeOnSelect: closeOnSelectProp,
-    defaultOpen,
-    hidden: hiddenProp,
-    lockScroll: lockScrollProp,
-    mobileMode = "none",
-    modal: modalProp,
-    onOpenChange,
-    open,
-    placement = "static",
-    scrolled: scrolledProp,
-    ...consumerProps
-  } = props;
-  const modal = modalProp ?? defaultModal(mobileMode);
-  const lockScroll = lockScrollProp ?? defaultLockScroll(mobileMode, modal);
-  const closeOnSelect = closeOnSelectProp ?? defaultCloseOnSelect(mobileMode);
-  const toggleRef = useRef(null);
-  const wasOpenRef = useRef(false);
-  const header = useHeader({
-    closeOnSelect,
-    mobileMode,
-    ...defaultOpen !== void 0 ? { defaultOpen } : {},
-    ...onOpenChange ? { onOpenChange } : {},
-    ...open !== void 0 ? { open } : {}
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (wasOpenRef.current && !header.open && isDrawerMode(mobileMode)) {
-      queueMicrotask(() => toggleRef.current?.focus({ preventScroll: true }));
-    }
-    wasOpenRef.current = header.open;
-  }, [header.open, mobileMode]);
-  const contextValue = useMemo(
-    () => ({
-      ...header,
-      behavior,
-      hidden: hiddenProp ?? false,
-      lockScroll,
-      modal,
-      placement,
-      scrolled: scrolledProp ?? false,
-      toggleRef
-    }),
-    [behavior, header, hiddenProp, lockScroll, modal, placement, scrolledProp]
-  );
-  const rootElement = useRenderElement({
-    defaultTag: "div",
-    props: {
-      ...consumerProps,
-      "data-behavior": behavior,
-      "data-hidden": hiddenProp ? "" : void 0,
-      "data-lock-scroll": lockScroll && header.open && isDrawerMode(mobileMode) ? "" : void 0,
-      "data-mobile-mode": mobileMode,
-      "data-state": header.open ? "open" : "closed",
-      "data-placement": placement,
-      "data-scrolled": scrolledProp ? "" : void 0,
-      children
-    },
-    state: {
-      open: header.open,
-      placement,
-      behavior,
-      mobileMode,
-      scrolled: scrolledProp ?? false,
-      hidden: hiddenProp ?? false
-    }
-  });
-  const tree = /* @__PURE__ */ jsx(HeaderProvider, { value: contextValue, children: rootElement });
-  if (isDrawerMode(mobileMode)) {
-    return /* @__PURE__ */ jsx(
-      Drawer.Root,
-      {
-        modal,
-        onOpenChange: header.setOpen,
-        open: header.open,
-        side: drawerSide(mobileMode),
-        children: tree
-      }
-    );
-  }
-  return tree;
+function HeaderRoot({ placement = "static", ...props }) {
+  return /* @__PURE__ */ jsx("header", { ...props, "data-uiify-header": "", "data-placement": placement });
 }
 HeaderRoot.displayName = "HeaderRoot";
-function HeaderToggle(props) {
-  const {
-    closeLabel = "Close navigation",
-    openLabel = "Open navigation",
-    ref,
-    onClick,
-    ...consumerProps
-  } = props;
-  const { getToggleProps, mobileMode, open, toggle, toggleRef } = useHeaderContext("Toggle");
-  const mergedRef = useMergedRefs(toggleRef, ref);
-  const dialogMode = isDrawerMode(mobileMode);
-  const toggleProps = getToggleProps({
-    type: "button",
-    "aria-haspopup": dialogMode ? "dialog" : void 0,
-    "aria-label": open ? closeLabel : openLabel,
-    onClick(event) {
-      toggle();
-      onClick?.(event);
-    }
-  });
-  return useRenderElement({
-    defaultTag: "button",
-    props: {
-      ...consumerProps,
-      ref: mergedRef,
-      ...toggleProps
-    },
-    state: { open }
-  });
-}
-function HeaderMobileNav(props) {
-  const { children, forceMount, onClick: consumerOnClick, ...consumerProps } = props;
-  const { close, closeOnSelect, getMobileNavProps, mobileMode, open } = useHeaderContext("MobileNav");
-  const onClick = useCallback(
-    (event) => {
-      handleCloseOnSelect(event, closeOnSelect, close);
-      consumerOnClick?.(event);
-    },
-    [close, closeOnSelect, consumerOnClick]
-  );
-  const noneNav = useRenderElement({
-    defaultTag: "nav",
-    props: {
-      ...consumerProps,
-      ...getMobileNavProps({ onClick }),
-      children
-    },
-    state: { open }
-  });
-  const drawerNav = useRenderElement({
-    defaultTag: "nav",
-    props: {
-      ...consumerProps,
-      ...getMobileNavProps({
-        "data-mobile-mode": mobileMode,
-        "data-state": open ? "open" : "closed",
-        onClick
-      }),
-      children
-    },
-    state: { open, mobileMode }
-  });
-  const collapseNav = useRenderElement({
-    defaultTag: "nav",
-    props: {
-      ...consumerProps,
-      ...getMobileNavProps({
-        "aria-hidden": open ? void 0 : true,
-        "data-mobile-mode": mobileMode,
-        "data-state": open ? "open" : "closed",
-        hidden: open ? void 0 : true,
-        onClick
-      }),
-      children
-    },
-    state: { open, mobileMode }
-  });
-  if (mobileMode === "none") {
-    return noneNav;
-  }
-  if (mobileMode === "collapse") {
-    if (!open && !forceMount) {
-      return null;
-    }
-    return collapseNav;
-  }
-  return /* @__PURE__ */ jsx(Drawer.Content, { children: drawerNav });
-}
-HeaderMobileNav.displayName = "HeaderMobileNav";
-function HeaderClose(props) {
-  const { children, className, onClick, ...consumerProps } = props;
-  const { close, mobileMode } = useHeaderContext("Close");
-  const handleClick = (event) => {
-    close();
-    onClick?.(event);
-  };
-  const closeButton = useRenderElement({
-    defaultTag: "button",
-    props: {
-      ...consumerProps,
-      type: "button",
-      onClick: handleClick,
-      ...className !== void 0 ? { className } : {},
-      children
-    },
-    state: {}
-  });
-  if (isDrawerMode(mobileMode)) {
-    return /* @__PURE__ */ jsx(
-      Drawer.Close,
-      {
-        ...consumerProps,
-        ...className !== void 0 ? { className } : {},
-        ...onClick !== void 0 ? { onClick } : {},
-        children
-      }
-    );
-  }
-  return closeButton;
-}
-HeaderClose.displayName = "HeaderClose";
-const Header = {
-  Close: HeaderClose,
-  MobileNav: HeaderMobileNav,
-  Root: HeaderRoot,
-  Toggle: HeaderToggle
-};
+const Header = { Root: HeaderRoot };
 export {
   Header,
-  HeaderClose,
-  HeaderMobileNav,
-  HeaderRoot,
-  HeaderToggle,
-  useHeader,
-  useHeaderScrollState
+  HeaderRoot
 };
 //# sourceMappingURL=Header.js.map

package/dist/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/header/Header.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  type MouseEvent,\n  type ReactElement,\n  type SyntheticEvent,\n} from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { Drawer } from \"../drawer/Drawer.js\";\nimport type { DrawerSide } from \"../drawer/types.js\";\nimport { useHeader } from \"./use-header.js\";\nimport { useHeaderScrollState } from \"./use-header-scroll-state.js\";\nimport type {\n  HeaderMobileMode,\n  HeaderRootProps,\n  HeaderContextValue,\n  HeaderToggleProps,\n  HeaderMobileNavProps,\n  HeaderCloseProps,\n} from \"./types.js\";\n\nexport type {\n  HeaderBehavior,\n  HeaderCloseProps,\n  HeaderMobileNavProps,\n  HeaderMobileMode,\n  HeaderPlacement,\n  HeaderRootProps,\n  HeaderToggleProps,\n  UseHeaderOptions,\n  UseHeaderReturn,\n  UseHeaderScrollStateOptions,\n  UseHeaderScrollStateReturn,\n} from \"./types.js\";\n\nconst [HeaderProvider, useHeaderContext] = createPartContext<HeaderContextValue>(\"Header\");\n\nfunction isDrawerMode(mobileMode: HeaderMobileMode): boolean {\n  return mobileMode === \"drawer\" || mobileMode === \"sheet\" || mobileMode === \"fullscreen\";\n}\n\nfunction drawerSide(mobileMode: HeaderMobileMode): DrawerSide {\n  if (mobileMode === \"sheet\") return \"bottom\";\n  return \"left\";\n}\n\nfunction defaultModal(mobileMode: HeaderMobileMode): boolean {\n  return isDrawerMode(mobileMode);\n}\n\nfunction defaultLockScroll(mobileMode: HeaderMobileMode, modal: boolean): boolean {\n  return isDrawerMode(mobileMode) && modal;\n}\n\nfunction defaultCloseOnSelect(mobileMode: HeaderMobileMode): boolean {\n  return mobileMode !== \"none\";\n}\n\nfunction handleCloseOnSelect(\n  event: SyntheticEvent<HTMLElement>,\n  closeOnSelect: boolean,\n  close: () => void,\n): void {\n  if (!closeOnSelect) return;\n  const target = event.target;\n  if (!(target instanceof Element)) return;\n  const activator = target.closest(\"a[href], button:not([disabled])\");\n  if (!activator || !event.currentTarget.contains(activator)) return;\n  close();\n}\n\nexport function HeaderRoot(props: HeaderRootProps): ReactElement | null {\n  const {\n    behavior = \"none\",\n    children,\n    closeOnSelect: closeOnSelectProp,\n    defaultOpen,\n    hidden: hiddenProp,\n    lockScroll: lockScrollProp,\n    mobileMode = \"none\",\n    modal: modalProp,\n    onOpenChange,\n    open,\n    placement = \"static\",\n    scrolled: scrolledProp,\n    ...consumerProps\n  } = props;\n\n  const modal = modalProp ?? defaultModal(mobileMode);\n  const lockScroll = lockScrollProp ?? defaultLockScroll(mobileMode, modal);\n  const closeOnSelect = closeOnSelectProp ?? defaultCloseOnSelect(mobileMode);\n  const toggleRef = useRef<HTMLButtonElement | null>(null);\n  const wasOpenRef = useRef(false);\n\n  const header = useHeader({\n    closeOnSelect,\n    mobileMode,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (wasOpenRef.current && !header.open && isDrawerMode(mobileMode)) {\n      queueMicrotask(() => toggleRef.current?.focus({ preventScroll: true }));\n    }\n    wasOpenRef.current = header.open;\n  }, [header.open, mobileMode]);\n\n  const contextValue = useMemo<HeaderContextValue>(\n    () => ({\n      ...header,\n      behavior,\n      hidden: hiddenProp ?? false,\n      lockScroll,\n      modal,\n      placement,\n      scrolled: scrolledProp ?? false,\n      toggleRef,\n    }),\n    [behavior, header, hiddenProp, lockScroll, modal, placement, scrolledProp],\n  );\n\n  const rootElement = useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-behavior\": behavior,\n      \"data-hidden\": hiddenProp ? \"\" : undefined,\n      \"data-lock-scroll\": lockScroll && header.open && isDrawerMode(mobileMode) ? \"\" : undefined,\n      \"data-mobile-mode\": mobileMode,\n      \"data-state\": header.open ? \"open\" : \"closed\",\n      \"data-placement\": placement,\n      \"data-scrolled\": scrolledProp ? \"\" : undefined,\n      children,\n    },\n    state: {\n      open: header.open,\n      placement,\n      behavior,\n      mobileMode,\n      scrolled: scrolledProp ?? false,\n      hidden: hiddenProp ?? false,\n    },\n  });\n\n  const tree = <HeaderProvider value={contextValue}>{rootElement}</HeaderProvider>;\n\n  if (isDrawerMode(mobileMode)) {\n    return (\n      <Drawer.Root\n        modal={modal}\n        onOpenChange={header.setOpen}\n        open={header.open}\n        side={drawerSide(mobileMode)}\n      >\n        {tree}\n      </Drawer.Root>\n    );\n  }\n\n  return tree;\n}\nHeaderRoot.displayName = \"HeaderRoot\";\n\nexport function HeaderToggle(props: HeaderToggleProps): ReactElement | null {\n  const {\n    closeLabel = \"Close navigation\",\n    openLabel = \"Open navigation\",\n    ref,\n    onClick,\n    ...consumerProps\n  } = props;\n  const { getToggleProps, mobileMode, open, toggle, toggleRef } = useHeaderContext(\"Toggle\");\n  const mergedRef = useMergedRefs(toggleRef, ref);\n  const dialogMode = isDrawerMode(mobileMode);\n\n  const toggleProps = getToggleProps({\n    type: \"button\",\n    \"aria-haspopup\": dialogMode ? \"dialog\" : undefined,\n    \"aria-label\": open ? closeLabel : openLabel,\n    onClick(event: MouseEvent<HTMLButtonElement>) {\n      toggle();\n      onClick?.(event);\n    },\n  });\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ref: mergedRef,\n      ...toggleProps,\n    },\n    state: { open },\n  });\n}\n\nexport function HeaderMobileNav(props: HeaderMobileNavProps): ReactElement | null {\n  const { children, forceMount, onClick: consumerOnClick, ...consumerProps } = props;\n  const { close, closeOnSelect, getMobileNavProps, mobileMode, open } =\n    useHeaderContext(\"MobileNav\");\n\n  const onClick = useCallback(\n    (event: SyntheticEvent<HTMLElement>) => {\n      handleCloseOnSelect(event, closeOnSelect, close);\n      consumerOnClick?.(event as React.MouseEvent<HTMLElement>);\n    },\n    [close, closeOnSelect, consumerOnClick],\n  );\n\n  const noneNav = useRenderElement({\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      ...getMobileNavProps({ onClick }),\n      children,\n    },\n    state: { open },\n  });\n\n  const drawerNav = useRenderElement({\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      ...getMobileNavProps({\n        \"data-mobile-mode\": mobileMode,\n        \"data-state\": open ? \"open\" : \"closed\",\n        onClick,\n      }),\n      children,\n    },\n    state: { open, mobileMode },\n  });\n\n  const collapseNav = useRenderElement({\n    defaultTag: \"nav\",\n    props: {\n      ...consumerProps,\n      ...getMobileNavProps({\n        \"aria-hidden\": open ? undefined : true,\n        \"data-mobile-mode\": mobileMode,\n        \"data-state\": open ? \"open\" : \"closed\",\n        hidden: open ? undefined : true,\n        onClick,\n      }),\n      children,\n    },\n    state: { open, mobileMode },\n  });\n\n  if (mobileMode === \"none\") {\n    return noneNav;\n  }\n\n  if (mobileMode === \"collapse\") {\n    if (!open && !forceMount) {\n      return null;\n    }\n\n    return collapseNav;\n  }\n\n  return <Drawer.Content>{drawerNav}</Drawer.Content>;\n}\nHeaderMobileNav.displayName = \"HeaderMobileNav\";\n\nexport function HeaderClose(props: HeaderCloseProps): ReactElement | null {\n  const { children, className, onClick, ...consumerProps } = props;\n  const { close, mobileMode } = useHeaderContext(\"Close\");\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    close();\n    onClick?.(event);\n  };\n\n  const closeButton = useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      onClick: handleClick,\n      ...(className !== undefined ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n\n  if (isDrawerMode(mobileMode)) {\n    return (\n      <Drawer.Close\n        {...consumerProps}\n        {...(className !== undefined ? { className } : {})}\n        {...(onClick !== undefined ? { onClick } : {})}\n      >\n        {children}\n      </Drawer.Close>\n    );\n  }\n\n  return closeButton;\n}\nHeaderClose.displayName = \"HeaderClose\";\n\nexport const Header = {\n  Close: HeaderClose,\n  MobileNav: HeaderMobileNav,\n  Root: HeaderRoot,\n  Toggle: HeaderToggle,\n};\n\nexport { useHeader, useHeaderScrollState };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/header/Header.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { HeaderRootProps } from \"./types.js\";\n\nexport function HeaderRoot({ placement = \"static\", ...props }: HeaderRootProps): ReactElement {\n  return <header {...props} data-uiify-header=\"\" data-placement={placement} />;\n}\nHeaderRoot.displayName = \"HeaderRoot\";\n\nexport const Header = { Root: HeaderRoot };\n"],"mappings":"AAIS;AADF,SAAS,WAAW,EAAE,YAAY,UAAU,GAAG,MAAM,GAAkC;AAC5F,SAAO,oBAAC,YAAQ,GAAG,OAAO,qBAAkB,IAAG,kBAAgB,WAAW;AAC5E;AACA,WAAW,cAAc;AAElB,MAAM,SAAS,EAAE,MAAM,WAAW;","names":[]}

package/dist/components/header/client/HeaderClient.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { HeaderClientProps } from "../types.js";
+export declare function HeaderClient({ hideOnScroll, scrollTarget, placement, ref, ...props }: HeaderClientProps): ReactElement;
+export declare namespace HeaderClient {
+    var displayName: string;
+}
+//# sourceMappingURL=HeaderClient.d.ts.map

package/dist/components/header/client/HeaderClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderClient.d.ts","sourceRoot":"","sources":["../../../../src/components/header/client/HeaderClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAExE,wBAAgB,YAAY,CAAC,EAC3B,YAAmB,EACnB,YAAY,EACZ,SAAoB,EACpB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAmFlC;yBAzFe,YAAY"}

package/dist/components/header/client/HeaderClient.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useMergedRefs } from "../../../hooks/use-merged-refs.js";
+import { HeaderRoot } from "../Header.js";
+function HeaderClient({
+  hideOnScroll = true,
+  scrollTarget,
+  placement = "sticky",
+  ref,
+  ...props
+}) {
+  const rootRef = useRef(null);
+  const mergedRef = useMergedRefs(rootRef, ref);
+  const [state, setState] = useState("top");
+  useEffect(() => {
+    const root = rootRef.current;
+    const view = root?.ownerDocument.defaultView;
+    if (!root || !view) return;
+    const element = scrollTarget === void 0 ? null : root.ownerDocument.getElementById(scrollTarget);
+    const target = scrollTarget === void 0 ? view : element;
+    const readPosition = () => {
+      return Math.max(0, element ? element.scrollTop : view.scrollY);
+    };
+    let previous = target ? readPosition() : 0;
+    let current = previous === 0 ? "top" : "visible";
+    setState(current);
+    if (!target) return;
+    let height = Infinity;
+    let movement = 0;
+    let frame = 0;
+    const update = (next) => {
+      if (current === next) return;
+      current = next;
+      setState(next);
+    };
+    const protectedState = () => root.contains(root.ownerDocument.activeElement) || root.querySelector("dialog[open], details[open], :popover-open") !== null;
+    const reveal = () => {
+      if (protectedState()) {
+        movement = 0;
+        update(readPosition() === 0 ? "top" : "visible");
+      }
+    };
+    const resize = new view.ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) height = entry.borderBoxSize[0]?.blockSize ?? entry.contentRect.height;
+    });
+    resize.observe(root, { box: "border-box" });
+    const mutation = new view.MutationObserver(reveal);
+    mutation.observe(root, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["open"]
+    });
+    root.addEventListener("focusin", reveal);
+    root.addEventListener("toggle", reveal, true);
+    const scroll = () => {
+      if (frame) return;
+      frame = view.requestAnimationFrame(() => {
+        frame = 0;
+        const position = readPosition();
+        const delta = position - previous;
+        previous = position;
+        if (position === 0 || !hideOnScroll || placement === "static" || protectedState()) {
+          movement = 0;
+          update(position === 0 ? "top" : "visible");
+          return;
+        }
+        if (delta !== 0)
+          movement = Math.sign(delta) === Math.sign(movement) ? movement + delta : delta;
+        if (current === "top") update("visible");
+        if (movement <= -8) update("visible");
+        if (position > height && movement >= 8) update("hidden");
+      });
+    };
+    target.addEventListener("scroll", scroll, { passive: true });
+    return () => {
+      target.removeEventListener("scroll", scroll);
+      root.removeEventListener("focusin", reveal);
+      root.removeEventListener("toggle", reveal, true);
+      resize.disconnect();
+      mutation.disconnect();
+      if (frame) view.cancelAnimationFrame(frame);
+    };
+  }, [hideOnScroll, scrollTarget, placement]);
+  return /* @__PURE__ */ jsx(HeaderRoot, { ...props, placement, ref: mergedRef, "data-state": state });
+}
+HeaderClient.displayName = "HeaderClient";
+export {
+  HeaderClient
+};
+//# sourceMappingURL=HeaderClient.js.map

package/dist/components/header/client/HeaderClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/client/HeaderClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { HeaderRoot } from \"../Header.js\";\nimport type { HeaderClientProps, HeaderClientState } from \"../types.js\";\n\nexport function HeaderClient({\n  hideOnScroll = true,\n  scrollTarget,\n  placement = \"sticky\",\n  ref,\n  ...props\n}: HeaderClientProps): ReactElement {\n  const rootRef = useRef<HTMLElement>(null);\n  const mergedRef = useMergedRefs(rootRef, ref);\n  const [state, setState] = useState<HeaderClientState>(\"top\");\n\n  useEffect(() => {\n    const root = rootRef.current;\n    const view = root?.ownerDocument.defaultView;\n    if (!root || !view) return;\n    const element =\n      scrollTarget === undefined ? null : root.ownerDocument.getElementById(scrollTarget);\n    const target = scrollTarget === undefined ? view : element;\n    const readPosition = () => {\n      // banned-read-ok: Scroll offset is the required direction input; it does not measure layout.\n      return Math.max(0, element ? element.scrollTop : view.scrollY);\n    };\n    let previous = target ? readPosition() : 0;\n    let current: HeaderClientState = previous === 0 ? \"top\" : \"visible\";\n    setState(current);\n    if (!target) return;\n\n    let height = Infinity;\n    let movement = 0;\n    let frame = 0;\n    const update = (next: HeaderClientState) => {\n      if (current === next) return;\n      current = next;\n      setState(next);\n    };\n    const protectedState = () =>\n      root.contains(root.ownerDocument.activeElement) ||\n      root.querySelector(\"dialog[open], details[open], :popover-open\") !== null;\n    const reveal = () => {\n      if (protectedState()) {\n        movement = 0;\n        update(readPosition() === 0 ? \"top\" : \"visible\");\n      }\n    };\n    const resize = new view.ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) height = entry.borderBoxSize[0]?.blockSize ?? entry.contentRect.height;\n    });\n    resize.observe(root, { box: \"border-box\" });\n    const mutation = new view.MutationObserver(reveal);\n    mutation.observe(root, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    root.addEventListener(\"focusin\", reveal);\n    root.addEventListener(\"toggle\", reveal, true);\n    const scroll = () => {\n      if (frame) return;\n      frame = view.requestAnimationFrame(() => {\n        frame = 0;\n        const position = readPosition();\n        const delta = position - previous;\n        previous = position;\n        if (position === 0 || !hideOnScroll || placement === \"static\" || protectedState()) {\n          movement = 0;\n          update(position === 0 ? \"top\" : \"visible\");\n          return;\n        }\n        if (delta !== 0)\n          movement = Math.sign(delta) === Math.sign(movement) ? movement + delta : delta;\n        if (current === \"top\") update(\"visible\");\n        if (movement <= -8) update(\"visible\");\n        if (position > height && movement >= 8) update(\"hidden\");\n      });\n    };\n    target.addEventListener(\"scroll\", scroll, { passive: true });\n    return () => {\n      target.removeEventListener(\"scroll\", scroll);\n      root.removeEventListener(\"focusin\", reveal);\n      root.removeEventListener(\"toggle\", reveal, true);\n      resize.disconnect();\n      mutation.disconnect();\n      if (frame) view.cancelAnimationFrame(frame);\n    };\n  }, [hideOnScroll, scrollTarget, placement]);\n\n  return <HeaderRoot {...props} placement={placement} ref={mergedRef} data-state={state} />;\n}\nHeaderClient.displayName = \"HeaderClient\";\n"],"mappings":"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","names":[]}

package/dist/components/header/client/index.d.ts

@@ -0,0 +1,3 @@
+export { HeaderClient } from "./HeaderClient.js";
+export type { HeaderClientProps, HeaderClientState } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/header/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/header/client/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/header/client/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { HeaderClient } from "./HeaderClient.js";
+export {
+  HeaderClient
+};
+//# sourceMappingURL=index.js.map

package/dist/components/header/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/client/index.ts"],"sourcesContent":["\"use client\";\n\nexport { HeaderClient } from \"./HeaderClient.js\";\nexport type { HeaderClientProps, HeaderClientState } from \"../types.js\";\n"],"mappings":";AAEA,SAAS,oBAAoB;","names":[]}

package/dist/components/header/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/header/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/header/index.d.ts

@@ -1,4 +1,3 @@
-export { Header, HeaderClose, HeaderMobileNav, HeaderRoot, HeaderToggle, useHeaderScrollState, } from "./Header.js";
-export { useHeader } from "./use-header.js";
-export type { HeaderBehavior, HeaderCloseProps, HeaderMobileNavProps, HeaderMobileMode, HeaderPlacement, HeaderRootProps, HeaderToggleProps, UseHeaderOptions, UseHeaderReturn, UseHeaderScrollStateOptions, UseHeaderScrollStateReturn, } from "./types.js";
+export { Header, HeaderRoot } from "./Header.js";
+export type { HeaderClientProps, HeaderClientState, HeaderPlacement, HeaderRootProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,eAAe,EACf,UAAU,EACV,YAAY,EACZ,oBAAoB,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/components/header/index.js

@@ -1,19 +1,6 @@
-import {
-  Header,
-  HeaderClose,
-  HeaderMobileNav,
-  HeaderRoot,
-  HeaderToggle,
-  useHeaderScrollState
-} from "./Header.js";
-import { useHeader } from "./use-header.js";
+import { Header, HeaderRoot } from "./Header.js";
 export {
   Header,
-  HeaderClose,
-  HeaderMobileNav,
-  HeaderRoot,
-  HeaderToggle,
-  useHeader,
-  useHeaderScrollState
+  HeaderRoot
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/header/index.ts"],"sourcesContent":["export {\n  Header,\n  HeaderClose,\n  HeaderMobileNav,\n  HeaderRoot,\n  HeaderToggle,\n  useHeaderScrollState,\n} from \"./Header.js\";\nexport { useHeader } from \"./use-header.js\";\nexport type {\n  HeaderBehavior,\n  HeaderCloseProps,\n  HeaderMobileNavProps,\n  HeaderMobileMode,\n  HeaderPlacement,\n  HeaderRootProps,\n  HeaderToggleProps,\n  UseHeaderOptions,\n  UseHeaderReturn,\n  UseHeaderScrollStateOptions,\n  UseHeaderScrollStateReturn,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;","names":[]}
+{"version":3,"sources":["../../../src/components/header/index.ts"],"sourcesContent":["export { Header, HeaderRoot } from \"./Header.js\";\nexport type {\n  HeaderClientProps,\n  HeaderClientState,\n  HeaderPlacement,\n  HeaderRootProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,kBAAkB;","names":[]}

package/dist/components/header/types.d.ts

@@ -1,67 +1,11 @@
-import type { ButtonHTMLAttributes, HTMLAttributes, Ref, RefObject } from "react";
-export type HeaderBehavior = "none" | "elevate-on-scroll" | "solid-on-scroll" | "hide-on-scroll-down";
-export type HeaderMobileMode = "none" | "collapse" | "drawer" | "sheet" | "fullscreen";
-export type HeaderPlacement = "static" | "sticky" | "fixed";
-export interface UseHeaderOptions {
-    readonly closeOnSelect?: boolean;
-    readonly defaultOpen?: boolean;
-    readonly mobileMode?: HeaderMobileMode;
-    readonly onOpenChange?: (open: boolean) => void;
-    readonly open?: boolean;
-}
-export interface UseHeaderReturn {
-    readonly close: () => void;
-    readonly closeOnSelect: boolean;
-    readonly getMobileNavProps: <T extends HTMLAttributes<HTMLElement>>(props?: T) => T;
-    readonly getToggleProps: <T extends ButtonHTMLAttributes<HTMLButtonElement>>(props?: T) => T;
-    readonly mobileMode: HeaderMobileMode;
-    readonly navId: string;
-    readonly open: boolean;
-    readonly setOpen: (open: boolean) => void;
-    readonly toggle: () => void;
-    readonly toggleId: string;
-}
-export interface HeaderRootProps extends HTMLAttributes<HTMLDivElement> {
-    readonly behavior?: HeaderBehavior;
-    readonly closeOnSelect?: boolean;
-    readonly defaultOpen?: boolean;
-    readonly hidden?: boolean;
-    readonly lockScroll?: boolean;
-    readonly mobileMode?: HeaderMobileMode;
-    readonly modal?: boolean;
-    readonly onOpenChange?: (open: boolean) => void;
-    readonly open?: boolean;
+import type { ComponentPropsWithRef } from "react";
+export type HeaderPlacement = "static" | "sticky";
+export interface HeaderRootProps extends ComponentPropsWithRef<"header"> {
     readonly placement?: HeaderPlacement;
-    readonly scrolled?: boolean;
-}
-export interface HeaderContextValue extends UseHeaderReturn {
-    readonly behavior: HeaderBehavior;
-    readonly hidden: boolean;
-    readonly lockScroll: boolean;
-    readonly modal: boolean;
-    readonly placement: HeaderPlacement;
-    readonly scrolled: boolean;
-    readonly toggleRef: RefObject<HTMLButtonElement | null>;
-}
-export interface HeaderToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    readonly closeLabel?: string;
-    readonly openLabel?: string;
-    readonly ref?: Ref<HTMLButtonElement>;
-}
-export interface HeaderMobileNavProps extends HTMLAttributes<HTMLElement> {
-    readonly forceMount?: boolean;
-}
-export interface HeaderCloseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-}
-export interface UseHeaderScrollStateOptions {
-    readonly behavior?: HeaderBehavior;
-    readonly disabled?: boolean;
-    readonly scrollRoot?: HTMLElement | null;
-    readonly scrollRootRef?: RefObject<HTMLElement | null>;
-    readonly threshold?: number;
 }
-export interface UseHeaderScrollStateReturn {
-    readonly hidden: boolean;
-    readonly scrolled: boolean;
+export type HeaderClientState = "top" | "visible" | "hidden";
+export interface HeaderClientProps extends HeaderRootProps {
+    readonly hideOnScroll?: boolean;
+    readonly scrollTarget?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/header/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACtE,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;CACtC;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC"}

package/dist/components/hover-card/HoverCard.js

@@ -66,7 +66,7 @@ function HoverCardTrigger(props) {
       ...consumerStyle ? { style: consumerStyle } : {},
       "aria-controls": contentId,
       "aria-expanded": open,
-      ...nativeButton ? { type: "button" } : {},
+      ...nativeButton ? { type: "button", "data-uiify-button": "" } : {},
       ...className ? { className } : {},
       onBlur: composeEventHandlers(consumerOnBlur, (event) => {
         if (!event.currentTarget.contains(event.relatedTarget)) closeCard();

package/dist/components/hover-card/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\n\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\n\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\n\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-part\": \"content\",\n      \"data-uiify-hover-card\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { CSSProperties, ElementType, FocusEvent, PointerEvent, ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect, useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport {\n  createAnchorPositionerProps,\n  createAnchorTriggerProps,\n  anchorNameForId,\n} from \"@gunkin/uiify/core/anchor-position\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport {\n  createPartContext,\n  splitRef,\n  useHoverOverlay,\n  type HoverIntentStore,\n} from \"@gunkin/uiify/core\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from \"./types.js\";\n\ninterface HoverCardClientContextValue {\n  readonly anchorId: string;\n  readonly closeCard: () => void;\n  readonly contentId: string;\n  readonly intent: HoverIntentStore;\n  readonly open: boolean;\n  readonly openCard: (immediate?: boolean) => void;\n  readonly setContentId: (id: string) => void;\n}\n\nconst [HoverCardProvider, useHoverCardContext] =\n  createPartContext<HoverCardClientContextValue>(\"HoverCard\");\n\nexport function HoverCardRoot(props: HoverCardRootProps): ReactElement | null {\n  const {\n    children,\n    closeDelay = 300,\n    defaultOpen = false,\n    id,\n    onOpenChange,\n    open,\n    openDelay = 700,\n  } = props;\n  const overlay = useHoverOverlay({\n    closeDelay,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(id !== undefined ? { id } : {}),\n    idPrefix: \"uiify-hover-card\",\n    ...(onOpenChange ? { onOpenChange } : {}),\n    ...(open !== undefined ? { open } : {}),\n    openDelay,\n  });\n\n  const contextValue: HoverCardClientContextValue = {\n    anchorId: overlay.anchorId,\n    closeCard: overlay.closeOverlay,\n    contentId: overlay.contentId,\n    intent: overlay.intent,\n    open: overlay.open,\n    openCard: overlay.openOverlay,\n    setContentId: overlay.setContentId,\n  };\n\n  return <HoverCardProvider value={contextValue}>{children}</HoverCardProvider>;\n}\nHoverCardRoot.displayName = \"HoverCardRoot\";\n\nexport function HoverCardTrigger<TAs extends ElementType = \"button\">(\n  props: HoverCardTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as HoverCardTriggerProps<\"button\">;\n  const { anchorId, closeCard, contentId, intent, open, openCard } = useHoverCardContext(\"Trigger\");\n  const nativeButton = !as || as === \"button\";\n  const consumerStyle = (consumerProps as { style?: CSSProperties }).style;\n  const {\n    onBlur: consumerOnBlur,\n    onFocus: consumerOnFocus,\n    onPointerEnter: consumerOnPointerEnter,\n    onPointerLeave: consumerOnPointerLeave,\n  } = consumerProps as {\n    onBlur?: (event: FocusEvent<HTMLElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n    onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ...createAnchorTriggerProps(anchorNameForId(anchorId)),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      ...(nativeButton ? { type: \"button\", \"data-uiify-button\": \"\" } : {}),\n      ...(className ? { className } : {}),\n      onBlur: composeEventHandlers(consumerOnBlur, (event: FocusEvent<HTMLElement>) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) closeCard();\n      }),\n      onFocus: composeEventHandlers(consumerOnFocus, () => {\n        openCard(true);\n      }),\n      onPointerEnter: composeEventHandlers(\n        consumerOnPointerEnter,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") openCard(false);\n        },\n      ),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport function HoverCardContent<TAs extends ElementType = \"div\">(\n  props: HoverCardContentProps<TAs>,\n): ReactElement | null {\n  const {\n    align = \"center\",\n    as,\n    render,\n    className,\n    side = \"bottom\",\n    ...consumerProps\n  } = props as HoverCardContentProps<\"div\">;\n  const { anchorId, closeCard, contentId, intent, open, setContentId } =\n    useHoverCardContext(\"Content\");\n  const [consumerRef, domProps] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const popupRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs(popupRef, consumerRef);\n  const consumerDomProps = domProps as { id?: string; style?: CSSProperties };\n  const resolvedId =\n    typeof consumerDomProps.id === \"string\" && consumerDomProps.id.length > 0\n      ? consumerDomProps.id\n      : contentId;\n  const consumerStyle = consumerDomProps.style;\n\n  useIsomorphicLayoutEffect(() => {\n    setContentId(resolvedId);\n  }, [resolvedId, setContentId]);\n\n  // Same technique as core/use-popover.ts: guard with .matches(\":popover-open\")\n  // so a StrictMode double-invoke or an unrelated re-run doesn't call\n  // showPopover/hidePopover on a popover already in that state (both throw).\n  // try/catch covers the node having disconnected between render and effect.\n  useIsomorphicLayoutEffect(() => {\n    const popup = popupRef.current;\n    if (!popup) return;\n    try {\n      if (open && !popup.matches(\":popover-open\")) popup.showPopover();\n      if (!open && popup.matches(\":popover-open\")) popup.hidePopover();\n    } catch {\n      // The node may have disconnected between render and layout effect.\n    }\n  }, [open]);\n\n  const { onPointerEnter: consumerOnPointerEnter, onPointerLeave: consumerOnPointerLeave } =\n    domProps as {\n      onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n      onPointerLeave?: (event: PointerEvent<HTMLElement>) => void;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...domProps,\n      ...createAnchorPositionerProps({\n        align,\n        anchorName: anchorNameForId(anchorId),\n        side,\n      }),\n      ...(consumerStyle ? { style: consumerStyle } : {}),\n      ref: mergedRef,\n      popover: \"manual\",\n      // The consumer's own non-empty `id` wins; otherwise the context-generated id is used.\n      id: resolvedId,\n      \"data-part\": \"content\",\n      \"data-uiify-hover-card\": \"\",\n      \"data-state\": open ? \"open\" : \"closed\",\n      ...(className ? { className } : {}),\n      onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => {\n        intent.clearCloseTimer();\n      }),\n      onPointerLeave: composeEventHandlers(\n        consumerOnPointerLeave,\n        (event: PointerEvent<HTMLElement>) => {\n          if (event.pointerType === \"mouse\") intent.scheduleClose(() => closeCard());\n        },\n      ),\n    },\n    render,\n    state: { open, positioning: \"native\" as const },\n  });\n}\n\nexport const HoverCard = {\n  Content: HoverCardContent,\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n};\n"],"mappings":"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","names":[]}