@exegia/corpora-ui 3.0.0 → 4.0.0

package/src/components/ui/tooltip.tsx

@@ -1,67 +0,0 @@
-"use client";
-
-import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import type React from "react";
-import { cn } from "@/lib/utils";
-
-export const TooltipCreateHandle: typeof TooltipPrimitive.createHandle =
-  TooltipPrimitive.createHandle;
-
-export const TooltipProvider: typeof TooltipPrimitive.Provider =
-  TooltipPrimitive.Provider;
-
-export const Tooltip: typeof TooltipPrimitive.Root = TooltipPrimitive.Root;
-
-export function TooltipTrigger(
-  props: TooltipPrimitive.Trigger.Props,
-): React.ReactElement {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
-}
-
-export function TooltipPopup({
-  className,
-  align = "center",
-  sideOffset = 4,
-  side = "top",
-  anchor,
-  children,
-  portalProps,
-  ...props
-}: TooltipPrimitive.Popup.Props & {
-  align?: TooltipPrimitive.Positioner.Props["align"];
-  side?: TooltipPrimitive.Positioner.Props["side"];
-  sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"];
-  anchor?: TooltipPrimitive.Positioner.Props["anchor"];
-  portalProps?: TooltipPrimitive.Portal.Props;
-}): React.ReactElement {
-  return (
-    <TooltipPrimitive.Portal {...portalProps}>
-      <TooltipPrimitive.Positioner
-        align={align}
-        anchor={anchor}
-        className="z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom,transform] data-instant:transition-none"
-        data-slot="tooltip-positioner"
-        side={side}
-        sideOffset={sideOffset}
-      >
-        <TooltipPrimitive.Popup
-          className={cn(
-            "relative flex h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) text-balance rounded-md border bg-popover not-dark:bg-clip-padding text-popover-foreground text-xs shadow-md/5 transition-[width,height,scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
-            className,
-          )}
-          data-slot="tooltip-popup"
-          {...props}
-        >
-          <TooltipPrimitive.Viewport
-            className="relative size-full overflow-clip px-(--viewport-inline-padding) py-1 [--viewport-inline-padding:--spacing(2)] data-instant:transition-none **:data-current:data-ending-style:opacity-0 **:data-current:data-starting-style:opacity-0 **:data-previous:data-ending-style:opacity-0 **:data-previous:data-starting-style:opacity-0 **:data-current:w-[calc(var(--popup-width)-2*var(--viewport-inline-padding)-2px)] **:data-previous:w-[calc(var(--popup-width)-2*var(--viewport-inline-padding)-2px)] **:data-previous:truncate **:data-current:opacity-100 **:data-previous:opacity-100 **:data-current:transition-opacity **:data-previous:transition-opacity"
-            data-slot="tooltip-viewport"
-          >
-            {children}
-          </TooltipPrimitive.Viewport>
-        </TooltipPrimitive.Popup>
-      </TooltipPrimitive.Positioner>
-    </TooltipPrimitive.Portal>
-  );
-}
-
-export { TooltipPrimitive, TooltipPopup as TooltipContent };

package/src/index.css

@@ -1,10 +0,0 @@
-@import "./assets/css/theme.css";
-@import "./assets/css/base.css";
-@import "./assets/css/shadows.css";
-@import "./assets/css/chat.css";
-
-@import "@fontsource-variable/inter";
-@import "@fontsource-variable/figtree";
-@import "motion-icons-react/style.css";
-
-@plugin "./specular.js";

package/src/index.ts

