@astryxdesign/lab 0.7.7-canary.36f8ea1 → 0.7.7-canary.381c0d2

package/dist/InfoTip/index.d.ts

@@ -1,6 +1,24 @@
 /**
- * @file InfoTip component barrel export
+ * @file InfoTip deprecated re-export
+ * @input `@astryxdesign/core/InfoTip`
+ * @output Exports InfoTip, InfoTipProps, InfoTipSize, each deprecated
+ * @position Lab entry kept for one release after InfoTip moved to Core;
+ *   consumed by packages/lab/src/index.ts
  */
-export { InfoTip } from './InfoTip.js';
-export type { InfoTipProps, InfoTipSize } from './InfoTip.js';
+import { InfoTip as CoreInfoTip, type InfoTipProps as CoreInfoTipProps, type InfoTipSize as CoreInfoTipSize } from '@astryxdesign/core/InfoTip';
+/**
+ * @deprecated InfoTip moved to Core: import it from `@astryxdesign/core`.
+ * This Lab export is removed in the next release.
+ */
+export declare const InfoTip: typeof CoreInfoTip;
+/**
+ * @deprecated Import `InfoTipProps` from `@astryxdesign/core`. This Lab
+ * export is removed in the next release.
+ */
+export type InfoTipProps = CoreInfoTipProps;
+/**
+ * @deprecated Import `InfoTipSize` from `@astryxdesign/core`. This Lab export
+ * is removed in the next release.
+ */
+export type InfoTipSize = CoreInfoTipSize;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InfoTip/index.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,YAAY,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InfoTip/index.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AAEH,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,4BAA4B,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,OAAO,oBAAc,CAAC;AAEnC;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC"}

package/dist/InfoTip/index.js

@@ -3,6 +3,26 @@
 'use client';
 
 /**
- * @file InfoTip component barrel export
+ * @file InfoTip deprecated re-export
+ * @input `@astryxdesign/core/InfoTip`
+ * @output Exports InfoTip, InfoTipProps, InfoTipSize, each deprecated
+ * @position Lab entry kept for one release after InfoTip moved to Core;
+ *   consumed by packages/lab/src/index.ts
  */
-export { InfoTip } from "./InfoTip.js";
+import { InfoTip as CoreInfoTip } from '@astryxdesign/core/InfoTip';
+
+/**
+ * @deprecated InfoTip moved to Core: import it from `@astryxdesign/core`.
+ * This Lab export is removed in the next release.
+ */
+export const InfoTip = CoreInfoTip;
+
+/**
+ * @deprecated Import `InfoTipProps` from `@astryxdesign/core`. This Lab
+ * export is removed in the next release.
+ */
+
+/**
+ * @deprecated Import `InfoTipSize` from `@astryxdesign/core`. This Lab export
+ * is removed in the next release.
+ */

package/dist/MobilePowerSearch/MobilePowerSearch.d.ts.map

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

package/dist/MobilePowerSearch/MobilePowerSearch.js

@@ -97,8 +97,7 @@ import { useLocale, useTranslator } from '@astryxdesign/core/i18n';
 import '@astryxdesign/core/theme/tokens.stylex';
 import { colorVars, fontWeightVars, radiusVars, sizeVars, spacingVars, typeScaleVars, typographyVars } from '@astryxdesign/core/theme/tokens.stylex';
 import { isImeKeyEvent, isRenderable, rtlStyles } from '@astryxdesign/core/utils';
-import { MobileSheetConfirmation } from "../internal/MobileSheetConfirmation.js";
-import { useDismissSearchOnTouchDrag } from "../internal/useDismissSearchOnTouchDrag.js";
+import { SheetConfirmation, useDismissSearchOnTouchDrag } from '@astryxdesign/core/internal/touch-sheet';
 import { MobilePowerSearchValueEditor } from "./MobilePowerSearchValueEditor.js";
 import { createContentSearchSource, createFilterIdentities, fieldMatchesQuery, filterSignature, isSupportedOperator, nearestEditableIndex, resolveFilterIdentityIndex, useMobilePowerSearchConfig } from "./mobilePowerSearchUtils.js";
 
