@astryxdesign/core 0.1.4-canary.fd7ab46 → 0.1.4

package/src/utils/timeParser.ts

@@ -361,16 +361,13 @@ export function adjustTime(
     return time;
   }
 
-  // A non-finite delta would spin the wrap-around forever (-Infinity) or
-  // produce "NaN:NaN" (NaN) — return the input unchanged instead.
-  if (!Number.isFinite(deltaMinutes)) {
-    return time;
-  }
-
   let totalMinutes = parsed.hour * 60 + parsed.minute + deltaMinutes;
 
-  // Wrap around midnight (double-modulo handles negatives in O(1))
-  totalMinutes = ((totalMinutes % (24 * 60)) + 24 * 60) % (24 * 60);
+  // Wrap around midnight
+  while (totalMinutes < 0) {
+    totalMinutes += 24 * 60;
+  }
+  totalMinutes = totalMinutes % (24 * 60);
 
   const newHour = Math.floor(totalMinutes / 60);
   const newMinute = totalMinutes % 60;

package/dist/hooks/useHotkeys.d.ts

@@ -1,51 +0,0 @@
-/**
- * A single keyboard shortcut registration.
- */
-export interface Hotkey {
-    /**
-     * Key combo, e.g. 'mod+k', 'shift+/', 'c', 'escape'.
-     * 'mod' = ⌘ on macOS, Ctrl elsewhere.
-     *
-     * Format: '+'-separated modifiers (mod, ctrl, meta, shift, alt) followed
-     * by a final key compared case-insensitively against event.key.
-     * Named keys: 'escape', 'enter', 'space', 'up', 'down', 'left', 'right'
-     * (arrow names map to ArrowUp/ArrowDown/ArrowLeft/ArrowRight).
-     * Use 'plus' for a literal '+' key.
-     *
-     * Shift semantics: when 'shift' is not specified, shift state is ignored,
-     * so single letters match regardless of shift. When 'shift' is specified,
-     * shiftKey must be pressed and the final key is still compared against
-     * event.key — for punctuation that shift transforms (e.g. shift+/ produces
-     * '?' on US layouts), prefer registering the produced character instead.
-     */
-    keys: string;
-    /** Called when the combo matches. The event has preventDefault() applied. */
-    onPress: (event: KeyboardEvent) => void;
-    /**
-     * Fire even when focus is in an input/textarea/select/contenteditable.
-     * @default false
-     */
-    allowInInputs?: boolean;
-    /** Temporarily disable this hotkey without unregistering it. */
-    isDisabled?: boolean;
-}
-/**
- * Registers global keyboard shortcuts on window.
- *
- * A single keydown listener is attached per hook instance; the hotkey
- * definitions live in a ref, so re-renders update behavior without
- * re-subscribing. First matching hotkey wins per event.
- *
- * @param hotkeys - Shortcut registrations to listen for.
- *
- * @example
- * ```
- * useHotkeys([
- *   { keys: 'mod+k', onPress: () => openCommandPalette() },
- *   { keys: 'escape', onPress: () => closePanel(), allowInInputs: true },
- *   { keys: 'c', onPress: () => compose(), isDisabled: isModalOpen },
- * ]);
- * ```
- */
-export declare function useHotkeys(hotkeys: Hotkey[]): void;
-//# sourceMappingURL=useHotkeys.d.ts.map

package/dist/hooks/useHotkeys.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHotkeys.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkeys.ts"],"names":[],"mappings":"AA6BA;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,OAAO,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA2FD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAkClD"}

package/dist/hooks/useHotkeys.js