@@ -1,102 +0,0 @@
-/**
- * npm library entry point (`@corpora/ui`).
- *
- * Export every published component here — atoms from `components/ui`,
- * compositions from `components/composed`, blocks from `components/blocks`.
- * The docs site (main.tsx + routes.tsx + pages/) is NOT part of the package.
- */
-
-// atoms
-export * from "./components/atoms"
-// ui/avatar: named, not `export *` — the atoms barrel above owns the bare
-// `Avatar` name (the composed identity disc); these are the raw primitives.
-export {
-  AvatarBadge,
-  AvatarFallback,
-  AvatarGroup,
-  AvatarGroupCount,
-  AvatarImage,
-} from "./components/ui/avatar"
-export * from "./components/ui/button"
-export * from "./components/ui/card"
-export * from "./components/ui/checkbox"
-export * from "./components/ui/field"
-export * from "./components/ui/frame"
-export * from "./components/ui/input"
-export * from "./components/ui/input-group"
-export * from "./components/ui/label"
-export * from "./components/ui/menu"
-export * from "./components/ui/menu-command"
-export * from "./components/ui/context-menu"
-export * from "./components/ui/toast"
-export * from "./components/ui/otp-field"
-export * from "./components/ui/separator"
-export * from "./components/ui/skeleton"
-export * from "./components/ui/spinner"
-export * from "./components/ui/textarea"
-
-// icons
-export * from "./components/icons"
-
-// components
-export * from "./components/composed/ai"
-export * from "./components/composed/logo"
-export * from "./components/composed/password-input"
-export * from "./components/composed/social-providers"
-export * from "./components/composed/reader"
-export * from "./components/composed/tree"
-export { default as User } from "./components/composed/user"
-export type { IUserMessageProps, TUserInfoProps, TUserPillProps } from "./components/composed/user/types"
-export * from "./components/composed/verse"
-// The old `components/user-avatar` module was removed (92f029c); the avatar
-// now lives in `components/atoms/avatar` and flows through the atoms barrel.
-
-// blocks
-export * from "./components/blocks/auth/auth-shell"
-export * from "./components/blocks/auth/auth-flow-block"
-export * from "./components/blocks/auth/auth-state"
-export * from "./components/blocks/auth/code-auth-block"
-export * from "./components/blocks/auth/forgot-password-block"
-export * from "./components/blocks/auth/linked-accounts-block"
-export * from "./components/blocks/auth/login-block"
-export * from "./components/blocks/auth/onboarding-block"
-export * from "./components/blocks/auth/passkey-manager-block"
-export * from "./components/blocks/auth/passkey-sign-in-block"
-export * from "./components/blocks/auth/signup-block"
-export * from "./components/blocks/auth/update-password-block"
-export * from "./components/blocks/sidebar"
-export * from "./components/blocks/shell"
-export { default as ShellLayout } from "./components/blocks/shell"
-export * from "./components/blocks/scaffold"
-export { default as Layout } from "./components/blocks/layout"
-export * from "./components/blocks/profile"
-
-// motion primitives
-export * from "./components/motion/shared-layout-bg"
-
-// state
-export * from "./lib/state"
-
-// The v0.17 sidebar monolith became the shell block's AnimatedPanel parts.
-// `blocks/shell` above already exports every part under its new name; these
-// aliases keep the published AnimatedSidebar* names working for consumers.
-// `MobileSidebar` is intentionally absent — AnimatedPanel carries a TODO for
-// the replacement mobile experience.
-export {
-  AnimatedPanel as AnimatedSidebar,
-  AnimatedPanelProvider as AnimatedSidebarProvider,
-  AnimatedPanelTrigger as AnimatedSidebarTrigger,
-  AnimatedPanelInset as AnimatedSidebarInset,
-} from "./components/blocks/shell"
-
-// lib
-export * from "./lib/auth-accent"
-export * from "./lib/ease"
-export * from "./lib/sound"
-export * from "./lib/utils"
-
-// chat (exegia-ui Sketch library)
-export * from "./components/ui/chat"
-export * from "./components/composed/chat"
-export * from "./components/blocks/chat"
-export * from "./lib/keyed-atom"

package/src/lib/attachment-content.ts

@@ -1,28 +0,0 @@
-import { Children, Fragment, isValidElement, type ReactNode } from "react"
-
-/** Shared marker keeps the bubble atom independent of the composed attachment. */
-export const ATTACHMENT_CONTENT = Symbol.for("corpora-ui.attachment")
-
-function contentNodes(children: ReactNode): ReactNode[] {
-  return Children.toArray(children).flatMap((child) =>
-    isValidElement<{ children?: ReactNode }>(child) && child.type === Fragment
-      ? contentNodes(child.props.children)
-      : typeof child === "string" && !child.trim()
-        ? []
-        : [child]
-  )
-}
-
-export function containsOnlyAttachments(children: ReactNode): boolean {
-  const nodes = contentNodes(children)
-  return (
-    nodes.length > 0 &&
-    nodes.every(
-      (child) =>
-        isValidElement(child) &&
-        Boolean(
-          (child.type as { [ATTACHMENT_CONTENT]?: boolean })[ATTACHMENT_CONTENT]
-        )
-    )
-  )
-}

