@astryxdesign/core 0.7.1-canary.ff40b78 → 0.7.1

package/dist/DropdownMenu/DropdownMenu.js

@@ -83,6 +83,40 @@ const MENU_TRIGGER_OPEN_BACKGROUND = `linear-gradient(${colorVars['--color-overl
  * aria-hidden subtrees) are not reachable, judged by the popover focus trap's
  * own test so the two never disagree about where Tab can go.
  */
+/**
+ * Collapse each named radio group to the one Tab stop a browser gives it: the
+ * focused radio, else the checked one, else the first radio moving forward or
+ * the last moving backward. The stop takes the group's first position.
+ */
+function collapseRadioGroups(elements, active, isBackward) {
+  const groups = new Map();
+  const groupKey = el => el instanceof HTMLInputElement && el.getAttribute('type') === 'radio' && el.name !== '' ? `${el.form?.id ?? ''}\u0000${el.name}` : null;
+  for (const el of elements) {
+    const key = groupKey(el);
+    if (key != null) {
+      const members = groups.get(key) ?? [];
+      members.push(el);
+      groups.set(key, members);
+    }
+  }
+  const placed = new Set();
+  const result = [];
+  for (const el of elements) {
+    const key = groupKey(el);
+    if (key == null) {
+      result.push(el);
+      continue;
+    }
+    if (placed.has(key)) {
+      continue;
+    }
+    placed.add(key);
+    const members = groups.get(key) ?? [];
+    const stop = members.find(radio => radio === active) ?? members.find(radio => radio.checked) ?? (isBackward ? members[members.length - 1] : members[0]);
+    result.push(stop);
+  }
+  return result;
+}
 function tabbablesIn(region) {
   if (region == null) {
     return [];
@@ -108,8 +142,9 @@ function isInsideHiddenWrapper(element, region) {
 }
 
 /**
- * Move focus to a region control. Reports whether focus actually arrived, so a
- * caller can close the menu instead of stranding focus on the page.
+ * Move focus to a Tab stop in the dialog. Reports whether focus actually
+ * arrived, so a caller can fall back to the menu instead of stranding focus on
+ * the page.
  */
 function focusRegionControl(element) {
   element.focus();
@@ -320,6 +355,16 @@ function visibleText(element) {
   for (const hidden of copy.querySelectorAll('[aria-hidden="true"]')) {
     hidden.remove();
   }
+  // An icon-only control is named by its image's alt, an inner aria-label, or
+  // an svg title rather than by text, so those count as its contents too.
+  for (const named of copy.querySelectorAll('img[alt], [aria-label]')) {
+    const name = named.getAttribute(named.tagName === 'IMG' ? 'alt' : 'aria-label') ?? '';
+    named.replaceWith(copy.ownerDocument.createTextNode(` ${name} `));
+  }
+  for (const svg of copy.querySelectorAll('svg')) {
+    const title = svg.querySelector('title')?.textContent ?? '';
+    svg.replaceWith(copy.ownerDocument.createTextNode(` ${title} `));
+  }
   return (copy.textContent ?? '').replace(/\s+/g, ' ').trim();
 }
 
@@ -343,6 +388,18 @@ function readAccessibleName(element) {
   if (label) {
     return label;
   }
+  // A form control is named by its own <label>s; an input button by its value.
+  const labels = 'labels' in element ? Array.from(element.labels ?? []) : [];
+  const labelText = labels.map(visibleText).join(' ').trim();
+  if (labelText !== '') {
+    return labelText;
+  }
+  if (element instanceof HTMLInputElement && ['button', 'submit', 'reset'].includes(element.getAttribute('type') ?? '')) {
+    const value = element.value.trim();
+    if (value !== '') {
+      return value;
+    }
+  }
   const text = visibleText(element);
   if (text !== '') {
     return text;
@@ -465,7 +522,15 @@ function DropdownMenuBottomSheet({
       openModalityRef.current = 'keyboard';
     }
   };
-  const handleSheetTriggerClick = () => {
+  const handleSheetTriggerClick = event => {
+    // A caller-rendered trigger that is natively or aria-disabled must not
+    // open the sheet; the default Button already refuses its own click.
+    // The DOM check covers the built-in Button too (it renders aria-disabled
+    // when focusable-disabled); a caller's own enabled control wins over a
+    // `button.isDisabled` left on the props.
+    if (event.currentTarget.matches(':disabled, [aria-disabled="true"]')) {
+      return;
+    }
     onClick?.();
     setOpen(!isOpen);
   };
@@ -677,6 +742,16 @@ function DropdownMenuPopover({
   const openModalityRef = useRef('keyboard');
   // ArrowUp opens with the LAST enabled row highlighted.
   const focusLastOnOpenRef = useRef(false);
+
+  // Synchronizes the dialog's name from the custom trigger's DOM, an external
+  // system React does not own: the rendered control's accessible name is only
+  // readable once it mounts. With a header or footer the dialog is named like
+  // the menu, so that name is needed before the first open, not only at it.
+  useIsomorphicLayoutEffect(() => {
+    if (renderTrigger != null && hasRegions && triggerName == null) {
+      setTriggerName(readAccessibleName(buttonRef.current));
+    }
+  }, [renderTrigger, hasRegions, triggerName]);
   const handleLayerShow = useCallback(() => {
     acceptedOpenRef.current = true;
     resetFocusReturn();
@@ -692,15 +767,29 @@ function DropdownMenuPopover({
       setInternalIsOpen(true);
     }
   }, [isControlled, onClick, onOpenChange, renderTrigger, resetFocusReturn]);
+
+  // The menu's name: the dialog around it with a header or footer, and the
+  // Back row of a drilled-in view ("Back to <this>"), both read it.
+  // The design system's button names the menu by its label. A custom trigger
+  // names it by reference (or the caller's `aria-label` does), so that name
+  // is read off the control as the menu opens.
+  const callerMenuLabel = rest['aria-label'];
+  const menuLabel = renderTrigger != null ? typeof callerMenuLabel === 'string' && callerMenuLabel.trim() !== '' ? callerMenuLabel : triggerName : typeof button.label === 'string' ? button.label : undefined;
   const popover = usePopover({
     onHide: handleLayerHide,
     onShow: handleLayerShow,
     hasLightDismiss: true,
     hasCloseButton: false,
     hasAutoFocus: false,
-    // The popup's own role="menu" is the exposed semantics; wrapping it in a
-    // modal dialog would announce an unnamed dialog around the menu.
-    role: 'none'
+    // Without a header or footer the popup's own role="menu" is the exposed
+    // semantics; a dialog around it would announce an extra container. With
+    // either, the popover holds controls that are not menu items, so it is a
+    // modal dialog named like the menu, with the menu inside it. A custom
+    // trigger's name is read off the control once it mounts; until then, or
+    // when the control exposes no readable name, the dialog takes the default
+    // menu label, so it is never unnamed and never loses its role.
+    role: hasRegions ? 'dialog' : 'none',
+    dialogLabel: hasRegions ? menuLabel ?? t(DEFAULT_BUTTON_I18N_KEY) : undefined
   });
   const closeMenu = useCallback(() => {
     popover.hide();
@@ -793,6 +882,42 @@ function DropdownMenuPopover({
     });
   }, [popover.isOpen, focusFirst, focusLast, listRef]);
 
+  // With a header or footer the popover is a modal dialog: Tab and Shift+Tab
+  // walk the header's controls, the menu as one stop, then the footer's
+  // controls, and wrap at either end. The key is handled here in full, so the
+  // popover's own focus trap, which listens on the document, never reads it a
+  // second time.
+  const moveDialogTab = useCallback((e, isFromFlyout = false) => {
+    const menu = listRef.current;
+    if (menu == null) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    // A named radio group is one stop, as the browser's own Tab order has it.
+    const cycle = collapseRadioGroups([...tabbablesIn(headerRef.current), menu, ...tabbablesIn(footerRef.current)], document.activeElement, e.shiftKey);
+    if (cycle.length === 1) {
+      // Nothing else to reach: focus stays in the menu. From a flyout that
+      // has just closed itself, that is the menu's own stop.
+      if (isFromFlyout) {
+        menu.focus();
+      }
+      return;
+    }
+    const active = document.activeElement;
+    const menuIndex = cycle.indexOf(menu);
+    // A row, or a row of an open flyout, counts as the menu's stop.
+    let index = menu.contains(active) ? menuIndex : cycle.findIndex(el => el === active || el.contains(active));
+    if (index < 0) {
+      index = menuIndex;
+    }
+    const step = e.shiftKey ? -1 : 1;
+    const next = cycle[(index + step + cycle.length) % cycle.length];
+    if (!focusRegionControl(next)) {
+      menu.focus();
+    }
+  }, [listRef]);
+
   // Extend useListFocus with Enter/Space activation + typeahead
   const listKeyDown = useCallback(e => {
     // A submenu flyout renders inline inside this menu; its key events bubble
@@ -802,16 +927,7 @@ function DropdownMenuPopover({
       // itself as the key bubbled up, and the root moves focus on as Tab
       // from one of its own rows would.
       if (e.key === 'Tab' && hasRegions) {
-        const region = e.shiftKey ? headerRef.current : footerRef.current;
-        const tabbables = tabbablesIn(region);
-        e.stopPropagation();
-        const target = e.shiftKey ? tabbables[tabbables.length - 1] : tabbables[0];
-        if (target != null) {
-          e.preventDefault();
-        }
-        if (target == null || !focusRegionControl(target)) {
-          closeMenu();
-        }
+        moveDialogTab(e, true);
       }
       return;
     }
@@ -830,30 +946,15 @@ function DropdownMenuPopover({
       }
       return;
     }
-    // APG menu-button pattern: Tab closes the menu. Menu items are
-    // tabIndex={-1} so the focus trap has nothing trappable and Tab would
-    // otherwise leak into the page while the menu stayed open (menus-5).
-    // Do NOT preventDefault — closing restores focus to the trigger, and the
-    // browser's default Tab then continues from there to the next element.
-    // A header or footer with something Tab can reach in that direction
-    // takes the Tab instead, and the menu stays open.
+    // With a header or footer the popover is a dialog and Tab wraps inside
+    // it. Without either, the APG menu-button pattern: Tab closes the menu.
+    // Menu items are tabIndex={-1} so the focus trap has nothing trappable
+    // and Tab would otherwise leak into the page while the menu stayed open
+    // (menus-5). Do NOT preventDefault — closing restores focus to the
+    // trigger, and the browser's default Tab then continues from there.
     if (e.key === 'Tab') {
-      const region = e.shiftKey ? headerRef.current : footerRef.current;
-      const tabbables = tabbablesIn(region);
-      if (tabbables.length > 0) {
-        // From a row, the browser's Shift+Tab would stop on the menu element
-        // itself — the row's ancestor and a Tab stop — before reaching the
-        // header. The menu is one stop, so go straight to the header.
-        if (e.shiftKey && e.target !== listRef.current) {
-          e.preventDefault();
-          // The popover's focus trap listens on the document and would read
-          // this same Shift+Tab against the field just focused — the trap's
-          // first element — and wrap to the footer. This key is handled.
-          e.stopPropagation();
-          if (!focusRegionControl(tabbables[tabbables.length - 1])) {
-            closeMenu();
-          }
-        }
+      if (hasRegions) {
+        moveDialogTab(e);
         return;
       }
       closeMenu();
@@ -865,25 +966,22 @@ function DropdownMenuPopover({
       return;
     }
     listNavKeyDown(e);
-  }, [listNavKeyDown, closeMenu, typeahead, ownsEvent, listRef, hasRegions]);
+  }, [listNavKeyDown, closeMenu, typeahead, ownsEvent, hasRegions, moveDialogTab]);
 
-  // Tab past the last control of the footer, or Shift+Tab before the first
-  // control of the header, leaves the menu as Tab from its rows does: the
-  // menu closes, focus returns to the trigger, and the browser's own Tab
-  // continues from there. Between the regions, Tab moves through the menu
-  // as one stop.
+  // Tab from a header or footer control moves through the same dialog cycle.
   const handleRegionKeyDown = useCallback(e => {
-    if (e.key !== 'Tab') {
-      return;
-    }
-    const tabbables = tabbablesIn(e.currentTarget);
-    const isHeader = e.currentTarget === headerRef.current;
-    const exit = isHeader ? e.shiftKey ? tabbables[0] : undefined : e.shiftKey ? undefined : tabbables[tabbables.length - 1];
-    if (exit != null && exit === document.activeElement) {
-      closeMenu();
+    if (e.key === 'Tab') {
+      moveDialogTab(e);
     }
-  }, [closeMenu]);
+  }, [moveDialogTab]);
   const openAndFocus = useCallback((modality = 'keyboard', notifyClick = false) => {
+    // An unavailable trigger never opens the menu. Button keeps an
+    // aria-disabled trigger focusable for its tooltip and swallows only
+    // Enter and Space, so the arrow keys, a press and a click would still
+    // arrive here; a custom trigger may be natively disabled instead.
+    if (buttonRef.current?.matches(':disabled, [aria-disabled="true"]') === true) {
+      return false;
+    }
     acceptedOpenRef.current = false;
     notifyClickOnShowRef.current = notifyClick;
     pendingControlledOpenRef.current = isControlled;
@@ -993,7 +1091,11 @@ function DropdownMenuPopover({
           return;
         }
         focusLastOnOpenRef.current = e.key === 'ArrowUp';
-        openAndFocus();
+        if (!openAndFocus()) {
+          // A refused open (disabled trigger) must not leave ArrowUp's
+          // "land on the last row" armed for a later open.
+          focusLastOnOpenRef.current = false;
+        }
       }
       return;
     }
@@ -1028,12 +1130,6 @@ function DropdownMenuPopover({
     drillIn,
     wrapContent
   } = useMenuDrillIn(isOpen);
-  // The name a drilled-in view's Back row returns to: the menu's own name.
-  // The design system's button names the menu by its label. A custom trigger
-  // names it by reference (or the caller's `aria-label` does), so that name
-  // is read off the control as the menu opens.
-  const callerMenuLabel = rest['aria-label'];
-  const menuLabel = renderTrigger != null ? typeof callerMenuLabel === 'string' && callerMenuLabel.trim() !== '' ? callerMenuLabel : triggerName : typeof button.label === 'string' ? button.label : undefined;
   const resolvedMaxHeight = menuMaxHeight == null ? null : `${menuMaxHeight}px`;
   // Context for compound items
   const contextValue = useMemo(() => ({
@@ -1082,9 +1178,9 @@ function DropdownMenuPopover({
     // keeps the browser from drawing one after pointer input (see
     // handleLayerHide), so its focus needs no bookkeeping here.
     onFocus: () => {},
-    'aria-haspopup': 'menu',
+    'aria-haspopup': hasRegions ? 'dialog' : 'menu',
     'aria-expanded': isOpen,
-    'aria-controls': menuId
+    'aria-controls': hasRegions ? popover.id : menuId
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [renderTrigger != null ? renderTrigger(triggerProps) : /*#__PURE__*/_jsx(Button, {
@@ -1122,9 +1218,9 @@ function DropdownMenuPopover({
         button.onFocus?.(event);
         onFocusReturnTargetFocus();
       },
-      "aria-haspopup": "menu",
+      "aria-haspopup": hasRegions ? 'dialog' : 'menu',
       "aria-expanded": isOpen,
-      "aria-controls": menuId,
+      "aria-controls": hasRegions ? popover.id : menuId,
       "data-testid": testId
     }), popover.render(renderWithRegions(/*#__PURE__*/_jsx("div", {
       ...rest,

package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts

@@ -1,6 +1,6 @@
 /**
  * @file DropdownMenuCheckboxItem.tsx
- * @input React, stylex, Item + CheckboxInput + DropdownMenu context + tokens from core
+ * @input React, stylex, Item + Indicator registry + DropdownMenu context + tokens from core
  * @output DropdownMenuCheckboxItem — a standalone checkable menu item.
  * @position Sub-component; used inside DropdownMenu.
  *
@@ -47,9 +47,8 @@ export interface DropdownMenuCheckboxItemProps extends Omit<BaseProps, 'onChange
      */
     onChange?: (checked: boolean) => void;
     /**
-     * Whether the item is disabled. Disabled items stay focusable (via
-     * `aria-disabled`) so they remain discoverable by keyboard and assistive
-     * technology, but activation is blocked.
+     * Whether the item is disabled. Disabled items expose `aria-disabled`, block
+     * activation, and are currently skipped by DropdownMenu arrow-key navigation.
      * @default false
      */
     isDisabled?: boolean;
@@ -73,6 +72,9 @@ export interface DropdownMenuCheckboxItemProps extends Omit<BaseProps, 'onChange
  *
  * Must be used inside a DropdownMenu. Toggles an independent boolean; for a
  * one-of-N choice use DropdownMenuRadioGroup + DropdownMenuRadioItem instead.
+ * Consumer click and pointer-move handlers compose after the row's own
+ * activation and hover-focus behavior; disabled activation stops before the
+ * consumer click handler.
  *
  * @example
  * ```