@@ -1,160 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file useHotkeys.ts
- * @input Uses React useEffect, useRef
- * @output Exports useHotkeys hook and Hotkey interface for global keyboard shortcuts
- * @position Core hook; used by consumers for app-level keyboard shortcuts
- *
- * Registers a single window keydown listener per hook instance. Handlers
- * are kept in a ref so re-renders never re-subscribe (subscribe once on
- * mount, unsubscribe on unmount). SSR-safe — window is only touched
- * inside the effect.
- *
- * Skips events that are already handled (defaultPrevented) and events
- * targeting typing surfaces (input, textarea, select, contenteditable)
- * unless a hotkey opts in via `allowInInputs`.
- *
- * Platform-aware: `mod` maps to metaKey (⌘) on Apple platforms and
- * ctrlKey elsewhere — mirrors the detection used by Kbd.
- *
- * SYNC: When modified, update:
- * - /packages/core/src/hooks/index.ts
- * - /packages/core/src/hooks/useHotkeys.doc.mjs
- */
-import { useEffect, useRef } from 'react';
-
-/**
- * A single keyboard shortcut registration.
- */
-
-/** Aliases for the final key of a combo, normalized to event.key values. */
-const KEY_ALIASES = {
-  esc: 'escape',
-  space: ' ',
-  up: 'arrowup',
-  down: 'arrowdown',
-  left: 'arrowleft',
-  right: 'arrowright',
-  return: 'enter',
-  plus: '+'
-};
-
-/**
- * Detects whether the current platform is macOS/iOS.
- * Prefers the User-Agent Client Hints API when available (modern Chrome/Edge),
- * falls back to navigator.platform (deprecated but universally supported).
- * Mirrors the detection used by Kbd so displayed and handled shortcuts agree.
- */
-function isApplePlatform() {
-  if (typeof navigator === 'undefined') {
-    return false;
-  }
-  const uaData = 'userAgentData' in navigator ? navigator.userAgentData : null;
-  if (uaData && typeof uaData === 'object' && 'platform' in uaData) {
-    return /mac/i.test(uaData.platform ?? '');
-  }
-  return /Mac|iPhone|iPad|iPod/.test(navigator.platform ?? '');
-}
-
-/**
- * Whether the event target is a typing surface where global shortcuts
- * should stay silent by default.
- */
-function isTypingTarget(target) {
-  if (!(target instanceof HTMLElement)) {
-    return false;
-  }
-  if (target.isContentEditable) {
-    return true;
-  }
-  const tag = target.tagName;
-  return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT';
-}
-
-/**
- * Whether a keydown event matches a '+'-separated combo string.
- */
-function matchesCombo(keys, event, isApple) {
-  const parts = keys.toLowerCase().split('+').map(part => part.trim()).filter(Boolean);
-  if (parts.length === 0) {
-    return false;
-  }
-  const key = parts[parts.length - 1];
-  const mods = new Set(parts.slice(0, -1));
-  const wantsMod = mods.has('mod');
-  const wantsCtrl = mods.has('ctrl') || wantsMod && !isApple;
-  const wantsMeta = mods.has('meta') || wantsMod && isApple;
-  const wantsAlt = mods.has('alt');
-  const wantsShift = mods.has('shift');
-
-  // Non-shift modifiers must match exactly so 'k' doesn't fire on 'mod+k'.
-  if (event.ctrlKey !== wantsCtrl) {
-    return false;
-  }
-  if (event.metaKey !== wantsMeta) {
-    return false;
-  }
-  if (event.altKey !== wantsAlt) {
-    return false;
-  }
-  // Shift is only enforced when specified — see Hotkey.keys docs.
-  if (wantsShift && !event.shiftKey) {
-    return false;
-  }
-  const expected = KEY_ALIASES[key] ?? key;
-  return event.key.toLowerCase() === expected;
-}
-
-/**
- * Registers global keyboard shortcuts on window.
- *
- * A single keydown listener is attached per hook instance; the hotkey
- * definitions live in a ref, so re-renders update behavior without
- * re-subscribing. First matching hotkey wins per event.
- *
- * @param hotkeys - Shortcut registrations to listen for.
- *
- * @example
- * ```
- * useHotkeys([
- *   { keys: 'mod+k', onPress: () => openCommandPalette() },
- *   { keys: 'escape', onPress: () => closePanel(), allowInInputs: true },
- *   { keys: 'c', onPress: () => compose(), isDisabled: isModalOpen },
- * ]);
- * ```
- */
-export function useHotkeys(hotkeys) {
-  const hotkeysRef = useRef(hotkeys);
-
-  // Keep the latest definitions available to the stable listener.
-  useEffect(() => {
-    hotkeysRef.current = hotkeys;
-  });
-  useEffect(() => {
-    const isApple = isApplePlatform();
-    const handleKeyDown = event => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      const isTyping = isTypingTarget(event.target);
-      for (const hotkey of hotkeysRef.current) {
-        if (hotkey.isDisabled) {
-          continue;
-        }
-        if (isTyping && !hotkey.allowInInputs) {
-          continue;
-        }
-        if (matchesCombo(hotkey.keys, event, isApple)) {
-          event.preventDefault();
-          hotkey.onPress(event);
-          return;
-        }
-      }
-    };
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
-  }, []);
-}

package/dist/utils/color.d.ts

