@gunkin/uiify 0.0.1-alpha

package/dist/components/header/Header.js

@@ -0,0 +1,260 @@
+"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-open": header.open ? "" : void 0,
+      "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;
+}
+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-open": open ? "" : void 0,
+        onClick
+      }),
+      children
+    },
+    state: { open, mobileMode }
+  });
+  const collapseNav = useRenderElement({
+    defaultTag: "nav",
+    props: {
+      ...consumerProps,
+      ...getMobileNavProps({
+        "aria-hidden": open ? void 0 : true,
+        "data-mobile-mode": mobileMode,
+        "data-open": open ? "" : void 0,
+        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
+};
+export {
+  Header,
+  HeaderClose,
+  HeaderMobileNav,
+  HeaderRoot,
+  HeaderToggle,
+  useHeader,
+  useHeaderScrollState
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +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-open\": header.open ? \"\" : undefined,\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-open\": open ? \"\" : undefined,\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-open\": open ? \"\" : undefined,\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":[]}

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

@@ -0,0 +1,4 @@
+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";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/header/index.js

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

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

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

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

@@ -0,0 +1,67 @@
+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;
+    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;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/header/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/header/use-header-scroll-state.d.ts

@@ -0,0 +1,4 @@
+import type { UseHeaderScrollStateOptions, UseHeaderScrollStateReturn } from "./types.js";
+export type { HeaderBehavior, UseHeaderScrollStateOptions, UseHeaderScrollStateReturn, } from "./types.js";
+export declare function useHeaderScrollState(options?: UseHeaderScrollStateOptions): UseHeaderScrollStateReturn;
+//# sourceMappingURL=use-header-scroll-state.d.ts.map

package/dist/components/header/use-header-scroll-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-header-scroll-state.d.ts","sourceRoot":"","sources":["../../../src/components/header/use-header-scroll-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,cAAc,EACd,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAcpB,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CAqF5B"}

package/dist/components/header/use-header-scroll-state.js

@@ -0,0 +1,83 @@
+"use client";
+import { useEffect, useState } from "react";
+function isScrollBehavior(behavior) {
+  return behavior === "elevate-on-scroll" || behavior === "solid-on-scroll" || behavior === "hide-on-scroll-down";
+}
+function usesIntersectionObserver(behavior) {
+  return behavior === "elevate-on-scroll" || behavior === "solid-on-scroll";
+}
+function useHeaderScrollState(options = {}) {
+  const {
+    behavior = "none",
+    disabled = false,
+    scrollRoot: scrollRootProp,
+    scrollRootRef,
+    threshold = 0
+  } = options;
+  const scrollRoot = scrollRootProp ?? scrollRootRef?.current ?? null;
+  const [scrolled, setScrolled] = useState(false);
+  const [hidden, setHidden] = useState(false);
+  useEffect(() => {
+    if (disabled || typeof window === "undefined" || typeof document === "undefined") {
+      return;
+    }
+    if (!isScrollBehavior(behavior)) {
+      return;
+    }
+    if (scrollRootRef && !scrollRoot) {
+      return;
+    }
+    if (usesIntersectionObserver(behavior)) {
+      const sentinel = document.createElement("div");
+      sentinel.setAttribute("aria-hidden", "true");
+      sentinel.setAttribute("data-header-scroll-sentinel", "");
+      sentinel.style.cssText = "position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;visibility:hidden";
+      if (scrollRoot) {
+        scrollRoot.insertBefore(sentinel, scrollRoot.firstChild);
+      } else {
+        document.body.prepend(sentinel);
+      }
+      const rootMargin = threshold > 0 ? `-${threshold}px 0px 0px 0px` : "0px";
+      const observer = new IntersectionObserver(
+        (entries) => {
+          const entry = entries[0];
+          if (!entry) return;
+          setScrolled(!entry.isIntersecting);
+        },
+        { root: scrollRoot, rootMargin, threshold: 0 }
+      );
+      observer.observe(sentinel);
+      return () => {
+        observer.disconnect();
+        sentinel.remove();
+      };
+    }
+    if (behavior === "hide-on-scroll-down") {
+      let lastScrollTop = scrollRoot ? scrollRoot.scrollTop : window.scrollY;
+      let ticking = false;
+      const readScrollTop = () => scrollRoot ? scrollRoot.scrollTop : window.scrollY;
+      const update = () => {
+        const currentScrollTop = readScrollTop();
+        const pastThreshold = currentScrollTop > threshold;
+        setScrolled(pastThreshold);
+        setHidden(pastThreshold && currentScrollTop > lastScrollTop);
+        lastScrollTop = currentScrollTop;
+        ticking = false;
+      };
+      const onScroll = () => {
+        if (ticking) return;
+        ticking = true;
+        requestAnimationFrame(update);
+      };
+      const target = scrollRoot ?? window;
+      target.addEventListener("scroll", onScroll, { passive: true });
+      return () => target.removeEventListener("scroll", onScroll);
+    }
+    return void 0;
+  }, [behavior, disabled, scrollRoot, scrollRootRef, threshold]);
+  return { hidden, scrolled };
+}
+export {
+  useHeaderScrollState
+};
+//# sourceMappingURL=use-header-scroll-state.js.map

package/dist/components/header/use-header-scroll-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/header/use-header-scroll-state.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type {\n  HeaderBehavior,\n  UseHeaderScrollStateOptions,\n  UseHeaderScrollStateReturn,\n} from \"./types.js\";\n\nexport type {\n  HeaderBehavior,\n  UseHeaderScrollStateOptions,\n  UseHeaderScrollStateReturn,\n} from \"./types.js\";\n\nfunction isScrollBehavior(behavior: HeaderBehavior): boolean {\n  return (\n    behavior === \"elevate-on-scroll\" ||\n    behavior === \"solid-on-scroll\" ||\n    behavior === \"hide-on-scroll-down\"\n  );\n}\n\nfunction usesIntersectionObserver(behavior: HeaderBehavior): boolean {\n  return behavior === \"elevate-on-scroll\" || behavior === \"solid-on-scroll\";\n}\n\nexport function useHeaderScrollState(\n  options: UseHeaderScrollStateOptions = {},\n): UseHeaderScrollStateReturn {\n  const {\n    behavior = \"none\",\n    disabled = false,\n    scrollRoot: scrollRootProp,\n    scrollRootRef,\n    threshold = 0,\n  } = options;\n  const scrollRoot = scrollRootProp ?? scrollRootRef?.current ?? null;\n  const [scrolled, setScrolled] = useState(false);\n  const [hidden, setHidden] = useState(false);\n\n  useEffect(() => {\n    if (disabled || typeof window === \"undefined\" || typeof document === \"undefined\") {\n      return;\n    }\n\n    if (!isScrollBehavior(behavior)) {\n      return;\n    }\n\n    if (scrollRootRef && !scrollRoot) {\n      return;\n    }\n\n    if (usesIntersectionObserver(behavior)) {\n      const sentinel = document.createElement(\"div\");\n      sentinel.setAttribute(\"aria-hidden\", \"true\");\n      sentinel.setAttribute(\"data-header-scroll-sentinel\", \"\");\n      sentinel.style.cssText =\n        \"position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;visibility:hidden\";\n\n      if (scrollRoot) {\n        scrollRoot.insertBefore(sentinel, scrollRoot.firstChild);\n      } else {\n        document.body.prepend(sentinel);\n      }\n\n      const rootMargin = threshold > 0 ? `-${threshold}px 0px 0px 0px` : \"0px\";\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          if (!entry) return;\n          setScrolled(!entry.isIntersecting);\n        },\n        { root: scrollRoot, rootMargin, threshold: 0 },\n      );\n      observer.observe(sentinel);\n\n      return () => {\n        observer.disconnect();\n        sentinel.remove();\n      };\n    }\n\n    if (behavior === \"hide-on-scroll-down\") {\n      let lastScrollTop = scrollRoot ? scrollRoot.scrollTop : window.scrollY; // banned-read-ok: scroll handler, batched in rAF\n      let ticking = false;\n\n      const readScrollTop = (): number => (scrollRoot ? scrollRoot.scrollTop : window.scrollY); // banned-read-ok: scroll handler, batched in rAF\n\n      const update = () => {\n        const currentScrollTop = readScrollTop();\n        const pastThreshold = currentScrollTop > threshold;\n        setScrolled(pastThreshold);\n        setHidden(pastThreshold && currentScrollTop > lastScrollTop);\n        lastScrollTop = currentScrollTop;\n        ticking = false;\n      };\n\n      const onScroll = () => {\n        if (ticking) return;\n        ticking = true;\n        requestAnimationFrame(update);\n      };\n\n      const target: HTMLElement | Window = scrollRoot ?? window;\n      target.addEventListener(\"scroll\", onScroll, { passive: true });\n      return () => target.removeEventListener(\"scroll\", onScroll);\n    }\n\n    return undefined;\n  }, [behavior, disabled, scrollRoot, scrollRootRef, threshold]);\n\n  return { hidden, scrolled };\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAapC,SAAS,iBAAiB,UAAmC;AAC3D,SACE,aAAa,uBACb,aAAa,qBACb,aAAa;AAEjB;AAEA,SAAS,yBAAyB,UAAmC;AACnE,SAAO,aAAa,uBAAuB,aAAa;AAC1D;AAEO,SAAS,qBACd,UAAuC,CAAC,GACZ;AAC5B,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AACJ,QAAM,aAAa,kBAAkB,eAAe,WAAW;AAC/D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,YAAU,MAAM;AACd,QAAI,YAAY,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AAChF;AAAA,IACF;AAEA,QAAI,CAAC,iBAAiB,QAAQ,GAAG;AAC/B;AAAA,IACF;AAEA,QAAI,iBAAiB,CAAC,YAAY;AAChC;AAAA,IACF;AAEA,QAAI,yBAAyB,QAAQ,GAAG;AACtC,YAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,eAAS,aAAa,eAAe,MAAM;AAC3C,eAAS,aAAa,+BAA+B,EAAE;AACvD,eAAS,MAAM,UACb;AAEF,UAAI,YAAY;AACd,mBAAW,aAAa,UAAU,WAAW,UAAU;AAAA,MACzD,OAAO;AACL,iBAAS,KAAK,QAAQ,QAAQ;AAAA,MAChC;AAEA,YAAM,aAAa,YAAY,IAAI,IAAI,SAAS,mBAAmB;AACnE,YAAM,WAAW,IAAI;AAAA,QACnB,CAAC,YAAY;AACX,gBAAM,QAAQ,QAAQ,CAAC;AACvB,cAAI,CAAC,MAAO;AACZ,sBAAY,CAAC,MAAM,cAAc;AAAA,QACnC;AAAA,QACA,EAAE,MAAM,YAAY,YAAY,WAAW,EAAE;AAAA,MAC/C;AACA,eAAS,QAAQ,QAAQ;AAEzB,aAAO,MAAM;AACX,iBAAS,WAAW;AACpB,iBAAS,OAAO;AAAA,MAClB;AAAA,IACF;AAEA,QAAI,aAAa,uBAAuB;AACtC,UAAI,gBAAgB,aAAa,WAAW,YAAY,OAAO;AAC/D,UAAI,UAAU;AAEd,YAAM,gBAAgB,MAAe,aAAa,WAAW,YAAY,OAAO;AAEhF,YAAM,SAAS,MAAM;AACnB,cAAM,mBAAmB,cAAc;AACvC,cAAM,gBAAgB,mBAAmB;AACzC,oBAAY,aAAa;AACzB,kBAAU,iBAAiB,mBAAmB,aAAa;AAC3D,wBAAgB;AAChB,kBAAU;AAAA,MACZ;AAEA,YAAM,WAAW,MAAM;AACrB,YAAI,QAAS;AACb,kBAAU;AACV,8BAAsB,MAAM;AAAA,MAC9B;AAEA,YAAM,SAA+B,cAAc;AACnD,aAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,KAAK,CAAC;AAC7D,aAAO,MAAM,OAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC5D;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,UAAU,YAAY,eAAe,SAAS,CAAC;AAE7D,SAAO,EAAE,QAAQ,SAAS;AAC5B;","names":[]}

package/dist/components/header/use-header.d.ts

@@ -0,0 +1,4 @@
+import type { UseHeaderOptions, UseHeaderReturn } from "./types.js";
+export type { HeaderMobileMode, UseHeaderOptions, UseHeaderReturn } from "./types.js";
+export declare function useHeader(options?: UseHeaderOptions): UseHeaderReturn;
+//# sourceMappingURL=use-header.d.ts.map

package/dist/components/header/use-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-header.d.ts","sourceRoot":"","sources":["../../../src/components/header/use-header.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEtF,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAatF,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAuEzE"}

package/dist/components/header/use-header.js

@@ -0,0 +1,80 @@
+"use client";
+import { useCallback, useMemo } from "react";
+import { useControllableState, useId } from "@gunkin/uiify/hooks";
+function isDrawerMobileMode(mobileMode) {
+  return mobileMode === "drawer" || mobileMode === "sheet" || mobileMode === "fullscreen";
+}
+function exposesNavControls(mobileMode, open) {
+  if (mobileMode === "none") return false;
+  if (isDrawerMobileMode(mobileMode)) return true;
+  if (mobileMode === "collapse") return true;
+  return open;
+}
+function useHeader(options = {}) {
+  const {
+    closeOnSelect = true,
+    defaultOpen = false,
+    mobileMode = "none",
+    onOpenChange,
+    open: controlledOpen
+  } = options;
+  const navId = useId();
+  const toggleId = useId();
+  const [open, setOpen] = useControllableState({
+    defaultValue: defaultOpen,
+    onChange: onOpenChange,
+    value: controlledOpen
+  });
+  const toggle = useCallback(() => {
+    setOpen((current) => !current);
+  }, [setOpen]);
+  const close = useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const getToggleProps = useCallback(
+    (props) => ({
+      ...props,
+      id: toggleId,
+      ...exposesNavControls(mobileMode, open) ? { "aria-controls": navId } : {},
+      "aria-expanded": open
+    }),
+    [mobileMode, navId, open, toggleId]
+  );
+  const getMobileNavProps = useCallback(
+    (props) => ({
+      ...props,
+      id: navId
+    }),
+    [navId]
+  );
+  return useMemo(
+    () => ({
+      close,
+      closeOnSelect,
+      getMobileNavProps,
+      getToggleProps,
+      mobileMode,
+      navId,
+      open,
+      setOpen,
+      toggle,
+      toggleId
+    }),
+    [
+      close,
+      closeOnSelect,
+      getMobileNavProps,
+      getToggleProps,
+      mobileMode,
+      navId,
+      open,
+      setOpen,
+      toggle,
+      toggleId
+    ]
+  );
+}
+export {
+  useHeader
+};
+//# sourceMappingURL=use-header.js.map

package/dist/components/header/use-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/header/use-header.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo } from \"react\";\nimport type { ButtonHTMLAttributes, HTMLAttributes } from \"react\";\nimport { useControllableState, useId } from \"@gunkin/uiify/hooks\";\nimport type { HeaderMobileMode, UseHeaderOptions, UseHeaderReturn } from \"./types.js\";\n\nexport type { HeaderMobileMode, UseHeaderOptions, UseHeaderReturn } from \"./types.js\";\n\nfunction isDrawerMobileMode(mobileMode: HeaderMobileMode): boolean {\n  return mobileMode === \"drawer\" || mobileMode === \"sheet\" || mobileMode === \"fullscreen\";\n}\n\nfunction exposesNavControls(mobileMode: HeaderMobileMode, open: boolean): boolean {\n  if (mobileMode === \"none\") return false;\n  if (isDrawerMobileMode(mobileMode)) return true;\n  if (mobileMode === \"collapse\") return true;\n  return open;\n}\n\nexport function useHeader(options: UseHeaderOptions = {}): UseHeaderReturn {\n  const {\n    closeOnSelect = true,\n    defaultOpen = false,\n    mobileMode = \"none\",\n    onOpenChange,\n    open: controlledOpen,\n  } = options;\n\n  const navId = useId();\n  const toggleId = useId();\n  const [open, setOpen] = useControllableState({\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n    value: controlledOpen,\n  });\n\n  const toggle = useCallback(() => {\n    setOpen((current) => !current);\n  }, [setOpen]);\n\n  const close = useCallback(() => {\n    setOpen(false);\n  }, [setOpen]);\n\n  const getToggleProps = useCallback(\n    <T extends ButtonHTMLAttributes<HTMLButtonElement>>(props?: T): T =>\n      ({\n        ...props,\n        id: toggleId,\n        ...(exposesNavControls(mobileMode, open) ? { \"aria-controls\": navId } : {}),\n        \"aria-expanded\": open,\n      }) as T,\n    [mobileMode, navId, open, toggleId],\n  );\n\n  const getMobileNavProps = useCallback(\n    <T extends HTMLAttributes<HTMLElement>>(props?: T): T =>\n      ({\n        ...props,\n        id: navId,\n      }) as T,\n    [navId],\n  );\n\n  return useMemo(\n    () => ({\n      close,\n      closeOnSelect,\n      getMobileNavProps,\n      getToggleProps,\n      mobileMode,\n      navId,\n      open,\n      setOpen,\n      toggle,\n      toggleId,\n    }),\n    [\n      close,\n      closeOnSelect,\n      getMobileNavProps,\n      getToggleProps,\n      mobileMode,\n      navId,\n      open,\n      setOpen,\n      toggle,\n      toggleId,\n    ],\n  );\n}\n"],"mappings":";AAEA,SAAS,aAAa,eAAe;AAErC,SAAS,sBAAsB,aAAa;AAK5C,SAAS,mBAAmB,YAAuC;AACjE,SAAO,eAAe,YAAY,eAAe,WAAW,eAAe;AAC7E;AAEA,SAAS,mBAAmB,YAA8B,MAAwB;AAChF,MAAI,eAAe,OAAQ,QAAO;AAClC,MAAI,mBAAmB,UAAU,EAAG,QAAO;AAC3C,MAAI,eAAe,WAAY,QAAO;AACtC,SAAO;AACT;AAEO,SAAS,UAAU,UAA4B,CAAC,GAAoB;AACzE,QAAM;AAAA,IACJ,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,aAAa;AAAA,IACb;AAAA,IACA,MAAM;AAAA,EACR,IAAI;AAEJ,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,MAAM;AACvB,QAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,IAC3C,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,EACT,CAAC;AAED,QAAM,SAAS,YAAY,MAAM;AAC/B,YAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,EAC/B,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,QAAQ,YAAY,MAAM;AAC9B,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,iBAAiB;AAAA,IACrB,CAAoD,WACjD;AAAA,MACC,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,GAAI,mBAAmB,YAAY,IAAI,IAAI,EAAE,iBAAiB,MAAM,IAAI,CAAC;AAAA,MACzE,iBAAiB;AAAA,IACnB;AAAA,IACF,CAAC,YAAY,OAAO,MAAM,QAAQ;AAAA,EACpC;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAwC,WACrC;AAAA,MACC,GAAG;AAAA,MACH,IAAI;AAAA,IACN;AAAA,IACF,CAAC,KAAK;AAAA,EACR;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/components/header.d.ts

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

package/dist/components/header.js

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

package/dist/components/hover-card/HoverCard.d.ts

@@ -0,0 +1,14 @@
+import type { ElementType, ReactElement } from "react";
+import type { HoverCardContentProps, HoverCardRootProps, HoverCardTriggerProps } from "./types.js";
+export declare function HoverCardRoot(props: HoverCardRootProps): ReactElement | null;
+export declare namespace HoverCardRoot {
+    var displayName: string;
+}
+export declare function HoverCardTrigger<TAs extends ElementType = "button">(props: HoverCardTriggerProps<TAs>): ReactElement | null;
+export declare function HoverCardContent<TAs extends ElementType = "div">(props: HoverCardContentProps<TAs>): ReactElement | null;
+export declare const HoverCard: {
+    Content: typeof HoverCardContent;
+    Root: typeof HoverCardRoot;
+    Trigger: typeof HoverCardTrigger;
+};
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/components/hover-card/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/HoverCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAA4B,YAAY,EAAE,MAAM,OAAO,CAAC;AAehG,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAenG,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA+B5E;yBA/Be,aAAa;;;AAkC7B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAkDrB;AAED,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CA4ErB;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}