package/src/lib/auth-accent.ts

@@ -1,49 +0,0 @@
-/**
- * Brand accents for the auth blocks.
- *
- * An accent is a set of custom properties set on the AuthCard root plus one
- * class string applied to the card's primary action. Splitting it this way
- * keeps the accent inheritable — anything else inside the card can opt into
- * `var(--auth-accent)` without the shell knowing about it.
- */
-
-/** Brand accents available to the auth blocks. */
-export type TAuthAccent = "corpora" | "exegia";
-
-/**
- * Custom properties an accent contributes, set on the AuthCard root.
- *
- * The gradient lives in `--auth-accent-image` because `background-color` can't
- * hold one; `--auth-accent` sits underneath as the solid that paints wherever
- * the image is `none`. Foregrounds are fixed rather than themed — the accent
- * itself is a constant, so its contrast pair has to be too (white on the
- * corpora yellow fails badly).
- */
-export const authAccentVars: Record<TAuthAccent, Record<string, string>> = {
-  corpora: {
-    "--auth-accent": "#E8B124",
-    "--auth-accent-image": "none",
-    "--auth-accent-foreground": "oklch(0.145 0 0)",
-  },
-  exegia: {
-    "--auth-accent": "#3B0080",
-    "--auth-accent-image":
-      "linear-gradient(44deg in oklab, rgba(29,0,202,0.66) 3%, #3B0080 37%, rgba(36,0,72,0.86) 98%)",
-    "--auth-accent-foreground": "oklch(0.985 0 0)",
-  },
-};
-
-/**
- * Applied to the primary action inside an accented AuthCard, after the button
- * cva output so tailwind-merge lets it win over `bg-primary`. The hover and
- * pressed background entries are required: `hover:bg-primary/90` lives in a
- * different modifier group from `bg-*` and would otherwise survive and repaint
- * the button on hover.
- *
- * Hover uses `brightness` rather than a background tween because the button's
- * `transition-property` list is shared with its press/size animations — adding
- * `filter` to it means restating the whole list and its per-property
- * durations. The trade is an instant hover change instead of a 150ms one.
- */
-export const authAccentActionStyles =
-  "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]";

package/src/lib/ease.ts