@@ -493,7 +492,9 @@ export function MobilePowerSearch({
 
   // ------------------------------------------------------------------ focus --
 
-  const fieldPickerDragProps = useDismissSearchOnTouchDrag(() => [contentSearchRef.current?.querySelector('input'), fieldSearchRef.current?.querySelector('input')]);
+  // A drag moves focus to the sheet's panel, never to the page body behind
+  // the open modal.
+  const fieldPickerDragProps = useDismissSearchOnTouchDrag(() => [contentSearchRef.current?.querySelector('input'), fieldSearchRef.current?.querySelector('input')], () => (fieldSearchRef.current ?? contentSearchRef.current)?.closest('[tabindex="-1"]'));
   const focusPendingSheetTarget = useCallback(() => {
     const target = pendingSheetFocusRef.current;
     if (target == null) {
@@ -1721,7 +1722,7 @@ export function MobilePowerSearch({
           })]
         })]
       })
-    }), /*#__PURE__*/_jsx(MobileSheetConfirmation, {
+    }), /*#__PURE__*/_jsx(SheetConfirmation, {
       isOpen: isClearConfirmationOpen,
       onOpenChange: setIsClearConfirmationOpen,
       title: "Clear all filters?",

package/dist/MobileTokenizer/MobileTokenizer.d.ts

@@ -1,7 +1,7 @@
 /**
  * @file MobileTokenizer.tsx
  * @input Public @astryxdesign/core components and hooks, plus private Lab
- *   mobile-sheet confirmation and search-drag dismissal owners
+ *   touch-sheet confirmation and search-drag dismissal from Core's internal entry
  * @output Exports MobileTokenizer — Lab prototype of the touch Tokenizer
  *   flow with the inline-compatible closed trigger, a searchable draft-selection
  *   sheet, persistent Clear all / Save footer, dirty-dismiss confirmation,

package/dist/MobileTokenizer/MobileTokenizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTokenizer.d.ts","sourceRoot":"","sources":["../../src/MobileTokenizer/MobileTokenizer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAclD,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAY/E,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,cAAc,IACtD;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,KAAK,CAAA;CAAC,GACtB;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GACzB;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GACzB;IAAC,IAAI,EAAE,SAAS,CAAA;CAAC,CAAC;AAEtB,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,IAAI,CAC1E,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjE;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE;QAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC;IAClE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAoMD,wBAAgB,eAAe,CAAC,CAAC,SAAS,cAAc,EAAE,EACxD,KAAK,EACL,aAAa,EACb,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,UAAU,EACV,UAAkB,EAClB,SAAiB,EACjB,UAAU,EACV,YAAiB,EACjB,cAAkB,EAClB,UAAgB,EAChB,sBAAsB,EACtB,aAAa,EACb,MAAM,EACN,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,EAAE,aAAa,EAC3B,kBAAkB,EAAE,mBAAmB,EACvC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,IAAI,EACR,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAwPzB;yBAvRe,eAAe"}
+{"version":3,"file":"MobileTokenizer.d.ts","sourceRoot":"","sources":["../../src/MobileTokenizer/MobileTokenizer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAclD,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAiB/E,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,cAAc,IACtD;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,KAAK,CAAA;CAAC,GACtB;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GACzB;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GACzB;IAAC,IAAI,EAAE,SAAS,CAAA;CAAC,CAAC;AAEtB,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,IAAI,CAC1E,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjE;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,MAAM,CAAC,EAAE;QAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC;IAClE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAwLD,wBAAgB,eAAe,CAAC,CAAC,SAAS,cAAc,EAAE,EACxD,KAAK,EACL,aAAa,EACb,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,UAAU,EACV,UAAkB,EAClB,SAAiB,EACjB,UAAU,EACV,YAAiB,EACjB,cAAkB,EAClB,UAAgB,EAChB,sBAAsB,EACtB,aAAa,EACb,MAAM,EACN,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,EAAE,aAAa,EAC3B,kBAAkB,EAAE,mBAAmB,EACvC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,IAAI,EACR,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAwPzB;yBAvRe,eAAe"}

package/dist/MobileTokenizer/MobileTokenizer.js

@@ -5,7 +5,7 @@
 /**
  * @file MobileTokenizer.tsx
  * @input Public @astryxdesign/core components and hooks, plus private Lab
- *   mobile-sheet confirmation and search-drag dismissal owners
+ *   touch-sheet confirmation and search-drag dismissal from Core's internal entry
  * @output Exports MobileTokenizer — Lab prototype of the touch Tokenizer
  *   flow with the inline-compatible closed trigger, a searchable draft-selection
  *   sheet, persistent Clear all / Save footer, dirty-dismiss confirmation,
@@ -53,8 +53,7 @@ import { composeEventHandlers, mergeProps } from '@astryxdesign/core/utils';
 import { VisuallyHidden } from '@astryxdesign/core/VisuallyHidden';
 import '@astryxdesign/core/theme/tokens.stylex';
 import { colorVars, radiusVars, sizeVars, spacingVars } from '@astryxdesign/core/theme/tokens.stylex';
-import { MobileSheetConfirmation } from "../internal/MobileSheetConfirmation.js";
-import { useDismissSearchOnTouchDrag } from "../internal/useDismissSearchOnTouchDrag.js";
+import { SheetConfirmation, hasSameSelection, nameSheetDraftChange, useDismissSearchOnTouchDrag } from '@astryxdesign/core/internal/touch-sheet';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CREATABLE_ID_PREFIX = '__xds_create__';
 const LIST_RENDER_BATCH_SIZE = 50;
@@ -64,9 +63,6 @@ const LIST_LOAD_MORE_THRESHOLD_PX = 200;
 // concentric with the field's (radius-2) when inset = radius-2 − radius-1 −
 // border = 3px. The same number is the row gap, so wrapped rows read evenly.
 const TOKEN_ROW_INSET = `calc(${spacingVars['--spacing-1']} - 1px)`;
-function hasSameSelection(a, b) {
-  return a.length === b.length && a.every(item => b.some(candidate => candidate.id === item.id));
-}
 const styles = {
   trigger: {
     kzqmXN: "xh8yej3",
@@ -657,34 +653,9 @@ function MobileTokenizerSheetContent({
     if (isDraftOverMax) {
       return;
     }
-    if (isDraftDirty) {
-      const added = draftValue.find(item => !valueAtOpen.some(openItem => openItem.id === item.id));
-      const removed = valueAtOpen.find(item => !draftValue.some(draftItem => draftItem.id === item.id));
-      const lastDraftChange = lastDraftChangeRef.current;
-      const lastChangeIsNet = lastDraftChange != null && (lastDraftChange.type === 'remove' ? valueAtOpen.some(item => item.id === lastDraftChange.item.id) && !draftValue.some(item => item.id === lastDraftChange.item.id) : draftValue.some(item => item.id === lastDraftChange.item.id) && !valueAtOpen.some(item => item.id === lastDraftChange.item.id));
-      let change = null;
-      if (lastChangeIsNet) {
-        change = lastDraftChange;
-      } else if (lastDraftChange?.type === 'remove' && removed != null) {
-        change = {
-          item: removed,
-          type: 'remove'
-        };
-      } else if (added != null) {
-        const type = lastDraftChange?.item.id === added.id && lastDraftChange.type === 'create' ? 'create' : 'add';
-        change = {
-          item: added,
-          type
-        };
-      } else if (removed != null) {
-        change = {
-          item: removed,
-          type: 'remove'
-        };
-      }
-      if (change != null) {
-        onCommit([...draftValue], change);
-      }
+    const change = isDraftDirty ? nameSheetDraftChange(valueAtOpen, draftValue, lastDraftChangeRef.current) : null;
+    if (change != null) {
+      onCommit([...draftValue], change);
     }
     onCloseSheet();
   };
@@ -692,7 +663,9 @@ function MobileTokenizerSheetContent({
     label
   });
   const noResultsTitle = emptySearchResultsText ?? t('@astryx.typeahead.emptySearchResults');
-  const listDragProps = useDismissSearchOnTouchDrag(() => [searchRef.current]);
+  // A drag moves focus to the sheet's panel, never to the page body behind
+  // the open modal.
+  const listDragProps = useDismissSearchOnTouchDrag(() => [searchRef.current], () => searchRef.current?.closest('[tabindex="-1"]'));
   return /*#__PURE__*/_jsxs("div", {
     ...{
       className: "x78zum5 xdt5ytf x5yr21d x2lwn1j xrrkdod xoxd1wu xvmdzux"
@@ -881,7 +854,7 @@ function MobileTokenizerSheetContent({
         onClick: handleSave,
         xstyle: styles.footerAction
       })]
-    }), isClearConfirmationOpen && /*#__PURE__*/_jsx(MobileSheetConfirmation, {
+    }), isClearConfirmationOpen && /*#__PURE__*/_jsx(SheetConfirmation, {
       isOpen: true,
       onOpenChange: next => {
         if (!next) {
@@ -905,7 +878,7 @@ function MobileTokenizerSheetContent({
         }
         closeClearConfirmation(true);
       }
-    }), isDiscardConfirmationOpen && /*#__PURE__*/_jsx(MobileSheetConfirmation, {
+    }), isDiscardConfirmationOpen && /*#__PURE__*/_jsx(SheetConfirmation, {
       isOpen: true,
       onOpenChange: next => {
         if (!next) {

package/dist/lab.css

@@ -71,7 +71,6 @@
   .x1fx55se:not(#\#){padding:calc((var(--size-element-lg) - 28px) / 2 - var(--border-width))}
   .xnvfkzk:not(#\#){padding:calc((var(--size-element-md) - 24px) / 2 - var(--border-width))}
   .x5pt662:not(#\#){padding:calc((var(--size-element-sm) - 22px) / 2 - var(--border-width))}
-  .x12nba7r:not(#\#){padding:var(--spacing-0-5)}
   .x1b2ylru:not(#\#){padding:var(--spacing-3)}
   .x1shk3sm:not(#\#){padding:var(--spacing-4)}
   .x70o2i5:not(#\#):not(#\#){border-color:#26262a}
@@ -563,7 +562,6 @@
   .x80gvsz:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-medium)}
   .x15406qy:not(#\#):not(#\#):not(#\#){transition-property:background-color}
   .xq90yva:not(#\#):not(#\#):not(#\#){transition-property:border-color,background-color}
-  .xt3l3uh:not(#\#):not(#\#):not(#\#){transition-property:color}
   .x13b0p5u:not(#\#):not(#\#):not(#\#){transition-property:none}
   .x19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
   .x1gfj591:not(#\#):not(#\#):not(#\#){transition-property:top,left,width,height}
@@ -635,7 +633,6 @@
   @media (hover: hover){.x1fkayqs.x1fkayqs.x1fkayqs:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:#1d1d21}}
   @media (hover: hover){.xkqrm7g.xkqrm7g.xkqrm7g:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}}
   @media (hover: hover){.xoevpu5.xoevpu5.xoevpu5:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
-  @media (hover: hover){.x10ue8fs.x10ue8fs.x10ue8fs:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}}
   @container (max-width: 40rem){.x101j7pr.x101j7pr:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-body)}}
   @container (max-width: 40rem){.x12eanku.x12eanku:not(#\#):not(#\#):not(#\#){border-inline-start-width:0}}
   @container list-input (max-width: 640px){.x1jiamoa.x1jiamoa:not(#\#):not(#\#):not(#\#){display:block}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.7.7-canary.36f8ea1",
+  "version": "0.7.7-canary.381c0d2",
   "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
   "author": "Meta Open Source",
   "license": "MIT",
@@ -49,7 +49,7 @@
   },
   "peerDependencies": {
     "@stylexjs/stylex": ">=0.10.0",
-    "@astryxdesign/core": "0.7.7-canary.36f8ea1",
+    "@astryxdesign/core": "0.7.7-canary.381c0d2",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
@@ -59,9 +59,9 @@
     "d3-shape": "^3.2.0"
   },
   "devDependencies": {
-    "@astryxdesign/a11y-spec": "0.7.7-canary.36f8ea1",
-    "@astryxdesign/cli": "0.7.7-canary.36f8ea1",
-    "@astryxdesign/interaction-harness": "0.7.7-canary.36f8ea1",
+    "@astryxdesign/a11y-spec": "0.7.7-canary.381c0d2",
+    "@astryxdesign/cli": "0.7.7-canary.381c0d2",
+    "@astryxdesign/interaction-harness": "0.7.7-canary.381c0d2",
     "@babel/cli": "^7.29.7",
     "@babel/core": "^7.29.7",
     "@babel/preset-react": "^7.29.7",

package/src/InfoTip/InfoTip.test.tsx

@@ -2,237 +2,32 @@
 
 /**
  * @file InfoTip.test.tsx
- * @input Uses vitest, @testing-library/react, @testing-library/user-event, InfoTip component
- * @output Unit tests for InfoTip trigger accessibility and tooltip behavior
- * @position Testing; validates InfoTip.tsx implementation
- *
- * SYNC: When InfoTip.tsx changes, update tests to match new behavior
+ * @input The Lab InfoTip entry and the Core component
+ * @output Tests that the Lab entry re-exports the Core component, deprecated
+ * @position Testing; validates index.ts (component:InfoTip FR4)
  */
 
-import {describe, it, expect, vi, beforeAll, afterAll} from 'vitest';
-import {render, screen, fireEvent, waitFor, act} from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import {InfoTip} from './InfoTip';
-
-// Store original matches to restore later
-const originalMatches = HTMLElement.prototype.matches;
-
-// Track popover open state per element
-const popoverOpenState = new WeakMap<HTMLElement, boolean>();
-
-// Mock Popover API for jsdom, and :focus-visible for keyboard-focus tests
-// (same harness as core Tooltip.test.tsx, plus :focus-visible)
-beforeAll(() => {
-  HTMLElement.prototype.showPopover = vi.fn(function (this: HTMLElement) {
-    popoverOpenState.set(this, true);
-  });
-  HTMLElement.prototype.hidePopover = vi.fn(function (this: HTMLElement) {
-    popoverOpenState.set(this, false);
-  });
-
-  // Intercept :popover-open and :focus-visible, delegate everything else
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (HTMLElement.prototype as any).matches = function (
-    selector: string,
-  ): boolean {
-    if (selector === ':popover-open') {
-      return popoverOpenState.get(this) ?? false;
-    }
-    if (selector === ':focus-visible') {
-      // Treat any focused element as keyboard-focused in tests
-      return this === document.activeElement;
+import {readFileSync} from 'node:fs';
+import path from 'node:path';
+import {describe, expect, it} from 'vitest';
+import {InfoTip as CoreInfoTip} from '@astryxdesign/core/InfoTip';
+import {InfoTip} from './index';
+
+describe('Lab InfoTip', () => {
+  it('is the Core component', () => {
+    expect(InfoTip).toBe(CoreInfoTip);
+  });
+
+  it('marks each of its exports deprecated', () => {
+    // Static metadata only: editors and type checkers show it, and nothing
+    // warns at runtime.
+    const source = readFileSync(path.join(__dirname, 'index.ts'), 'utf8');
+    for (const name of ['InfoTip', 'InfoTipProps', 'InfoTipSize']) {
+      // The doc comment right above the export, whatever it contains.
+      const comment = new RegExp(
+        String.raw`/\*\*((?:(?!\*/)[\s\S])*)\*/\nexport (?:const|type) ${name}\b`,
+      ).exec(source);
+      expect(comment?.[1], name).toContain('@deprecated');
     }
-    return originalMatches.call(this, selector);
-  };
-});
-
-afterAll(() => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (HTMLElement.prototype as any).matches = originalMatches;
-});
-
-/** Focus the trigger the way a keyboard user would land on it. */
-function focusTrigger(trigger: HTMLElement) {
-  act(() => {
-    trigger.focus();
-  });
-  fireEvent.focusIn(trigger);
-}
-
-describe('InfoTip', () => {
-  it('renders a button trigger with the default accessible name', () => {
-    render(<InfoTip content="Helpful context" />);
-    expect(
-      screen.getByRole('button', {name: 'More information'}),
-    ).toBeInTheDocument();
-  });
-
-  it('uses a custom label as the accessible name', () => {
-    render(
-      <InfoTip content="30-day rolling average." label="About this metric" />,
-    );
-    const trigger = screen.getByRole('button', {name: 'About this metric'});
-    expect(trigger).toHaveAttribute('aria-label', 'About this metric');
-  });
-
-  it('links the trigger to the tooltip layer via aria-describedby', () => {
-    render(<InfoTip content="Helpful context" />);
-    const layer = screen.getByRole('tooltip', {hidden: true});
-    expect(layer).toHaveTextContent('Helpful context');
-    const trigger = screen.getByRole('button', {name: 'More information'});
-    expect(trigger.getAttribute('aria-describedby')).toBe(layer.id);
-  });
-
-  it('is reachable with Tab', async () => {
-    const user = userEvent.setup();
-    render(<InfoTip content="Helpful context" />);
-    const trigger = screen.getByRole('button', {name: 'More information'});
-    await user.tab();
-    expect(trigger).toHaveFocus();
-  });
-
-  it('shows the tooltip on hover', async () => {
-    vi.mocked(HTMLElement.prototype.showPopover).mockClear();
-    render(<InfoTip content="Helpful context" />);
-    const trigger = screen.getByRole('button', {name: 'More information'});
-
-    fireEvent.mouseEnter(trigger);
-
-    await waitFor(() => {
-      expect(HTMLElement.prototype.showPopover).toHaveBeenCalled();
-    });
-  });
-
-  it('shows the tooltip on keyboard focus', async () => {
-    vi.mocked(HTMLElement.prototype.showPopover).mockClear();
-    render(<InfoTip content="Helpful context" />);
-    const trigger = screen.getByRole('button', {name: 'More information'});
-
-    focusTrigger(trigger);
-
-    await waitFor(() => {
-      expect(HTMLElement.prototype.showPopover).toHaveBeenCalled();
-    });
-    const layer = screen.getByRole('tooltip', {hidden: true});
-    expect(popoverOpenState.get(layer)).toBe(true);
-  });
-
-  it('closes the tooltip on Escape', async () => {
-    render(<InfoTip content="Helpful context" />);
-    const trigger = screen.getByRole('button', {name: 'More information'});
-    const layer = screen.getByRole('tooltip', {hidden: true});
-
-    focusTrigger(trigger);
-    await waitFor(() => {
-      expect(popoverOpenState.get(layer)).toBe(true);
-    });
-
-    fireEvent.keyDown(trigger, {key: 'Escape'});
-
-    await waitFor(() => {
-      expect(popoverOpenState.get(layer)).toBe(false);
-    });
-  });
-
-  it('re-opens after Escape once the trigger is left and re-hovered', async () => {
-    render(<InfoTip content="Helpful context" />);
-    const trigger = screen.getByRole('button', {name: 'More information'});
-    const layer = screen.getByRole('tooltip', {hidden: true});
-
-    focusTrigger(trigger);
-    await waitFor(() => {
-      expect(popoverOpenState.get(layer)).toBe(true);
-    });
-
-    fireEvent.keyDown(trigger, {key: 'Escape'});
-    await waitFor(() => {
-      expect(popoverOpenState.get(layer)).toBe(false);
-    });
-
-    // Leave (resets dismissal), then re-enter
-    act(() => {
-      trigger.blur();
-    });
-    fireEvent.focusOut(trigger);
-    fireEvent.mouseLeave(trigger);
-
-    fireEvent.mouseEnter(trigger);
-    await waitFor(() => {
-      expect(popoverOpenState.get(layer)).toBe(true);
-    });
-  });
-
-  it('renders ReactNode tooltip content', () => {
-    render(<InfoTip content={<span data-testid="rich-content">Rich</span>} />);
-    expect(screen.getByTestId('rich-content')).toBeInTheDocument();
-  });
-  describe('touch', () => {
-    /**
-     * A tap, in the order a browser dispatches it: the finger's pointer events,
-     * the hover it synthesizes, then the `click` that says the touch was a tap.
-     */
-    const tap = (element: HTMLElement) => {
-      fireEvent.pointerEnter(element, {pointerType: 'touch'});
-      fireEvent.pointerDown(element, {pointerType: 'touch'});
-      fireEvent.pointerUp(element, {pointerType: 'touch'});
-      fireEvent.mouseEnter(element);
-      fireEvent.click(element);
-    };
-
-    it('opens on a tap, though the trigger is a button', async () => {
-      render(<InfoTip content="30-day rolling average." />);
-      const trigger = screen.getByRole('button');
-      const layer = screen.getByRole('tooltip', {hidden: true});
-
-      // Tooltip's `auto` rule would give this tap to the button and suppress
-      // the tooltip; revealing it is the button's whole purpose, so InfoTip
-      // opts in. Without this its content is unreachable on a phone.
-      tap(trigger);
-
-      await waitFor(() => {
-        expect(popoverOpenState.get(layer)).toBe(true);
-      });
-    });
-
-    it('closes on a second tap of the trigger', async () => {
-      render(<InfoTip content="30-day rolling average." />);
-      const trigger = screen.getByRole('button');
-      const layer = screen.getByRole('tooltip', {hidden: true});
-
-      tap(trigger);
-      await waitFor(() => {
-        expect(popoverOpenState.get(layer)).toBe(true);
-      });
-
-      tap(trigger);
-      await waitFor(() => {
-        expect(popoverOpenState.get(layer)).toBe(false);
-      });
-    });
-
-    it('closes on a tap outside', async () => {
-      render(
-        <>
-          <InfoTip content="30-day rolling average." />
-          <button type="button">Elsewhere</button>
-        </>,
-      );
-      const trigger = screen.getByRole('button', {name: 'More information'});
-      const layer = screen.getByRole('tooltip', {hidden: true});
-
-      tap(trigger);
-      await waitFor(() => {
-        expect(popoverOpenState.get(layer)).toBe(true);
-      });
-
-      // The tap outside counts when the finger lifts.
-      const elsewhere = screen.getByRole('button', {name: 'Elsewhere'});
-      fireEvent.pointerDown(elsewhere, {pointerType: 'touch'});
-      fireEvent.pointerUp(elsewhere, {pointerType: 'touch'});
-
-      await waitFor(() => {
-        expect(popoverOpenState.get(layer)).toBe(false);
-      });
-    });
   });
 });

package/src/InfoTip/index.ts

@@ -3,8 +3,33 @@
 'use client';
 
 /**
- * @file InfoTip component barrel export
+ * @file InfoTip deprecated re-export
+ * @input `@astryxdesign/core/InfoTip`
+ * @output Exports InfoTip, InfoTipProps, InfoTipSize, each deprecated
+ * @position Lab entry kept for one release after InfoTip moved to Core;
+ *   consumed by packages/lab/src/index.ts
  */
 
-export {InfoTip} from './InfoTip';
-export type {InfoTipProps, InfoTipSize} from './InfoTip';
+import {
+  InfoTip as CoreInfoTip,
+  type InfoTipProps as CoreInfoTipProps,
+  type InfoTipSize as CoreInfoTipSize,
+} from '@astryxdesign/core/InfoTip';
+
+/**
+ * @deprecated InfoTip moved to Core: import it from `@astryxdesign/core`.
+ * This Lab export is removed in the next release.
+ */
+export const InfoTip = CoreInfoTip;
+
+/**
+ * @deprecated Import `InfoTipProps` from `@astryxdesign/core`. This Lab
+ * export is removed in the next release.
+ */
+export type InfoTipProps = CoreInfoTipProps;
+
+/**
+ * @deprecated Import `InfoTipSize` from `@astryxdesign/core`. This Lab export
+ * is removed in the next release.
+ */
+export type InfoTipSize = CoreInfoTipSize;

package/src/MobilePowerSearch/MobilePowerSearch.test.tsx

@@ -822,6 +822,9 @@ describe('MobilePowerSearch Filters sheet', () => {
     const confirmation = screen.getByRole('alertdialog', {
       name: 'Clear all filters?',
     });
+    // A scrim press starts and ends on the dialog itself.
+    fireEvent.pointerDown(confirmation);
+    fireEvent.pointerUp(confirmation);
     fireEvent.click(confirmation);
     expect(
       screen.queryByRole('alertdialog', {name: 'Clear all filters?'}),

package/src/MobilePowerSearch/MobilePowerSearch.tsx

@@ -142,8 +142,11 @@ import {
   typographyVars,
 } from '@astryxdesign/core/theme/tokens.stylex';
 import {isImeKeyEvent, isRenderable, rtlStyles} from '@astryxdesign/core/utils';
-import {MobileSheetConfirmation} from '../internal/MobileSheetConfirmation';
-import {useDismissSearchOnTouchDrag} from '../internal/useDismissSearchOnTouchDrag';
+
+import {
+  SheetConfirmation,
+  useDismissSearchOnTouchDrag,
+} from '@astryxdesign/core/internal/touch-sheet';
 import {MobilePowerSearchValueEditor} from './MobilePowerSearchValueEditor';
 import {
   createContentSearchSource,
@@ -889,10 +892,18 @@ export function MobilePowerSearch({
 
   // ------------------------------------------------------------------ focus --
 
-  const fieldPickerDragProps = useDismissSearchOnTouchDrag(() => [
-    contentSearchRef.current?.querySelector('input'),
-    fieldSearchRef.current?.querySelector('input'),
-  ]);
+  // A drag moves focus to the sheet's panel, never to the page body behind
+  // the open modal.
+  const fieldPickerDragProps = useDismissSearchOnTouchDrag(
+    () => [
+      contentSearchRef.current?.querySelector('input'),
+      fieldSearchRef.current?.querySelector('input'),
+    ],
+    () =>
+      (
+        fieldSearchRef.current ?? contentSearchRef.current
+      )?.closest<HTMLElement>('[tabindex="-1"]'),
+  );
 
   const focusPendingSheetTarget = useCallback(() => {
     const target = pendingSheetFocusRef.current;
@@ -2356,7 +2367,7 @@ export function MobilePowerSearch({
         </div>
       </BottomSheet>
 
-      <MobileSheetConfirmation
+      <SheetConfirmation
         isOpen={isClearConfirmationOpen}
         onOpenChange={setIsClearConfirmationOpen}
         title="Clear all filters?"

package/src/MobileTokenizer/MobileTokenizer.test.tsx

@@ -185,6 +185,9 @@ describe('MobileTokenizer (Lab, single-sheet flow)', () => {
     let discard = await screen.findByRole('alertdialog', {
       name: 'Discard changes?',
     });
+    // A scrim press starts and ends on the dialog itself.
+    fireEvent.pointerDown(discard);
+    fireEvent.pointerUp(discard);
     fireEvent.click(discard);
     await waitFor(() =>
       expect(screen.queryByRole('alertdialog')).not.toBeInTheDocument(),