@@ -86,7 +88,7 @@ export interface DropdownMenuCheckboxItemProps extends Omit<BaseProps, 'onChange
  * </DropdownMenu>
  * ```
  */
-export declare function DropdownMenuCheckboxItem({ label, description, icon, value, onChange, isDisabled, hasCloseOnSelect, endContent, xstyle, className, style, ...rest }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
+export declare function DropdownMenuCheckboxItem({ label, description, icon, value, onChange, isDisabled, hasCloseOnSelect, endContent, xstyle, className, style, onClick, onPointerMove, ...rest }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
 export declare namespace DropdownMenuCheckboxItem {
     var displayName: string;
 }

package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAiC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAErE,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4C5C,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CACzD,SAAS,EACT,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,CAClD;IACC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,gBAAwB,EACxB,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,6BAA6B,+BA0D/B;yBAvEe,wBAAwB"}
+{"version":3,"file":"DropdownMenuCheckboxItem.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAiB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA4C5C,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CACzD,SAAS,EACT,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,CAClD;IACC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,gBAAwB,EACxB,UAAU,EACV,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,IAAI,EACR,EAAE,6BAA6B,+BA+D/B;yBA9Ee,wBAAwB"}

package/dist/DropdownMenu/DropdownMenuCheckboxItem.js

@@ -4,7 +4,7 @@
 
 /**
  * @file DropdownMenuCheckboxItem.tsx
- * @input React, stylex, Item + CheckboxInput + DropdownMenu context + tokens from core
+ * @input React, stylex, Item + Indicator registry + DropdownMenu context + tokens from core
  * @output DropdownMenuCheckboxItem — a standalone checkable menu item.
  * @position Sub-component; used inside DropdownMenu.
  *
@@ -34,7 +34,7 @@ import { useDropdownMenuContext } from "./DropdownMenuContext.js";
 import { focusMenuItemOnHover } from "./menuItemHover.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
-import { mergeProps, themeProps } from "../utils/index.js";
+import { composeEventHandlers, mergeProps, themeProps } from "../utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   root: {
@@ -67,6 +67,9 @@ const styles = {
  *
  * Must be used inside a DropdownMenu. Toggles an independent boolean; for a
  * one-of-N choice use DropdownMenuRadioGroup + DropdownMenuRadioItem instead.
+ * Consumer click and pointer-move handlers compose after the row's own
+ * activation and hover-focus behavior; disabled activation stops before the
+ * consumer click handler.
  *
  * @example
  * ```