@@ -1,90 +0,0 @@
-import type { Transition, Variants } from "motion/react"
-
-export const EASE_OUT = [0.16, 1, 0.3, 1] as const;
-export const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const;
-export const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;
-
-/** CSS string form of EASE_OUT for inline style transitions. */
-export const EASE_OUT_CSS = "cubic-bezier(0.16, 1, 0.3, 1)";
-export const EASE_IN_OUT_MOTION = { type: "spring", stiffness: 300, damping: 30, mass: 0.6 } as const;
-
-/** Press feedback on buttons and other tappable surfaces. */
-export const SPRING_PRESS = {
-  type: "spring",
-  stiffness: 500,
-  damping: 30,
-  mass: 0.6,
-} as const;
-
-/** Content swaps — label/icon slots trading places inside a control. */
-export const SPRING_SWAP = {
-  type: "spring",
-  stiffness: 460,
-  damping: 30,
-  mass: 0.55,
-} as const;
-
-/** Overlay panel entrances — modals and sheets summoned by pointer. */
-export const SPRING_PANEL = {
-  type: "spring",
-  stiffness: 420,
-  damping: 40,
-  mass: 0.5,
-} as const;
-
-/** Shared-layout glides — pills, indicators and panels morphing between positions. */
-export const SPRING_LAYOUT = {
-  type: "spring",
-  stiffness: 360,
-  damping: 32,
-  mass: 0.6,
-} as const;
-
-/** Cursor-follow physics for decorative mouse tracking (magnetic, tilt, dock). */
-export const SPRING_MOUSE = {
-  stiffness: 200,
-  damping: 15,
-  mass: 0.3,
-} as const;
-
-/** Dragged handles and fills (sliders) — critically damped `useSpring` config,
- * so the value follows the pointer butterily and never rebounds off an end. */
-export const SPRING_GLIDE = {
-  stiffness: 700,
-  damping: 50,
-  mass: 0.5,
-} as const;
-
-
-// This needs a softer layout spring than the app defaults, so the overflow group
-// stays visually attached to the toggle while entering and leaving.
-export const SHELL_TRANSITION: Transition = {
-  type: "spring",
-  stiffness: 220,
-  damping: 17,
-  mass: 0.85,
-};
-
-export const BOUNCE_IN_OUT: Transition = {
-  type: "spring",
-  stiffness: 300,
-  damping: 20,
-  mass: 0.50,
-} as const;
-
-export const ICON_VARIANTS: Variants = {
-  hidden: { opacity: 0, filter: "blur(3px)" },
-  visible: {
-    opacity: 1,
-    filter: "blur(0px)",
-    transition: { duration: 0.18, ease: EASE_OUT },
-  },
-  exit: {
-    opacity: 0,
-    filter: "blur(3px)",
-    transition: { duration: 0.18, ease: EASE_OUT },
-  },
-};
-
-/** Strong ease-out for pop-ins, row entrances and panel expands. Matches `--ease-out-strong`. */
-export const EASE_OUT_STRONG = [0.23, 1, 0.32, 1] as const;

package/src/lib/glass-variants.ts

@@ -1,22 +0,0 @@
-import type { GlassOptics } from "@samasante/liquid-glass"
-
-export type TFrostGlassVariant = "clear" | "frosted" | "subtle" | "liquid" | "liquid-refract"
-export type TFrostGlassVariantProp = { glassVariant?: TFrostGlassVariant }
-export const liquidRefractStyles = "bg-transparent border-0 shadow-none"
-
-/** Tints only; refraction, frost, and edge lighting belong to the library. */
-export const glassVariantStyles: Record<TFrostGlassVariant, string> = {
-  clear: "bg-white/25 dark:bg-black/25",
-  frosted: "bg-white/55 dark:bg-black/35",
-  subtle: "bg-white/30 dark:bg-white/6",
-  liquid: "bg-white/10 dark:bg-white/4",
-  "liquid-refract": "bg-white/8 dark:bg-white/4",
-}
-
-export const glassVariantOptics: Record<TFrostGlassVariant, Partial<GlassOptics>> = {
-  clear: { frost: 2, saturate: 1.9, strength: 0.08 },
-  frosted: { frost: 16, saturate: 1.6, strength: 0.08 },
-  subtle: { frost: 4, saturate: 1.5, strength: 0.04 },
-  liquid: { frost: 4, saturate: 1.8, strength: 0.14 },
-  "liquid-refract": { frost: 2, saturate: 1.5, strength: 0.14 },
-}

package/src/lib/hooks/use-hover-capable.ts

@@ -1,23 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-
-/**
- * Returns true only on devices that have a true hover (mouse / trackpad).
- * Touch devices fire phantom `:hover` on tap that sticks until tap-elsewhere
- * — gate hover-only effects (scale lifts, magnetic pulls) behind this.
- */
-export function useHoverCapable() {
-  const [canHover, setCanHover] = useState(false);
-
-  useEffect(() => {
-    if (typeof window === "undefined" || !window.matchMedia) return;
-    const mq = window.matchMedia("(hover: hover) and (pointer: fine)");
-    const update = () => setCanHover(mq.matches);
-    update();
-    mq.addEventListener?.("change", update);
-    return () => mq.removeEventListener?.("change", update);
-  }, []);
-
-  return canHover;
-}

package/src/lib/hooks/use-mobile.ts

@@ -1,21 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-function subscribe(onStoreChange: () => void) {
-  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-  mql.addEventListener("change", onStoreChange)
-  return () => mql.removeEventListener("change", onStoreChange)
-}
-
-function getSnapshot() {
-  return window.innerWidth < MOBILE_BREAKPOINT
-}
-
-function getServerSnapshot() {
-  return false
-}
-
-export function useIsMobile() {
-  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
-}