@@ -1,42 +0,0 @@
-/**
- * @file color.ts
- * @input CSS color strings (hex, rgb()/rgba(), a small set of named colors)
- * @output Shared color parsing/formatting primitives used across the design system
- * @position Package utility; backs theme token resolution, HCT color math, and chart rendering
- *
- * A single home for the color parsers that were previously duplicated across
- * the theme layer, charts, and lab. Consumers get one well-tested definition of
- * "parse this color" rather than several subtly different regexes.
- */
-/** A color decomposed into 0-255 RGB channels and a 0-1 alpha. */
-export interface RGBA {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}
-/**
- * Parse a hex color into {@link RGBA}. Accepts `#rgb`, `#rgba`, `#rrggbb`, and
- * `#rrggbbaa`, with or without the leading `#`. Returns null for anything else.
- */
-export declare function parseHex(hex: string): RGBA | null;
-/**
- * Parse an `rgb()`/`rgba()` color into {@link RGBA}. Accepts comma- or
- * space-separated channels, an optional `/ alpha`, and percentage channels.
- */
-export declare function parseRgb(value: string): RGBA | null;
-/**
- * Parse a concrete CSS color string into {@link RGBA}. Supports hex,
- * `rgb()`/`rgba()`, and the named colors used in token expressions. Returns
- * null for anything it can't evaluate (e.g. `var()`, `oklch()`, unknown names)
- * so callers can preserve the original expression rather than guessing.
- */
-export declare function parseColor(value: string): RGBA | null;
-/** Format RGB channels (0-255) as an uppercase `#RRGGBB` string. */
-export declare function formatHex(r: number, g: number, b: number): string;
-/**
- * Serialize {@link RGBA} to a compact, JS-usable CSS color: `#RRGGBB` when
- * fully opaque, otherwise `rgba(r, g, b, a)`.
- */
-export declare function formatColor({ r, g, b, a }: RGBA): string;
-//# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,kEAAkE;AAClE,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAoBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAqBjD;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAqCnD;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAarD;AAED,oEAAoE;AACpE,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAIjE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,EAAE,IAAI,GAAG,MAAM,CAMtD"}

package/dist/utils/color.js

