@astryxdesign/core 0.7.7-canary.f9ac85f → 0.7.7

package/dist/Tokenizer/TokenizerBottomSheet.js

@@ -28,7 +28,6 @@
 import { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { flushSync } from 'react-dom';
 import * as stylex from '@stylexjs/stylex';
-import { AlertDialog } from "../AlertDialog/AlertDialog.js";
 import { BottomSheet } from "../BottomSheet/BottomSheet.js";
 import { Button } from "../Button/Button.js";
 import { EmptyState } from "../EmptyState/EmptyState.js";
@@ -41,9 +40,12 @@ import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js
 import { useAnnounce } from "../hooks/useAnnounce.js";
 import { useAnnounceRenderedText } from "../hooks/useAnnounceRenderedText.js";
 import { Text } from "../Text/Text.js";
+import { SheetConfirmation } from "../internal/SheetConfirmation.js";
+import { hasSameSelection, nameSheetDraftChange } from "../internal/sheetDraft.js";
+import { useDismissSearchOnTouchDrag } from "../internal/useDismissSearchOnTouchDrag.js";
 import { warnOnce } from "../utils/devWarning.js";
 import "../theme/tokens.stylex.js";
-import { colorVars, radiusVars, spacingVars } from "../theme/tokens.stylex.js";
+import { colorVars, radiusVars, sizeVars, spacingVars } from "../theme/tokens.stylex.js";
 import { registerEnglishFallback, useComponentTranslator } from "../i18n/useComponentTranslator.js";
 import english from "../i18n/generated-english/Tokenizer/TokenizerBottomSheet.generated.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -62,8 +64,8 @@ const EMPTY_RESULTS = [];
 const LIST_LOAD_MORE_THRESHOLD_PX = 200;
 const styles = {
   searchField: {
-    kAzted: "x1gg8mnh",
-    k8WAf4: "xce4md1",
+    kAzted: "x1xf4nls",
+    k8WAf4: "xu0wf1k",
     $$css: true
   },
   rowLabel: {
@@ -93,22 +95,24 @@ const styles = {
 /**
  * The touch surface of Tokenizer's `bottom-sheet` presentation.
  *
- * Rows keep their position while the sheet is open: the items selected when it
- * opened lead, in `value` order, then selected items the results do not carry,
- * then the results. Toggling a row changes its checkbox and nothing else; the
- * next open takes a fresh snapshot and regroups selected-first.
- */
-/**
- * The sheet: BottomSheet around the content. Split in two so the content —
+ * One open sheet edits one draft that starts as `value`; rows, the create row
+ * and Clear all change the draft, and Save reports it once. Rows keep their
+ * position while the sheet is open: the items selected when it opened lead,
+ * in `value` order, then draft-selected items the results do not carry, then
+ * the results; the next open takes a fresh snapshot and regroups
+ * selected-first.
+ *
+ * The sheet is BottomSheet around the content, split in two so the content —
  * search, rows, footer, and every announcement about them — is rendered
  * inside the sheet's dialog, where `useAnnounce` routes into it while it is
- * open (`spec:AST-086` FR14): a component that renders a modal and announces
- * about its content is inside that modal only when the announcing code is.
+ * open: a component that renders a modal and announces about its content is
+ * inside that modal only when the announcing code is.
  *
  * The outer part also tells the content how a close came about: a close the
- * person made (Done, swipe, scrim, Escape) clears the query so the next open
+ * person made (Save, swipe, scrim, Escape) clears the query so the next open
  * lists the bootstrap set, while a close the field forced (becoming disabled
- * while open) keeps it (`component:Tokenizer` FR18).
+ * while open) keeps it. A swipe, scrim or Escape close of a changed draft is
+ * routed to the content first, which asks before discarding.
  */
 export function TokenizerBottomSheet({
   isOpen,
@@ -121,7 +125,9 @@ export function TokenizerBottomSheet({
   // this handle, from the closing event, so a close the field forces by
   // becoming disabled (which never comes through here) keeps it.
   const clearQueryRef = useRef(null);
-  const requestClose = () => {
+  // Set by the content: a dismissal asks first while the draft is changed.
+  const requestDismissRef = useRef(null);
+  const closeSheet = () => {
     clearQueryRef.current?.();
     onOpenChange(false);
   };
@@ -130,8 +136,10 @@ export function TokenizerBottomSheet({
     onOpenChange: next => {
       if (next) {
         onOpenChange(true);
+      } else if (requestDismissRef.current != null) {
+        requestDismissRef.current();
       } else {
-        requestClose();
+        closeSheet();
       }
     },
     finalFocusRef: finalFocusRef,
@@ -143,7 +151,8 @@ export function TokenizerBottomSheet({
       isOpen: isOpen,
       label: label,
       clearQueryRef: clearQueryRef,
-      onRequestClose: requestClose
+      requestDismissRef: requestDismissRef,
+      onCloseSheet: closeSheet
     })
   });
 }
@@ -152,19 +161,18 @@ function TokenizerSheetContent({
   isOpen,
   initialQuery,
   clearQueryRef,
-  onRequestClose,
+  requestDismissRef,
+  onCloseSheet,
   label,
   searchSource,
   value,
-  isAtMax,
+  maxEntries,
   hasCreate,
   maxMenuItems,
   minQueryLength,
   debounceMs,
   emptySearchText,
-  onAdd,
-  onRemove,
-  onClearAll,
+  onCommit,
   onChangeQuery
 }) {
   const t = useComponentTranslator();
@@ -192,6 +200,7 @@ function TokenizerSheetContent({
   // sheet makes goes through `useAnnounce`, called inside the sheet's
   // dialog, so FR14 routes the words into it while the sheet is open.
   const [isClearConfirmationOpen, setIsClearConfirmationOpen] = useState(false);
+  const [isDiscardConfirmationOpen, setIsDiscardConfirmationOpen] = useState(false);
   const clearAllRef = useRef(null);
   const announce = useAnnounce();
   const closeClearConfirmation = confirmed => {
@@ -204,7 +213,27 @@ function TokenizerSheetContent({
       clearAllRef.current?.focus();
     }
   };
-  const selectedIds = useMemo(() => new Set(value.map(v => v.id)), [value]);
+  // Keep editing: the confirmation is gone, and focus returns to the search
+  // field, where the sheet's own reading order starts.
+  const closeDiscardConfirmation = () => {
+    // eslint-disable-next-line @eslint-react/dom-no-flush-sync -- the confirmation must be gone before focus moves back into the sheet
+    flushSync(() => setIsDiscardConfirmationOpen(false));
+    searchRef.current?.focus({
+      preventScroll: true
+    });
+  };
+
+  // ---- draft ----
+  // One open sheet edits one draft. The caller's `value` is unchanged until
+  // Save, so a dismissal can discard cleanly; `lastDraftChangeRef` is the
+  // edit Save names when it still holds.
+  const [valueAtOpen, setValueAtOpen] = useState(() => [...value]);
+  const [draftValue, setDraftValue] = useState(() => [...value]);
+  const lastDraftChangeRef = useRef(null);
+  const isDraftDirty = !hasSameSelection(valueAtOpen, draftValue);
+  const selectedIds = useMemo(() => new Set(draftValue.map(v => v.id)), [draftValue]);
+  const isAtMax = maxEntries != null && draftValue.length >= maxEntries;
+  const isDraftOverMax = maxEntries != null && draftValue.length > maxEntries;
 
   // ---- sheet session ----
   // Starts from the field's copy, which `onChangeQuery` keeps current, so the
@@ -256,7 +285,12 @@ function TokenizerSheetContent({
     setWasOpen(isOpen);
     if (isOpen) {
       setSelectedItemsAtOpen(value);
+      setValueAtOpen([...value]);
+      setDraftValue([...value]);
+      lastDraftChangeRef.current = null;
       setRenderedItemCount(LIST_RENDER_BATCH_SIZE);
+      setIsClearConfirmationOpen(false);
+      setIsDiscardConfirmationOpen(false);
       // An open lists the bootstrap set, or searches a query kept across a
       // close the field forced (FR18), and that load is pending; a kept
       // query below the threshold leaves nothing pending, since no search
@@ -359,12 +393,12 @@ function TokenizerSheetContent({
     const selectedAtOpenMatches = selectedItemsAtOpen.filter(matchesQuery);
     const selectedAtOpenIds = new Set(selectedAtOpenMatches.map(item => item.id));
     const resultIds = new Set(results.map(item => item.id));
-    const selectedItemsMissingFromResults = value.filter(item => !selectedAtOpenIds.has(item.id) && !resultIds.has(item.id) && matchesQuery(item));
+    const selectedItemsMissingFromResults = draftValue.filter(item => !selectedAtOpenIds.has(item.id) && !resultIds.has(item.id) && matchesQuery(item));
 
     // Selection changes update checkbox state without moving an existing row.
     // The next open snapshots the latest value and applies selected-first order.
     return [...selectedAtOpenMatches, ...selectedItemsMissingFromResults, ...results.filter(item => !selectedAtOpenIds.has(item.id))];
-  }, [query, results, selectedItemsAtOpen, value]);
+  }, [query, results, selectedItemsAtOpen, draftValue]);
   const renderedItems = visibleItems.slice(0, renderedItemCount);
 
   // A settled search may remove the row that holds focus: it was listed from
@@ -405,7 +439,7 @@ function TokenizerSheetContent({
       return null;
     }
     const lowered = trimmedQuery.toLowerCase();
-    if (selectedIds.has(trimmedQuery) || value.some(item => item.label.toLowerCase() === lowered) || results.some(item => item.label.toLowerCase() === lowered)) {
+    if (selectedIds.has(trimmedQuery) || draftValue.some(item => item.label.toLowerCase() === lowered) || results.some(item => item.label.toLowerCase() === lowered)) {
       return null;
     }
     return {
@@ -414,7 +448,7 @@ function TokenizerSheetContent({
         value: trimmedQuery
       })
     };
-  }, [hasCreate, trimmedQuery, isAtMax, isPending, selectedIds, value, results, t]);
+  }, [hasCreate, trimmedQuery, isAtMax, isPending, selectedIds, draftValue, results, t]);
   const resetListWindow = () => {
     lastLoadScrollHeightRef.current = null;
     setRenderedItemCount(LIST_RENDER_BATCH_SIZE);
@@ -434,6 +468,29 @@ function TokenizerSheetContent({
     setQuery(next);
     onChangeQuery?.(next);
   };
+
+  // A swipe, scrim or Escape close: asks first while the draft is changed.
+  useImperativeHandle(requestDismissRef, () => () => {
+    if (isDraftDirty) {
+      setIsDiscardConfirmationOpen(true);
+    } else {
+      onCloseSheet();
+    }
+  }, [isDraftDirty, onCloseSheet]);
+  const handleSave = () => {
+    if (isDraftOverMax) {
+      return;
+    }
+    const change = isDraftDirty ? nameSheetDraftChange(valueAtOpen, draftValue, lastDraftChangeRef.current) : null;
+    if (change != null) {
+      onCommit([...draftValue], change);
+    }
+    onCloseSheet();
+  };
+
+  // Focus moves to the sheet's panel, not the page body behind the modal.
+  // The keyboard then leaves and the query stays.
+  const listDragProps = useDismissSearchOnTouchDrag(() => [searchRef.current], () => listRef.current?.closest('[tabindex="-1"]'));
   const searchLabel = t('@astryx.tokenizer.search', {
     label
   });
@@ -495,6 +552,7 @@ function TokenizerSheetContent({
         placeholder: t('@astryx.tokenizer.searchPlaceholder'),
         value: query,
         onValueChange: handleQueryChange,
+        hasInputBox: true,
         fieldXstyle: styles.searchField
       })
     }), /*#__PURE__*/_jsxs("div", {
@@ -505,6 +563,7 @@ function TokenizerSheetContent({
       "aria-busy": isPending || undefined,
       "data-rendered-count": renderedItems.length,
       "data-total-count": visibleItems.length,
+      ...listDragProps,
       onFocusCapture: event => {
         isRowFocusedRef.current = event.target instanceof HTMLElement && event.target.getAttribute('role') === 'checkbox';
       },
@@ -539,15 +598,21 @@ function TokenizerSheetContent({
           variant: "secondary",
           size: "lg",
           onClick: () => {
-            if (onAdd(createItem, {
-              silent: true
-            })) {
-              // The created value, as the inline field announces it; the
-              // item's label is the row's caption ("Create …").
-              announce(t('@astryx.tokenizer.tokenAdded', {
-                label: trimmedQuery
-              }));
-            }
+            const base = {
+              id: trimmedQuery,
+              label: trimmedQuery
+            };
+            const createdItem = base;
+            setDraftValue(current => [...current, createdItem]);
+            lastDraftChangeRef.current = {
+              item: createdItem,
+              type: 'create'
+            };
+            // The created value, as the inline field announces it; the
+            // item's label is the row's caption ("Create …").
+            announce(t('@astryx.tokenizer.tokenAdded', {
+              label: trimmedQuery
+            }));
             // The same path a typed change takes, so the bootstrap
             // reload shows its pending state and reports the change.
             handleQueryChange('');
@@ -631,16 +696,20 @@ function TokenizerSheetContent({
                   return;
                 }
                 if (isSelected) {
-                  if (onRemove(item, {
-                    silent: true
-                  })) {
-                    announce(t('@astryx.tokenizer.tokenRemoved', {
-                      label: item.label
-                    }));
-                  }
-                } else if (onAdd(item, {
-                  silent: true
-                })) {
+                  setDraftValue(current => current.filter(selected => selected.id !== item.id));
+                  lastDraftChangeRef.current = {
+                    item,
+                    type: 'remove'
+                  };
+                  announce(t('@astryx.tokenizer.tokenRemoved', {
+                    label: item.label
+                  }));
+                } else {
+                  setDraftValue(current => [...current, item]);
+                  lastDraftChangeRef.current = {
+                    item,
+                    type: 'add'
+                  };
                   announce(t('@astryx.tokenizer.tokenAdded', {
                     label: item.label
                   }));
@@ -669,7 +738,7 @@ function TokenizerSheetContent({
           }, item.id);
         })
       })]
-    }), isQueryEmpty && /*#__PURE__*/_jsxs("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 x6s0dn4 x1txdalj x1vlblms xr1yuqi"
       },
@@ -677,25 +746,32 @@ function TokenizerSheetContent({
         label: t('@astryx.tokenizer.clearAll'),
         variant: "secondary",
         size: "lg",
-        isDisabled: value.length === 0
+        isDisabled: draftValue.length === 0
         // With a tooltip, Button's disabled mode is `aria-disabled`: the
         // action keeps its focus order and says why it does nothing
         // (`spec:AST-085` FR1), instead of leaving the tab order as a
         // natively disabled button does — a confirmed Clear all returns
         // focus here before the search field takes it (FR24).
         ,
-        tooltip: value.length === 0 ? t('@astryx.tokenizer.nothingToClear') : undefined,
+        tooltip: draftValue.length === 0 ? t('@astryx.tokenizer.nothingToClear') : undefined,
         ref: clearAllRef,
         onClick: () => setIsClearConfirmationOpen(true),
         xstyle: styles.footerAction
       }), /*#__PURE__*/_jsx(Button, {
-        label: t('@astryx.tokenizer.done'),
+        label: t('@astryx.tokenizer.save'),
         variant: "primary",
         size: "lg",
-        onClick: onRequestClose,
+        isDisabled: isDraftOverMax
+        // Over the limit (a `value` already over it at open, or a lowered
+        // limit while open) Save keeps its tab stop and says why it waits.
+        ,
+        tooltip: isDraftOverMax ? t('@astryx.tokenizer.selectionLimit', {
+          count: maxEntries ?? 0
+        }) : undefined,
+        onClick: handleSave,
         xstyle: styles.footerAction
       })]
-    }), isClearConfirmationOpen && /*#__PURE__*/_jsx(AlertDialog, {
+    }), isClearConfirmationOpen && /*#__PURE__*/_jsx(SheetConfirmation, {
       isOpen: true,
       onOpenChange: next => {
         if (!next) {
@@ -706,11 +782,38 @@ function TokenizerSheetContent({
       description: t('@astryx.tokenizer.clearAllDescription', {
         label
       }),
+      cancelLabel: t('@astryx.alertDialog.cancel'),
       actionLabel: t('@astryx.tokenizer.clearSelection'),
       onAction: () => {
-        onClearAll();
+        // A clear is a removal of the draft's last item, for Save's
+        // `remove` when it is the last edit that holds.
+        const lastItem = draftValue[draftValue.length - 1];
+        if (lastItem != null) {
+          setDraftValue([]);
+          lastDraftChangeRef.current = {
+            item: lastItem,
+            type: 'remove'
+          };
+        }
         closeClearConfirmation(true);
       }
+    }), isDiscardConfirmationOpen && /*#__PURE__*/_jsx(SheetConfirmation, {
+      isOpen: true,
+      onOpenChange: next => {
+        if (!next) {
+          closeDiscardConfirmation();
+        }
+      },
+      title: t('@astryx.tokenizer.discardChangesTitle'),
+      description: t('@astryx.tokenizer.discardChangesDescription', {
+        label
+      }),
+      cancelLabel: t('@astryx.tokenizer.keepEditing'),
+      actionLabel: t('@astryx.tokenizer.discardChanges'),
+      onAction: () => {
+        setIsDiscardConfirmationOpen(false);
+        onCloseSheet();
+      }
     })]
   });
 }

package/dist/Tokenizer/TokenizerItemRemovableContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenizerItemRemovableContext.d.ts","sourceRoot":"","sources":["../../src/Tokenizer/TokenizerItemRemovableContext.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,6BAA6B,kCAChC,cAAc,KAAK,OAAO,SAC7B,CAAC"}
+{"version":3,"file":"TokenizerItemRemovableContext.d.ts","sourceRoot":"","sources":["../../src/Tokenizer/TokenizerItemRemovableContext.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,6BAA6B,kCAChC,cAAc,KAAK,OAAO,SAC7B,CAAC"}

package/dist/Tokenizer/TokenizerItemRemovableContext.js

@@ -8,9 +8,11 @@
  * @output A context carrying a predicate that tells which tokens the user can
  *   remove
  * @position Internal to Core: not exported from the Tokenizer barrel. A
- *   component that composes Tokenizer and locks some tokens (PowerSearch: every
- *   filter of a read-only field) provides it. Backspace then removes nothing
- *   while the last token is locked. Without it, every token is removable.
+ *   component that composes Tokenizer and locks some tokens (PowerSearch: its
+ *   read-only filters, and every filter of a read-only field) provides it. In
+ *   the popover presentation, Clear all then keeps a locked token, Backspace
+ *   removes nothing while the last token is locked, and Clear all shows only
+ *   while a removable token remains. Without it, every token is removable.
  */
 import { createContext } from 'react';
 export const TokenizerItemRemovableContext = /*#__PURE__*/createContext(null);

package/dist/Tooltip/Tooltip.d.ts

@@ -1,7 +1,8 @@
 /**
  * @file Tooltip.tsx
  * @input Uses React, useTooltip hook
- * @output Exports Tooltip component for hover/focus triggered tooltips
+ * @output Exports Tooltip component for hover/focus triggered tooltips, and the
+ *   module-only TooltipWithTriggerBehavior that InfoTip's press-to-pin uses
  * @position Layer component; uses display:contents wrapper to avoid cloneElement
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -10,9 +11,10 @@
  * - /packages/cli/assets/templates/blocks/components/Tooltip/ (showcase blocks)
  */
 import React, { type ReactElement, type ReactNode } from 'react';
-import { type TooltipFocusTrigger, type TooltipTriggerBehavior, type TooltipTouchTrigger } from './useTooltip.js';
+import { type TooltipFocusTrigger, type TooltipTouchTrigger } from './useTooltip.js';
+import { type LayerTriggerBehavior } from '../Layer/usePressPin.js';
 import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer.js';
-export type { TooltipFocusTrigger, TooltipTriggerBehavior, TooltipTouchTrigger, } from './useTooltip.js';
+export type { TooltipFocusTrigger, TooltipTouchTrigger } from './useTooltip.js';
 export interface TooltipProps {
     /**
      * The trigger element(s). Children refs are preserved.
@@ -70,35 +72,9 @@ export interface TooltipProps {
      * - `tap`: tap always opens the tooltip, even on a trigger that acts
      * - `none`: touch never opens the tooltip
      *
-     * It decides only under `triggerBehavior="adaptive"`, the default.
-     *
      * @default 'auto'
      */
     touchTrigger?: TooltipTouchTrigger;
-    /**
-     * How the trigger opens the tooltip:
-     * - `adaptive` (the default): hover and focus preview it. A tap opens it
-     *   unless the trigger performs an action of its own. While `touchTrigger`
-     *   remains, it decides those taps.
-     * - `hover`: hover and focus preview it; no touch or pen tap opens it.
-     * - `toggle`: on a button trigger, a click, a tap, Enter, or Space pins the
-     *   tooltip open, and the same press closes it. Hover and keyboard focus
-     *   still preview it. A pinned tooltip stays until Escape, a second press,
-     *   a press outside, or focus leaving. The press stops at the trigger. Its
-     *   default action is prevented, and the trigger's own handlers still run.
-     *   No clickable row or card around the trigger activates. With
-     *   `anchorRef`, the anchor's own `onClick` runs, and a plain `onClick`
-     *   element around it receives the press unless that `onClick` stops it.
-     *   Astryx clickable rows, cards, and containers ignore it, except an Item
-     *   row when the anchor is not a native button. The trigger reports
-     *   `aria-expanded` and `aria-controls`, and the tooltip's text is
-     *   announced once when it pins. Use it for a trigger whose information
-     *   lives only in the tooltip, such as an info icon. `touchTrigger` is
-     *   ignored.
-     *
-     * @default 'adaptive'
-     */
-    triggerBehavior?: TooltipTriggerBehavior;
     /**
      * Whether the tooltip is enabled.
      * When false, hover/focus triggers are disabled.
@@ -152,8 +128,27 @@ export interface TooltipProps {
  * </Tooltip>
  * ```
  */
-export declare function Tooltip({ children, anchorRef, content, placement, alignment, delay, hideDelay, focusTrigger, touchTrigger, triggerBehavior, isEnabled, onOpenChange, hasHoverIndication, isOpen, isDefaultOpen, }: TooltipProps): ReactElement;
+export declare function Tooltip(props: TooltipProps): ReactElement;
 export declare namespace Tooltip {
     var displayName: string;
 }
+/**
+ * Module-only props for `TooltipWithTriggerBehavior`. Not exported from the
+ * package.
+ */
+export interface TooltipWithTriggerBehaviorProps extends TooltipProps {
+    /**
+     * How the trigger opens the tooltip. `toggle` pins it on a click, a tap,
+     * Enter, or Space on a button trigger, and stops that press at the trigger
+     * (see `useTooltipWithTriggerBehavior`). InfoTip uses it.
+     *
+     * @default 'adaptive'
+     */
+    triggerBehavior?: LayerTriggerBehavior;
+}
+/**
+ * `Tooltip` with a trigger behavior. Module-only: InfoTip's press-to-pin goes
+ * through it, and the package does not export it.
+ */
+export declare function TooltipWithTriggerBehavior({ children, anchorRef, content, placement, alignment, delay, hideDelay, focusTrigger, touchTrigger, triggerBehavior, isEnabled, onOpenChange, hasHoverIndication, isOpen, isDefaultOpen, }: TooltipWithTriggerBehaviorProps): ReactElement;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAGZ,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAGtE,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAiBtB,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEhD;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;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;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,eAAe,CAAC,EAAE,sBAAsB,CAAC;IAEzC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAiBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAmB,EACnB,SAAoB,EACpB,KAAW,EACX,SAAa,EACb,YAAqB,EACrB,YAAqB,EACrB,eAA4B,EAC5B,SAAgB,EAChB,YAAY,EACZ,kBAA2B,EAC3B,MAAM,EACN,aAAa,GACd,EAAE,YAAY,GAAG,YAAY,CAkK7B;yBAlLe,OAAO"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAGZ,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAGtE,YAAY,EAAC,mBAAmB,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAiB3E,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEhD;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;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;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAiBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAIzD;yBAJe,OAAO;;;AAMvB;;;GAGG;AACH,MAAM,WAAW,+BAAgC,SAAQ,YAAY;IACnE;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAmB,EACnB,SAAoB,EACpB,KAAW,EACX,SAAa,EACb,YAAqB,EACrB,YAAqB,EACrB,eAA4B,EAC5B,SAAgB,EAChB,YAAY,EACZ,kBAA2B,EAC3B,MAAM,EACN,aAAa,GACd,EAAE,+BAA+B,GAAG,YAAY,CAkKhD"}

package/dist/Tooltip/Tooltip.js

@@ -5,7 +5,8 @@
 /**
  * @file Tooltip.tsx
  * @input Uses React, useTooltip hook
- * @output Exports Tooltip component for hover/focus triggered tooltips
+ * @output Exports Tooltip component for hover/focus triggered tooltips, and the
+ *   module-only TooltipWithTriggerBehavior that InfoTip's press-to-pin uses
  * @position Layer component; uses display:contents wrapper to avoid cloneElement
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -16,11 +17,11 @@
 import React, { useCallback, useRef } from 'react';
 import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js";
 import * as stylex from '@stylexjs/stylex';
-import { useTooltip } from "./useTooltip.js";
+import { useTooltipWithTriggerBehavior } from "./useTooltip.js";
 import { stopPressPinClick } from "../Layer/usePressPin.js";
 import "../theme/tokens.stylex.js";
 import { colorVars } from "../theme/tokens.stylex.js";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Check if children are text-only (no React elements)
  */
@@ -50,7 +51,25 @@ function mergeIds(...ids) {
  * </Tooltip>
  * ```
  */
-export function Tooltip({
+export function Tooltip(props) {
+  // The option is fixed to `adaptive`, so a spread object that carries it at
+  // runtime cannot reach the press-to-pin path.
+  return /*#__PURE__*/_jsx(TooltipWithTriggerBehavior, {
+    ...props,
+    triggerBehavior: "adaptive"
+  });
+}
+
+/**
+ * Module-only props for `TooltipWithTriggerBehavior`. Not exported from the
+ * package.
+ */
+
+/**
+ * `Tooltip` with a trigger behavior. Module-only: InfoTip's press-to-pin goes
+ * through it, and the package does not export it.
+ */
+export function TooltipWithTriggerBehavior({
   children,
   anchorRef,
   content,
@@ -80,7 +99,7 @@ export function Tooltip({
   }, [onOpenChange]);
 
   // Use the hook for all tooltip behavior
-  const tooltip = useTooltip({
+  const tooltip = useTooltipWithTriggerBehavior({
     placement,
     alignment,
     delay,

package/dist/Tooltip/index.d.ts

@@ -7,7 +7,7 @@
  * SYNC: When adding new Tooltip files, update exports here
  */
 export { useTooltip } from './useTooltip.js';
-export type { TooltipFocusTrigger, TooltipTriggerBehavior, TooltipTouchTrigger, TooltipOptions, TooltipReturn, } from './useTooltip.js';
+export type { TooltipFocusTrigger, TooltipTouchTrigger, TooltipOptions, TooltipReturn, } from './useTooltip.js';
 export { Tooltip } from './Tooltip.js';
 export type { TooltipProps } from './Tooltip.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tooltip/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAGH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,aAAa,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tooltip/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAGH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,aAAa,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC"}