@astryxdesign/core 0.4.4 → 0.4.5-canary.013e728

package/dist/Timestamp/formatInstant.js

@@ -112,10 +112,10 @@ function getWallClock(date, timeZone) {
 /**
  * Renders one instant in one absolute format.
  *
- * Pure: the same arguments always produce the same string for a given host
+ * Pure: the same arguments always produce the same string for the requested
  * locale (and, when no `timeZone` is given, host zone).
  */
-export function formatInstant(date, format, {
+export function formatInstant(date, format, locale, {
   timeZone,
   isTimezoneShown = false,
   timeZoneNameStyle = 'short'
@@ -128,34 +128,34 @@ export function formatInstant(date, format, {
   } : {};
   switch (format) {
     case 'full':
-      return new Intl.DateTimeFormat(undefined, {
+      return new Intl.DateTimeFormat(locale, {
         ...FULL_OPTIONS,
         timeZoneName: timeZoneNameStyle,
         ...zone
       }).format(date);
     case 'date':
-      return new Intl.DateTimeFormat(undefined, {
+      return new Intl.DateTimeFormat(locale, {
         ...SHARED_DATE_FORMAT_OPTIONS.date,
         ...zone
       }).format(date);
     case 'date_long':
-      return new Intl.DateTimeFormat(undefined, {
+      return new Intl.DateTimeFormat(locale, {
         ...SHARED_DATE_FORMAT_OPTIONS.date_long,
         ...zone
       }).format(date);
     case 'date_weekday':
-      return new Intl.DateTimeFormat(undefined, {
+      return new Intl.DateTimeFormat(locale, {
         ...SHARED_DATE_FORMAT_OPTIONS.date_weekday,
         ...zone
       }).format(date);
     case 'date_time':
-      return new Intl.DateTimeFormat(undefined, {
+      return new Intl.DateTimeFormat(locale, {
         ...DATE_TIME_OPTIONS,
         ...zoneName,
         ...zone
       }).format(date);
     case 'time':
-      return new Intl.DateTimeFormat(undefined, {
+      return new Intl.DateTimeFormat(locale, {
         ...TIME_OPTIONS,
         ...zoneName,
         ...zone

package/dist/Timestamp/tooltipEntries.d.ts

@@ -1,4 +1,5 @@
 import type { InstantFormat } from './formatInstant';
+import type { Locale } from '../i18n/types';
 /**
  * Formats available to a tooltip line.
  *
@@ -67,5 +68,5 @@ export interface TimestampTooltipLine {
  * Pure: the same `date` and `entries` always produce the same lines for a given
  * host zone and locale.
  */
-export declare function formatTooltipLines(date: Date, entries: ReadonlyArray<TimestampTooltipEntry>): ReadonlyArray<TimestampTooltipLine>;
+export declare function formatTooltipLines(date: Date, entries: ReadonlyArray<TimestampTooltipEntry>, locale: Locale): ReadonlyArray<TimestampTooltipLine>;
 //# sourceMappingURL=tooltipEntries.d.ts.map

package/dist/Timestamp/tooltipEntries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipEntries.d.ts","sourceRoot":"","sources":["../../src/Timestamp/tooltipEntries.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAMnD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC;AAEnD,yCAAyC;AACzC,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,+BAA+B;AAC/B,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB;AAqGD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC,GAC5C,aAAa,CAAC,oBAAoB,CAAC,CAqBrC"}
+{"version":3,"file":"tooltipEntries.d.ts","sourceRoot":"","sources":["../../src/Timestamp/tooltipEntries.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAM1C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC;AAEnD,yCAAyC;AACzC,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,+BAA+B;AAC/B,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB;AAuGD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC,EAC7C,MAAM,EAAE,MAAM,GACb,aAAa,CAAC,oBAAoB,CAAC,CAqBrC"}

package/dist/Timestamp/tooltipEntries.js

@@ -82,7 +82,9 @@ function resolveTimezoneID(timezoneID) {
   // degrade to the viewer's zone and say so, mirroring how an unparseable
   // `value` is handled in Timestamp.tsx.
   try {
-    new Intl.DateTimeFormat(undefined, {
+    // Locale does not affect time-zone identifier validity; pin one so this
+    // validation path stays explicit and deterministic.
+    new Intl.DateTimeFormat('en-US', {
       timeZone: timezoneID
     });
   } catch {
@@ -145,7 +147,7 @@ function shouldShowZoneName(format, hasMultipleZones, isNamedZone) {
  * Pure: the same `date` and `entries` always produce the same lines for a given
  * host zone and locale.
  */
-export function formatTooltipLines(date, entries) {
+export function formatTooltipLines(date, entries, locale) {
   const resolved = entries.map(entry => resolveTimezoneID(entry.timezoneID));
   const hasMultipleZones = new Set(resolved.map(zoneKey)).size > 1;
   return entries.map((entry, index) => {
@@ -156,7 +158,7 @@ export function formatTooltipLines(date, entries) {
         label: entry.label
       }),
       isCopyable: entry.isCopyable ?? false,
-      value: formatInstant(date, format, {
+      value: formatInstant(date, format, locale, {
         timeZone,
         isTimezoneShown: shouldShowZoneName(format, hasMultipleZones, timeZone !== undefined)
       })

package/dist/Token/Token.js

@@ -65,7 +65,7 @@ const styles = {
     k1ekBW: "x12qzo2w",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kKwaWg: "x1ilzqfv xq8i9tn",
+    kKwaWg: "xmvprkv xq8i9tn",
     $$css: true
   },
   disabled: {

package/dist/Tooltip/Tooltip.d.ts

@@ -10,9 +10,9 @@
  * - /packages/cli/assets/templates/blocks/components/Tooltip/ (showcase blocks)
  */
 import React, { type ReactElement, type ReactNode } from 'react';
-import { type TooltipFocusTrigger } from './useTooltip';
+import { type TooltipFocusTrigger, type TooltipTouchTrigger } from './useTooltip';
 import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer';
-export type { TooltipFocusTrigger } from './useTooltip';
+export type { TooltipFocusTrigger, TooltipTouchTrigger } from './useTooltip';
 export interface TooltipProps {
     /**
      * The trigger element(s). Children refs are preserved.
@@ -61,6 +61,19 @@ export interface TooltipProps {
      * @default 'auto'
      */
     focusTrigger?: TooltipFocusTrigger;
+    /**
+     * What a tap does on a touch pointer, where there is no hover:
+     * - `auto`: tap opens the tooltip, unless the trigger performs an action of
+     *   its own (a button, a link, a form control) — that tap belongs to the
+     *   control, and a hint about a control the user just operated is noise
+     * - `tap`: tap always opens the tooltip. This is what an info icon rendered
+     *   as a button wants: it looks like an action to the DOM, but revealing the
+     *   tooltip is the only thing it does
+     * - `none`: touch never opens the tooltip
+     *
+     * @default 'auto'
+     */
+    touchTrigger?: TooltipTouchTrigger;
     /**
      * Whether the tooltip is enabled.
      * When false, hover/focus triggers are disabled.
@@ -109,7 +122,7 @@ export interface TooltipProps {
  * </Tooltip>
  * ```
  */
-export declare function Tooltip({ children, anchorRef, content, placement, alignment, delay, hideDelay, focusTrigger, isEnabled, onOpenChange, hasHoverIndication, isOpen, isDefaultOpen, }: TooltipProps): ReactElement;
+export declare function Tooltip({ children, anchorRef, content, placement, alignment, delay, hideDelay, focusTrigger, touchTrigger, isEnabled, onOpenChange, hasHoverIndication, isOpen, isDefaultOpen, }: TooltipProps): ReactElement;
 export declare namespace Tooltip {
     var displayName: string;
 }

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,EAAa,KAAK,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAGtE,YAAY,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAiBtD,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;;;;;;;OAOG;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;;;;;OAKG;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,SAAgB,EAChB,YAAY,EACZ,kBAA2B,EAC3B,MAAM,EACN,aAAa,GACd,EAAE,YAAY,GAAG,YAAY,CAqI7B;yBAnJe,OAAO"}
+{"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,mBAAmB,EACzB,MAAM,cAAc,CAAC;AACtB,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;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;;;;;;;OAWG;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;;;;;OAKG;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,SAAgB,EAChB,YAAY,EACZ,kBAA2B,EAC3B,MAAM,EACN,aAAa,GACd,EAAE,YAAY,GAAG,YAAY,CAsI7B;yBArJe,OAAO"}

package/dist/Tooltip/Tooltip.js

@@ -58,6 +58,7 @@ export function Tooltip({
   delay = 200,
   hideDelay = 0,
   focusTrigger = 'auto',
+  touchTrigger = 'auto',
   isEnabled = true,
   onOpenChange,
   hasHoverIndication = 'auto',
@@ -83,6 +84,7 @@ export function Tooltip({
     delay,
     hideDelay,
     focusTrigger,
+    touchTrigger,
     isEnabled,
     isOpen,
     isDefaultOpen,

package/dist/Tooltip/index.d.ts

@@ -7,7 +7,7 @@
  * SYNC: When adding new Tooltip files, update exports here
  */
 export { useTooltip } from './useTooltip';
-export type { TooltipFocusTrigger, TooltipOptions, TooltipReturn, } from './useTooltip';
+export type { TooltipFocusTrigger, TooltipTouchTrigger, TooltipOptions, TooltipReturn, } from './useTooltip';
 export { Tooltip } from './Tooltip';
 export type { TooltipProps } from './Tooltip';
 //# 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,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"}

package/dist/Tooltip/useTooltip.d.ts

@@ -1,7 +1,7 @@
 /**
  * @file useTooltip.tsx
- * @input Uses useLayer, React hooks
- * @output Exports useTooltip hook for hover/focus triggered tooltips
+ * @input Uses useLayer, useTouchTrigger, React hooks
+ * @output Exports useTooltip hook for hover/focus/tap triggered tooltips
  * @position Layer hook; builds on useLayer for tooltip behavior
  *
  * SYNC: When modified, update:
@@ -9,10 +9,15 @@
  */
 import { type ReactNode, type RefCallback } from 'react';
 import { type ContextRenderProps, type LayerAlignment, type LayerPlacement } from '../Layer/useLayer';
+import { type LayerTouchTrigger } from '../Layer/useTouchTrigger';
 /**
  * Focus trigger behavior for tooltips
  */
 export type TooltipFocusTrigger = 'auto' | 'always' | 'never';
+/**
+ * Touch trigger behavior for tooltips
+ */
+export type TooltipTouchTrigger = LayerTouchTrigger;
 export interface TooltipOptions {
     /**
      * Position placement relative to anchor
@@ -43,6 +48,19 @@ export interface TooltipOptions {
      * @default 'auto'
      */
     focusTrigger?: TooltipFocusTrigger;
+    /**
+     * What a tap does on a touch pointer, where there is no hover:
+     * - `auto`: tap opens the tooltip, unless the trigger performs an action of
+     *   its own (a button, a link, a form control) — that tap belongs to the
+     *   control, and a hint about a control the user just operated is noise
+     * - `tap`: tap always opens the tooltip. This is what an info icon rendered
+     *   as a button wants: it looks like an action to the DOM, but revealing the
+     *   tooltip is the only thing it does
+     * - `none`: touch never opens the tooltip
+     *
+     * @default 'auto'
+     */
+    touchTrigger?: TooltipTouchTrigger;
     /**
      * Whether the tooltip is enabled.
      * When false, hover/focus triggers are disabled.
@@ -116,6 +134,7 @@ export interface TooltipReturn {
  * Builds on useLayer to add:
  * - Hover triggers with configurable delay
  * - Focus triggers with auto-detection for focusable elements
+ * - Tap triggers on touch, where there is no hover (see useTouchTrigger)
  * - Inverted color palette for high contrast
  *
  * Unlike HoverCard, tooltips:

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

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/useTooltip.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;AA2C3B;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B;;;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,mBAAmB,CAAC;IAEnC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;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,aAAa;IAC5B;;;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,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,aAAa,EAAE,CACb,QAAQ,EAAE,SAAS,EACnB,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAC5C,SAAS,CAAC;CAChB;AAyBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,cAAmB,GAAG,aAAa,CAgRtE"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/useTooltip.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;AA2ClC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B;;;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,mBAAmB,CAAC;IAEnC;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAEnC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;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,aAAa;IAC5B;;;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,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;;;;OAOG;IACH,aAAa,EAAE,CACb,QAAQ,EAAE,SAAS,EACnB,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAC5C,SAAS,CAAC;CAChB;AAyBD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,cAAmB,GAAG,aAAa,CAsUtE"}

package/dist/Tooltip/useTooltip.js

@@ -4,8 +4,8 @@
 
 /**
  * @file useTooltip.tsx
- * @input Uses useLayer, React hooks
- * @output Exports useTooltip hook for hover/focus triggered tooltips
+ * @input Uses useLayer, useTouchTrigger, React hooks
+ * @output Exports useTooltip hook for hover/focus/tap triggered tooltips
  * @position Layer hook; builds on useLayer for tooltip behavior
  *
  * SYNC: When modified, update:
@@ -14,6 +14,7 @@
 import { useCallback, useEffect, useRef } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { useLayer } from "../Layer/useLayer.js";
+import { useTouchTrigger } from "../Layer/useTouchTrigger.js";
 import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
 import { themeProps } from "../utils/themeProps.js";
 import { isImeKeyEvent } from "../utils/ime.js";
@@ -43,6 +44,10 @@ const styles = {
  * Focus trigger behavior for tooltips
  */
 
+/**
+ * Touch trigger behavior for tooltips
+ */
+
 /**
  * Check if an element is naturally focusable
  */
@@ -71,6 +76,7 @@ function isFocusable(element) {
  * Builds on useLayer to add:
  * - Hover triggers with configurable delay
  * - Focus triggers with auto-detection for focusable elements
+ * - Tap triggers on touch, where there is no hover (see useTouchTrigger)
  * - Inverted color palette for high contrast
  *
  * Unlike HoverCard, tooltips:
@@ -95,6 +101,7 @@ export function useTooltip(options = {}) {
     delay = 200,
     hideDelay = 0,
     focusTrigger = 'auto',
+    touchTrigger = 'auto',
     isEnabled = true,
     isOpen,
     isDefaultOpen = false,
@@ -123,6 +130,27 @@ export function useTooltip(options = {}) {
     }
   }, []);
 
+  // Touch resolves immediately: the hover delays exist to filter out a pointer
+  // passing across the trigger, and a tap is never that.
+  const showNow = useCallback(() => {
+    clearTimeouts();
+    layer.show();
+  }, [clearTimeouts, layer]);
+  const hideNow = useCallback(() => {
+    clearTimeouts();
+    layer.hide();
+  }, [clearTimeouts, layer]);
+  const touch = useTouchTrigger({
+    touchTrigger,
+    isEnabled,
+    isControlled: isOpen !== undefined,
+    isOpen: layer.isOpen,
+    layerId: layer.id,
+    triggerRef,
+    show: showNow,
+    hide: hideNow
+  });
+
   // Schedule show with delay (suppressed when isOpen is false)
   const scheduleShow = useCallback(() => {
     if (!isEnabled || isOpen === false) {
@@ -159,19 +187,35 @@ export function useTooltip(options = {}) {
 
   // Event handlers
   const handleMouseEnter = useCallback(() => {
-    // Suppress tooltips on touch devices — hover is simulated and eats a tap
-    if (typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(hover: none)').matches) {
+    // A tap synthesizes mouseenter. On touch the tap path owns the decision,
+    // so hover must not also fire — including the tap that just opened the
+    // tooltip, which would otherwise be double-handled.
+    if (touch.isTouchPointerRef.current) {
       return;
     }
     scheduleShow();
-  }, [scheduleShow]);
+  }, [touch, scheduleShow]);
   const handleMouseLeave = useCallback(() => {
+    // On touch the synthesized mouseleave arrives with the next tap elsewhere,
+    // which the outside-tap dismissal already handles — and handling it here
+    // too would close the tooltip behind the tap-open bookkeeping's back.
+    if (touch.isTouchPointerRef.current) {
+      return;
+    }
     scheduleHide();
-  }, [scheduleHide]);
+  }, [touch, scheduleHide]);
   const handleFocusIn = useCallback(e => {
     if (!isEnabled) {
       return;
     }
+    // A tap focuses the trigger it activates, and `:focus-visible` does not
+    // filter that out on every element: a tapped `<input>` or contenteditable
+    // matches it. Those are exactly the action triggers `auto` just decided
+    // to keep shut, so without this the focus reopens what the tap
+    // suppressed, over the field the user is trying to type into.
+    if (touch.isTouchInteraction()) {
+      return;
+    }
     // Only show tooltip for keyboard focus (:focus-visible),
     // not programmatic focus (e.g. dialog auto-focus, touch tap)
     const target = e.target;
@@ -180,7 +224,7 @@ export function useTooltip(options = {}) {
     }
     clearTimeouts();
     layer.show();
-  }, [isEnabled, clearTimeouts, layer]);
+  }, [isEnabled, touch, clearTimeouts, layer]);
   const handleFocusOut = useCallback(() => {
     scheduleHide();
   }, [scheduleHide]);
@@ -190,15 +234,24 @@ export function useTooltip(options = {}) {
   // just-pressed control reads as stale. Fires on pointerdown so it feels
   // immediate. Uncontrolled tooltips only — a controlled tooltip's visibility
   // is owned by the consumer. `layer.hide()` self-guards when already closed.
-  const handlePointerDown = useCallback(() => {
+  // A touch press is a different gesture (it may be the only way to open the
+  // tooltip at all), so the touch path answers it first.
+  const handlePointerDown = useCallback(event => {
+    if (touch.handlePointerDown(event)) {
+      return;
+    }
     if (isOpen !== undefined) {
       return;
     }
     clearTimeouts();
     layer.hide();
-  }, [isOpen, clearTimeouts, layer]);
+  }, [touch, isOpen, clearTimeouts, layer]);
 
   // Interaction ref that handles event listeners only
+  const {
+    handlePointerEnter,
+    clearTapOpen
+  } = touch;
   const interactionRef = useCallback(el => {
     // Cleanup previous element
     if (triggerRef.current) {
@@ -206,13 +259,17 @@ export function useTooltip(options = {}) {
       triggerRef.current.removeEventListener('mouseleave', handleMouseLeave);
       triggerRef.current.removeEventListener('focusin', handleFocusIn);
       triggerRef.current.removeEventListener('focusout', handleFocusOut);
+      triggerRef.current.removeEventListener('pointerenter', handlePointerEnter);
       triggerRef.current.removeEventListener('pointerdown', handlePointerDown);
     }
     if (el) {
-      // Attach hover listeners
+      // Attach hover listeners. `pointerenter` runs before the synthesized
+      // `mouseenter` a tap produces, which is what lets the hover path know
+      // it is looking at a finger.
+      el.addEventListener('pointerenter', handlePointerEnter);
       el.addEventListener('mouseenter', handleMouseEnter);
       el.addEventListener('mouseleave', handleMouseLeave);
-      // Press-to-dismiss: activating the trigger hides its own tooltip.
+      // Press-to-dismiss on a mouse; tap-to-open on a touch pointer.
       el.addEventListener('pointerdown', handlePointerDown);
 
       // Attach focus listeners based on focusTrigger option
@@ -223,7 +280,7 @@ export function useTooltip(options = {}) {
       }
     }
     triggerRef.current = el;
-  }, [focusTrigger, handleMouseEnter, handleMouseLeave, handleFocusIn, handleFocusOut, handlePointerDown]);
+  }, [focusTrigger, handleMouseEnter, handleMouseLeave, handleFocusIn, handleFocusOut, handlePointerEnter, handlePointerDown]);
 
   // Combined ref - shorthand for calling both positionRef and interactionRef
   const ref = useCallback(el => {
@@ -280,13 +337,14 @@ export function useTooltip(options = {}) {
         return;
       }
       clearTimeouts();
+      clearTapOpen();
       layer.hide();
     };
     document.addEventListener('keydown', handleKeyDown);
     return () => {
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [isOpen, layer, clearTimeouts]);
+  }, [isOpen, layer, clearTimeouts, clearTapOpen]);
 
   // Render function that wraps layer.render with tooltip styling
   const renderTooltip = useCallback((children, props) => {

package/dist/TopNav/TopNavHeading.js

@@ -330,7 +330,7 @@ export function TopNavHeading({
           },
           ...popover.triggerProps,
           ...{
-            className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x1ypdohk xh6dtrn xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1sodnla x1yc453h xe9uy6x"
+            className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x1ypdohk xh6dtrn xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1sodnla x1yc453h xoevpu5"
           },
           children: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronDown",
@@ -397,7 +397,7 @@ export function TopNavHeading({
           },
           ...popover.triggerProps,
           ...{
-            className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x1ypdohk xh6dtrn xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1sodnla x1yc453h xe9uy6x"
+            className: "x2lah0s x78zum5 x6s0dn4 xl56j7k xy8csz5 ximsjs8 xv9yike x1ypdohk xh6dtrn xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1sodnla x1yc453h xoevpu5"
           },
           children: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronDown",

package/dist/TopNav/TopNavItem.js

@@ -47,13 +47,13 @@ const styles = {
     k1ekBW: "xs2xxs2",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kWkggS: "xjbqb8w xe9uy6x xyxi2l3",
+    kWkggS: "xjbqb8w xoevpu5 xyxi2l3",
     $$css: true
   },
   selected: {
     kMwMTN: "x1tgivj0",
     k63SB2: "x2mo6ok",
-    kWkggS: "x17x4s8c x1sua13m xjtnuge",
+    kWkggS: "x17x4s8c xcu6dpe xjtnuge",
     $$css: true
   },
   iconOnly: {

package/dist/TopNav/TopNavMegaMenu.js

@@ -65,7 +65,7 @@ const styles = {
     k1ekBW: "xs2xxs2",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kWkggS: "xjbqb8w xe9uy6x",
+    kWkggS: "xjbqb8w xoevpu5",
     kMv6JI: "xjb2p0i",
     $$css: true
   },

package/dist/TopNav/TopNavMegaMenuItem.js

@@ -43,7 +43,7 @@ const styles = {
     k1ekBW: "x15406qy",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kWkggS: "xjbqb8w xe9uy6x xyxi2l3",
+    kWkggS: "xjbqb8w xoevpu5 xyxi2l3",
     kMwMTN: "x1heor9g",
     kMv6JI: "xjb2p0i",
     k9WMMc: "x1yc453h",

package/dist/TopNav/TopNavMenu.js

@@ -54,7 +54,7 @@ const styles = {
     k1ekBW: "xs2xxs2",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kWkggS: "xjbqb8w xe9uy6x",
+    kWkggS: "xjbqb8w xoevpu5",
     kMv6JI: "xjb2p0i",
     $$css: true
   },
@@ -90,7 +90,7 @@ const styles = {
     k1ekBW: "x15406qy",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kWkggS: "xjbqb8w xe9uy6x",
+    kWkggS: "xjbqb8w xoevpu5",
     $$css: true
   }
 };

package/dist/TreeList/TreeListItem.js

@@ -57,7 +57,7 @@ const styles = {
     k1ekBW: "x12qzo2w",
     kIyJzY: "xuedmi6",
     kAMwcw: "xlr8y92",
-    kKwaWg: "x1ilzqfv xq8i9tn",
+    kKwaWg: "xmvprkv xq8i9tn",
     $$css: true
   },
   disabled: {