@@ -1,150 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file color.ts
- * @input CSS color strings (hex, rgb()/rgba(), a small set of named colors)
- * @output Shared color parsing/formatting primitives used across the design system
- * @position Package utility; backs theme token resolution, HCT color math, and chart rendering
- *
- * A single home for the color parsers that were previously duplicated across
- * the theme layer, charts, and lab. Consumers get one well-tested definition of
- * "parse this color" rather than several subtly different regexes.
- */
-
-/** A color decomposed into 0-255 RGB channels and a 0-1 alpha. */
-
-/** The named colors the design system relies on in token expressions. */
-const NAMED_COLORS = {
-  transparent: {
-    r: 0,
-    g: 0,
-    b: 0,
-    a: 0
-  },
-  black: {
-    r: 0,
-    g: 0,
-    b: 0,
-    a: 1
-  },
-  white: {
-    r: 255,
-    g: 255,
-    b: 255,
-    a: 1
-  }
-};
-const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
-
-/** Expand a shorthand hex body (`rgb`/`rgba`) to its full form (`rrggbb`/`rrggbbaa`). */
-function expandShorthand(body) {
-  return body.split('').map(c => c + c).join('');
-}
-
-/**
- * Parse a hex color into {@link RGBA}. Accepts `#rgb`, `#rgba`, `#rrggbb`, and
- * `#rrggbbaa`, with or without the leading `#`. Returns null for anything else.
- */
-export function parseHex(hex) {
-  if (typeof hex !== 'string') {
-    return null;
-  }
-  const body = hex.trim().replace(/^#/, '');
-  const normalized = body.length === 3 || body.length === 4 ? expandShorthand(body) : body;
-  if (normalized.length !== 6 && normalized.length !== 8 || !/^[0-9a-fA-F]+$/.test(normalized)) {
-    return null;
-  }
-  return {
-    r: parseInt(normalized.slice(0, 2), 16),
-    g: parseInt(normalized.slice(2, 4), 16),
-    b: parseInt(normalized.slice(4, 6), 16),
-    a: normalized.length === 8 ? parseInt(normalized.slice(6, 8), 16) / 255 : 1
-  };
-}
-
-/**
- * Parse an `rgb()`/`rgba()` color into {@link RGBA}. Accepts comma- or
- * space-separated channels, an optional `/ alpha`, and percentage channels.
- */
-export function parseRgb(value) {
-  const open = value.indexOf('(');
-  if (open === -1 || !value.trim().endsWith(')')) {
-    return null;
-  }
-  const body = value.slice(open + 1, value.lastIndexOf(')')).replace(/\//g, ' ');
-  const parts = body.split(/[\s,]+/).map(p => p.trim()).filter(Boolean);
-  if (parts.length < 3) {
-    return null;
-  }
-  const channel = p => {
-    const n = p.endsWith('%') ? parseFloat(p) / 100 * 255 : parseFloat(p);
-    return clamp(n, 0, 255);
-  };
-  const r = channel(parts[0]);
-  const g = channel(parts[1]);
-  const b = channel(parts[2]);
-  if ([r, g, b].some(Number.isNaN)) {
-    return null;
-  }
-  let a = 1;
-  if (parts.length >= 4) {
-    const raw = parts[3];
-    a = raw.endsWith('%') ? parseFloat(raw) / 100 : parseFloat(raw);
-    if (Number.isNaN(a)) {
-      return null;
-    }
-    a = clamp(a, 0, 1);
-  }
-  return {
-    r,
-    g,
-    b,
-    a
-  };
-}
-
-/**
- * Parse a concrete CSS color string into {@link RGBA}. Supports hex,
- * `rgb()`/`rgba()`, and the named colors used in token expressions. Returns
- * null for anything it can't evaluate (e.g. `var()`, `oklch()`, unknown names)
- * so callers can preserve the original expression rather than guessing.
- */
-export function parseColor(value) {
-  const trimmed = value.trim();
-  const named = NAMED_COLORS[trimmed.toLowerCase()];
-  if (named) {
-    return {
-      ...named
-    };
-  }
-  if (trimmed.startsWith('#')) {
-    return parseHex(trimmed);
-  }
-  if (/^rgba?\(/i.test(trimmed)) {
-    return parseRgb(trimmed);
-  }
-  return null;
-}
-
-/** Format RGB channels (0-255) as an uppercase `#RRGGBB` string. */
-export function formatHex(r, g, b) {
-  const channel = c => clamp(Math.round(c), 0, 255).toString(16).padStart(2, '0').toUpperCase();
-  return `#${channel(r)}${channel(g)}${channel(b)}`;
-}
-
-/**
- * Serialize {@link RGBA} to a compact, JS-usable CSS color: `#RRGGBB` when
- * fully opaque, otherwise `rgba(r, g, b, a)`.
- */
-export function formatColor({
-  r,
-  g,
-  b,
-  a
-}) {
-  if (a >= 1) {
-    return formatHex(r, g, b);
-  }
-  const round = n => clamp(Math.round(n), 0, 255);
-  return `rgba(${round(r)}, ${round(g)}, ${round(b)}, ${parseFloat(a.toFixed(4))})`;
-}

package/dist/utils/composeEventHandlers.d.ts

@@ -1,30 +0,0 @@
-/**
- * @file composeEventHandlers.ts
- * @input Multiple React event handlers (or undefined)
- * @output A single handler that calls each in order, stopping if one prevents default
- * @position Utility; used by components that own an interaction (a click that
- *   selects, a keydown that drives arrow navigation) but also accept a consumer
- *   handler for the same event through {...rest}. Composes them instead of
- *   letting one clobber the other.
- *
- * Order is call order: the first argument runs first. Put the consumer handler
- * first so it can opt out of the component's built-in behavior via
- * `event.preventDefault()`; put the component's handler first when its behavior
- * must always run regardless of the consumer.
- */
-import type { SyntheticEvent } from 'react';
-/**
- * Compose event handlers into one. Each handler runs in argument order; if any
- * calls `event.preventDefault()`, the remaining handlers are skipped.
- *
- * @example
- * ```tsx
- * // Consumer first: a consumer onClick can preventDefault to block selection.
- * <button onClick={composeEventHandlers(onClickProp, handleSelect)} />
- *
- * // Component first: built-in keyboard nav always runs.
- * <div onKeyDown={composeEventHandlers(handleArrowKeys, onKeyDownProp)} />
- * ```
- */
-export declare function composeEventHandlers<E extends SyntheticEvent>(...handlers: (((event: E) => void) | undefined)[]): (event: E) => void;
-//# sourceMappingURL=composeEventHandlers.d.ts.map

package/dist/utils/composeEventHandlers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../../src/utils/composeEventHandlers.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAC3D,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC,EAAE,GAChD,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CASpB"}

package/dist/utils/composeEventHandlers.js

@@ -1,40 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file composeEventHandlers.ts
- * @input Multiple React event handlers (or undefined)
- * @output A single handler that calls each in order, stopping if one prevents default
- * @position Utility; used by components that own an interaction (a click that
- *   selects, a keydown that drives arrow navigation) but also accept a consumer
- *   handler for the same event through {...rest}. Composes them instead of
- *   letting one clobber the other.
- *
- * Order is call order: the first argument runs first. Put the consumer handler
- * first so it can opt out of the component's built-in behavior via
- * `event.preventDefault()`; put the component's handler first when its behavior
- * must always run regardless of the consumer.
- */
-
-/**
- * Compose event handlers into one. Each handler runs in argument order; if any
- * calls `event.preventDefault()`, the remaining handlers are skipped.
- *
- * @example
- * ```tsx
- * // Consumer first: a consumer onClick can preventDefault to block selection.
- * <button onClick={composeEventHandlers(onClickProp, handleSelect)} />
- *
- * // Component first: built-in keyboard nav always runs.
- * <div onKeyDown={composeEventHandlers(handleArrowKeys, onKeyDownProp)} />
- * ```
- */
-export function composeEventHandlers(...handlers) {
-  return event => {
-    for (const handler of handlers) {
-      handler?.(event);
-      if (event.defaultPrevented) {
-        return;
-      }
-    }
-  };
-}

package/src/Chat/ChatDictationButton.test.tsx

@@ -1,43 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, it, expect} from 'vitest';
-import {render, screen} from '@testing-library/react';
-import {ChatDictationButton} from './ChatDictationButton';
-import type {UseSpeechRecognitionReturn} from './useSpeechRecognition';
-
-const dictation: UseSpeechRecognitionReturn = {
-  isSupported: true,
-  isListening: false,
-  isSpeaking: false,
-  volume: 0,
-  bands: [0, 0, 0, 0, 0],
-  rawBands: [0, 0, 0, 0, 0],
-  interimTranscript: '',
-  start: () => {},
-  stop: () => {},
-  abort: () => {},
-  toggle: () => {},
-};
-
-describe('ChatDictationButton', () => {
-  it('renders a dictation button', () => {
-    render(
-      <ChatDictationButton dictation={dictation} data-testid="dictation" />,
-    );
-    expect(screen.getByTestId('dictation')).toBeTruthy();
-  });
-
-  it('forwards rest props (data-*, aria-*, id) to the root element', () => {
-    render(
-      <ChatDictationButton
-        dictation={dictation}
-        data-testid="dictation"
-        data-custom="x"
-        id="dictate-1"
-      />,
-    );
-    const root = screen.getByTestId('dictation');
-    expect(root).toHaveAttribute('data-custom', 'x');
-    expect(root).toHaveAttribute('id', 'dictate-1');
-  });
-});

package/src/Chat/ChatLayoutScrollButton.test.tsx

@@ -1,33 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, it, expect} from 'vitest';
-import {render, screen} from '@testing-library/react';
-import {ChatLayoutScrollButton} from './ChatLayoutScrollButton';
-
-describe('ChatLayoutScrollButton', () => {
-  it('renders a scroll button', () => {
-    render(
-      <ChatLayoutScrollButton
-        isVisible
-        onClick={() => {}}
-        data-testid="scroll"
-      />,
-    );
-    expect(screen.getByTestId('scroll')).toBeTruthy();
-  });
-
-  it('forwards rest props (data-*, aria-*, id) to the root element', () => {
-    render(
-      <ChatLayoutScrollButton
-        isVisible
-        onClick={() => {}}
-        data-testid="scroll"
-        data-custom="x"
-        id="scroll-1"
-      />,
-    );
-    const root = screen.getByTestId('scroll');
-    expect(root).toHaveAttribute('data-custom', 'x');
-    expect(root).toHaveAttribute('id', 'scroll-1');
-  });
-});

package/src/Chat/ChatMessageMetadata.test.tsx

@@ -1,32 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, it, expect} from 'vitest';
-import {render, screen} from '@testing-library/react';
-import {ChatMessageMetadata} from './ChatMessageMetadata';
-
-describe('ChatMessageMetadata', () => {
-  it('renders metadata content', () => {
-    render(
-      <ChatMessageMetadata
-        timestamp="12:00"
-        status="read"
-        data-testid="meta"
-      />,
-    );
-    expect(screen.getByTestId('meta')).toBeTruthy();
-  });
-
-  it('forwards rest props (data-*, aria-*, id) to the root element', () => {
-    render(
-      <ChatMessageMetadata
-        timestamp="12:00"
-        data-testid="meta"
-        data-custom="x"
-        id="meta-1"
-      />,
-    );
-    const root = screen.getByTestId('meta');
-    expect(root).toHaveAttribute('data-custom', 'x');
-    expect(root).toHaveAttribute('id', 'meta-1');
-  });
-});