package/src/lib/keyed-atom.ts

@@ -1,60 +0,0 @@
-/**
- * String-keyed Jotai atom families for the chat components.
- *
- * `jotai/utils`' `atomFamily` is deprecated for Jotai v3, so the library keeps
- * a tiny in-house family: one cache per family, a `remove(id)` that lets the
- * store drop an instance, and a per-feature registry so `removeInstance(id)`
- * clears every family of that feature at once. `tree`, `scaffold` and the AI
- * sidebar carry their own copies of this shape; new chat state uses this one.
- */
-import { atom } from "jotai"
-import type { Getter, Setter } from "jotai"
-
-export type TFamily<AtomType> = ((id: string) => AtomType) & { remove: (id: string) => void }
-
-export function createKeyedFamilies(feature: string) {
-  const families: { remove: (id: string) => void }[] = []
-
-  function keyed<AtomType>(create: (id: string) => AtomType): TFamily<AtomType> {
-    const cache = new Map<string, AtomType>()
-    const family = ((id: string) => {
-      let instance = cache.get(id)
-      if (instance === undefined) {
-        instance = create(id)
-        cache.set(id, instance)
-      }
-      return instance
-    }) as TFamily<AtomType>
-    family.remove = (id) => {
-      cache.delete(id)
-    }
-    families.push(family)
-    return family
-  }
-
-  function stateFamily<Value>(name: string, initialValue: Value) {
-    return keyed((id) => {
-      const instance = atom(initialValue)
-      instance.debugLabel = `${feature}/${id}/${name}`
-      return instance
-    })
-  }
-
-  function actionFamily<Args extends unknown[]>(
-    name: string,
-    write: (get: Getter, set: Setter, id: string, ...args: Args) => void
-  ) {
-    return keyed((id) => {
-      const instance = atom(null, (get, set, ...args: Args) => write(get, set, id, ...args))
-      instance.debugLabel = `${feature}/${id}/${name}`
-      return instance
-    })
-  }
-
-  /** Drop every atom of one instance so the store can release its state. */
-  function removeInstance(id: string): void {
-    for (const family of families) family.remove(id)
-  }
-
-  return { keyed, stateFamily, actionFamily, removeInstance }
-}

package/src/lib/segmented-control.ts

@@ -1,42 +0,0 @@
-import { cva } from "class-variance-authority";
-
-export type TSegmentedControlSize = "default" | "lg" | "sm" | "xs";
-
-export const segmentedControlItemSizeClassNames: Record<
-  TSegmentedControlSize,
-  string
-> = {
-  default: "h-8.5 px-[calc(--spacing(2.5)-1px)] sm:h-7.5",
-  lg: "h-9.5 px-[calc(--spacing(3)-1px)] sm:h-8.5",
-  sm: "h-7.5 px-[calc(--spacing(2)-1px)] sm:h-6.5",
-  xs: "h-6.5 px-[calc(--spacing(1.5)-1px)] sm:h-5.5",
-};
-
-export const segmentedControlRootClassName =
-  "relative z-0 flex w-fit items-center justify-center gap-0.5 rounded-lg bg-muted p-0.5";
-
-export const segmentedControlItemLayoutClassName =
-  "gap-1.5 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0";
-
-export const segmentedControlItemVariants = cva(
-  [
-    "relative inline-flex shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-transparent font-medium text-base text-muted-foreground/72 outline-2 outline-transparent transition-[outline-color] hover:bg-transparent hover:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-64 data-disabled:pointer-events-none data-disabled:opacity-64 sm:text-sm",
-    segmentedControlItemLayoutClassName,
-  ],
-  {
-    defaultVariants: {
-      size: "default",
-    },
-    variants: {
-      size: segmentedControlItemSizeClassNames,
-      state: {
-        checked:
-          "data-checked:bg-background data-checked:text-foreground data-checked:shadow-sm/5 dark:data-checked:bg-input",
-        current:
-          "aria-[current=page]:bg-background aria-[current=page]:text-foreground aria-[current=page]:shadow-sm/5 dark:aria-[current=page]:bg-input",
-        pressed:
-          "data-pressed:bg-background data-pressed:text-foreground data-pressed:shadow-sm/5 dark:data-pressed:bg-input",
-      },
-    },
-  },
-);

