@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/monaco.d.ts

@@ -2,5 +2,6 @@ export { MonacoProvider } from './monaco/MonacoProvider';
 export { MonacoEditor } from './monaco/MonacoEditor';
 export { MonacoSchemaEditor } from './monaco/MonacoSchemaEditor';
 export { normalizeSchemaForMonaco } from './monaco/schema-normalizer';
+export type { Monaco } from '@monaco-editor/react';
 export type { MonacoEditorProps, MonacoProviderProps, MonacoSchemaEditorProps, MonacoValidationState, MonacoValidationStatus, MonacoWorkerFactory, } from './monaco/types';
 //# sourceMappingURL=monaco.d.ts.map

package/dist/monaco.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../src/monaco.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../src/monaco.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,YAAY,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC"}

package/dist/overlay/DropdownMenuSubmenu.cjs

@@ -14,13 +14,19 @@ function MenuItemIcon({
   iconColor
 }) {
   if (!icon) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: "inline-flex shrink-0",
-      style: iconColor ? { color: iconColor } : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...typeof icon === "string" ? { name: icon } : { icon } })
-    }
+  return (
+    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a
+    // `text-xs` row the glyph came out at 12px — smaller than anything a caller
+    // puts in the label beside it, and too small to identify at a glance. The
+    // row's content box is already 16px tall, so this does not change its height.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "inline-flex shrink-0 text-base",
+        style: iconColor ? { color: iconColor } : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...typeof icon === "string" ? { name: icon } : { icon } })
+      }
+    )
   );
 }
 function MenuLeaf({ item }) {

package/dist/overlay/DropdownMenuSubmenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubmenu.cjs","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    <span\n      className=\"inline-flex shrink-0\"\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8 }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n    hover,\n    click,\n    role,\n    dismiss,\n    listNav,\n  ]);\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  aria-label={ariaLabel}\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                >\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["jsx","Icon","useContext","MenuContext","useFloatingTree","useListItem","jsxs","useFloatingNodeId","useFloatingParentNodeId","useState","useRef","useFloatingZIndex","useFloating","offset","flip","shift","autoUpdate","useHover","safePolygon","useClick","useRole","useDismiss","useListNavigation","useInteractions","useEscapeLayer","useEffect","useMergeRefs","FloatingNode","UiChevronRight","FloatingList","FloatingPortal","FloatingFocusManager","MENU_POPOVER_CLASS","Fragment"],"mappings":"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"}
+{"version":3,"file":"DropdownMenuSubmenu.cjs","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a\n    // `text-xs` row the glyph came out at 12px — smaller than anything a caller\n    // puts in the label beside it, and too small to identify at a glance. The\n    // row's content box is already 16px tall, so this does not change its height.\n    <span\n      className=\"inline-flex shrink-0 text-base\"\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8 }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n    hover,\n    click,\n    role,\n    dismiss,\n    listNav,\n  ]);\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  aria-label={ariaLabel}\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                >\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["jsx","Icon","useContext","MenuContext","useFloatingTree","useListItem","jsxs","useFloatingNodeId","useFloatingParentNodeId","useState","useRef","useFloatingZIndex","useFloating","offset","flip","shift","autoUpdate","useHover","safePolygon","useClick","useRole","useDismiss","useListNavigation","useInteractions","useEscapeLayer","useEffect","useMergeRefs","FloatingNode","UiChevronRight","FloatingList","FloatingPortal","FloatingFocusManager","MENU_POPOVER_CLASS","Fragment"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubmenu.d.ts","sourceRoot":"","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAwNvD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,2CAwBpE"}
+{"version":3,"file":"DropdownMenuSubmenu.d.ts","sourceRoot":"","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA4NvD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,2CAwBpE"}

package/dist/overlay/DropdownMenuSubmenu.js

@@ -12,13 +12,19 @@ function MenuItemIcon({
   iconColor
 }) {
   if (!icon) return null;
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: "inline-flex shrink-0",
-      style: iconColor ? { color: iconColor } : void 0,
-      children: /* @__PURE__ */ jsx(Icon, { ...typeof icon === "string" ? { name: icon } : { icon } })
-    }
+  return (
+    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a
+    // `text-xs` row the glyph came out at 12px — smaller than anything a caller
+    // puts in the label beside it, and too small to identify at a glance. The
+    // row's content box is already 16px tall, so this does not change its height.
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex shrink-0 text-base",
+        style: iconColor ? { color: iconColor } : void 0,
+        children: /* @__PURE__ */ jsx(Icon, { ...typeof icon === "string" ? { name: icon } : { icon } })
+      }
+    )
   );
 }
 function MenuLeaf({ item }) {

package/dist/overlay/DropdownMenuSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubmenu.js","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    <span\n      className=\"inline-flex shrink-0\"\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8 }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n    hover,\n    click,\n    role,\n    dismiss,\n    listNav,\n  ]);\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  aria-label={ariaLabel}\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                >\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"DropdownMenuSubmenu.js","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a\n    // `text-xs` row the glyph came out at 12px — smaller than anything a caller\n    // puts in the label beside it, and too small to identify at a glance. The\n    // row's content box is already 16px tall, so this does not change its height.\n    <span\n      className=\"inline-flex shrink-0 text-base\"\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8 }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n    hover,\n    click,\n    role,\n    dismiss,\n    listNav,\n  ]);\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  aria-label={ariaLabel}\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                >\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/overlay/HoverCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.cjs","sources":["../../src/overlay/HoverCard.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"./modalStack\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport type HoverCardProps = {\n  /** Trigger content that opens the card on hover/focus. */\n  trigger: ReactNode;\n  /** Floating card content. */\n  children: ReactNode;\n  /** Preferred placement around the trigger. */\n  placement?: HoverCardPlacement;\n  /** Open delay in milliseconds. */\n  delay?: number;\n  /** Show the directional arrow. */\n  arrow?: boolean;\n  /** Classes applied to the trigger wrapper. */\n  className?: string;\n  /** Classes applied to the floating card. */\n  cardClassName?: string;\n};\n\nconst GAP_PX = 6;\n\ntype Position = { top: number; left: number };\n\n// Grace period that lets the cursor cross the gap from the trigger to the\n// portaled card without the card disappearing.\nconst HOVER_CLOSE_DELAY_MS = 120;\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = \"top\",\n  delay = 0,\n  arrow = true,\n  className,\n  cardClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = useState(false);\n  const [position, setPosition] = useState<Position | null>(null);\n  const floatingZ = useFloatingZIndex();\n  const triggerRef = useRef<HTMLSpanElement | null>(null);\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const cancelClose = () => {\n    if (closeTimerRef.current !== null) {\n      window.clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  };\n\n  function onEnter() {\n    cancelClose();\n    if (delay > 0) {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = window.setTimeout(() => setOpen(true), delay);\n    } else {\n      setOpen(true);\n    }\n  }\n  function onLeave() {\n    if (openTimerRef.current !== null) {\n      window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n    cancelClose();\n    closeTimerRef.current = window.setTimeout(() => setOpen(false), HOVER_CLOSE_DELAY_MS);\n  }\n\n  // Recompute position whenever the card opens or the viewport scrolls/resizes\n  // while it's open. We position via fixed coordinates so the card escapes\n  // every overflow-hidden / transform ancestor — important when the trigger\n  // sits inside a table row, dropdown, or modal that would otherwise clip it.\n  useLayoutEffect(() => {\n    if (!open) return;\n    const update = () => {\n      const trigger = triggerRef.current;\n      const card = cardRef.current;\n      if (!trigger || !card) return;\n      const t = trigger.getBoundingClientRect();\n      const c = card.getBoundingClientRect();\n      let top = 0;\n      let left = 0;\n      switch (placement) {\n        case \"top\":\n          top = t.top - c.height - GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"bottom\":\n          top = t.bottom + GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"left\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.left - c.width - GAP_PX;\n          break;\n        case \"right\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.right + GAP_PX;\n          break;\n      }\n      // Clamp to viewport so cards near the edge don't overflow off-screen.\n      const margin = 4;\n      left = Math.min(Math.max(margin, left), window.innerWidth - c.width - margin);\n      top = Math.min(Math.max(margin, top), window.innerHeight - c.height - margin);\n      setPosition({ top, left });\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open, placement, children]);\n\n  useEffect(() => {\n    return () => {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      if (closeTimerRef.current !== null) window.clearTimeout(closeTimerRef.current);\n    };\n  }, []);\n\n  const card =\n    open && typeof document !== \"undefined\"\n      ? createPortal(\n          <div\n            ref={cardRef}\n            role=\"tooltip\"\n            onMouseEnter={cancelClose}\n            onMouseLeave={onLeave}\n            style={{\n              ...(position\n                ? { position: \"fixed\", top: position.top, left: position.left }\n                : { position: \"fixed\", top: -9999, left: -9999, visibility: \"hidden\" }),\n              zIndex: floatingZ,\n            }}\n            className={cn(\n              \"rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] shadow-lg\",\n              \"whitespace-nowrap\",\n              cardClassName,\n            )}\n          >\n            {children}\n            {arrow && position && <Arrow placement={placement} />}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <span\n      ref={triggerRef}\n      className={cn(\"relative inline-flex items-center\", className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      {trigger}\n      {card}\n    </span>\n  );\n}\n\nfunction Arrow({ placement }: { placement: HoverCardPlacement }) {\n  // The arrow is a small rotated square clipped to look like a notch on the\n  // card edge that points back at the trigger. Drawn relative to the card.\n  const base = \"absolute h-1.5 w-1.5 rotate-45 border bg-background border-border\";\n  switch (placement) {\n    case \"top\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -bottom-0.5 border-l-0 border-t-0\")}\n        />\n      );\n    case \"bottom\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -top-0.5 border-r-0 border-b-0\")}\n        />\n      );\n    case \"left\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -right-0.5 border-l-0 border-b-0\")}\n        />\n      );\n    case \"right\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -left-0.5 border-r-0 border-t-0\")}\n        />\n      );\n  }\n}\n"],"names":["useState","useFloatingZIndex","useRef","useLayoutEffect","trigger","card","useEffect","createPortal","jsxs","cn","jsx"],"mappings":"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"}
+{"version":3,"file":"HoverCard.cjs","sources":["../../src/overlay/HoverCard.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"./modalStack\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport type HoverCardProps = {\n  /** Trigger content that opens the card on hover/focus. */\n  trigger: ReactNode;\n  /** Floating card content. */\n  children: ReactNode;\n  /** Preferred placement around the trigger. */\n  placement?: HoverCardPlacement;\n  /** Open delay in milliseconds. */\n  delay?: number;\n  /** Show the directional arrow. */\n  arrow?: boolean;\n  /** Classes applied to the trigger wrapper. */\n  className?: string | undefined;\n  /** Classes applied to the floating card. */\n  cardClassName?: string | undefined;\n};\n\nconst GAP_PX = 6;\n\ntype Position = { top: number; left: number };\n\n// Grace period that lets the cursor cross the gap from the trigger to the\n// portaled card without the card disappearing.\nconst HOVER_CLOSE_DELAY_MS = 120;\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = \"top\",\n  delay = 0,\n  arrow = true,\n  className,\n  cardClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = useState(false);\n  const [position, setPosition] = useState<Position | null>(null);\n  const floatingZ = useFloatingZIndex();\n  const triggerRef = useRef<HTMLSpanElement | null>(null);\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const cancelClose = () => {\n    if (closeTimerRef.current !== null) {\n      window.clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  };\n\n  function onEnter() {\n    cancelClose();\n    if (delay > 0) {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = window.setTimeout(() => setOpen(true), delay);\n    } else {\n      setOpen(true);\n    }\n  }\n  function onLeave() {\n    if (openTimerRef.current !== null) {\n      window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n    cancelClose();\n    closeTimerRef.current = window.setTimeout(() => setOpen(false), HOVER_CLOSE_DELAY_MS);\n  }\n\n  // Recompute position whenever the card opens or the viewport scrolls/resizes\n  // while it's open. We position via fixed coordinates so the card escapes\n  // every overflow-hidden / transform ancestor — important when the trigger\n  // sits inside a table row, dropdown, or modal that would otherwise clip it.\n  useLayoutEffect(() => {\n    if (!open) return;\n    const update = () => {\n      const trigger = triggerRef.current;\n      const card = cardRef.current;\n      if (!trigger || !card) return;\n      const t = trigger.getBoundingClientRect();\n      const c = card.getBoundingClientRect();\n      let top = 0;\n      let left = 0;\n      switch (placement) {\n        case \"top\":\n          top = t.top - c.height - GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"bottom\":\n          top = t.bottom + GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"left\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.left - c.width - GAP_PX;\n          break;\n        case \"right\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.right + GAP_PX;\n          break;\n      }\n      // Clamp to viewport so cards near the edge don't overflow off-screen.\n      const margin = 4;\n      left = Math.min(Math.max(margin, left), window.innerWidth - c.width - margin);\n      top = Math.min(Math.max(margin, top), window.innerHeight - c.height - margin);\n      setPosition({ top, left });\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open, placement, children]);\n\n  useEffect(() => {\n    return () => {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      if (closeTimerRef.current !== null) window.clearTimeout(closeTimerRef.current);\n    };\n  }, []);\n\n  const card =\n    open && typeof document !== \"undefined\"\n      ? createPortal(\n          <div\n            ref={cardRef}\n            role=\"tooltip\"\n            onMouseEnter={cancelClose}\n            onMouseLeave={onLeave}\n            style={{\n              ...(position\n                ? { position: \"fixed\", top: position.top, left: position.left }\n                : { position: \"fixed\", top: -9999, left: -9999, visibility: \"hidden\" }),\n              zIndex: floatingZ,\n            }}\n            className={cn(\n              \"rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] shadow-lg\",\n              \"whitespace-nowrap\",\n              cardClassName,\n            )}\n          >\n            {children}\n            {arrow && position && <Arrow placement={placement} />}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <span\n      ref={triggerRef}\n      className={cn(\"relative inline-flex items-center\", className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      {trigger}\n      {card}\n    </span>\n  );\n}\n\nfunction Arrow({ placement }: { placement: HoverCardPlacement }) {\n  // The arrow is a small rotated square clipped to look like a notch on the\n  // card edge that points back at the trigger. Drawn relative to the card.\n  const base = \"absolute h-1.5 w-1.5 rotate-45 border bg-background border-border\";\n  switch (placement) {\n    case \"top\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -bottom-0.5 border-l-0 border-t-0\")}\n        />\n      );\n    case \"bottom\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -top-0.5 border-r-0 border-b-0\")}\n        />\n      );\n    case \"left\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -right-0.5 border-l-0 border-b-0\")}\n        />\n      );\n    case \"right\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -left-0.5 border-r-0 border-t-0\")}\n        />\n      );\n  }\n}\n"],"names":["useState","useFloatingZIndex","useRef","useLayoutEffect","trigger","card","useEffect","createPortal","jsxs","cn","jsx"],"mappings":"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"}

package/dist/overlay/HoverCard.d.ts

@@ -12,9 +12,9 @@ export type HoverCardProps = {
     /** Show the directional arrow. */
     arrow?: boolean;
     /** Classes applied to the trigger wrapper. */
-    className?: string;
+    className?: string | undefined;
     /** Classes applied to the floating card. */
-    cardClassName?: string;
+    cardClassName?: string | undefined;
 };
 export declare function HoverCard({ trigger, children, placement, delay, arrow, className, cardClassName, }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HoverCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../src/overlay/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG;IAC3B,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAUF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,KAAS,EACT,KAAY,EACZ,SAAS,EACT,aAAa,GACd,EAAE,cAAc,2CAgIhB"}
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../src/overlay/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG;IAC3B,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,CAAC;AAUF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,KAAS,EACT,KAAY,EACZ,SAAS,EACT,aAAa,GACd,EAAE,cAAc,2CAgIhB"}

package/dist/overlay/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../src/overlay/HoverCard.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"./modalStack\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport type HoverCardProps = {\n  /** Trigger content that opens the card on hover/focus. */\n  trigger: ReactNode;\n  /** Floating card content. */\n  children: ReactNode;\n  /** Preferred placement around the trigger. */\n  placement?: HoverCardPlacement;\n  /** Open delay in milliseconds. */\n  delay?: number;\n  /** Show the directional arrow. */\n  arrow?: boolean;\n  /** Classes applied to the trigger wrapper. */\n  className?: string;\n  /** Classes applied to the floating card. */\n  cardClassName?: string;\n};\n\nconst GAP_PX = 6;\n\ntype Position = { top: number; left: number };\n\n// Grace period that lets the cursor cross the gap from the trigger to the\n// portaled card without the card disappearing.\nconst HOVER_CLOSE_DELAY_MS = 120;\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = \"top\",\n  delay = 0,\n  arrow = true,\n  className,\n  cardClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = useState(false);\n  const [position, setPosition] = useState<Position | null>(null);\n  const floatingZ = useFloatingZIndex();\n  const triggerRef = useRef<HTMLSpanElement | null>(null);\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const cancelClose = () => {\n    if (closeTimerRef.current !== null) {\n      window.clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  };\n\n  function onEnter() {\n    cancelClose();\n    if (delay > 0) {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = window.setTimeout(() => setOpen(true), delay);\n    } else {\n      setOpen(true);\n    }\n  }\n  function onLeave() {\n    if (openTimerRef.current !== null) {\n      window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n    cancelClose();\n    closeTimerRef.current = window.setTimeout(() => setOpen(false), HOVER_CLOSE_DELAY_MS);\n  }\n\n  // Recompute position whenever the card opens or the viewport scrolls/resizes\n  // while it's open. We position via fixed coordinates so the card escapes\n  // every overflow-hidden / transform ancestor — important when the trigger\n  // sits inside a table row, dropdown, or modal that would otherwise clip it.\n  useLayoutEffect(() => {\n    if (!open) return;\n    const update = () => {\n      const trigger = triggerRef.current;\n      const card = cardRef.current;\n      if (!trigger || !card) return;\n      const t = trigger.getBoundingClientRect();\n      const c = card.getBoundingClientRect();\n      let top = 0;\n      let left = 0;\n      switch (placement) {\n        case \"top\":\n          top = t.top - c.height - GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"bottom\":\n          top = t.bottom + GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"left\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.left - c.width - GAP_PX;\n          break;\n        case \"right\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.right + GAP_PX;\n          break;\n      }\n      // Clamp to viewport so cards near the edge don't overflow off-screen.\n      const margin = 4;\n      left = Math.min(Math.max(margin, left), window.innerWidth - c.width - margin);\n      top = Math.min(Math.max(margin, top), window.innerHeight - c.height - margin);\n      setPosition({ top, left });\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open, placement, children]);\n\n  useEffect(() => {\n    return () => {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      if (closeTimerRef.current !== null) window.clearTimeout(closeTimerRef.current);\n    };\n  }, []);\n\n  const card =\n    open && typeof document !== \"undefined\"\n      ? createPortal(\n          <div\n            ref={cardRef}\n            role=\"tooltip\"\n            onMouseEnter={cancelClose}\n            onMouseLeave={onLeave}\n            style={{\n              ...(position\n                ? { position: \"fixed\", top: position.top, left: position.left }\n                : { position: \"fixed\", top: -9999, left: -9999, visibility: \"hidden\" }),\n              zIndex: floatingZ,\n            }}\n            className={cn(\n              \"rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] shadow-lg\",\n              \"whitespace-nowrap\",\n              cardClassName,\n            )}\n          >\n            {children}\n            {arrow && position && <Arrow placement={placement} />}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <span\n      ref={triggerRef}\n      className={cn(\"relative inline-flex items-center\", className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      {trigger}\n      {card}\n    </span>\n  );\n}\n\nfunction Arrow({ placement }: { placement: HoverCardPlacement }) {\n  // The arrow is a small rotated square clipped to look like a notch on the\n  // card edge that points back at the trigger. Drawn relative to the card.\n  const base = \"absolute h-1.5 w-1.5 rotate-45 border bg-background border-border\";\n  switch (placement) {\n    case \"top\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -bottom-0.5 border-l-0 border-t-0\")}\n        />\n      );\n    case \"bottom\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -top-0.5 border-r-0 border-b-0\")}\n        />\n      );\n    case \"left\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -right-0.5 border-l-0 border-b-0\")}\n        />\n      );\n    case \"right\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -left-0.5 border-r-0 border-t-0\")}\n        />\n      );\n  }\n}\n"],"names":["trigger","card"],"mappings":"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"}
+{"version":3,"file":"HoverCard.js","sources":["../../src/overlay/HoverCard.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"./modalStack\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport type HoverCardProps = {\n  /** Trigger content that opens the card on hover/focus. */\n  trigger: ReactNode;\n  /** Floating card content. */\n  children: ReactNode;\n  /** Preferred placement around the trigger. */\n  placement?: HoverCardPlacement;\n  /** Open delay in milliseconds. */\n  delay?: number;\n  /** Show the directional arrow. */\n  arrow?: boolean;\n  /** Classes applied to the trigger wrapper. */\n  className?: string | undefined;\n  /** Classes applied to the floating card. */\n  cardClassName?: string | undefined;\n};\n\nconst GAP_PX = 6;\n\ntype Position = { top: number; left: number };\n\n// Grace period that lets the cursor cross the gap from the trigger to the\n// portaled card without the card disappearing.\nconst HOVER_CLOSE_DELAY_MS = 120;\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = \"top\",\n  delay = 0,\n  arrow = true,\n  className,\n  cardClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = useState(false);\n  const [position, setPosition] = useState<Position | null>(null);\n  const floatingZ = useFloatingZIndex();\n  const triggerRef = useRef<HTMLSpanElement | null>(null);\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const cancelClose = () => {\n    if (closeTimerRef.current !== null) {\n      window.clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  };\n\n  function onEnter() {\n    cancelClose();\n    if (delay > 0) {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = window.setTimeout(() => setOpen(true), delay);\n    } else {\n      setOpen(true);\n    }\n  }\n  function onLeave() {\n    if (openTimerRef.current !== null) {\n      window.clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n    cancelClose();\n    closeTimerRef.current = window.setTimeout(() => setOpen(false), HOVER_CLOSE_DELAY_MS);\n  }\n\n  // Recompute position whenever the card opens or the viewport scrolls/resizes\n  // while it's open. We position via fixed coordinates so the card escapes\n  // every overflow-hidden / transform ancestor — important when the trigger\n  // sits inside a table row, dropdown, or modal that would otherwise clip it.\n  useLayoutEffect(() => {\n    if (!open) return;\n    const update = () => {\n      const trigger = triggerRef.current;\n      const card = cardRef.current;\n      if (!trigger || !card) return;\n      const t = trigger.getBoundingClientRect();\n      const c = card.getBoundingClientRect();\n      let top = 0;\n      let left = 0;\n      switch (placement) {\n        case \"top\":\n          top = t.top - c.height - GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"bottom\":\n          top = t.bottom + GAP_PX;\n          left = t.left + t.width / 2 - c.width / 2;\n          break;\n        case \"left\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.left - c.width - GAP_PX;\n          break;\n        case \"right\":\n          top = t.top + t.height / 2 - c.height / 2;\n          left = t.right + GAP_PX;\n          break;\n      }\n      // Clamp to viewport so cards near the edge don't overflow off-screen.\n      const margin = 4;\n      left = Math.min(Math.max(margin, left), window.innerWidth - c.width - margin);\n      top = Math.min(Math.max(margin, top), window.innerHeight - c.height - margin);\n      setPosition({ top, left });\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open, placement, children]);\n\n  useEffect(() => {\n    return () => {\n      if (openTimerRef.current !== null) window.clearTimeout(openTimerRef.current);\n      if (closeTimerRef.current !== null) window.clearTimeout(closeTimerRef.current);\n    };\n  }, []);\n\n  const card =\n    open && typeof document !== \"undefined\"\n      ? createPortal(\n          <div\n            ref={cardRef}\n            role=\"tooltip\"\n            onMouseEnter={cancelClose}\n            onMouseLeave={onLeave}\n            style={{\n              ...(position\n                ? { position: \"fixed\", top: position.top, left: position.left }\n                : { position: \"fixed\", top: -9999, left: -9999, visibility: \"hidden\" }),\n              zIndex: floatingZ,\n            }}\n            className={cn(\n              \"rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] shadow-lg\",\n              \"whitespace-nowrap\",\n              cardClassName,\n            )}\n          >\n            {children}\n            {arrow && position && <Arrow placement={placement} />}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <span\n      ref={triggerRef}\n      className={cn(\"relative inline-flex items-center\", className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      {trigger}\n      {card}\n    </span>\n  );\n}\n\nfunction Arrow({ placement }: { placement: HoverCardPlacement }) {\n  // The arrow is a small rotated square clipped to look like a notch on the\n  // card edge that points back at the trigger. Drawn relative to the card.\n  const base = \"absolute h-1.5 w-1.5 rotate-45 border bg-background border-border\";\n  switch (placement) {\n    case \"top\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -bottom-0.5 border-l-0 border-t-0\")}\n        />\n      );\n    case \"bottom\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"left-1/2 -translate-x-1/2 -top-0.5 border-r-0 border-b-0\")}\n        />\n      );\n    case \"left\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -right-0.5 border-l-0 border-b-0\")}\n        />\n      );\n    case \"right\":\n      return (\n        <span\n          aria-hidden\n          className={cn(base, \"top-1/2 -translate-y-1/2 -left-0.5 border-r-0 border-t-0\")}\n        />\n      );\n  }\n}\n"],"names":["trigger","card"],"mappings":";;;;;AAwBA,MAAM,SAAS;AAMf,MAAM,uBAAuB;AAEtB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,IAAI;AAC9D,QAAM,YAAY,kBAAA;AAClB,QAAM,aAAa,OAA+B,IAAI;AACtD,QAAM,UAAU,OAA8B,IAAI;AAClD,QAAM,eAAe,OAAsB,IAAI;AAC/C,QAAM,gBAAgB,OAAsB,IAAI;AAEhD,QAAM,cAAc,MAAM;AACxB,QAAI,cAAc,YAAY,MAAM;AAClC,aAAO,aAAa,cAAc,OAAO;AACzC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,WAAS,UAAU;AACjB,gBAAA;AACA,QAAI,QAAQ,GAAG;AACb,UAAI,aAAa,YAAY,KAAM,QAAO,aAAa,aAAa,OAAO;AAC3E,mBAAa,UAAU,OAAO,WAAW,MAAM,QAAQ,IAAI,GAAG,KAAK;AAAA,IACrE,OAAO;AACL,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AACA,WAAS,UAAU;AACjB,QAAI,aAAa,YAAY,MAAM;AACjC,aAAO,aAAa,aAAa,OAAO;AACxC,mBAAa,UAAU;AAAA,IACzB;AACA,gBAAA;AACA,kBAAc,UAAU,OAAO,WAAW,MAAM,QAAQ,KAAK,GAAG,oBAAoB;AAAA,EACtF;AAMA,kBAAgB,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,UAAM,SAAS,MAAM;AACnB,YAAMA,WAAU,WAAW;AAC3B,YAAMC,QAAO,QAAQ;AACrB,UAAI,CAACD,YAAW,CAACC,MAAM;AACvB,YAAM,IAAID,SAAQ,sBAAA;AAClB,YAAM,IAAIC,MAAK,sBAAA;AACf,UAAI,MAAM;AACV,UAAI,OAAO;AACX,cAAQ,WAAA;AAAA,QACN,KAAK;AACH,gBAAM,EAAE,MAAM,EAAE,SAAS;AACzB,iBAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,QAAQ;AACxC;AAAA,QACF,KAAK;AACH,gBAAM,EAAE,SAAS;AACjB,iBAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,QAAQ;AACxC;AAAA,QACF,KAAK;AACH,gBAAM,EAAE,MAAM,EAAE,SAAS,IAAI,EAAE,SAAS;AACxC,iBAAO,EAAE,OAAO,EAAE,QAAQ;AAC1B;AAAA,QACF,KAAK;AACH,gBAAM,EAAE,MAAM,EAAE,SAAS,IAAI,EAAE,SAAS;AACxC,iBAAO,EAAE,QAAQ;AACjB;AAAA,MAAA;AAGJ,YAAM,SAAS;AACf,aAAO,KAAK,IAAI,KAAK,IAAI,QAAQ,IAAI,GAAG,OAAO,aAAa,EAAE,QAAQ,MAAM;AAC5E,YAAM,KAAK,IAAI,KAAK,IAAI,QAAQ,GAAG,GAAG,OAAO,cAAc,EAAE,SAAS,MAAM;AAC5E,kBAAY,EAAE,KAAK,MAAM;AAAA,IAC3B;AACA,WAAA;AACA,WAAO,iBAAiB,UAAU,QAAQ,IAAI;AAC9C,WAAO,iBAAiB,UAAU,MAAM;AACxC,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ,IAAI;AACjD,aAAO,oBAAoB,UAAU,MAAM;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,QAAQ,CAAC;AAE9B,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,aAAa,YAAY,KAAM,QAAO,aAAa,aAAa,OAAO;AAC3E,UAAI,cAAc,YAAY,KAAM,QAAO,aAAa,cAAc,OAAO;AAAA,IAC/E;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,OACJ,QAAQ,OAAO,aAAa,cACxB;AAAA,IACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,OAAO;AAAA,UACL,GAAI,WACA,EAAE,UAAU,SAAS,KAAK,SAAS,KAAK,MAAM,SAAS,SACvD,EAAE,UAAU,SAAS,KAAK,OAAO,MAAM,OAAO,YAAY,SAAA;AAAA,UAC9D,QAAQ;AAAA,QAAA;AAAA,QAEV,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAGD,UAAA;AAAA,UAAA;AAAA,UACA,SAAS,YAAY,oBAAC,OAAA,EAAM,UAAA,CAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAErD,SAAS;AAAA,EAAA,IAEX;AAEN,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC5D,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,MAAM,EAAE,aAAgD;AAG/D,QAAM,OAAO;AACb,UAAQ,WAAA;AAAA,IACN,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW,GAAG,MAAM,6DAA6D;AAAA,QAAA;AAAA,MAAA;AAAA,IAGvF,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW,GAAG,MAAM,0DAA0D;AAAA,QAAA;AAAA,MAAA;AAAA,IAGpF,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW,GAAG,MAAM,2DAA2D;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrF,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW,GAAG,MAAM,0DAA0D;AAAA,QAAA;AAAA,MAAA;AAAA,EAChF;AAGR;"}

package/dist/overlay/Tour.cjs

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const react$1 = require("@floating-ui/react");
+const useHotkey = require("../hooks/use-hotkey.cjs");
+const modalStack = require("./modalStack.cjs");
+const TourCard = require("./TourCard.cjs");
+const TourSpotlight = require("./TourSpotlight.cjs");
+const tourModel = require("./tour-model.cjs");
+const useTourAnchor = require("./use-tour-anchor.cjs");
+const useTourRect = require("./use-tour-rect.cjs");
+const useTourStep = require("./use-tour-step.cjs");
+const DEFAULT_ANCHOR_TIMEOUT_MS = 3e3;
+const DEFAULT_NAVIGATE_TIMEOUT_MS = 8e3;
+const DEFAULT_PADDING = 8;
+function viewOf(source) {
+  var _a;
+  const root = (typeof source === "function" ? source() : source) ?? null;
+  if (!root) return null;
+  if (root instanceof Document) return root.defaultView;
+  return ((_a = root.ownerDocument) == null ? void 0 : _a.defaultView) ?? null;
+}
+function useViewport(root) {
+  const [size, setSize] = react.useState({ width: 0, height: 0 });
+  react.useEffect(() => {
+    const view = viewOf(root);
+    if (!view) return;
+    const measure = () => setSize({ width: view.innerWidth, height: view.innerHeight });
+    measure();
+    view.addEventListener("resize", measure);
+    return () => view.removeEventListener("resize", measure);
+  }, [root]);
+  return size;
+}
+function Tour(props) {
+  const {
+    definition,
+    index,
+    onIndexChange,
+    onComplete,
+    onDismiss,
+    onNavigate,
+    portalContainer,
+    missingAnchor = "center",
+    anchorTimeoutMs = DEFAULT_ANCHOR_TIMEOUT_MS,
+    navigateTimeoutMs = DEFAULT_NAVIGATE_TIMEOUT_MS,
+    padding = DEFAULT_PADDING,
+    interaction = "allow-anchor",
+    keyboard = true,
+    closeOnEsc = true,
+    scrollIntoView = true,
+    onStepError
+  } = props;
+  const anchorRoot = react.useMemo(
+    () => props.anchorRoot ?? (() => typeof document === "undefined" ? null : document),
+    [props.anchorRoot]
+  );
+  const validated = react.useRef(null);
+  if (validated.current !== definition.id) {
+    tourModel.validateTourDefinition(definition);
+    validated.current = definition.id;
+  }
+  const labels = react.useMemo(
+    () => ({ ...tourModel.DEFAULT_TOUR_LABELS, ...props.labels }),
+    [props.labels]
+  );
+  const steps = definition.steps;
+  const step = steps[index];
+  const total = tourModel.activeSteps(steps).length;
+  const viewport = useViewport(anchorRoot);
+  const contextSeed = react.useMemo(
+    () => step ? { step, index, total, anchor: null, direction: "jump" } : null,
+    [step, index, total]
+  );
+  const { navigating, pendingRoute } = useTourStep.useStepRoute({ step, context: contextSeed, onNavigate });
+  const anchorState = useTourAnchor.useTourAnchor({
+    root: anchorRoot,
+    target: step == null ? void 0 : step.target,
+    timeoutMs: pendingRoute || navigating ? navigateTimeoutMs : (step == null ? void 0 : step.timeoutMs) ?? anchorTimeoutMs,
+    scrollIntoView,
+    key: `${definition.id}:${(step == null ? void 0 : step.id) ?? ""}`
+  });
+  const context = react.useMemo(
+    () => step ? { step, index, total, anchor: anchorState.anchor, direction: "jump" } : null,
+    [step, index, total, anchorState.anchor]
+  );
+  const backIndex = tourModel.nextStepIndex(steps, index, "back");
+  const forwardIndex = tourModel.nextStepIndex(steps, index, "next");
+  const missing = anchorState.state === "missing";
+  const policy = (step == null ? void 0 : step.onMissing) ?? missingAnchor;
+  const waiting = missing && (step == null ? void 0 : step.hint) !== void 0 && step.hintOptional !== true;
+  const isLast = forwardIndex === null;
+  const blocked = waiting && !isLast;
+  const goNext = () => {
+    if (blocked) return;
+    if (forwardIndex === null) onComplete();
+    else onIndexChange(forwardIndex, "next");
+  };
+  const goBack = () => {
+    if (backIndex !== null) onIndexChange(backIndex, "back");
+  };
+  useTourStep.useMissingAnchorPolicy({
+    definition,
+    step,
+    index,
+    missing,
+    policy,
+    onStepError,
+    onSkip: (next) => next === null ? onComplete() : onIndexChange(next, "next")
+  });
+  useTourStep.useActiveAnchorMarker(anchorState.anchor);
+  useTourStep.useStepLifecycle({ step, context, settled: anchorState.state !== "waiting" });
+  modalStack.useTourLayer(true);
+  modalStack.useEscapeLayer(true, onDismiss, closeOnEsc);
+  useHotkey.useHotkey("arrowright", goNext, { enabled: keyboard, priority: 10 });
+  useHotkey.useHotkey("arrowleft", goBack, { enabled: keyboard, priority: 10 });
+  const anchored = anchorState.state === "found" ? anchorState.anchor : null;
+  const cutout = useTourRect.useTourRect(anchored, {
+    padding: (step == null ? void 0 : step.padding) ?? padding,
+    radius: step == null ? void 0 : step.radius
+  });
+  const liveStatus = navigating ? "navigating" : anchorState.state === "waiting" ? "waiting" : "active";
+  const { onStatusChange } = props;
+  react.useEffect(() => onStatusChange == null ? void 0 : onStatusChange(liveStatus), [liveStatus, onStatusChange]);
+  if (!step) return null;
+  if (missing && policy === "skip") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingPortal, { ...portalContainer ? { root: portalContainer } : {}, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-tour-id": definition.id,
+      "data-tour-step": step.id,
+      "data-tour-state": navigating ? "navigating" : anchorState.state,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: labels.announce(
+          tourModel.displayPosition(steps, index),
+          total,
+          typeof step.title === "string" ? step.title : step.id
+        ) }),
+        anchored ? /* @__PURE__ */ jsxRuntime.jsx(
+          TourSpotlight.TourSpotlight,
+          {
+            cutout,
+            viewport,
+            interaction,
+            className: props.backdropClassName
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TourCard.TourCard,
+          {
+            step,
+            anchor: anchored,
+            current: tourModel.displayPosition(steps, index),
+            total,
+            labels,
+            blockedHint: missing ? step.hint ?? null : null,
+            canGoBack: backIndex !== null,
+            canGoNext: !blocked,
+            isLast,
+            ...definition.footer ? { footer: definition.footer } : {},
+            onBack: goBack,
+            onNext: goNext,
+            onDismiss,
+            className: props.className
+          }
+        )
+      ]
+    }
+  ) });
+}
+exports.Tour = Tour;
+//# sourceMappingURL=Tour.cjs.map