@@ -92,28 +95,32 @@ export function DropdownMenuCheckboxItem({
   xstyle,
   className,
   style,
+  onClick,
+  onPointerMove,
   ...rest
 }) {
   const ctx = useDropdownMenuContext();
   const menuSize = ctx?.menuSize ?? 'md';
   const controlSize = menuSize === 'sm' ? 'sm' : 'md';
   const CheckboxControl = useIndicator('checkbox');
-  const handleClick = useCallback(() => {
+  const handleClick = useCallback(event => {
     if (isDisabled) {
+      event.preventDefault();
       return;
     }
     onChange?.(!value);
     if (hasCloseOnSelect) {
       ctx?.closeMenu();
     }
-  }, [isDisabled, onChange, value, hasCloseOnSelect, ctx]);
+    onClick?.(event);
+  }, [isDisabled, onChange, value, hasCloseOnSelect, ctx, onClick]);
   const handlePointerMove = useCallback(e => focusMenuItemOnHover(e, isDisabled), [isDisabled]);
   return /*#__PURE__*/_jsx(Item, {
     ...rest,
     role: "menuitemcheckbox",
     "aria-checked": value,
     tabIndex: isDisabled ? undefined : -1,
-    onPointerMove: handlePointerMove,
+    onPointerMove: composeEventHandlers(handlePointerMove, onPointerMove),
     marker:
     /*#__PURE__*/
     // No wrapper, and no menu-specific theme target: the shared

package/dist/Field/InputClearButton.d.ts

@@ -1,8 +1,9 @@
 /**
  * @file InputClearButton.tsx
- * @input Uses React, Button, and Icon
- * @output Exports the public InputClearButton and an internal popup-aware variant,
- *   both with a contextual tooltip matching their required label.
+ * @input Uses React, Button, Icon, and the i18n translator
+ * @output Exports the public InputClearButton and an internal popup-aware variant.
+ *   Both show the localized generic "Clear" tooltip and keep the caller's
+ *   contextual label as the accessible name.
  * @position Shared primitive. Every input that renders a clear affordance —
  *   TextInput, NumberInput, TimeInput, DateInput, DateTimeInput,
  *   DateRangeInput, Selector, MultiSelector, Typeahead, Tokenizer, FileInput —
@@ -13,7 +14,10 @@
 import type { ReactNode } from 'react';
 import * as stylex from '@stylexjs/stylex';
 export interface InputClearButtonProps {
-    /** Contextual accessible name for the button, such as "Clear Search". */
+    /**
+     * Contextual accessible name for the button, such as "Clear Search". The
+     * visible tooltip is always the localized generic "Clear".
+     */
     label: string;
     onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
     xstyle?: stylex.StyleXStyles;

package/dist/Field/InputClearButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputClearButton.d.ts","sourceRoot":"","sources":["../../src/Field/InputClearButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAkD3C,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;IAC7B,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,6BAA8B,SAAQ,qBAAqB;IACnE,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACtD,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CACtD;AAiDD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAExE;yBAFe,gBAAgB;;;AAIhC,4EAA4E;AAC5E,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,6BAA6B,GACnC,SAAS,CAEX"}
+{"version":3,"file":"InputClearButton.d.ts","sourceRoot":"","sources":["../../src/Field/InputClearButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAmD3C,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;IAC7B,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,6BAA8B,SAAQ,qBAAqB;IACnE,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACtD,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CACtD;AAsDD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAMxE;yBANe,gBAAgB;;;AAQhC,4EAA4E;AAC5E,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,6BAA6B,GACnC,SAAS,CAMX"}

package/dist/Field/InputClearButton.js

@@ -4,9 +4,10 @@
 
 /**
  * @file InputClearButton.tsx
- * @input Uses React, Button, and Icon
- * @output Exports the public InputClearButton and an internal popup-aware variant,
- *   both with a contextual tooltip matching their required label.
+ * @input Uses React, Button, Icon, and the i18n translator
+ * @output Exports the public InputClearButton and an internal popup-aware variant.
+ *   Both show the localized generic "Clear" tooltip and keep the caller's
+ *   contextual label as the accessible name.
  * @position Shared primitive. Every input that renders a clear affordance —
  *   TextInput, NumberInput, TimeInput, DateInput, DateTimeInput,
  *   DateRangeInput, Selector, MultiSelector, Typeahead, Tokenizer, FileInput —
@@ -17,6 +18,7 @@
 import * as stylex from '@stylexjs/stylex';
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
+import { useTranslator } from "../i18n/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
@@ -34,6 +36,7 @@ const styles = {
 };
 function renderInputClearButton({
   label,
+  tooltip,
   onClick,
   onPointerDown,
   onClickCapture,
@@ -49,8 +52,13 @@ function renderInputClearButton({
   return /*#__PURE__*/_jsx(Button, {
     variant: "ghost",
     size: "sm",
-    label: label,
-    tooltip: label,
+    label: label
+    // The field's label already sits beside the glyph, so the tooltip names
+    // only the action; repeating a long label reads as awkward copy. The
+    // contextual label stays the accessible name, which still contains
+    // the visible word (WCAG 2.5.3, label in name).
+    ,
+    tooltip: tooltip,
     className: buttonTargetClassName,
     icon: /*#__PURE__*/_jsx(Icon, {
       icon: "close",
@@ -70,11 +78,19 @@ function renderInputClearButton({
   });
 }
 export function InputClearButton(props) {
-  return renderInputClearButton(props);
+  const t = useTranslator();
+  return renderInputClearButton({
+    ...props,
+    tooltip: t('@astryx.inputClearButton.tooltip')
+  });
 }
 
 /** Internal variant used while popup-aware clear behavior is rolled out. */
 export function InternalInputClearButton(props) {
-  return renderInputClearButton(props);
+  const t = useTranslator();
+  return renderInputClearButton({
+    ...props,
+    tooltip: t('@astryx.inputClearButton.tooltip')
+  });
 }
 InputClearButton.displayName = 'InputClearButton';

package/dist/FormLayout/FormLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../src/FormLayout/FormLayout.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAU,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AA0C7B,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;;;;;;;;;;;;;;OAiBG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC;CACtC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAsB,EACtB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BA0BjB;yBAnCe,UAAU"}
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../src/FormLayout/FormLayout.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAU,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AA2C7B,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;;;;;;;;;;;;;;OAiBG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC;CACtC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAsB,EACtB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BA0BjB;yBAnCe,UAAU"}

package/dist/FormLayout/FormLayout.js

@@ -56,6 +56,7 @@ const styles = {
     k41HbU: "xedohl4",
     kUxVDj: "x1rpgqan",
     k3RL8M: "x1a1jff",
+    kjFzOW: "x1q32nj3",
     $$css: true
   }
 };

package/dist/Grid/Grid.d.ts

@@ -21,7 +21,13 @@ export type GridAlignment = 'start' | 'center' | 'end' | 'stretch';
 /**
  * Column configuration for Grid.
  *
- * - `number` — fixed equal-width columns (e.g. `columns={3}`)
+ * A number means exactly N equal columns at every width; it never reflows, so
+ * `columns={4}` on a phone renders four narrow tracks. For columns that reflow
+ * on small screens, use the object form: `{minWidth: 240, max: 4}` renders at
+ * most four columns, each at least 240px, and fewer when the container is
+ * narrower.
+ *
+ * - `number` — exactly N equal-width columns (e.g. `columns={3}`); never reflows
  * - `object` — responsive columns based on minimum child width:
  *   - `minWidth` — minimum width (px) for each column track
  *   - `repeat` — `'fill'` (default) preserves empty tracks for consistent widths;
@@ -40,9 +46,12 @@ export interface GridProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element */
     ref?: React.Ref<HTMLDivElement>;
     /**
-     * Column configuration.
-     * - `number` — fixed equal-width columns
-     * - `{minWidth, max?, repeat?}` — responsive columns
+     * Column configuration. A number is exactly N equal columns and never
+     * reflows; for columns that reflow on small screens, use
+     * `{minWidth, max}`.
+     * - `number` — exactly N equal-width columns at every width
+     * - `{minWidth, max?, repeat?}` — responsive columns with a px floor and an
+     *   optional cap
      *
      * @see GridColumns
      */

package/dist/Grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C;;GAEG;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACzB,CAAC;AAEN,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2ND;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BA6EX;yBA/Fe,IAAI"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C;;GAEG;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACzB,CAAC;AAEN,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2ND;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BA6EX;yBA/Fe,IAAI"}

package/dist/Grid/Grid.js

@@ -26,7 +26,13 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * Column configuration for Grid.
  *
- * - `number` — fixed equal-width columns (e.g. `columns={3}`)
+ * A number means exactly N equal columns at every width; it never reflows, so
+ * `columns={4}` on a phone renders four narrow tracks. For columns that reflow
+ * on small screens, use the object form: `{minWidth: 240, max: 4}` renders at
+ * most four columns, each at least 240px, and fewer when the container is
+ * narrower.
+ *
+ * - `number` — exactly N equal-width columns (e.g. `columns={3}`); never reflows
  * - `object` — responsive columns based on minimum child width:
  *   - `minWidth` — minimum width (px) for each column track
  *   - `repeat` — `'fill'` (default) preserves empty tracks for consistent widths;

package/dist/HoverCard/useHoverCard.d.ts

@@ -1,7 +1,7 @@
 /**
  * @file useHoverCard.ts
  * @input Uses useLayer, useTouchTrigger, React hooks
- * @output Exports useHoverCard hook for hover/focus/tap triggered layers
+ * @output Exports useHoverCard hook with stable trigger refs for hover/focus/tap layers
  * @position Layer hook; builds on useLayer for hover card behavior
  *
  * SYNC: When modified, update:

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

@@ -1 +1 @@
-{"version":3,"file":"useHoverCard.d.ts","sourceRoot":"","sources":["../../src/HoverCard/useHoverCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AA6BlC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAE9B;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC;;;;OAIG;IACH,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEzC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;;;OAOG;IACH,eAAe,EAAE,CACf,QAAQ,EAAE,SAAS,EACnB,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAC5C,SAAS,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CA6a5E"}
+{"version":3,"file":"useHoverCard.d.ts","sourceRoot":"","sources":["../../src/HoverCard/useHoverCard.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AA6BlC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAE9B;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC;;;;OAIG;IACH,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEzC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;;;OAOG;IACH,eAAe,EAAE,CACf,QAAQ,EAAE,SAAS,EACnB,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAC5C,SAAS,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAic5E"}