package/src/lib/sound.ts

@@ -1,39 +0,0 @@
-/**
- * Interaction sound for the library, powered by cuelume (Web Audio synthesis,
- * zero runtime deps, SSR-safe).
- *
- * Components only emit inert `data-cuelume-*` attributes — nothing plays
- * until the consuming app opts in once:
- *
- *   import { bindSounds } from "@corpora/ui"
- *   bindSounds()
- *
- * The app owns preferences via setSoundEnabled / setSoundVolume.
- */
-import { bind, play } from "cuelume";
-import type { SoundName } from "cuelume";
-
-let bound = false;
-
-/** Opt into interaction sound. Delegated and idempotent (see cuelume bind). */
-export function bindSounds(root?: ParentNode): void {
-  bound = true;
-  bind(root);
-}
-
-/**
- * Imperative cue used by library components for keyboard-driven interactions
- * the data attributes can't cover (OTP typing, visibility toggles, …).
- * No-op until the app has opted in via bindSounds().
- */
-export function playCue(name: SoundName, options?: { volume?: number }): void {
-  if (bound) play(name, options);
-}
-
-export {
-  play as playSound,
-  setEnabled as setSoundEnabled,
-  setVolume as setSoundVolume,
-  sounds,
-} from "cuelume";
-export type { SoundName };

package/src/lib/specular.ts

@@ -1,10 +0,0 @@
-import { defineSurfaces } from "@exegia/specular"
-
-export const surfaces = defineSurfaces({
-  bezel: {
-    layers: {
-      lit: { color: "#fff" },
-      dim: { color: "#000" },
-    },
-  },
-})

package/src/lib/state/__tests__/sound.test.tsx

@@ -1,53 +0,0 @@
-import { expect, mock, test } from "bun:test"
-import { fireEvent, render, screen } from "@testing-library/react"
-
-import { Button } from "@/components/ui/button"
-import { playCue } from "@/lib/sound"
-import { ExegiaProvider } from "../exegia-provider"
-
-test("sound opt-in connects delegated and imperative cues to Web Audio", () => {
-  const original = Object.getOwnPropertyDescriptor(window, "AudioContext")
-  const requestedAudio = mock(() => {})
-  // Stop at the browser audio boundary: no real speakers are needed by tests.
-  class UnavailableAudioContext {
-    constructor() {
-      requestedAudio()
-      throw new Error("Audio device unavailable in test")
-    }
-  }
-  Object.defineProperty(window, "AudioContext", {
-    configurable: true,
-    value: UnavailableAudioContext,
-  })
-
-  try {
-    const view = render(
-      <ExegiaProvider>
-        <Button>Audible</Button>
-      </ExegiaProvider>
-    )
-    fireEvent.pointerDown(screen.getByRole("button", { name: "Audible" }))
-    playCue("tick")
-    expect(requestedAudio).not.toHaveBeenCalled()
-
-    view.rerender(
-      <ExegiaProvider sound>
-        <Button>Audible</Button>
-        <Button sound={false}>Silent</Button>
-      </ExegiaProvider>
-    )
-    fireEvent.pointerDown(screen.getByRole("button", { name: "Audible" }))
-    expect(requestedAudio).toHaveBeenCalledTimes(1)
-    fireEvent.pointerUp(screen.getByRole("button", { name: "Audible" }))
-    expect(requestedAudio).toHaveBeenCalledTimes(2)
-    playCue("tick")
-    expect(requestedAudio).toHaveBeenCalledTimes(3)
-
-    fireEvent.pointerDown(screen.getByRole("button", { name: "Silent" }))
-    fireEvent.pointerUp(screen.getByRole("button", { name: "Silent" }))
-    expect(requestedAudio).toHaveBeenCalledTimes(3)
-  } finally {
-    if (original) Object.defineProperty(window, "AudioContext", original)
-    else Reflect.deleteProperty(window, "AudioContext")
-  }
-})