package/dist/overlay/Tour.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.cjs","sources":["../../src/overlay/Tour.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { FloatingPortal } from \"@floating-ui/react\";\nimport { useHotkey } from \"../hooks/use-hotkey\";\nimport { useEscapeLayer, useTourLayer } from \"./modalStack\";\nimport { TourCard } from \"./TourCard\";\nimport { TourSpotlight } from \"./TourSpotlight\";\nimport {\n  activeSteps,\n  DEFAULT_TOUR_LABELS,\n  displayPosition,\n  nextStepIndex,\n  validateTourDefinition,\n} from \"./tour-model\";\nimport type { TourStatus } from \"./tour-context\";\nimport { useTourAnchor } from \"./use-tour-anchor\";\nimport { useTourRect } from \"./use-tour-rect\";\nimport {\n  useActiveAnchorMarker,\n  useMissingAnchorPolicy,\n  useStepLifecycle,\n  useStepRoute,\n} from \"./use-tour-step\";\nimport type {\n  TourDefinition,\n  TourDirection,\n  TourInteraction,\n  TourLabels,\n  TourMissingAnchor,\n  TourRoot,\n  TourRootSource,\n  TourStepContext,\n  TourStepErrorInfo,\n} from \"./tour-types\";\n\n/**\n * Controlled renderer for one running tour: spotlight + step card + the step\n * lifecycle (exit -> navigate -> wait for anchor -> enter).\n *\n * It contains no `document` lookup of its own — every anchor query goes through\n * tour-anchor.ts against a configurable root, which is what lets the same steps\n * run over a mocked UI inside a shadow root.\n */\n\nconst DEFAULT_ANCHOR_TIMEOUT_MS = 3_000;\nconst DEFAULT_NAVIGATE_TIMEOUT_MS = 8_000;\nconst DEFAULT_PADDING = 8;\n\nexport type TourProps = {\n  /** The tour to render. Validated on first mount. */\n  definition: TourDefinition;\n  /** Zero-based index of the visible step, into `definition.steps`. */\n  index: number;\n  /** Requests a different step; the owner clamps and commits it. */\n  onIndexChange: (index: number, direction: TourDirection) => void;\n  /** The user reached the end. */\n  onComplete: () => void;\n  /** The user left early (Skip, Escape, close). */\n  onDismiss: () => void;\n  /**\n   * Called when the entered step's `route` differs from the route the tour is\n   * already on. The library never imports a router.\n   */\n  onNavigate?: ((route: string, ctx: TourStepContext) => void | Promise<void>) | undefined;\n  /** Where anchors are queried. Defaults to `document`. */\n  anchorRoot?: TourRootSource | undefined;\n  /**\n   * Element the overlay portals into. Defaults to `document.body`. Pass a node\n   * inside your shadow tree so the overlay is shadow-styled and scoped —\n   * `FloatingPortal` takes an HTMLElement, not a ShadowRoot, which is why this is\n   * a separate prop from `anchorRoot`. Note `position: fixed` resolves against a\n   * transformed ancestor, so a transformed container scopes the dim to itself\n   * (wanted for an embedded demo, surprising in an app).\n   */\n  portalContainer?: HTMLElement | null | undefined;\n  /** Policy when an anchor never appears. Defaults to `\"center\"`. */\n  missingAnchor?: TourMissingAnchor | undefined;\n  /** Anchor wait budget for a same-route step, in ms. */\n  anchorTimeoutMs?: number | undefined;\n  /** Anchor wait budget after `onNavigate`, in ms. */\n  navigateTimeoutMs?: number | undefined;\n  /** Default spotlight padding in px. */\n  padding?: number | undefined;\n  /** Pointer behaviour of the dim layer. */\n  interaction?: TourInteraction | undefined;\n  /**\n   * Bind arrow keys to Back/Next. Defaults to true. This preempts arrow-key page\n   * scrolling while the tour runs; set false to keep it.\n   */\n  keyboard?: boolean | undefined;\n  /** Dismiss on Escape. Defaults to true. */\n  closeOnEsc?: boolean | undefined;\n  /** Scroll each anchor into view on entry. Defaults to true. */\n  scrollIntoView?: boolean | undefined;\n  /** Copy overrides; unset keys fall back to `DEFAULT_TOUR_LABELS`. */\n  labels?: Partial<TourLabels> | undefined;\n  /** Reported on every anchor timeout, alongside a console warning. */\n  onStepError?: ((info: TourStepErrorInfo) => void) | undefined;\n  /** Reports the live step state, so a provider can expose it through `useTour()`. */\n  onStatusChange?: ((status: TourStatus) => void) | undefined;\n  /** Classes applied to the step card. */\n  className?: string | undefined;\n  /** Classes applied to the dim layer, e.g. `bg-black/60`. */\n  backdropClassName?: string | undefined;\n};\n\nfunction viewOf(source: TourRootSource): Window | null {\n  const root: TourRoot | null = (typeof source === \"function\" ? source() : source) ?? null;\n  if (!root) return null;\n  if (root instanceof Document) return root.defaultView;\n  return root.ownerDocument?.defaultView ?? null;\n}\n\nfunction useViewport(root: TourRootSource): { width: number; height: number } {\n  const [size, setSize] = useState({ width: 0, height: 0 });\n\n  useEffect(() => {\n    const view = viewOf(root);\n    if (!view) return;\n    const measure = () => setSize({ width: view.innerWidth, height: view.innerHeight });\n    measure();\n    view.addEventListener(\"resize\", measure);\n    return () => view.removeEventListener(\"resize\", measure);\n  }, [root]);\n\n  return size;\n}\n\nexport function Tour(props: TourProps) {\n  const {\n    definition,\n    index,\n    onIndexChange,\n    onComplete,\n    onDismiss,\n    onNavigate,\n    portalContainer,\n    missingAnchor = \"center\",\n    anchorTimeoutMs = DEFAULT_ANCHOR_TIMEOUT_MS,\n    navigateTimeoutMs = DEFAULT_NAVIGATE_TIMEOUT_MS,\n    padding = DEFAULT_PADDING,\n    interaction = \"allow-anchor\",\n    keyboard = true,\n    closeOnEsc = true,\n    scrollIntoView = true,\n    onStepError,\n  } = props;\n\n  // A getter rather than `document` directly, so the default is also safe under\n  // SSR where there is no document to reference at render time.\n  const anchorRoot: TourRootSource = useMemo(\n    () => props.anchorRoot ?? (() => (typeof document === \"undefined\" ? null : document)),\n    [props.anchorRoot],\n  );\n\n  const validated = useRef<string | null>(null);\n  if (validated.current !== definition.id) {\n    validateTourDefinition(definition);\n    validated.current = definition.id;\n  }\n\n  const labels: TourLabels = useMemo(\n    () => ({ ...DEFAULT_TOUR_LABELS, ...props.labels }),\n    [props.labels],\n  );\n\n  const steps = definition.steps;\n  const step = steps[index];\n  const total = activeSteps(steps).length;\n  const viewport = useViewport(anchorRoot);\n\n  const contextSeed = useMemo<TourStepContext | null>(\n    () => (step ? { step, index, total, anchor: null, direction: \"jump\" } : null),\n    [step, index, total],\n  );\n  const { navigating, pendingRoute } = useStepRoute({ step, context: contextSeed, onNavigate });\n\n  const anchorState = useTourAnchor({\n    root: anchorRoot,\n    target: step?.target,\n    timeoutMs:\n      pendingRoute || navigating ? navigateTimeoutMs : (step?.timeoutMs ?? anchorTimeoutMs),\n    scrollIntoView,\n    key: `${definition.id}:${step?.id ?? \"\"}`,\n  });\n\n  const context = useMemo<TourStepContext | null>(\n    () => (step ? { step, index, total, anchor: anchorState.anchor, direction: \"jump\" } : null),\n    [step, index, total, anchorState.anchor],\n  );\n\n  const backIndex = nextStepIndex(steps, index, \"back\");\n  const forwardIndex = nextStepIndex(steps, index, \"next\");\n  const missing = anchorState.state === \"missing\";\n  const policy = step?.onMissing ?? missingAnchor;\n\n  // A step that names what the operator must do is waiting on THEM, so Next stays\n  // shut until its anchor resolves. Advancing anyway would narrate a stop they\n  // never reached.\n  //\n  // The LAST step is exempt: there its button is Done, which ends the tour rather\n  // than moving to an unreachable stop. Blocking it would leave the only exit as\n  // abandoning a tour the operator has otherwise finished — so a tour ending on a\n  // waiting step could never be completed at all.\n  const waiting = missing && step?.hint !== undefined && step.hintOptional !== true;\n  const isLast = forwardIndex === null;\n  const blocked = waiting && !isLast;\n\n  const goNext = () => {\n    if (blocked) return;\n    if (forwardIndex === null) onComplete();\n    else onIndexChange(forwardIndex, \"next\");\n  };\n  const goBack = () => {\n    if (backIndex !== null) onIndexChange(backIndex, \"back\");\n  };\n\n  useMissingAnchorPolicy({\n    definition,\n    step,\n    index,\n    missing,\n    policy,\n    onStepError,\n    onSkip: (next) => (next === null ? onComplete() : onIndexChange(next, \"next\")),\n  });\n  useActiveAnchorMarker(anchorState.anchor);\n  useStepLifecycle({ step, context, settled: anchorState.state !== \"waiting\" });\n\n  useTourLayer(true);\n  useEscapeLayer(true, onDismiss, closeOnEsc);\n  // Lower-case combos: use-hotkey matches against `event.key.toLowerCase()`.\n  useHotkey(\"arrowright\", goNext, { enabled: keyboard, priority: 10 });\n  useHotkey(\"arrowleft\", goBack, { enabled: keyboard, priority: 10 });\n\n  const anchored = anchorState.state === \"found\" ? anchorState.anchor : null;\n  const cutout = useTourRect(anchored, {\n    padding: step?.padding ?? padding,\n    radius: step?.radius,\n  });\n\n  // \"missing\" still shows a card (centred), so it reads as active rather than\n  // leaving the provider stuck reporting a wait that already gave up.\n  const liveStatus: TourStatus = navigating\n    ? \"navigating\"\n    : anchorState.state === \"waiting\"\n      ? \"waiting\"\n      : \"active\";\n  const { onStatusChange } = props;\n  useEffect(() => onStatusChange?.(liveStatus), [liveStatus, onStatusChange]);\n\n  if (!step) return null;\n  if (missing && policy === \"skip\") return null;\n\n  return (\n    <FloatingPortal {...(portalContainer ? { root: portalContainer } : {})}>\n      <div\n        data-tour-id={definition.id}\n        data-tour-step={step.id}\n        data-tour-state={navigating ? \"navigating\" : anchorState.state}\n      >\n        <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {labels.announce(\n            displayPosition(steps, index),\n            total,\n            typeof step.title === \"string\" ? step.title : step.id,\n          )}\n        </span>\n\n        {anchored ? (\n          <TourSpotlight\n            cutout={cutout}\n            viewport={viewport}\n            interaction={interaction}\n            className={props.backdropClassName}\n          />\n        ) : null}\n\n        <TourCard\n          step={step}\n          anchor={anchored}\n          current={displayPosition(steps, index)}\n          total={total}\n          labels={labels}\n          blockedHint={missing ? (step.hint ?? null) : null}\n          canGoBack={backIndex !== null}\n          canGoNext={!blocked}\n          isLast={isLast}\n          {...(definition.footer ? { footer: definition.footer } : {})}\n          onBack={goBack}\n          onNext={goNext}\n          onDismiss={onDismiss}\n          className={props.className}\n        />\n      </div>\n    </FloatingPortal>\n  );\n}\n"],"names":["useState","useEffect","useMemo","useRef","validateTourDefinition","DEFAULT_TOUR_LABELS","activeSteps","useStepRoute","useTourAnchor","nextStepIndex","useMissingAnchorPolicy","useActiveAnchorMarker","useStepLifecycle","useTourLayer","useEscapeLayer","useHotkey","useTourRect","jsx","FloatingPortal","jsxs","displayPosition","TourSpotlight","TourCard"],"mappings":"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"}