@mortenbrudvik/waveui 0.4.0 → 0.8.0

package/dist/components/feedback/Toaster.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.mjs","names":["useId","useId$1","React","promoteQueued","active","waiting","toast","toasts","limit","markDismissed","index","id","next","markAllDismissed","findNewestToast","newest","isInToastRegion","viewport","node","getOpenLayers","anchor","layer","isInsideLayerTree","hasAction","dismissButton","getTabbableElements","container","el","resolveLimit","INERT_CONTROLLER","isToastOptions","first","second","MISSING_TOASTER_MESSAGE","useToastController","ToasterContext","reportMissingContext","DEFAULT_TIMEOUT","createToastTimers","timers","pauses","started","inBackground","suspended","sync","timer","canRun","onExpire","syncAll","stop","seq","timeout","reason","paused","value","positionClasses","EDGE_GAP","isOnRightSide","inline","position","rtl","getDirection","getSidePanelOffset","modals","doc","view","width","height","right","top","offset","box","onSide","onEdge","ANNOUNCEMENT_DURATION","LiveMessage","present","setPresent","handle","text","isTitlePart","part","isBodyPart","isFooterPart","INLINE_ELEMENTS","NOT_TEXT_ELEMENTS","NATIVE_NAMED_BY_LABEL","ROLES_NAMED_BY_LABEL","isNamedByLabel","role","isNotRendered","getAccessibleText","root","parts","visit","isRoot","skip","label","separate","child","getChildTexts","composeToastText","title","body","ownStatusTextId","row","titleActions","slot","footer","ToastContainer","entry","presenceRef","usePresence","dismissed","onExited","containerRef","lastElementRef","attach","registerContainer","mergedRef","useMergedRefs","getFocusFallback","titleId","setParts","partsRef","registerPart","item","setToast","toastRef","registerToast","registration","dismiss","useEventCallback","onDismiss","context","titlePart","bodyPart","ownSeverityLabel","getStatusLabel","severityId","registered","status","announce","optionStatus","toastStatus","warnOnce","handleKeyDown","event","isOwnEvent","isEditableTarget","isMounted","joinIds","cn","toasterClassNames","focusRing","presenceProps","StatusText","ToastContext","ToastRoot","Toaster","limitProp","rest","setToasts","announcements","setAnnouncements","current","prev","announcement","settled","shownToasts","prefix","counterRef","viewportRef","viewportRefs","ref","previousFocusRef","dir","useDirection","sideOffset","setSideOffset","update","unsubscribe","subscribeLayers","blurred","handleBlur","handleFocus","dispatchToast","dispatched","t","shown","dismissToast","dismissAllToasts","removeExited","controller","handleOwner","binding","bindToasterHandle","containers","onContainer","from","isLive","previous","candidate","target","getFirstTabbable","previousFocus","reconcileFocus","held","origin","isConnectedAndFocusable","regionPointerOverRef","handlePointerOver","fromRegion","toastsRef","containersRef","hasFocusShortcut","shortcuts","handleShortcut","listener","rememberFocusOrigin","forgetFocusOrigin","to","handleEscape","polite","assertive","message","viewportStyle","style","children","Portal","onFocus","onBlur","onPointerEnter","onPointerLeave","onPointerOver","composeEventHandlers","onKeyDown","className"],"sources":["../../../src/components/feedback/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport { joinIds } from '../../lib/aria';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { toasterClassNames } from '../../lib/classNames';\nimport { reportMissingContext, warnOnce } from '../../lib/dev';\nimport { getDirection } from '../../lib/direction';\nimport { isEditableTarget, isOwnEvent } from '../../lib/events';\nimport { getFirstTabbable, getTabbableElements, isConnectedAndFocusable } from '../../lib/focus';\nimport { getOpenLayers, isInsideLayerTree, subscribeLayers } from '../../lib/layers';\nimport { focusRing } from '../../lib/styles';\nimport { bindToasterHandle, isToastOptions } from '../../lib/toaster';\nimport type { ToasterHandle } from '../../lib/toaster';\nimport type { Status } from '../../lib/types';\nimport { useDirection } from '../../hooks/useDirection';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePresence } from '../../hooks/usePresence';\nimport { usePreserveFocus } from '../../hooks/usePreserveFocus';\nimport { Portal } from '../portal/Portal';\nimport { StatusText, getStatusLabel } from './MessageBar.status';\nimport { ToastContext, ToasterContext } from './Toast.context';\nimport type { ToastContextValue, ToastPartRegistration, ToastRegistration } from './Toast.context';\nimport { ToastRoot } from './Toast.root';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                             */\n/* ------------------------------------------------------------------ */\n\n/** Options for dispatching a toast notification. */\nexport interface ToastOptions {\n  /** Status level controlling the toast color, icon, status text and announcement politeness\n   * (`error` is announced assertively, every other status politely).\n   * @default 'info'\n   */\n  status?: Status;\n  /** Title text of the toast. */\n  title: string;\n  /** Optional body text displayed below the title. */\n  body?: string;\n  /**\n   * Auto-dismiss timeout in milliseconds. The countdown starts when the toast is shown (a toast\n   * waiting beyond the Toaster's `limit` does not count down) and pauses while the pointer or\n   * focus is anywhere in the toast region (a menu or popover opened from a toast included) and\n   * while the browser window is in the background (it has lost focus, or the page is not shown, as\n   * in a background tab, also when the Toaster mounts there). `0` (or any value that is not a\n   * positive finite number) keeps the toast until it is dismissed.\n   * @default 5000\n   */\n  timeout?: number;\n  /**\n   * Identifier of the toast. `dispatchToast` returns it (a generated one when omitted). Dispatching\n   * again with the id of a toast that is shown, or still exiting after its dismissal, replaces or\n   * revives that toast (content and timer); with the id of a toast that waits beyond the Toaster's\n   * `limit`, it replaces its options and the toast keeps its place in the queue.\n   */\n  toastId?: string;\n  /**\n   * Visually hidden status text read before the toast (`'Info:'`, `'Success:'`, `'Warning:'`,\n   * `'Error:'` by default). Pass a translation for other languages, or `''` to omit it.\n   */\n  statusLabel?: string;\n  /**\n   * Accessible name of the toast's dismiss button. Pass a translation for other languages.\n   * @default 'Dismiss'\n   */\n  dismissLabel?: string;\n}\n\n/** Options of `dispatchToast(content, options)`, the form that shows your own React content. */\nexport interface ToastDispatchOptions {\n  /** As `ToastOptions.toastId`: dispatching again with the id of a shown or exiting toast replaces it. */\n  toastId?: string;\n  /**\n   * Auto-dismiss timeout in milliseconds, as `ToastOptions.timeout`. A toast that holds an action\n   * (an interactive element besides its Dismiss button) stays until it is dismissed unless you\n   * pass one: people using a screen reader, a switch or voice control need time to reach it.\n   * @default 5000, or no timeout for a toast with an action\n   */\n  timeout?: number;\n  /**\n   * Severity of content that renders no `Toast`: the announcement's politeness (`error` is\n   * assertive), its spoken prefix and the container's name. A rendered `Toast` uses its own\n   * `status`; a different value passed here warns in development.\n   * @default 'info'\n   */\n  status?: Status;\n  /** Visually hidden severity text for content that renders no `Toast` (as `Toast.statusLabel`). */\n  statusLabel?: string;\n  /**\n   * Text announced instead of the toast's title, body and action labels (the severity text still\n   * comes first), for a toast whose visible text is no good announcement, such as a progress toast.\n   */\n  announcement?: string;\n}\n\n/** The toast API returned by {@link useToastController}. */\nexport interface ToastController {\n  /**\n   * Shows a toast and returns its id. `dispatchToast(content, options?)` shows your content,\n   * usually a `<Toast>` with parts; `dispatchToast(options)` builds a toast from text (0.5). A\n   * plain object is read as options; anything else (an element, a portal, a string) is content. A\n   * toast with the same id is replaced (revived while it exits); beyond the Toaster's `limit` the\n   * toast waits in a queue. Fluent's `dispatchToast(content, options)` returns nothing.\n   */\n  dispatchToast: {\n    (content: React.ReactNode, options?: ToastDispatchOptions): string;\n    (options: ToastOptions): string;\n  };\n  /**\n   * Dismisses the toast with this id and cancels its timer: a shown toast exits (it stays, inert,\n   * until an exit motion of yours ends), a waiting one is removed. Unknown ids are ignored.\n   */\n  dismissToast: (id: string) => void;\n  /**\n   * Dismisses every toast and cancels their timers: shown toasts exit (as `dismissToast`), queued\n   * ones are removed.\n   */\n  dismissAllToasts: () => void;\n}\n\n/** What a dispatch stores: the options form, or your content with its options. */\ntype DispatchedToast =\n  | { form: 'options'; options: ToastOptions }\n  | { form: 'content'; content: React.ReactNode; options: ToastDispatchOptions };\n\ntype ToastEntry = DispatchedToast & {\n  id: string;\n  /** Increases with every dispatch, so a replaced toast is announced again. */\n  seq: number;\n  /**\n   * Whether the toast is shown (rendered, announced, its timer running) or still waits beyond the\n   * Toaster's `limit`. Only {@link promoteQueued} sets it; it never goes back to `false`.\n   */\n  shown: boolean;\n  /**\n   * Dismissed: its container exits (not announced, no timer, not counted toward `limit`) and the\n   * entry is removed when the exit ends; a dispatch with its id revives it (D29).\n   */\n  dismissed: boolean;\n};\n\n/**\n * Flags the oldest waiting toasts as shown while fewer than `limit` toasts are shown and not\n * dismissed. Returns `toasts` itself when nothing changes, so the Toaster's render-time update\n * settles.\n */\nfunction promoteQueued(toasts: ToastEntry[], limit: number): ToastEntry[] {\n  let active = 0;\n  let waiting = false;\n  for (const toast of toasts) {\n    if (!toast.shown) waiting = true;\n    else if (!toast.dismissed) active += 1;\n  }\n  if (!waiting || active >= limit) return toasts;\n  return toasts.map((toast) => {\n    if (toast.shown || active >= limit) return toast;\n    active += 1;\n    return { ...toast, shown: true };\n  });\n}\n\n/** Dismisses a shown toast (it exits) and drops a waiting one; `toasts` itself when nothing changes. */\nfunction markDismissed(toasts: ToastEntry[], id: string): ToastEntry[] {\n  const index = toasts.findIndex((toast) => toast.id === id);\n  if (index === -1) return toasts;\n  const toast = toasts[index];\n  if (!toast.shown) return [...toasts.slice(0, index), ...toasts.slice(index + 1)];\n  if (toast.dismissed) return toasts;\n  const next = toasts.slice();\n  next[index] = { ...toast, dismissed: true };\n  return next;\n}\n\n/** Dismisses every shown toast and drops the waiting ones; `toasts` itself when nothing changes. */\nfunction markAllDismissed(toasts: ToastEntry[]): ToastEntry[] {\n  if (toasts.every((toast) => toast.shown && toast.dismissed)) return toasts;\n  return toasts\n    .filter((toast) => toast.shown)\n    .map((toast) => (toast.dismissed ? toast : { ...toast, dismissed: true }));\n}\n\n/** The shown, not dismissed toast dispatched last (the highest `seq`), or `undefined`. */\nfunction findNewestToast(toasts: readonly ToastEntry[]): ToastEntry | undefined {\n  let newest: ToastEntry | undefined;\n  for (const toast of toasts) {\n    if (toast.shown && !toast.dismissed && (!newest || toast.seq > newest.seq)) newest = toast;\n  }\n  return newest;\n}\n\n/**\n * Whether `node` is in the toast region: inside the viewport, or inside an open dismiss layer\n * anchored inside it (a Menu, Popover or Tooltip opened from a toast, whose portal lives elsewhere\n * in the document).\n */\nfunction isInToastRegion(viewport: HTMLElement, node: Node): boolean {\n  if (viewport.contains(node)) return true;\n  return getOpenLayers().some((layer) => {\n    const anchor = layer.getAnchor();\n    return anchor !== null && viewport.contains(anchor) && isInsideLayerTree(layer.id, node);\n  });\n}\n\n/** Whether a toast holds an action: an element in its Tab order other than its Dismiss button. */\nfunction hasAction(container: HTMLElement, toast: ToastRegistration | null): boolean {\n  const dismissButton = toast?.getDismissButton() ?? null;\n  return getTabbableElements(container).some((el) => el !== dismissButton);\n}\n\n/** `limit` as the Toaster applies it: whole toasts, at least 1; `undefined` means no limit. */\nfunction resolveLimit(limit: number | undefined): number {\n  if (limit === undefined) return Infinity;\n  return limit >= 1 ? Math.floor(limit) : 1;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                           */\n/* ------------------------------------------------------------------ */\n\nconst INERT_CONTROLLER: ToastController = {\n  dispatchToast: (first: React.ReactNode | ToastOptions, second?: ToastDispatchOptions) =>\n    (isToastOptions(first) ? first.toastId : second?.toastId) ?? '',\n  dismissToast: () => {},\n  dismissAllToasts: () => {},\n};\n\n/** The C-CONTEXT message without the `[WaveUI] ` prefix, which `reportMissingContext` adds. */\nconst MISSING_TOASTER_MESSAGE =\n  'useToastController must be used within <Toaster>. Wrap your app (or the part of it that shows toasts) in <Toaster>: it provides the controller to its children.';\n\n/**\n * Returns the {@link ToastController} of the enclosing `<Toaster>`: `dispatchToast(content,\n * options?)` shows your content (usually a `<Toast>` with parts) and `dispatchToast(options)` a\n * toast built from text; both return the toast's id. `dismissToast(id)` dismisses one toast,\n * `dismissAllToasts()` every toast.\n *\n * Must be called inside `<Toaster>`, which provides the controller to its children — wrap the app\n * (or the part of it that shows toasts) in `<Toaster>`; a sibling `<Toaster />` does not work.\n * Outside a Toaster it throws in development; in production it logs an error (once) and returns a\n * controller that does nothing.\n *\n * @example\n * function SaveButton() {\n *   const { dispatchToast } = useToastController();\n *   return (\n *     <Button\n *       onClick={() =>\n *         dispatchToast(\n *           <Toast status=\"success\">\n *             <Toast.Title>Saved</Toast.Title>\n *           </Toast>,\n *         )\n *       }\n *     >\n *       Save\n *     </Button>\n *   );\n * }\n * // <Toaster><App /></Toaster>\n */\nexport function useToastController(): ToastController {\n  const controller = React.useContext(ToasterContext);\n  if (controller) return controller;\n  reportMissingContext('useToastController', '<Toaster>', MISSING_TOASTER_MESSAGE);\n  return INERT_CONTROLLER;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Timers                                                            */\n/* ------------------------------------------------------------------ */\n\nconst DEFAULT_TIMEOUT = 5000;\n\ntype PauseReason = 'hover' | 'focus';\n\ninterface RunningTimer {\n  handle: ReturnType<typeof setTimeout> | null;\n  remaining: number;\n  startedAt: number;\n}\n\n/**\n * Auto-dismiss timers of one Toaster. A timer runs only while neither the pointer nor focus is in\n * the toast region (D14), the window is in the foreground and the Toaster is mounted; otherwise it\n * is suspended and keeps its remaining time. Every method is called from event handlers or\n * effects, never during render.\n */\ninterface ToastTimers {\n  /**\n   * Starts the timer of the shown toast `id` for its dispatch `seq`, once: a call with the `seq`\n   * already started does nothing, a new `seq` (the toast was replaced) restarts it. A timeout that\n   * is not a positive finite number means none. A toast replaced while the region is paused stays\n   * paused.\n   */\n  start(id: string, seq: number, timeout: number): void;\n  /** Cancels the timer of `id`. */\n  remove(id: string): void;\n  /** Cancels every timer; the region's pause is kept. */\n  clear(): void;\n  /** `true` while the pointer (`'hover'`) or focus (`'focus'`) is in the toast region. */\n  setPaused(reason: PauseReason, paused: boolean): void;\n  /** Whether the region is paused for `reason`. */\n  isPaused(reason: PauseReason): boolean;\n  /** `true` while the window has lost focus or the page is not shown (a background tab). */\n  setInBackground(inBackground: boolean): void;\n  /** `true` while the Toaster is unmounted (including StrictMode's simulated unmount). */\n  setSuspended(suspended: boolean): void;\n}\n\nfunction createToastTimers(onExpire: (id: string) => void): ToastTimers {\n  const timers = new Map<string, RunningTimer>();\n  /** Why the region pauses every timer. */\n  const pauses = new Set<PauseReason>();\n  /** The dispatch (`seq`) whose timer was started last, per toast. */\n  const started = new Map<string, number>();\n  let inBackground = false;\n  let suspended = false;\n\n  const sync = (id: string) => {\n    const timer = timers.get(id);\n    if (!timer) return;\n    const canRun = !suspended && !inBackground && pauses.size === 0;\n    if (canRun && timer.handle === null) {\n      timer.startedAt = Date.now();\n      timer.handle = setTimeout(() => {\n        timers.delete(id);\n        started.delete(id);\n        onExpire(id);\n      }, timer.remaining);\n    } else if (!canRun && timer.handle !== null) {\n      clearTimeout(timer.handle);\n      timer.handle = null;\n      timer.remaining = Math.max(0, timer.remaining - (Date.now() - timer.startedAt));\n    }\n  };\n  const syncAll = () => {\n    for (const id of Array.from(timers.keys())) sync(id);\n  };\n  const stop = (id: string) => {\n    const timer = timers.get(id);\n    if (timer?.handle != null) clearTimeout(timer.handle);\n    timers.delete(id);\n  };\n\n  return {\n    start(id, seq, timeout) {\n      if (started.get(id) === seq) return;\n      started.set(id, seq);\n      stop(id);\n      if (!(timeout > 0) || !Number.isFinite(timeout)) return;\n      timers.set(id, { handle: null, remaining: timeout, startedAt: 0 });\n      sync(id);\n    },\n    remove(id) {\n      stop(id);\n      started.delete(id);\n    },\n    clear() {\n      for (const id of Array.from(timers.keys())) stop(id);\n      started.clear();\n    },\n    isPaused(reason) {\n      return pauses.has(reason);\n    },\n    setPaused(reason, paused) {\n      if (paused) pauses.add(reason);\n      else pauses.delete(reason);\n      syncAll();\n    },\n    setInBackground(value) {\n      inBackground = value;\n      syncAll();\n    },\n    setSuspended(value) {\n      suspended = value;\n      syncAll();\n    },\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/*  Toaster (container)                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Corner of the viewport a {@link Toaster} shows its toasts in (`ToasterProps.position`).\n * `start`/`end` follow the writing direction; `left`/`right` are physical.\n */\nexport type ToastPosition =\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\n\n/** Keyboard shortcuts of a Toaster (Fluent's shape). */\nexport interface ToasterShortcuts {\n  /**\n   * Returns `true` for the key press that moves focus to the most recently dispatched toast, for\n   * example `(event) => event.altKey && event.shiftKey && event.code === 'KeyN'`. Use a modifier\n   * (or let people change or turn off the shortcut): a single-character shortcut fails WCAG 2.1.4.\n   */\n  focus?: (event: KeyboardEvent) => boolean;\n}\n\n/** Properties for the Toaster container component. */\nexport interface ToasterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Corner of the viewport the toasts appear in. `start`/`end` follow the writing direction (the\n   * `end` side is the right in LTR and the left in RTL); `left`/`right` are physical.\n   * @default 'bottom-end'\n   */\n  position?: ToastPosition;\n  /**\n   * Most toasts shown at once. Further toasts wait in a queue (in dispatch order) and appear when\n   * a shown toast goes; a queued toast is not announced and its timer does not run until then.\n   * Lowering it never hides a toast that is already shown, and a toast dispatched again with its id\n   * while it exits comes back at once, even when `limit` toasts are already shown. A value below 1\n   * counts as 1 (development warning); `Infinity` means no limit.\n   * @default Infinity\n   */\n  limit?: number;\n  /** Keyboard shortcuts; Escape, Delete and Backspace need none (see the component docs). */\n  shortcuts?: ToasterShortcuts;\n  /**\n   * Binds this Toaster to a handle from `createToaster()`: toasts dispatched through the handle\n   * render here. A handle binds one Toaster: a second Toaster given a bound handle does not bind\n   * (development warning), and does not take the handle over when the first unmounts; the handle\n   * queues again until a Toaster binds it.\n   */\n  toaster?: ToasterHandle;\n  /** Ref to the toast region (the portaled `<div role=\"region\">`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Corner placement. The margin on the toasts' side is `--wave-toaster-offset`, which the Toaster\n * sets while a modal panel covers that side (see {@link getSidePanelOffset}); unset, it is `0`.\n */\nconst positionClasses: Record<ToastPosition, string> = {\n  'top-start': 'top-4 start-4 ms-(--wave-toaster-offset)',\n  'top-end': 'top-4 end-4 me-(--wave-toaster-offset)',\n  'bottom-start': 'bottom-4 start-4 ms-(--wave-toaster-offset)',\n  'bottom-end': 'bottom-4 end-4 me-(--wave-toaster-offset)',\n  'top-right': 'top-4 right-4 mr-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n  'top-left': 'top-4 left-4 ml-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n  'bottom-right': 'bottom-4 right-4 mr-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n  'bottom-left': 'bottom-4 left-4 ml-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n};\n\n/** The toasts' distance from the window edges (`*-4`), also the tolerance for \"at the edge\". */\nconst EDGE_GAP = 16;\n\n/** Whether the toasts sit at the right edge of the window (`end` is the right in LTR). */\nfunction isOnRightSide(position: ToastPosition, viewport: HTMLElement): boolean {\n  const inline = position.slice(position.indexOf('-') + 1);\n  if (inline === 'right' || inline === 'left') return inline === 'right';\n  const rtl = getDirection(viewport) === 'rtl';\n  return inline === 'end' ? !rtl : rtl;\n}\n\n/**\n * How far the toasts move away from their side while an open modal surface (a Drawer panel) covers\n * their corner, so they never hide the panel's controls (WCAG 2.4.11 Focus Not Obscured): the\n * surface's width from that side of the window, which leaves the usual gap between toasts and\n * panel. A surface counts when it reaches the toasts' side and their top or bottom edge (a centered\n * Dialog does not). `0` when no such surface is open, or when the toasts would not fit beside it\n * (a full-width panel on a phone): then they keep their corner.\n */\nfunction getSidePanelOffset(viewport: HTMLElement, position: ToastPosition): number {\n  const modals = getOpenLayers().filter((layer) => layer.kind === 'modal');\n  if (modals.length === 0) return 0;\n  const doc = viewport.ownerDocument;\n  const view = doc.defaultView;\n  if (!view) return 0;\n  // The box fixed elements are placed in: the window without its scrollbars.\n  const width = doc.documentElement.clientWidth || view.innerWidth;\n  const height = doc.documentElement.clientHeight || view.innerHeight;\n  const right = isOnRightSide(position, viewport);\n  const top = position.startsWith('top');\n\n  let offset = 0;\n  for (const layer of modals) {\n    for (const el of layer.getElements()) {\n      if (!el?.isConnected) continue;\n      const box = el.getBoundingClientRect();\n      if (box.width <= 0 || box.height <= 0) continue;\n      const onSide = right ? box.right >= width - EDGE_GAP : box.left <= EDGE_GAP;\n      const onEdge = top ? box.top <= EDGE_GAP : box.bottom >= height - EDGE_GAP;\n      if (onSide && onEdge) offset = Math.max(offset, right ? width - box.left : box.right);\n    }\n  }\n  if (offset <= 0 || width - offset < viewport.offsetWidth + 2 * EDGE_GAP) return 0;\n  return Math.ceil(offset);\n}\n\n/**\n * How long a toast's text stays in the live region: long enough for screen readers to pick it up\n * (also a polite message queued behind other speech), short enough that someone browsing the\n * Notifications region later meets the text once, in the toast, not a second time in the region.\n */\nconst ANNOUNCEMENT_DURATION = 2000;\n\n/** A toast's message for the live regions, composed by its container after it mounts (D13). */\ninterface Announcement {\n  /** The dispatch it belongs to: a replacement (a new `seq`) is announced again. */\n  seq: number;\n  text: string;\n  /** `error` toasts are announced assertively, every other status politely. */\n  assertive: boolean;\n}\n\n/**\n * One toast's message in a live region. It is added when the toast is shown (at dispatch, or when\n * a waiting toast appears; a replacement remounts it, so it is read again) and removed after\n * {@link ANNOUNCEMENT_DURATION} or with the toast. Removal is not announced (`aria-relevant` stays\n * at its default, additions and text).\n */\nfunction LiveMessage({ text }: { text: string }) {\n  const [present, setPresent] = React.useState(true);\n  React.useEffect(() => {\n    const handle = setTimeout(() => setPresent(false), ANNOUNCEMENT_DURATION);\n    return () => clearTimeout(handle);\n  }, []);\n  return present ? <div>{text}</div> : null;\n}\nLiveMessage.displayName = 'LiveMessage';\n\ninterface ToastContainerProps {\n  entry: ToastEntry;\n  timers: ToastTimers;\n  onDismiss: (id: string) => void;\n  onExited: (id: string) => void;\n  getFocusFallback: (from: HTMLElement | null) => HTMLElement | null;\n  announce: (id: string, announcement: Announcement) => void;\n  registerContainer: (id: string, node: HTMLElement | null) => void;\n}\n\nfunction isTitlePart(\n  part: ToastPartRegistration,\n): part is Extract<ToastPartRegistration, { kind: 'title' }> {\n  return part.kind === 'title';\n}\n\nfunction isBodyPart(\n  part: ToastPartRegistration,\n): part is Extract<ToastPartRegistration, { kind: 'body' }> {\n  return part.kind === 'body';\n}\n\nfunction isFooterPart(\n  part: ToastPartRegistration,\n): part is Extract<ToastPartRegistration, { kind: 'footer' }> {\n  return part.kind === 'footer';\n}\n\n/** Elements whose text runs on without a break; every other element separates its text. */\nconst INLINE_ELEMENTS = new Set([\n  'a',\n  'abbr',\n  'b',\n  'bdi',\n  'bdo',\n  'cite',\n  'code',\n  'data',\n  'dfn',\n  'em',\n  'i',\n  'kbd',\n  'label',\n  'mark',\n  'q',\n  's',\n  'samp',\n  'small',\n  'span',\n  'strong',\n  'sub',\n  'sup',\n  'time',\n  'u',\n  'var',\n  'wbr',\n]);\n\n/** Elements browsers never render as text. */\nconst NOT_TEXT_ELEMENTS = new Set(['noscript', 'script', 'style', 'template']);\n\n/** Native elements a screen reader names by their `aria-label` rather than by their content. */\nconst NATIVE_NAMED_BY_LABEL = new Set(['button', 'img', 'input', 'select', 'textarea']);\n\n/** Roles of controls and images, which are named by their `aria-label` rather than by content. */\nconst ROLES_NAMED_BY_LABEL = new Set([\n  'button',\n  'checkbox',\n  'combobox',\n  'img',\n  'link',\n  'option',\n  'radio',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'textbox',\n]);\n\n/**\n * Whether `aria-label` replaces the content of `el` (a control, a link or an image); any other\n * element, such as a labelled toolbar or group, is read through its content.\n */\nfunction isNamedByLabel(el: Element): boolean {\n  const role = el.getAttribute('role')?.trim().split(/\\s+/)[0];\n  if (role) return ROLES_NAMED_BY_LABEL.has(role) || role.startsWith('menuitem');\n  if (el.localName === 'a') return el.hasAttribute('href');\n  return NATIVE_NAMED_BY_LABEL.has(el.localName);\n}\n\n/**\n * Whether `el` is left out of the accessible text: the `hidden` attribute, `aria-hidden=\"true\"` and\n * elements that are no text. Text hidden by a style sheet is still read: the spec defines hidden as\n * the attribute and `aria-hidden`, and reading computed styles would make the text depend on CSS.\n */\nfunction isNotRendered(el: Element): boolean {\n  return (\n    el.getAttribute('aria-hidden') === 'true' ||\n    el.hasAttribute('hidden') ||\n    NOT_TEXT_ELEMENTS.has(el.localName)\n  );\n}\n\n/**\n * The text a screen reader reads for `root`'s content (D13): text nodes, an image's `alt` and the\n * `aria-label` of a control; `aria-hidden=\"true\"` and `hidden` subtrees, elements that are no text\n * and elements `skip` accepts are left out; whitespace is collapsed. Fluent reads the raw text\n * content instead, which includes hidden text and misses `alt` text.\n */\nfunction getAccessibleText(root: Element | null, skip?: (el: Element) => boolean): string {\n  if (!root) return '';\n  const parts: string[] = [];\n  const visit = (node: Node, isRoot: boolean): void => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      parts.push(node.textContent ?? '');\n      return;\n    }\n    if (node.nodeType !== Node.ELEMENT_NODE) return;\n    const el = node as Element;\n    if (!isRoot && skip?.(el)) return;\n    if (isNotRendered(el)) return;\n    const label = el.getAttribute('aria-label');\n    if (label && isNamedByLabel(el)) {\n      parts.push(` ${label} `);\n      return;\n    }\n    if (el.localName === 'img') {\n      parts.push(` ${el.getAttribute('alt') ?? ''} `);\n      return;\n    }\n    const separate = !INLINE_ELEMENTS.has(el.localName);\n    if (separate) parts.push(' ');\n    for (const child of Array.from(el.childNodes)) visit(child, false);\n    if (separate) parts.push(' ');\n  };\n  visit(root, true);\n  return parts.join('').replace(/\\s+/g, ' ').trim();\n}\n\n/**\n * The accessible text of each child of `root` on its own, so adjacent actions that a flex row lays\n * out side by side (two links, two span-rooted buttons) are not read as one word.\n */\nfunction getChildTexts(root: Element | null): string[] {\n  if (!root || isNotRendered(root)) return [];\n  return Array.from(root.childNodes, (node) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent ?? '').replace(/\\s+/g, ' ').trim();\n    }\n    return node.nodeType === Node.ELEMENT_NODE ? getAccessibleText(node as Element) : '';\n  }).filter(Boolean);\n}\n\n/**\n * A toast's announced text after its severity (D13): the title, the body (its subtitle included),\n * then the labels of its actions (the title's `action` and the footer, never the Dismiss button),\n * each action on its own. Content without a title or body part is read whole, without the severity\n * texts.\n */\nfunction composeToastText(\n  container: HTMLElement,\n  parts: readonly ToastPartRegistration[],\n  toast: ToastRegistration | null,\n  ownStatusTextId: string,\n): string {\n  const title = parts.find(isTitlePart);\n  const body = parts.find(isBodyPart);\n  if (!title && !body) {\n    const dismissButton = toast?.getDismissButton() ?? null;\n    return getAccessibleText(\n      container,\n      (el) =>\n        el === dismissButton ||\n        (el.id !== '' && (el.id === ownStatusTextId || el.id === toast?.statusTextId)),\n    );\n  }\n  const label = title?.getLabel() ?? null;\n  // The title row without its text: the `action` slot, whose children are the actions.\n  const row = title?.getRow() ?? null;\n  const titleActions = row\n    ? Array.from(row.children)\n        .filter((child) => child !== label)\n        .flatMap((slot) => getChildTexts(slot))\n    : [];\n  return [\n    getAccessibleText(label),\n    getAccessibleText(body?.getElement() ?? null),\n    ...titleActions,\n    ...parts.filter(isFooterPart).flatMap((footer) => getChildTexts(footer.getElement())),\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/**\n * One toast of the Toaster (D10): a `role=\"group\"` container, focusable by script (no Tab stop),\n * named by the toast's severity text and title and described by its body while a Toast inside\n * has registered them (so no id reference dangles). It provides the per-toast context, pauses the\n * timers and keeps focus when the toast goes.\n */\nfunction ToastContainer({\n  entry,\n  timers,\n  onDismiss,\n  onExited,\n  getFocusFallback,\n  announce,\n  registerContainer,\n}: ToastContainerProps) {\n  const { id, dismissed } = entry;\n  // Mounted through the presence core (D29): a dismissed toast exits, `inert`, and is removed when\n  // its exit ends (at once without motion); dispatching its id again revives it.\n  const {\n    isMounted,\n    ref: presenceRef,\n    presenceProps,\n  } = usePresence(!dismissed, {\n    appear: true,\n    onExited: () => onExited(id),\n  });\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  // The last element, for the focus fallback, which may run after the container has unmounted.\n  const lastElementRef = React.useRef<HTMLDivElement | null>(null);\n  const attach = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      containerRef.current = node;\n      if (node) lastElementRef.current = node;\n      registerContainer(id, node);\n    },\n    [id, registerContainer],\n  );\n  const mergedRef = useMergedRefs<HTMLDivElement>(attach, presenceRef);\n  // Focus leaves a dismissed toast in its dismissing commit: `enabled` flipping to `false` moves it\n  // in the layout phase, while the inert node is still there; a toast removed with the Toaster\n  // moves it after the unmount.\n  usePreserveFocus(containerRef, () => getFocusFallback(lastElementRef.current), {\n    enabled: !dismissed,\n  });\n  const titleId = useId('wave-toast-title');\n  const ownStatusTextId = useId('wave-toast-status');\n\n  // The registrations of the parts and of the Toast inside, whose layout effects run before this\n  // component's: in state for the name and description, in refs for reads after mount.\n  const [parts, setParts] = React.useState<readonly ToastPartRegistration[]>([]);\n  const partsRef = React.useRef<readonly ToastPartRegistration[]>([]);\n  const registerPart = React.useCallback((part: ToastPartRegistration) => {\n    partsRef.current = [...partsRef.current, part];\n    setParts(partsRef.current);\n    return () => {\n      partsRef.current = partsRef.current.filter((item) => item !== part);\n      setParts(partsRef.current);\n    };\n  }, []);\n  const [toast, setToast] = React.useState<ToastRegistration | null>(null);\n  const toastRef = React.useRef<ToastRegistration | null>(null);\n  const registerToast = React.useCallback((registration: ToastRegistration) => {\n    toastRef.current = registration;\n    setToast(registration);\n    return () => {\n      if (toastRef.current !== registration) return;\n      toastRef.current = null;\n      setToast(null);\n    };\n  }, []);\n\n  // `Toast.Close` and the Dismiss button: the Toast's `onDismiss`, then the dismissal (D9, D11).\n  const dismiss = useEventCallback(() => {\n    toastRef.current?.onDismiss?.();\n    onDismiss(id);\n  });\n  const context = React.useMemo<ToastContextValue>(\n    () => ({ titleId, dismiss, registerPart, registerToast }),\n    [titleId, dismiss, registerPart, registerToast],\n  );\n\n  const titlePart = parts.find(isTitlePart);\n  const bodyPart = parts.find(isBodyPart);\n  // Content without a Toast (D10): a visually hidden severity text from the dispatch options,\n  // first in the container, while no Toast has registered its own.\n  const ownSeverityLabel =\n    entry.form === 'content' && toast === null\n      ? getStatusLabel(entry.options.status ?? 'info', entry.options.statusLabel)\n      : '';\n  const severityId = toast ? toast.statusTextId : ownSeverityLabel ? ownStatusTextId : undefined;\n  // The timer of each dispatch (D12), started once the content has mounted (its registrations ran\n  // first): the dispatch's `timeout`, else none for a toast with an action — people using a screen\n  // reader, a switch or voice control need time to reach it — else 5000 ms.\n  React.useLayoutEffect(() => {\n    const node = containerRef.current;\n    if (entry.dismissed || !node) return;\n    const timeout =\n      entry.options.timeout ?? (hasAction(node, toastRef.current) ? 0 : DEFAULT_TIMEOUT);\n    timers.start(entry.id, entry.seq, timeout);\n  }, [entry, timers]);\n\n  // What screen readers hear (D13), once per dispatch after the content has mounted: the severity\n  // text of the rendered Toast (else the dispatch options'), then `announcement` or the text the\n  // toast renders; `error` is assertive. `toast` re-runs it for a Toast that registers after this\n  // commit (content that renders it later); `announce` drops a repeat of the same message.\n  React.useLayoutEffect(() => {\n    const node = containerRef.current;\n    if (entry.dismissed || !node) return;\n    const registered = toastRef.current;\n    const status = registered?.status ?? entry.options.status ?? 'info';\n    const label = registered\n      ? registered.statusLabel\n      : getStatusLabel(status, entry.options.statusLabel);\n    const text =\n      entry.form === 'content' && entry.options.announcement !== undefined\n        ? entry.options.announcement\n        : composeToastText(node, partsRef.current, registered, ownStatusTextId);\n    announce(entry.id, {\n      seq: entry.seq,\n      text: [label, text].filter(Boolean).join(' '),\n      assertive: status === 'error',\n    });\n  }, [entry, announce, ownStatusTextId, toast]);\n\n  // A rendered Toast's severity wins over the dispatch options' (D12); an explicit, different\n  // `status` in the options warns once. Read from the ref, not the `toast` state, inside the\n  // effect: replacing a registered Toast with content that renders none (a replacement by\n  // `toastId`) unregisters it by clearing the ref synchronously, while `setToast(null)` only lands\n  // on a later render — depending on the state would fire this effect once against the\n  // just-unregistered Toast's stale status. `toast` still triggers the effect (without being read\n  // directly), so it also re-runs when a Toast registers after this commit (content that renders\n  // its Toast later, inside the consumer's own `<Suspense>`) or changes its own `status` without a\n  // new dispatch; `entry` alone would never trigger a re-check for either.\n  const optionStatus = entry.form === 'content' ? entry.options.status : undefined;\n  React.useEffect(() => {\n    const toastStatus = toastRef.current?.status;\n    if (optionStatus === undefined || toastStatus === undefined || optionStatus === toastStatus) {\n      return;\n    }\n    warnOnce(\n      'Toaster:status-conflict',\n      `Toaster: the dispatched Toast has status \"${toastStatus}\" but the dispatch options pass \"${optionStatus}\"; the Toast's status is used. Remove \\`status\\` from the options.`,\n    );\n  }, [entry, optionStatus, toast]);\n  // Delete or Backspace on the container or inside it dismisses the toast (D14; Backspace is the\n  // delete key of Mac keyboards), except in an editable field and for a key pressed in a portal\n  // opened from the toast (its target is outside the container).\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Delete' && event.key !== 'Backspace') return;\n    if (event.defaultPrevented || !isOwnEvent(event) || isEditableTarget(event.target)) return;\n    event.preventDefault();\n    onDismiss(id);\n  };\n\n  if (!isMounted) return null;\n  return (\n    <div\n      ref={mergedRef}\n      role=\"group\"\n      tabIndex={-1}\n      data-wave-toast=\"\"\n      aria-labelledby={joinIds(severityId, titlePart?.id)}\n      aria-describedby={bodyPart?.id}\n      className={cn(toasterClassNames.toast, 'rounded', focusRing)}\n      {...presenceProps}\n      onKeyDown={handleKeyDown}\n    >\n      {ownSeverityLabel ? <StatusText label={ownSeverityLabel} id={ownStatusTextId} /> : null}\n      <ToastContext.Provider value={context}>\n        {entry.form === 'options' ? (\n          <ToastRoot\n            status={entry.options.status}\n            statusLabel={entry.options.statusLabel}\n            title={entry.options.title}\n            dismissLabel={entry.options.dismissLabel}\n          >\n            {entry.options.body}\n          </ToastRoot>\n        ) : (\n          entry.content\n        )}\n      </ToastContext.Provider>\n    </div>\n  );\n}\nToastContainer.displayName = 'ToastContainer';\n\n/**\n * Provides {@link useToastController} to its children and shows the dispatched toasts.\n *\n * - **Wrap the app** in `<Toaster>`; components below it call `useToastController()`, and code\n *   outside components (a query-cache callback, a server-event handler) dispatches through a\n *   handle from `createToaster()` bound with `toaster`, which also runs several Toasters side by\n *   side (one handle each).\n * - **Two ways to dispatch:** `dispatchToast(<Toast>…</Toast>)` shows your content, usually a\n *   `Toast` with `Toast.Title`, `Toast.Body` and `Toast.Footer`; `dispatchToast({ title, body })`\n *   builds a toast from text. Both return the toast's id. Content without a `Toast` takes its\n *   severity from the options (`status`, `statusLabel`) and shows no Dismiss button (add a\n *   `Toast.Close`).\n * - The toasts render in a portal (the `toast` layer, above dialogs) inside a region labelled\n *   \"Notifications\" (override with `aria-label`). The region is allow-listed for modals\n *   (`data-wave-focus-trap-allow`): it stays reachable by Tab and exposed to assistive technology\n *   while a Dialog or Drawer is open, and clicking a toast never dismisses the overlay below.\n * - Two permanent, visually hidden live regions (polite, and assertive for `error`) announce every\n *   toast once per dispatch, read from what it renders after it mounts: the severity text, then\n *   the title, the body and the labels of its actions (never the Dismiss button) or, instead of\n *   those, the dispatch's `announcement`.\n *   The toasts themselves are not live regions. Each message stays in its live region for 2\n *   seconds (or until its toast goes), so browsing the region later meets the text only once.\n * - While an open modal panel covers the toasts' corner (a Drawer on the same side), the toasts\n *   move beside it, so they never hide its focused controls (WCAG 2.4.11). Without room beside it\n *   (a full-width panel on a narrow screen) they keep their corner.\n * - Timers pause while the pointer or focus is anywhere in the toast region, a menu or popover\n *   opened from a toast included (someone reading or operating one toast is reading the stack),\n *   and while the window is in the background (it has lost focus, or the page is not shown, as in\n *   a background tab). When a toast that contains focus goes away, focus moves to the next toast\n *   (or the previous one), or back to the element that was focused before focus entered the\n *   toasts once no toast is left.\n * - **Keyboard:** `shortcuts.focus` names a key press that moves focus to the newest toast (use a\n *   modifier, WCAG 2.1.4); Escape in the toast region dismisses every toast and returns focus to\n *   where it was before focus entered the toasts (a tooltip or menu of a toast closes first, and a\n *   Dialog below stays open); Delete or Backspace dismisses the focused toast.\n * - Each toast's dismiss button is named \"Dismiss\"; pass `dismissLabel` to `dispatchToast` for\n *   other languages.\n * - `limit` caps how many toasts show at once: the others wait in a queue, in dispatch order,\n *   unannounced and without a running timer, and appear as shown toasts go.\n *   `dismissAllToasts()` removes every toast, shown and queued.\n *\n * @example\n * <Toaster position=\"bottom-end\" limit={3}>\n *   <App />\n * </Toaster>\n */\nexport const Toaster = ({\n  position = 'bottom-end',\n  limit: limitProp,\n  shortcuts,\n  toaster: handle,\n  className,\n  style,\n  children,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onPointerEnter,\n  onPointerLeave,\n  onPointerOver,\n  ref,\n  ...rest\n}: ToasterProps) => {\n  const [toasts, setToasts] = React.useState<ToastEntry[]>([]);\n  // Each toast's message, written by its container after the toast mounts (a layout effect), so\n  // the severity is the rendered Toast's and the text what the toast renders.\n  const [announcements, setAnnouncements] = React.useState<ReadonlyMap<string, Announcement>>(\n    () => new Map(),\n  );\n  const announce = React.useCallback((id: string, announcement: Announcement) => {\n    setAnnouncements((prev) => {\n      const current = prev.get(id);\n      if (\n        current &&\n        current.seq === announcement.seq &&\n        current.text === announcement.text &&\n        current.assertive === announcement.assertive\n      ) {\n        return prev;\n      }\n      const next = new Map(prev);\n      next.set(id, announcement);\n      return next;\n    });\n  }, []);\n  const limit = resolveLimit(limitProp);\n  // Waiting toasts are shown here, during render, with the current limit (adjust state while\n  // rendering, C-HOOKS): every path that frees a place or raises the limit promotes them, and a\n  // lowered limit never hides a shown toast. `promoteQueued` returns the same array once settled.\n  const settled = promoteQueued(toasts, limit);\n  if (settled !== toasts) setToasts(settled);\n  const shownToasts = settled.filter((toast) => toast.shown);\n\n  // Development diagnostics (C-DEV): emitted from an effect, once per page.\n  React.useEffect(() => {\n    if (limitProp !== undefined && !(limitProp >= 1)) {\n      warnOnce(\n        'Toaster:limit',\n        `Toaster: \\`limit\\` must be 1 or more (got ${String(limitProp)}); it counts as 1.`,\n      );\n    }\n  }, [limitProp]);\n  const prefix = useId('toast');\n  const counterRef = React.useRef(0);\n  const viewportRef = React.useRef<HTMLDivElement | null>(null);\n  const viewportRefs = useMergedRefs(ref, viewportRef);\n  const previousFocusRef = React.useRef<HTMLElement | null>(null);\n  const dir = useDirection();\n\n  // Beside an open modal panel on the toasts' side (a Drawer), not over its controls. Measured when\n  // a layer opens or closes (synchronously in its layout effect, before paint), on resize, and\n  // after a transition or animation (a panel that slides in reaches its place only then).\n  const [sideOffset, setSideOffset] = React.useState(0);\n  React.useLayoutEffect(() => {\n    const update = () => {\n      const viewport = viewportRef.current;\n      setSideOffset(viewport ? getSidePanelOffset(viewport, position) : 0);\n    };\n    update();\n    const unsubscribe = subscribeLayers(update);\n    window.addEventListener('resize', update);\n    document.addEventListener('transitionend', update, true);\n    document.addEventListener('animationend', update, true);\n    return () => {\n      unsubscribe();\n      window.removeEventListener('resize', update);\n      document.removeEventListener('transitionend', update, true);\n      document.removeEventListener('animationend', update, true);\n    };\n  }, [position, dir]);\n\n  const [timers] = React.useState(() =>\n    createToastTimers((id) => setToasts((prev) => markDismissed(prev, id))),\n  );\n\n  // Timers run only while mounted (StrictMode's simulated unmount suspends and resumes them) and\n  // pause while the window is in the background: after the window loses focus, and while the page\n  // is not shown. The page visibility is read at mount too, so a Toaster that mounts in a\n  // background tab waits until the tab is shown. (Focus is not read at mount: `hasFocus()` is also\n  // false in an embedded frame nobody clicked yet and in test DOMs.)\n  React.useEffect(() => {\n    const doc = document;\n    let blurred = false;\n    const update = () => timers.setInBackground(blurred || doc.visibilityState === 'hidden');\n    // Only the window's own blur/focus (element focus events do not bubble to a bubble-phase\n    // window listener; anything targeted at a node is ignored).\n    const handleBlur = (event: FocusEvent) => {\n      if (event.target instanceof Node) return;\n      blurred = true;\n      update();\n    };\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target instanceof Node) return;\n      blurred = false;\n      update();\n    };\n    update();\n    timers.setSuspended(false);\n    window.addEventListener('blur', handleBlur);\n    window.addEventListener('focus', handleFocus);\n    doc.addEventListener('visibilitychange', update);\n    return () => {\n      window.removeEventListener('blur', handleBlur);\n      window.removeEventListener('focus', handleFocus);\n      doc.removeEventListener('visibilitychange', update);\n      timers.setSuspended(true);\n    };\n  }, [timers]);\n\n  // A new toast waits until the render promotes it; a replaced one keeps its place and whether it\n  // is shown (a waiting toast keeps waiting with the new content), and an exiting one is revived.\n  const dispatchToast = React.useCallback<ToastController['dispatchToast']>(\n    (first: React.ReactNode | ToastOptions, second?: ToastDispatchOptions): string => {\n      counterRef.current += 1;\n      const seq = counterRef.current;\n      const dispatched: DispatchedToast = isToastOptions(first)\n        ? { form: 'options', options: first }\n        : { form: 'content', content: first, options: second ?? {} };\n      const id = dispatched.options.toastId ?? `${prefix}-${seq}`;\n      setToasts((prev) => {\n        const index = prev.findIndex((t) => t.id === id);\n        const shown = index === -1 ? false : prev[index].shown;\n        const entry: ToastEntry = { ...dispatched, id, seq, shown, dismissed: false };\n        if (index === -1) return [...prev, entry];\n        const next = prev.slice();\n        next[index] = entry;\n        return next;\n      });\n      return id;\n    },\n    [prefix],\n  );\n\n  const dismissToast = React.useCallback(\n    (id: string) => {\n      timers.remove(id);\n      setToasts((prev) => markDismissed(prev, id));\n    },\n    [timers],\n  );\n\n  const dismissAllToasts = React.useCallback(() => {\n    timers.clear();\n    setToasts((prev) => markAllDismissed(prev));\n  }, [timers]);\n\n  // The exit of a dismissed toast ended: remove it and its message (one revived meanwhile stays).\n  const removeExited = React.useCallback((id: string) => {\n    setToasts((prev) =>\n      prev.some((t) => t.id === id && t.dismissed)\n        ? prev.filter((t) => !(t.id === id && t.dismissed))\n        : prev,\n    );\n    setAnnouncements((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const controller = React.useMemo<ToastController>(\n    () => ({ dispatchToast, dismissToast, dismissAllToasts }),\n    [dispatchToast, dismissToast, dismissAllToasts],\n  );\n\n  // A handle from createToaster() (P3-08, D33): bound in a layout effect, so dispatches that waited\n  // in its queue show before the first paint, and unbound on unmount (StrictMode binds again and\n  // finds the queue taken). A handle bound to another Toaster stays there.\n  const [handleOwner] = React.useState(() => ({}));\n  React.useLayoutEffect(() => {\n    if (!handle) return undefined;\n    const binding = bindToasterHandle(handle, handleOwner, controller);\n    if (binding.status === 'bound') return binding.unbind;\n    if (binding.status === 'taken') {\n      warnOnce(\n        'Toaster:handle-bound',\n        'Toaster: this handle is already bound to another Toaster; a handle binds one Toaster. Create one handle per Toaster.',\n      );\n    } else {\n      warnOnce(\n        'Toaster:handle-unknown',\n        'Toaster: `toaster` is not a handle from createToaster(), so nothing is bound. Pass the value createToaster() returns.',\n      );\n    }\n    return undefined;\n  }, [handle, handleOwner, controller]);\n\n  // Where focus goes when the focused toast is dismissed (in its dismissing commit) or removed with\n  // the Toaster: the next toast that is not exiting, else the previous one — that container itself\n  // when focus was on the dismissed container (after Delete or the shortcut), else its first\n  // tabbable element — else the element focused before focus entered the toasts. Runs possibly\n  // after the whole Toaster is gone: never throws.\n  const getFocusFallback = React.useCallback((from: HTMLElement | null): HTMLElement | null => {\n    const viewport = viewportRef.current;\n    const containers = viewport\n      ? Array.from(viewport.children).filter(\n          (el): el is HTMLElement =>\n            el instanceof HTMLElement && el.hasAttribute('data-wave-toast'),\n        )\n      : [];\n    const onContainer = !!from && from.ownerDocument.activeElement === from;\n    const index = from ? containers.indexOf(from) : -1;\n    const isLive = (el: HTMLElement) =>\n      el !== from && el.isConnected && el.getAttribute('data-presence') !== 'exiting';\n    const next = containers.slice(index + 1).find(isLive);\n    const previous = index > 0 ? containers.slice(0, index).reverse().find(isLive) : undefined;\n    for (const candidate of [next, previous]) {\n      if (!candidate) continue;\n      const target = onContainer ? candidate : getFirstTabbable(candidate);\n      if (target) return target;\n    }\n    // Focus leaves the toasts here without a blur of the viewport (the focused node is inert or\n    // gone), so the element is forgotten as it is used: a toast focused later from nowhere does not\n    // send focus back to it.\n    const previousFocus = previousFocusRef.current;\n    previousFocusRef.current = null;\n    return previousFocus?.isConnected ? previousFocus : null;\n  }, []);\n\n  // Focus can fall to the page body without a blur reaching the viewport: the node that had it\n  // (a layer opened from a toast, a button replaced by text) is gone. A move to a real element\n  // always sends blur and focus through React, so only a fall to the body is reconciled, whenever\n  // the toasts or the layers change: the 'focus' pause ends, and while the region still held it,\n  // focus returns to the remembered origin, as it does when a focused toast goes. The origin is\n  // forgotten either way.\n  const reconcileFocus = useEventCallback(() => {\n    const viewport = viewportRef.current;\n    if (!viewport) return;\n    const doc = viewport.ownerDocument;\n    if (doc.activeElement && doc.activeElement !== doc.body) return;\n    const held = timers.isPaused('focus');\n    timers.setPaused('focus', false);\n    const origin = previousFocusRef.current;\n    previousFocusRef.current = null;\n    if (held && origin && isConnectedAndFocusable(origin)) origin.focus({ preventScroll: true });\n  });\n  React.useLayoutEffect(() => {\n    reconcileFocus();\n  }, [settled, reconcileFocus]);\n  // A layer's cleanup can notify while its focused node is still connected: look a tick later.\n  React.useLayoutEffect(\n    () => subscribeLayers(() => queueMicrotask(reconcileFocus)),\n    [reconcileFocus],\n  );\n\n  // The pointer can leave the region without a leave reaching it: when the node under the pointer\n  // is removed (a hovered toast dismissed, timed out or pushed out by the limit, a menu item that\n  // closed its menu), the browser's next boundary event is a `pointerover` on the element now under\n  // the pointer with no related target, from which React synthesises no leave. So the 'hover' pause\n  // also ends on any `pointerover` that did not pass through the region in React's tree, which\n  // takes in a portal opened from a toast (D14, as the enter and leave handlers do). The DOM and\n  // layer check after it (`isInToastRegion`) is defensive: it keeps the pause for a layer anchored\n  // in a toast but rendered outside the Toaster's tree. A document listener in the bubble phase, so\n  // React's own listeners (on the root and portal containers, below the document) have marked the\n  // event first.\n  const regionPointerOverRef = React.useRef<Event | null>(null);\n  React.useEffect(() => {\n    const handlePointerOver = (event: Event) => {\n      const fromRegion = regionPointerOverRef.current === event;\n      regionPointerOverRef.current = null;\n      if (fromRegion || !timers.isPaused('hover')) return;\n      const viewport = viewportRef.current;\n      if (viewport && event.target instanceof Node && isInToastRegion(viewport, event.target)) {\n        return;\n      }\n      timers.setPaused('hover', false);\n    };\n    document.addEventListener('pointerover', handlePointerOver);\n    return () => document.removeEventListener('pointerover', handlePointerOver);\n  }, [timers]);\n\n  // The latest entries and every container element, for the shortcut's document listener.\n  const toastsRef = React.useRef<ToastEntry[]>(settled);\n  React.useLayoutEffect(() => {\n    toastsRef.current = settled;\n  });\n  const containersRef = React.useRef(new Map<string, HTMLElement>());\n  const registerContainer = React.useCallback((id: string, node: HTMLElement | null) => {\n    if (node) containersRef.current.set(id, node);\n    else containersRef.current.delete(id);\n  }, []);\n\n  // The focus shortcut (D14): a document listener, so the key works wherever focus is. It focuses\n  // the container of the newest toast that is shown and not dismissed and remembers where focus\n  // was (unless it is already in the toasts).\n  const hasFocusShortcut = typeof shortcuts?.focus === 'function';\n  const handleShortcut = useEventCallback((event: KeyboardEvent) => {\n    if (event.defaultPrevented || event.isComposing || !shortcuts?.focus?.(event)) return;\n    const newest = findNewestToast(toastsRef.current);\n    const target = newest ? containersRef.current.get(newest.id) : undefined;\n    if (!target?.isConnected) return;\n    event.preventDefault();\n    const viewport = viewportRef.current;\n    const active = target.ownerDocument.activeElement;\n    if (\n      active instanceof HTMLElement &&\n      active !== target.ownerDocument.body &&\n      !(viewport && isInToastRegion(viewport, active))\n    ) {\n      previousFocusRef.current = active;\n    }\n    target.focus({ preventScroll: false });\n  });\n  React.useEffect(() => {\n    if (!hasFocusShortcut) return undefined;\n    const listener = (event: KeyboardEvent) => handleShortcut(event);\n    document.addEventListener('keydown', listener);\n    return () => document.removeEventListener('keydown', listener);\n  }, [hasFocusShortcut, handleShortcut]);\n\n  // Focus entering the toast region from an element outside it: return there when the focused\n  // toast goes and after Escape. Focus arriving with no related target keeps what is remembered\n  // (the Toaster's own move to the next toast, the window regaining focus). Moves inside the region\n  // — a layer opened from a toast included — change nothing, and an element that cannot take focus\n  // (inside a closing, inert surface) is never remembered.\n  const rememberFocusOrigin = (event: React.FocusEvent<HTMLDivElement>) => {\n    const from = event.relatedTarget;\n    if (!(from instanceof HTMLElement) || !isConnectedAndFocusable(from)) return;\n    if (isInToastRegion(event.currentTarget, from)) return;\n    previousFocusRef.current = from;\n  };\n\n  // Focus leaving the region for another element or for `<body>` forgets the element, so a toast\n  // focused again later from nowhere never sends focus back to something focused long before.\n  // Kept: moves inside the region (a layer opened from a toast included), a removed or dismissed\n  // toast (its node is gone or inert; the Toaster moves focus itself) and the window losing focus\n  // (the element keeps document focus while another window is active).\n  const forgetFocusOrigin = (event: React.FocusEvent<HTMLDivElement>) => {\n    const viewport = event.currentTarget;\n    const to = event.relatedTarget;\n    if (to instanceof Node && isInToastRegion(viewport, to)) return;\n    // A blur from inside a dismissed (exiting, inert) toast: the Toaster has moved focus itself,\n    // or a browser's focus fix-up blurs the inert subtree later.\n    if (event.target.closest('[data-wave-toast][data-presence=\"exiting\"]')) return;\n    if (to === null) {\n      const from = event.target;\n      if (!from.isConnected) return;\n      const active = from.ownerDocument.activeElement;\n      if (active && isInToastRegion(viewport, active)) return;\n    }\n    previousFocusRef.current = null;\n  };\n\n  // Escape in the toast region (D14) dismisses every toast and returns focus to where it was\n  // before focus entered the toasts. Left alone: a key pressed in a portal opened from a toast\n  // (its target is outside the viewport; the portal's own widget handles it) and one that an open\n  // Escape-enabled layer anchored in the viewport takes first (a Tooltip on a toast's button, a\n  // Menu opened from a toast). Prevented, so the dismiss-layer stack does not route it to a Dialog\n  // or Drawer below (the region counts as inside every layer).\n  const handleEscape = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Escape' && event.key !== 'Esc') return;\n    if (event.defaultPrevented || event.nativeEvent.isComposing || !isOwnEvent(event)) return;\n    const viewport = event.currentTarget;\n    if (getOpenLayers().some((layer) => layer.escape && viewport.contains(layer.getAnchor()))) {\n      return;\n    }\n    event.preventDefault();\n    const origin = previousFocusRef.current;\n    previousFocusRef.current = null;\n    if (origin?.isConnected) origin.focus({ preventScroll: true });\n    dismissAllToasts();\n  };\n\n  // Each shown toast's message for its first 2 s, while it is not dismissed (a waiting toast is\n  // announced when it appears); a replacement is a new dispatch, so it is read again.\n  const polite: React.ReactNode[] = [];\n  const assertive: React.ReactNode[] = [];\n  for (const toast of shownToasts) {\n    if (toast.dismissed) continue;\n    const announcement = announcements.get(toast.id);\n    if (!announcement || announcement.seq !== toast.seq || !announcement.text) continue;\n    const message = <LiveMessage key={announcement.seq} text={announcement.text} />;\n    (announcement.assertive ? assertive : polite).push(message);\n  }\n\n  const viewportStyle =\n    sideOffset > 0\n      ? ({ ...style, '--wave-toaster-offset': `${sideOffset}px` } as React.CSSProperties)\n      : style;\n\n  return (\n    <ToasterContext.Provider value={controller}>\n      {children}\n      <Portal layer=\"toast\">\n        <div\n          ref={viewportRefs}\n          role=\"region\"\n          aria-label=\"Notifications\"\n          data-wave-focus-trap-allow=\"\"\n          data-position={position}\n          {...rest}\n          style={viewportStyle}\n          onFocus={(event) => {\n            // Bookkeeping always runs (a consumer's preventDefault() cannot cancel a focus change).\n            // Focus in a portal opened from a toast arrives here too (React bubbles focus events\n            // through portals) and counts as focus in the region (D14).\n            onFocus?.(event);\n            rememberFocusOrigin(event);\n            timers.setPaused('focus', true);\n          }}\n          onBlur={(event) => {\n            onBlur?.(event);\n            forgetFocusOrigin(event);\n            const next = event.relatedTarget;\n            if (next instanceof Node && isInToastRegion(event.currentTarget, next)) return;\n            timers.setPaused('focus', false);\n          }}\n          onPointerEnter={(event) => {\n            onPointerEnter?.(event);\n            timers.setPaused('hover', true);\n          }}\n          onPointerLeave={(event) => {\n            onPointerLeave?.(event);\n            timers.setPaused('hover', false);\n          }}\n          onPointerOver={(event) => {\n            // Bookkeeping always runs. A portal opened from a toast counts as the region (D14):\n            // React bubbles its pointer events here too.\n            onPointerOver?.(event);\n            regionPointerOverRef.current = event.nativeEvent;\n          }}\n          onKeyDown={(event) => composeEventHandlers(onKeyDown, handleEscape)(event)}\n          className={cn(\n            toasterClassNames.root,\n            'fixed flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2',\n            positionClasses[position],\n            className,\n          )}\n        >\n          {/* One message per toast for its first 2 s; not atomic, so only the added one is read. */}\n          <div role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" className=\"sr-only\">\n            {polite}\n          </div>\n          <div aria-live=\"assertive\" aria-atomic=\"false\" className=\"sr-only\">\n            {assertive}\n          </div>\n          {/* Shown toasts, exiting ones included: getFocusFallback walks the containers in this order. */}\n          {shownToasts.map((toast) => (\n            <ToastContainer\n              key={toast.id}\n              entry={toast}\n              timers={timers}\n              onDismiss={dismissToast}\n              onExited={removeExited}\n              getFocusFallback={getFocusFallback}\n              announce={announce}\n              registerContainer={registerContainer}\n            />\n          ))}\n        </div>\n      </Portal>\n    </ToasterContext.Provider>\n  );\n};\nToaster.displayName = 'Toaster';\n"],"mappings":"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"}

package/dist/components/input/AlphaSlider.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),ee=require("../../lib/composeEventHandlers.cjs"),n=require("../../lib/classNames.cjs"),r=require("../../lib/color.cjs"),i=require("../../lib/direction.cjs"),a=require("../../hooks/useMergedRefs.cjs"),o=require("../../hooks/useFieldControl.cjs"),s=require("../../hooks/useFormReset.cjs"),c=require("../internal/HiddenInput.cjs"),l=require("./colorUtils.cjs"),u=require("./ColorPicker.parts.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var te={opacity:`Opacity`,transparency:`Transparency`},p=({transparency:e=!1,orientation:p=`horizontal`,value:m,defaultValue:h,onValueChange:g,shape:_,labels:v,disabled:ne=!1,name:y,form:b,required:x,controlRef:S,className:re,style:C,id:w,"aria-label":T,"aria-labelledby":E,"aria-describedby":D,"aria-invalid":O,"aria-required":k,"aria-errormessage":A,"aria-details":j,autoFocus:M,tabIndex:N,onFocus:P,onBlur:F,onKeyDown:I,onKeyUp:L,ref:R,...z})=>{let B=u.useColorPartState({value:m,defaultValue:h,onValueChange:g,disabled:ne}),{picker:V}=B,H=V?.labels.valueText,U={...te,...V&&{opacity:V.labels.opacity,transparency:V.labels.transparency,valueText:H&&(e=>H(e,`alpha`))},...v},W=_??V?.shape??`rounded`,G=p===`vertical`,K=l.displayColor(B.color),q=l.toPercent(K.a),J=e?100-q:q,Y=o.useFieldContext(),{"aria-required":ie,required:ae,...X}=o.useFieldControl({id:w,"aria-label":T??(Y===null&&E===void 0?e?U.transparency:U.opacity:void 0),"aria-labelledby":E,"aria-describedby":D,"aria-invalid":O}),Z=X[`aria-invalid`],oe=Z!==void 0&&Z!==!1&&Z!==`false`,se=x??(k===!0||k===`true`||(Y?.required??!1)),Q=d.useRef(null),ce=a.useMergedRefs(Q,S);s.useFormReset(Q,B.reset,b);let $=t=>{t!==J&&B.setColor({...B.color,a:(e?100-t:t)/100})},le=ee.composeEventHandlers(I,e=>{if(B.disabled||e.nativeEvent.isComposing)return;let t=l.railKeyTarget(e.key,e,i.getDirection(e.currentTarget),J,100);t!==null&&(e.preventDefault(),$(t))}),ue=e=>{B.disabled||$(Math.min(100,Math.max(0,Math.round(Number(e.currentTarget.value)))))},de={...C,"--wave-color-slider-gradient":l.alphaSliderGradient(K,e,p),"--wave-color-slider-position":l.toPosition(J/100),"--wave-color-thumb":r.hsvToHex(K)};return(0,f.jsxs)(`div`,{"data-orientation":p,"data-disabled":B.disabled?``:void 0,className:t.cn(n.alphaSliderClassNames.root,`group/alpha-slider relative flex touch-none select-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,G?l.RAIL_ROOT_VERTICAL:l.RAIL_ROOT_HORIZONTAL,re),style:de,...z,ref:R,children:[(0,f.jsx)(`div`,{"aria-hidden":`true`,className:t.cn(n.alphaSliderClassNames.rail,`relative overflow-hidden rounded-full bg-[conic-gradient(var(--wave-stroke)_25%,var(--wave-background)_0_50%,var(--wave-stroke)_0_75%,var(--wave-background)_0)] bg-size-[8px_8px] forced-colors:forced-color-adjust-none`,G?l.RAIL_TRACK_VERTICAL:l.RAIL_TRACK_HORIZONTAL,W===`square`&&`rounded-none`),children:(0,f.jsx)(`span`,{className:t.cn(`absolute inset-0`,l.RAIL_GRADIENT)})}),(0,f.jsx)(`input`,{type:`range`,...X,ref:ce,min:0,max:100,step:1,value:J,disabled:B.disabled,dir:G?`ltr`:void 0,"aria-orientation":G?`vertical`:void 0,"aria-valuetext":l.alphaValueText(K,e,U.valueText),"aria-errormessage":oe&&A||void 0,"aria-details":j,autoFocus:M,tabIndex:N,onFocus:P,onBlur:F,onKeyDown:le,onKeyUp:L,onChange:ue,className:t.cn(l.RAIL_INPUT_CLASSES,G?l.RAIL_INPUT_VERTICAL:l.RAIL_INPUT_HORIZONTAL)}),(0,f.jsx)(`span`,{"aria-hidden":`true`,className:G?l.THUMB_TRACK_VERTICAL:l.THUMB_TRACK_HORIZONTAL,children:(0,f.jsx)(`span`,{className:t.cn(n.alphaSliderClassNames.thumb,l.COLOR_THUMB_CLASSES,G?l.THUMB_POSITION_VERTICAL:l.THUMB_POSITION_HORIZONTAL,`group-has-[:focus-visible]/alpha-slider:ring-2 group-has-[:focus-visible]/alpha-slider:ring-background forced-colors:group-has-[:focus-visible]/alpha-slider:ring-[Canvas] group-has-[:focus-visible]/alpha-slider:outline-2 group-has-[:focus-visible]/alpha-slider:outline-offset-2 group-has-[:focus-visible]/alpha-slider:outline-ring forced-colors:group-has-[:focus-visible]/alpha-slider:outline-[Highlight]`)})}),!V&&(0,f.jsx)(c.HiddenInput,{type:`text`,name:y,form:b,disabled:B.disabled,value:r.hsvToHex(B.color),required:se,onInvalid:()=>Q.current?.focus()})]})};p.displayName=`AlphaSlider`,exports.AlphaSlider=p;
+//# sourceMappingURL=AlphaSlider.cjs.map

package/dist/components/input/AlphaSlider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphaSlider.cjs","names":["useColorPartState","displayColor","toPercent","useFieldContext","useFieldControl","React","useMergedRefs","composeEventHandlers","railKeyTarget","getDirection","alphaSliderGradient","toPosition","hsvToHex","cn","alphaSliderClassNames","RAIL_ROOT_VERTICAL","RAIL_ROOT_HORIZONTAL","RAIL_TRACK_VERTICAL","RAIL_TRACK_HORIZONTAL","RAIL_GRADIENT","alphaValueText","RAIL_INPUT_CLASSES","RAIL_INPUT_VERTICAL","RAIL_INPUT_HORIZONTAL","THUMB_TRACK_VERTICAL","THUMB_TRACK_HORIZONTAL","COLOR_THUMB_CLASSES","THUMB_POSITION_VERTICAL","THUMB_POSITION_HORIZONTAL","HiddenInput","require_runtime","require_cn","require_composeEventHandlers","require_classNames","require_color","require_direction","require_useMergedRefs","require_useFieldControl","require_useFormReset","require_HiddenInput","require_colorUtils","require_ColorPicker_parts","react","react_jsx_runtime","DEFAULT_LABELS","AlphaSlider","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","rest","part","pickerValueText","picker","strings","color","labels","resolvedShape","shape","vertical","orientation","shown","opacity","current","transparency","field","_ariaRequired","_required","inputFieldProps","invalid","isInvalid","isRequired","required","inputRef","mergedControlRef","controlRef","form","apply","next","handleKeyDown","onKeyDown","event","target","handleChange","sliderStyle","style","className"],"sources":["../../../src/components/input/AlphaSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { alphaSliderClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { hsvToHex } from '../../lib/color';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { getDirection } from '../../lib/direction';\nimport type { HsvColor } from '../../lib/types';\nimport { useFieldContext, useFieldControl } from '../../hooks/useFieldControl';\nimport { useFormReset } from '../../hooks/useFormReset';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { HiddenInput } from '../internal/HiddenInput';\nimport { useColorPartState } from './ColorPicker.parts';\nimport type { ColorSliderProps } from './ColorSlider';\nimport {\n  COLOR_THUMB_CLASSES,\n  RAIL_GRADIENT,\n  RAIL_INPUT_CLASSES,\n  RAIL_INPUT_HORIZONTAL,\n  RAIL_INPUT_VERTICAL,\n  RAIL_ROOT_HORIZONTAL,\n  RAIL_ROOT_VERTICAL,\n  RAIL_TRACK_HORIZONTAL,\n  RAIL_TRACK_VERTICAL,\n  THUMB_POSITION_HORIZONTAL,\n  THUMB_POSITION_VERTICAL,\n  THUMB_TRACK_HORIZONTAL,\n  THUMB_TRACK_VERTICAL,\n  alphaSliderGradient,\n  alphaValueText,\n  displayColor,\n  railKeyTarget,\n  toPercent,\n  toPosition,\n} from './colorUtils';\n\n/** Texts of an AlphaSlider, for localisation. Every key is optional. */\nexport interface AlphaSliderLabels {\n  /** Name of the slider.\n   * @default 'Opacity'\n   */\n  opacity?: string;\n  /** Name of the slider with `transparency`.\n   * @default 'Transparency'\n   */\n  transparency?: string;\n  /** Replaces the value text (\"40%\"), for languages whose order differs. */\n  valueText?: (color: HsvColor, transparency: boolean) => string;\n}\n\n/** Properties for the AlphaSlider component. */\nexport interface AlphaSliderProps extends Omit<ColorSliderProps, 'channel' | 'labels'> {\n  /**\n   * Shows transparency (100 % is fully transparent) instead of opacity: the rail, the input's\n   * value, the value text and the arrow direction all follow it, while `value.a` stays the\n   * opacity (Fluent's `transparency`).\n   * @default false\n   */\n  transparency?: boolean;\n  /** Texts of the slider; bound to a ColorPicker, the picker's `labels` fill the keys you leave out. */\n  labels?: AlphaSliderLabels;\n}\n\nconst DEFAULT_LABELS = { opacity: 'Opacity', transparency: 'Transparency' } as const;\n\n/**\n * A slider for a color's opacity, drawn over a checkerboard, horizontal (mirrored in right-to-left\n * layouts) or vertical (bottom to top); `transparency` shows transparency instead. The arrow keys\n * move by 1 %, Shift with an arrow and Page Up or Page Down by 10, Home and End to the ends. It is\n * named by `aria-label`, else the surrounding Field's label, else \"Opacity\" (\"Transparency\").\n * Inside a ColorPicker, leave `value` and `defaultValue` out and it binds to the picker. Fluent's\n * `AlphaSlider`, with `value`/`onValueChange` for its `color`/`onChange`.\n *\n * @example\n * <AlphaSlider value={color} onValueChange={setColor} />\n */\nexport const AlphaSlider = ({\n  transparency = false,\n  orientation = 'horizontal',\n  value,\n  defaultValue,\n  onValueChange,\n  shape,\n  labels,\n  disabled = false,\n  name,\n  form,\n  required,\n  controlRef,\n  className,\n  style,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  'aria-errormessage': ariaErrorMessage,\n  'aria-details': ariaDetails,\n  autoFocus,\n  tabIndex,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  ref,\n  ...rest\n}: AlphaSliderProps) => {\n  const part = useColorPartState({ value, defaultValue, onValueChange, disabled });\n  const { picker } = part;\n  const pickerValueText = picker?.labels.valueText;\n  const strings = {\n    ...DEFAULT_LABELS,\n    ...(picker && {\n      opacity: picker.labels.opacity,\n      transparency: picker.labels.transparency,\n      valueText: pickerValueText && ((color: HsvColor) => pickerValueText(color, 'alpha')),\n    }),\n    ...labels,\n  };\n  const resolvedShape = shape ?? picker?.shape ?? 'rounded';\n  const vertical = orientation === 'vertical';\n  const shown = displayColor(part.color);\n  const opacity = toPercent(shown.a);\n  const current = transparency ? 100 - opacity : opacity;\n\n  const field = useFieldContext();\n  const fieldProps = useFieldControl({\n    id,\n    'aria-label':\n      ariaLabel ??\n      (field === null && ariaLabelledBy === undefined\n        ? transparency\n          ? strings.transparency\n          : strings.opacity\n        : undefined),\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n  });\n  // A slider supports neither aria-required nor a native `required`: the hidden input carries it.\n  const { 'aria-required': _ariaRequired, required: _required, ...inputFieldProps } = fieldProps;\n  const invalid = inputFieldProps['aria-invalid'];\n  const isInvalid = invalid !== undefined && invalid !== false && invalid !== 'false';\n  const isRequired =\n    required ?? (ariaRequired === true || ariaRequired === 'true' || (field?.required ?? false));\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const mergedControlRef = useMergedRefs(inputRef, controlRef);\n  useFormReset(inputRef, part.reset, form);\n\n  /** Applies a value of the input's range: the opacity in percent, or the transparency. */\n  const apply = (next: number) => {\n    if (next === current) return;\n    part.setColor({ ...part.color, a: (transparency ? 100 - next : next) / 100 });\n  };\n\n  const handleKeyDown = composeEventHandlers(\n    onKeyDown,\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (part.disabled || event.nativeEvent.isComposing) return;\n      const target = railKeyTarget(\n        event.key,\n        event,\n        getDirection(event.currentTarget),\n        current,\n        100,\n      );\n      if (target === null) return;\n      event.preventDefault();\n      apply(target);\n    },\n  );\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (part.disabled) return;\n    apply(Math.min(100, Math.max(0, Math.round(Number(event.currentTarget.value)))));\n  };\n\n  const sliderStyle = {\n    ...style,\n    '--wave-color-slider-gradient': alphaSliderGradient(shown, transparency, orientation),\n    '--wave-color-slider-position': toPosition(current / 100),\n    '--wave-color-thumb': hsvToHex(shown),\n  } as React.CSSProperties;\n\n  return (\n    <div\n      data-orientation={orientation}\n      data-disabled={part.disabled ? '' : undefined}\n      className={cn(\n        alphaSliderClassNames.root,\n        'group/alpha-slider relative flex touch-none select-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        vertical ? RAIL_ROOT_VERTICAL : RAIL_ROOT_HORIZONTAL,\n        className,\n      )}\n      style={sliderStyle}\n      {...rest}\n      ref={ref}\n    >\n      <div\n        aria-hidden=\"true\"\n        className={cn(\n          alphaSliderClassNames.rail,\n          'relative overflow-hidden rounded-full bg-[conic-gradient(var(--wave-stroke)_25%,var(--wave-background)_0_50%,var(--wave-stroke)_0_75%,var(--wave-background)_0)] bg-size-[8px_8px] forced-colors:forced-color-adjust-none',\n          vertical ? RAIL_TRACK_VERTICAL : RAIL_TRACK_HORIZONTAL,\n          resolvedShape === 'square' && 'rounded-none',\n        )}\n      >\n        <span className={cn('absolute inset-0', RAIL_GRADIENT)} />\n      </div>\n      <input\n        type=\"range\"\n        {...inputFieldProps}\n        ref={mergedControlRef}\n        min={0}\n        max={100}\n        step={1}\n        value={current}\n        disabled={part.disabled}\n        dir={vertical ? 'ltr' : undefined}\n        aria-orientation={vertical ? 'vertical' : undefined}\n        aria-valuetext={alphaValueText(shown, transparency, strings.valueText)}\n        aria-errormessage={(isInvalid && ariaErrorMessage) || undefined}\n        aria-details={ariaDetails}\n        autoFocus={autoFocus}\n        tabIndex={tabIndex}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={onKeyUp}\n        onChange={handleChange}\n        className={cn(RAIL_INPUT_CLASSES, vertical ? RAIL_INPUT_VERTICAL : RAIL_INPUT_HORIZONTAL)}\n      />\n      <span aria-hidden=\"true\" className={vertical ? THUMB_TRACK_VERTICAL : THUMB_TRACK_HORIZONTAL}>\n        <span\n          className={cn(\n            alphaSliderClassNames.thumb,\n            COLOR_THUMB_CLASSES,\n            vertical ? THUMB_POSITION_VERTICAL : THUMB_POSITION_HORIZONTAL,\n            'group-has-[:focus-visible]/alpha-slider:ring-2 group-has-[:focus-visible]/alpha-slider:ring-background forced-colors:group-has-[:focus-visible]/alpha-slider:ring-[Canvas] group-has-[:focus-visible]/alpha-slider:outline-2 group-has-[:focus-visible]/alpha-slider:outline-offset-2 group-has-[:focus-visible]/alpha-slider:outline-ring forced-colors:group-has-[:focus-visible]/alpha-slider:outline-[Highlight]',\n          )}\n        />\n      </span>\n      {!picker && (\n        <HiddenInput\n          type=\"text\"\n          name={name}\n          form={form}\n          disabled={part.disabled}\n          value={hsvToHex(part.color)}\n          required={isRequired}\n          onInvalid={() => inputRef.current?.focus()}\n        />\n      )}\n    </div>\n  );\n};\n\nAlphaSlider.displayName = 'AlphaSlider';\n"],"mappings":"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"}

package/dist/components/input/AlphaSlider.mjs

@@ -0,0 +1,115 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { composeEventHandlers as t } from "../../lib/composeEventHandlers.mjs";
+import { alphaSliderClassNames as n } from "../../lib/classNames.mjs";
+import { hsvToHex as r } from "../../lib/color.mjs";
+import { getDirection as i } from "../../lib/direction.mjs";
+import { useMergedRefs as a } from "../../hooks/useMergedRefs.mjs";
+import { useFieldContext as o, useFieldControl as s } from "../../hooks/useFieldControl.mjs";
+import { useFormReset as c } from "../../hooks/useFormReset.mjs";
+import { HiddenInput as l } from "../internal/HiddenInput.mjs";
+import { COLOR_THUMB_CLASSES as u, RAIL_GRADIENT as ee, RAIL_INPUT_CLASSES as te, RAIL_INPUT_HORIZONTAL as ne, RAIL_INPUT_VERTICAL as re, RAIL_ROOT_HORIZONTAL as ie, RAIL_ROOT_VERTICAL as ae, RAIL_TRACK_HORIZONTAL as oe, RAIL_TRACK_VERTICAL as se, THUMB_POSITION_HORIZONTAL as ce, THUMB_POSITION_VERTICAL as le, THUMB_TRACK_HORIZONTAL as ue, THUMB_TRACK_VERTICAL as de, alphaSliderGradient as fe, alphaValueText as d, displayColor as f, railKeyTarget as p, toPercent as m, toPosition as h } from "./colorUtils.mjs";
+import { useColorPartState as g } from "./ColorPicker.parts.mjs";
+import * as _ from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/input/AlphaSlider.tsx
+var b = {
+	opacity: "Opacity",
+	transparency: "Transparency"
+}, x = ({ transparency: x = !1, orientation: S = "horizontal", value: C, defaultValue: w, onValueChange: T, shape: E, labels: D, disabled: O = !1, name: k, form: A, required: j, controlRef: M, className: N, style: P, id: F, "aria-label": I, "aria-labelledby": L, "aria-describedby": R, "aria-invalid": pe, "aria-required": z, "aria-errormessage": B, "aria-details": me, autoFocus: he, tabIndex: ge, onFocus: _e, onBlur: ve, onKeyDown: ye, onKeyUp: be, ref: xe, ...Se }) => {
+	let V = g({
+		value: C,
+		defaultValue: w,
+		onValueChange: T,
+		disabled: O
+	}), { picker: H } = V, U = H?.labels.valueText, W = {
+		...b,
+		...H && {
+			opacity: H.labels.opacity,
+			transparency: H.labels.transparency,
+			valueText: U && ((e) => U(e, "alpha"))
+		},
+		...D
+	}, Ce = E ?? H?.shape ?? "rounded", G = S === "vertical", K = f(V.color), q = m(K.a), J = x ? 100 - q : q, Y = o(), { "aria-required": we, required: Te, ...X } = s({
+		id: F,
+		"aria-label": I ?? (Y === null && L === void 0 ? x ? W.transparency : W.opacity : void 0),
+		"aria-labelledby": L,
+		"aria-describedby": R,
+		"aria-invalid": pe
+	}), Z = X["aria-invalid"], Ee = Z !== void 0 && Z !== !1 && Z !== "false", De = j ?? (z === !0 || z === "true" || (Y?.required ?? !1)), Q = _.useRef(null), Oe = a(Q, M);
+	c(Q, V.reset, A);
+	let $ = (e) => {
+		e !== J && V.setColor({
+			...V.color,
+			a: (x ? 100 - e : e) / 100
+		});
+	}, ke = t(ye, (e) => {
+		if (V.disabled || e.nativeEvent.isComposing) return;
+		let t = p(e.key, e, i(e.currentTarget), J, 100);
+		t !== null && (e.preventDefault(), $(t));
+	}), Ae = (e) => {
+		V.disabled || $(Math.min(100, Math.max(0, Math.round(Number(e.currentTarget.value)))));
+	}, je = {
+		...P,
+		"--wave-color-slider-gradient": fe(K, x, S),
+		"--wave-color-slider-position": h(J / 100),
+		"--wave-color-thumb": r(K)
+	};
+	return /* @__PURE__ */ y("div", {
+		"data-orientation": S,
+		"data-disabled": V.disabled ? "" : void 0,
+		className: e(n.root, "group/alpha-slider relative flex touch-none select-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", G ? ae : ie, N),
+		style: je,
+		...Se,
+		ref: xe,
+		children: [
+			/* @__PURE__ */ v("div", {
+				"aria-hidden": "true",
+				className: e(n.rail, "relative overflow-hidden rounded-full bg-[conic-gradient(var(--wave-stroke)_25%,var(--wave-background)_0_50%,var(--wave-stroke)_0_75%,var(--wave-background)_0)] bg-size-[8px_8px] forced-colors:forced-color-adjust-none", G ? se : oe, Ce === "square" && "rounded-none"),
+				children: /* @__PURE__ */ v("span", { className: e("absolute inset-0", ee) })
+			}),
+			/* @__PURE__ */ v("input", {
+				type: "range",
+				...X,
+				ref: Oe,
+				min: 0,
+				max: 100,
+				step: 1,
+				value: J,
+				disabled: V.disabled,
+				dir: G ? "ltr" : void 0,
+				"aria-orientation": G ? "vertical" : void 0,
+				"aria-valuetext": d(K, x, W.valueText),
+				"aria-errormessage": Ee && B || void 0,
+				"aria-details": me,
+				autoFocus: he,
+				tabIndex: ge,
+				onFocus: _e,
+				onBlur: ve,
+				onKeyDown: ke,
+				onKeyUp: be,
+				onChange: Ae,
+				className: e(te, G ? re : ne)
+			}),
+			/* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				className: G ? de : ue,
+				children: /* @__PURE__ */ v("span", { className: e(n.thumb, u, G ? le : ce, "group-has-[:focus-visible]/alpha-slider:ring-2 group-has-[:focus-visible]/alpha-slider:ring-background forced-colors:group-has-[:focus-visible]/alpha-slider:ring-[Canvas] group-has-[:focus-visible]/alpha-slider:outline-2 group-has-[:focus-visible]/alpha-slider:outline-offset-2 group-has-[:focus-visible]/alpha-slider:outline-ring forced-colors:group-has-[:focus-visible]/alpha-slider:outline-[Highlight]") })
+			}),
+			!H && /* @__PURE__ */ v(l, {
+				type: "text",
+				name: k,
+				form: A,
+				disabled: V.disabled,
+				value: r(V.color),
+				required: De,
+				onInvalid: () => Q.current?.focus()
+			})
+		]
+	});
+};
+x.displayName = "AlphaSlider";
+//#endregion
+export { x as AlphaSlider };
+
+//# sourceMappingURL=AlphaSlider.mjs.map

package/dist/components/input/AlphaSlider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphaSlider.mjs","names":["React","DEFAULT_LABELS","AlphaSlider","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","rest","part","useColorPartState","pickerValueText","picker","strings","color","labels","resolvedShape","shape","vertical","orientation","shown","displayColor","opacity","toPercent","current","transparency","field","useFieldContext","_ariaRequired","_required","inputFieldProps","useFieldControl","invalid","isInvalid","isRequired","required","inputRef","mergedControlRef","useMergedRefs","controlRef","form","apply","next","handleKeyDown","composeEventHandlers","onKeyDown","event","target","railKeyTarget","getDirection","handleChange","sliderStyle","style","alphaSliderGradient","toPosition","hsvToHex","cn","alphaSliderClassNames","RAIL_ROOT_VERTICAL","RAIL_ROOT_HORIZONTAL","className","RAIL_TRACK_VERTICAL","RAIL_TRACK_HORIZONTAL","RAIL_GRADIENT","alphaValueText","RAIL_INPUT_CLASSES","RAIL_INPUT_VERTICAL","RAIL_INPUT_HORIZONTAL","THUMB_TRACK_VERTICAL","THUMB_TRACK_HORIZONTAL","COLOR_THUMB_CLASSES","THUMB_POSITION_VERTICAL","THUMB_POSITION_HORIZONTAL","HiddenInput"],"sources":["../../../src/components/input/AlphaSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { alphaSliderClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { hsvToHex } from '../../lib/color';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { getDirection } from '../../lib/direction';\nimport type { HsvColor } from '../../lib/types';\nimport { useFieldContext, useFieldControl } from '../../hooks/useFieldControl';\nimport { useFormReset } from '../../hooks/useFormReset';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { HiddenInput } from '../internal/HiddenInput';\nimport { useColorPartState } from './ColorPicker.parts';\nimport type { ColorSliderProps } from './ColorSlider';\nimport {\n  COLOR_THUMB_CLASSES,\n  RAIL_GRADIENT,\n  RAIL_INPUT_CLASSES,\n  RAIL_INPUT_HORIZONTAL,\n  RAIL_INPUT_VERTICAL,\n  RAIL_ROOT_HORIZONTAL,\n  RAIL_ROOT_VERTICAL,\n  RAIL_TRACK_HORIZONTAL,\n  RAIL_TRACK_VERTICAL,\n  THUMB_POSITION_HORIZONTAL,\n  THUMB_POSITION_VERTICAL,\n  THUMB_TRACK_HORIZONTAL,\n  THUMB_TRACK_VERTICAL,\n  alphaSliderGradient,\n  alphaValueText,\n  displayColor,\n  railKeyTarget,\n  toPercent,\n  toPosition,\n} from './colorUtils';\n\n/** Texts of an AlphaSlider, for localisation. Every key is optional. */\nexport interface AlphaSliderLabels {\n  /** Name of the slider.\n   * @default 'Opacity'\n   */\n  opacity?: string;\n  /** Name of the slider with `transparency`.\n   * @default 'Transparency'\n   */\n  transparency?: string;\n  /** Replaces the value text (\"40%\"), for languages whose order differs. */\n  valueText?: (color: HsvColor, transparency: boolean) => string;\n}\n\n/** Properties for the AlphaSlider component. */\nexport interface AlphaSliderProps extends Omit<ColorSliderProps, 'channel' | 'labels'> {\n  /**\n   * Shows transparency (100 % is fully transparent) instead of opacity: the rail, the input's\n   * value, the value text and the arrow direction all follow it, while `value.a` stays the\n   * opacity (Fluent's `transparency`).\n   * @default false\n   */\n  transparency?: boolean;\n  /** Texts of the slider; bound to a ColorPicker, the picker's `labels` fill the keys you leave out. */\n  labels?: AlphaSliderLabels;\n}\n\nconst DEFAULT_LABELS = { opacity: 'Opacity', transparency: 'Transparency' } as const;\n\n/**\n * A slider for a color's opacity, drawn over a checkerboard, horizontal (mirrored in right-to-left\n * layouts) or vertical (bottom to top); `transparency` shows transparency instead. The arrow keys\n * move by 1 %, Shift with an arrow and Page Up or Page Down by 10, Home and End to the ends. It is\n * named by `aria-label`, else the surrounding Field's label, else \"Opacity\" (\"Transparency\").\n * Inside a ColorPicker, leave `value` and `defaultValue` out and it binds to the picker. Fluent's\n * `AlphaSlider`, with `value`/`onValueChange` for its `color`/`onChange`.\n *\n * @example\n * <AlphaSlider value={color} onValueChange={setColor} />\n */\nexport const AlphaSlider = ({\n  transparency = false,\n  orientation = 'horizontal',\n  value,\n  defaultValue,\n  onValueChange,\n  shape,\n  labels,\n  disabled = false,\n  name,\n  form,\n  required,\n  controlRef,\n  className,\n  style,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  'aria-errormessage': ariaErrorMessage,\n  'aria-details': ariaDetails,\n  autoFocus,\n  tabIndex,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  ref,\n  ...rest\n}: AlphaSliderProps) => {\n  const part = useColorPartState({ value, defaultValue, onValueChange, disabled });\n  const { picker } = part;\n  const pickerValueText = picker?.labels.valueText;\n  const strings = {\n    ...DEFAULT_LABELS,\n    ...(picker && {\n      opacity: picker.labels.opacity,\n      transparency: picker.labels.transparency,\n      valueText: pickerValueText && ((color: HsvColor) => pickerValueText(color, 'alpha')),\n    }),\n    ...labels,\n  };\n  const resolvedShape = shape ?? picker?.shape ?? 'rounded';\n  const vertical = orientation === 'vertical';\n  const shown = displayColor(part.color);\n  const opacity = toPercent(shown.a);\n  const current = transparency ? 100 - opacity : opacity;\n\n  const field = useFieldContext();\n  const fieldProps = useFieldControl({\n    id,\n    'aria-label':\n      ariaLabel ??\n      (field === null && ariaLabelledBy === undefined\n        ? transparency\n          ? strings.transparency\n          : strings.opacity\n        : undefined),\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n  });\n  // A slider supports neither aria-required nor a native `required`: the hidden input carries it.\n  const { 'aria-required': _ariaRequired, required: _required, ...inputFieldProps } = fieldProps;\n  const invalid = inputFieldProps['aria-invalid'];\n  const isInvalid = invalid !== undefined && invalid !== false && invalid !== 'false';\n  const isRequired =\n    required ?? (ariaRequired === true || ariaRequired === 'true' || (field?.required ?? false));\n\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const mergedControlRef = useMergedRefs(inputRef, controlRef);\n  useFormReset(inputRef, part.reset, form);\n\n  /** Applies a value of the input's range: the opacity in percent, or the transparency. */\n  const apply = (next: number) => {\n    if (next === current) return;\n    part.setColor({ ...part.color, a: (transparency ? 100 - next : next) / 100 });\n  };\n\n  const handleKeyDown = composeEventHandlers(\n    onKeyDown,\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (part.disabled || event.nativeEvent.isComposing) return;\n      const target = railKeyTarget(\n        event.key,\n        event,\n        getDirection(event.currentTarget),\n        current,\n        100,\n      );\n      if (target === null) return;\n      event.preventDefault();\n      apply(target);\n    },\n  );\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (part.disabled) return;\n    apply(Math.min(100, Math.max(0, Math.round(Number(event.currentTarget.value)))));\n  };\n\n  const sliderStyle = {\n    ...style,\n    '--wave-color-slider-gradient': alphaSliderGradient(shown, transparency, orientation),\n    '--wave-color-slider-position': toPosition(current / 100),\n    '--wave-color-thumb': hsvToHex(shown),\n  } as React.CSSProperties;\n\n  return (\n    <div\n      data-orientation={orientation}\n      data-disabled={part.disabled ? '' : undefined}\n      className={cn(\n        alphaSliderClassNames.root,\n        'group/alpha-slider relative flex touch-none select-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        vertical ? RAIL_ROOT_VERTICAL : RAIL_ROOT_HORIZONTAL,\n        className,\n      )}\n      style={sliderStyle}\n      {...rest}\n      ref={ref}\n    >\n      <div\n        aria-hidden=\"true\"\n        className={cn(\n          alphaSliderClassNames.rail,\n          'relative overflow-hidden rounded-full bg-[conic-gradient(var(--wave-stroke)_25%,var(--wave-background)_0_50%,var(--wave-stroke)_0_75%,var(--wave-background)_0)] bg-size-[8px_8px] forced-colors:forced-color-adjust-none',\n          vertical ? RAIL_TRACK_VERTICAL : RAIL_TRACK_HORIZONTAL,\n          resolvedShape === 'square' && 'rounded-none',\n        )}\n      >\n        <span className={cn('absolute inset-0', RAIL_GRADIENT)} />\n      </div>\n      <input\n        type=\"range\"\n        {...inputFieldProps}\n        ref={mergedControlRef}\n        min={0}\n        max={100}\n        step={1}\n        value={current}\n        disabled={part.disabled}\n        dir={vertical ? 'ltr' : undefined}\n        aria-orientation={vertical ? 'vertical' : undefined}\n        aria-valuetext={alphaValueText(shown, transparency, strings.valueText)}\n        aria-errormessage={(isInvalid && ariaErrorMessage) || undefined}\n        aria-details={ariaDetails}\n        autoFocus={autoFocus}\n        tabIndex={tabIndex}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={onKeyUp}\n        onChange={handleChange}\n        className={cn(RAIL_INPUT_CLASSES, vertical ? RAIL_INPUT_VERTICAL : RAIL_INPUT_HORIZONTAL)}\n      />\n      <span aria-hidden=\"true\" className={vertical ? THUMB_TRACK_VERTICAL : THUMB_TRACK_HORIZONTAL}>\n        <span\n          className={cn(\n            alphaSliderClassNames.thumb,\n            COLOR_THUMB_CLASSES,\n            vertical ? THUMB_POSITION_VERTICAL : THUMB_POSITION_HORIZONTAL,\n            'group-has-[:focus-visible]/alpha-slider:ring-2 group-has-[:focus-visible]/alpha-slider:ring-background forced-colors:group-has-[:focus-visible]/alpha-slider:ring-[Canvas] group-has-[:focus-visible]/alpha-slider:outline-2 group-has-[:focus-visible]/alpha-slider:outline-offset-2 group-has-[:focus-visible]/alpha-slider:outline-ring forced-colors:group-has-[:focus-visible]/alpha-slider:outline-[Highlight]',\n          )}\n        />\n      </span>\n      {!picker && (\n        <HiddenInput\n          type=\"text\"\n          name={name}\n          form={form}\n          disabled={part.disabled}\n          value={hsvToHex(part.color)}\n          required={isRequired}\n          onInvalid={() => inputRef.current?.focus()}\n        />\n      )}\n    </div>\n  );\n};\n\nAlphaSlider.displayName = 'AlphaSlider';\n"],"mappings":"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"}

package/dist/components/input/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),ee=require("../../lib/composeEventHandlers.cjs"),i=require("../../lib/classNames.cjs"),te=require("../../hooks/useControllable.cjs"),a=require("../../hooks/useId.cjs"),ne=require("../../hooks/useMergedRefs.cjs"),o=require("../../lib/aria.cjs"),s=require("../../hooks/useFieldControl.cjs"),c=require("../../lib/styles.cjs"),l=require("../../lib/icons.cjs"),u=require("../../hooks/useFormReset.cjs"),re=require("../internal/HiddenInput.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var ie=`forced-colors:border-[Highlight] forced-colors:bg-[Highlight]`,ae=`forced-colors:border-[GrayText] forced-colors:bg-[Canvas]`,oe=`forced-colors:text-[GrayText] forced-colors:forced-color-adjust-none`,p=({checked:e,defaultChecked:p=!1,indeterminate:m=!1,onCheckedChange:h,onChange:g,disabled:_=!1,disabledFocusable:v=!1,label:y,labelPosition:b=`after`,name:se,value:ce,required:x,form:S,id:le,"aria-label":C,"aria-labelledby":w,"aria-describedby":T,"aria-invalid":E,"aria-required":D,"aria-errormessage":O,"aria-details":k,"aria-disabled":A,autoFocus:j,tabIndex:M,onClick:N,onFocus:P,onBlur:F,onKeyDown:I,onKeyUp:L,controlRef:R,className:ue,children:z,ref:B,...V})=>{g!==void 0&&n.warnDeprecated(`Checkbox`,`onChange`,`onCheckedChange`);let H=r.slotRendersContent(z);d.useEffect(()=>{H&&n.warnOnce(`Checkbox:children`,"Checkbox: children are not rendered. Pass the label in `label`.")},[H]);let[U,W]=te.useControllable(e,p,e=>{h?.(e),g?.(e)}),de=a.useId(`checkbox`),G=a.useId(`checkbox-label`),K=s.useFieldContext(),q=s.useFieldControl({id:le,"aria-label":C,"aria-labelledby":w,"aria-describedby":T,"aria-invalid":E,"aria-required":D??x}),J=x??K?.required??!1,Y=r.slotRendersContent(y),fe=Y&&q[`aria-label`]===void 0?o.joinIds(q[`aria-labelledby`],K&&q.id===K.controlId?K.labelId:void 0,G):q[`aria-labelledby`],X=d.useRef(null),pe=ne.useMergedRefs(X,R);u.useFormReset(X,()=>W(p),S);let me=U||m,Z=_||v,Q=Z?oe:c.forcedColors.selectedLeaf,$=Y?(0,f.jsx)(`span`,{id:G,className:t.cn(i.checkboxClassNames.label,`text-body-1 text-foreground`),children:r.materialiseSlotContent(y)}):null;return(0,f.jsxs)(`label`,{ref:B,"data-label-position":b,className:t.cn(i.checkboxClassNames.root,`relative inline-flex items-start gap-2 select-none`,Z?`cursor-not-allowed opacity-50 has-focus-visible:opacity-100`:`cursor-pointer`,ue),...V,children:[b===`before`&&$,(0,f.jsx)(`button`,{id:de,type:`button`,...q,"aria-labelledby":fe,"aria-errormessage":O,"aria-details":k,"aria-disabled":A,autoFocus:j,tabIndex:M,onFocus:P,onBlur:F,onKeyDown:I,onKeyUp:L,ref:pe,role:`checkbox`,"aria-checked":m?`mixed`:U,disabled:_&&!v,...o.focusableDisabledProps(v,{reachable:!0}),onClick:v?e=>{e.preventDefault(),e.stopPropagation()}:ee.composeEventHandlers(N,()=>W(e=>!e)),className:t.cn(i.checkboxClassNames.indicator,`flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-xs border p-0 transition-colors motion-reduce:transition-none`,Y&&`mt-px`,c.focusRing,me?t.cn(`border-primary bg-primary text-primary-foreground`,Z?ae:ie):t.cn(`border-stroke-accessible bg-transparent`,Z?c.forcedColors.disabled:c.forcedColors.control)),children:m?(0,f.jsx)(l.SubtractIcon,{size:12,className:Q}):U?(0,f.jsx)(l.CheckIcon,{size:12,className:Q}):null}),b!==`before`&&$,(0,f.jsx)(re.HiddenInput,{type:`checkbox`,name:se,form:S,disabled:Z,value:ce,checked:U,required:J,onInvalid:()=>X.current?.focus()})]})};p.displayName=`Checkbox`,exports.Checkbox=p;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/input/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","names":["slotRendersContent","useControllable","useId","useFieldContext","useFieldControl","joinIds","React","useMergedRefs","forcedColors","cn","checkboxClassNames","materialiseSlotContent","focusableDisabledProps","composeEventHandlers","focusRing","SubtractIcon","CheckIcon","HiddenInput","require_runtime","require_cn","require_dev","require_slot","require_composeEventHandlers","require_classNames","require_useControllable","require_useId","require_useMergedRefs","require_aria","require_useFieldControl","require_styles","require_icons","require_useFormReset","require_HiddenInput","react","react_jsx_runtime","checkedBox","disabledCheckedBox","disabledGlyph","Checkbox","checkedProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","ariaDisabled","rest","onChange","hasChildren","children","checked","setChecked","defaultChecked","onCheckedChange","next","generatedId","labelTextId","field","fieldProps","required","isRequired","hasLabel","label","labelledBy","buttonRef","mergedControlRef","controlRef","form","on","indeterminate","unavailable","disabled","disabledFocusable","glyphClassName","labelText","labelPosition","className","event","onClick","prev"],"sources":["../../../src/components/input/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { focusableDisabledProps, joinIds } from '../../lib/aria';\nimport { checkboxClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { CheckIcon, SubtractIcon } from '../../lib/icons';\nimport { materialiseSlotContent, slotRendersContent } from '../../lib/slot';\nimport { focusRing, forcedColors } from '../../lib/styles';\nimport type { LabelPosition } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useFieldContext, useFieldControl } from '../../hooks/useFieldControl';\nimport { useFormReset } from '../../hooks/useFormReset';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { HiddenInput } from '../internal/HiddenInput';\n\n/*\n * Forced colors: the focusable box keeps system-color utilities, so the browser still forces its\n * focus outline and border; only the glyph (the leaf indicator) opts out of forced colors. A\n * disabled box draws a GrayText glyph and border on Canvas, without the Highlight fill.\n */\nconst checkedBox = 'forced-colors:border-[Highlight] forced-colors:bg-[Highlight]';\nconst disabledCheckedBox = 'forced-colors:border-[GrayText] forced-colors:bg-[Canvas]';\nconst disabledGlyph = 'forced-colors:text-[GrayText] forced-colors:forced-color-adjust-none';\n\n/** Handlers that run on the `role=\"checkbox\"` button instead of the root label (C-ROUTING). */\ntype CheckboxControlHandlers = 'onClick' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp';\n\n/** Where a Checkbox renders its label: after the box (default) or before it. */\nexport type CheckboxLabelPosition = Extract<LabelPosition, 'before' | 'after'>;\n\n/** Properties for the Checkbox component. */\nexport interface CheckboxProps extends Omit<\n  React.HTMLAttributes<HTMLLabelElement>,\n  'onChange' | 'defaultChecked' | CheckboxControlHandlers\n> {\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state for uncontrolled usage (also the value a form reset restores).\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * Shows the mixed state: the dash glyph and `aria-checked=\"mixed\"`, whatever `checked` is. A\n   * click still toggles `checked` and calls `onCheckedChange`, but the checkbox keeps showing and\n   * announcing \"mixed\" until you clear `indeterminate`. For a tri-state \"select all\", derive\n   * `checked` and `indeterminate` from the items and set every item in `onCheckedChange`.\n   * @default false\n   */\n  indeterminate?: boolean;\n  /** Called with the new checked state when it changes (not for no-op updates). */\n  onCheckedChange?: (checked: boolean) => void;\n  /**\n   * Called with the new checked state when it changes.\n   * @deprecated Use `onCheckedChange`.\n   */\n  onChange?: (checked: boolean) => void;\n  /** Whether the checkbox is disabled and non-interactive. */\n  disabled?: boolean;\n  /**\n   * Marks the checkbox unavailable but keeps it focusable and in the tab order: for a disabled\n   * checkbox that needs a Tooltip, or one in a toolbar. Renders `aria-disabled=\"true\"`,\n   * `data-disabled` and `data-disabled-focusable` on the checkbox instead of the native `disabled`\n   * attribute. The checkbox cannot be toggled and is not submitted with its form; your `onClick`\n   * is not called, and a click on the checkbox (or Space and Enter) does not reach ancestor click\n   * handlers, as for a natively disabled control. Wins over `disabled` when both are set. In a\n   * roving container (a `Toolbar`) it stays in the arrow-key order.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n  /**\n   * Label next to the control (any phrasing content, links included, but no other form\n   * controls). It names the control through `aria-labelledby`, after a consumer or Field\n   * `aria-labelledby`; a consumer `aria-label` names it instead. Clicking its text toggles the\n   * control; clicking a link inside it follows the link. `children` are not rendered: pass the\n   * label here.\n   */\n  label?: React.ReactNode;\n  /**\n   * Where the label renders: after the control (default) or before it. The DOM order follows the\n   * visual order.\n   * @default 'after'\n   */\n  labelPosition?: CheckboxLabelPosition;\n  /**\n   * Form field name. With a name, the checkbox takes part in native form submission: it submits\n   * `name=value` while checked.\n   */\n  name?: string;\n  /** Value submitted while checked.\n   * @default 'on'\n   */\n  value?: string;\n  /** The form must not be submitted while the checkbox is unchecked (native validation). */\n  required?: boolean;\n  /** Id of the form the checkbox belongs to, when it is rendered outside that form. */\n  form?: string;\n  /** Click handler of the checkbox control (the `role=\"checkbox\"` button). */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Focus handler of the checkbox control. */\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  /** Blur handler of the checkbox control. */\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n  /** Keydown handler of the checkbox control. */\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n  /** Keyup handler of the checkbox control. */\n  onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement>;\n  /** Ref to the focusable `role=\"checkbox\"` button. */\n  controlRef?: React.Ref<HTMLButtonElement>;\n  /** Ref to the root `<label>` element. */\n  ref?: React.Ref<HTMLLabelElement>;\n}\n\n/**\n * A checkbox for a boolean (or mixed) choice, drawn as a `role=\"checkbox\"` button inside a\n * `<label>`.\n *\n * - The root `<label>` receives `ref`, `className`, `style` and `data-*`; the control receives\n *   `id`, `aria-label`/`-labelledby`/`-describedby`/`-invalid`/`-required`/`-errormessage`/\n *   `-details`/`-disabled`, `tabIndex`, `autoFocus` and the click, focus and key handlers\n *   (`controlRef` exposes it). A consumer `onClick` runs once per activation, before the toggle;\n *   `preventDefault()` in it cancels the toggle.\n * - Inside a `Field` it is named by the Field label (followed by its own `label` text) and described\n *   by the Field message and hint.\n * - With `name` (or `required`) it takes part in native forms like `<input type=\"checkbox\">`, and\n *   a form reset restores `defaultChecked`.\n * - `label` takes rich content (a link to the terms) and renders after the box, or before it with\n *   `labelPosition=\"before\"` (the root carries `data-label-position`). The box lines up with the\n *   first line of a label that wraps or has a second line. `children` are not rendered (a\n *   development warning says so).\n */\nexport const Checkbox = ({\n  checked: checkedProp,\n  defaultChecked = false,\n  indeterminate = false,\n  onCheckedChange,\n  onChange,\n  disabled = false,\n  disabledFocusable = false,\n  label,\n  labelPosition = 'after',\n  name,\n  value,\n  required,\n  form,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  'aria-errormessage': ariaErrorMessage,\n  'aria-details': ariaDetails,\n  'aria-disabled': ariaDisabled,\n  autoFocus,\n  tabIndex,\n  onClick,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  controlRef,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) => {\n  if (onChange !== undefined) warnDeprecated('Checkbox', 'onChange', 'onCheckedChange');\n  const hasChildren = slotRendersContent(children);\n  React.useEffect(() => {\n    if (hasChildren) {\n      warnOnce(\n        'Checkbox:children',\n        'Checkbox: children are not rendered. Pass the label in `label`.',\n      );\n    }\n  }, [hasChildren]);\n  const [checked, setChecked] = useControllable(checkedProp, defaultChecked, (next: boolean) => {\n    onCheckedChange?.(next);\n    onChange?.(next);\n  });\n\n  const generatedId = useId('checkbox');\n  const labelTextId = useId('checkbox-label');\n  const field = useFieldContext();\n  const fieldProps = useFieldControl({\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n    // An explicit `required={false}` wins over a required Field, so aria-required always matches\n    // the native validation below (`isRequired`).\n    'aria-required': ariaRequired ?? required,\n  });\n  const isRequired = required ?? field?.required ?? false;\n  // `0` is a label; `null`, `false`, `''` and empty collections are not (C-SLOTS).\n  const hasLabel = slotRendersContent(label);\n  // The label text names the control through aria-labelledby, disabled or not: axe exempts the\n  // dimmed text of a disabled control only when the control references it this way (its <label>\n  // exemption covers native inputs only). A consumer aria-label still names the control alone.\n  // The ids already there (the consumer's, the Field label from useFieldControl) come first, then\n  // the Field label whose <label htmlFor> targets this control (aria-labelledby would hide it), so\n  // the name keeps every label.\n  const labelledBy =\n    hasLabel && fieldProps['aria-label'] === undefined\n      ? joinIds(\n          fieldProps['aria-labelledby'],\n          field && fieldProps.id === field.controlId ? field.labelId : undefined,\n          labelTextId,\n        )\n      : fieldProps['aria-labelledby'];\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const mergedControlRef = useMergedRefs(buttonRef, controlRef);\n  useFormReset(buttonRef, () => setChecked(defaultChecked), form);\n\n  const on = checked || indeterminate;\n  // Focusable-disabled wins over `disabled`: the box stays focusable but looks and acts disabled.\n  const unavailable = disabled || disabledFocusable;\n  // The glyph is the forced-colors leaf; the box stays on system colors (see `checkedBox`).\n  const glyphClassName = unavailable ? disabledGlyph : forcedColors.selectedLeaf;\n  const labelText = hasLabel ? (\n    <span id={labelTextId} className={cn(checkboxClassNames.label, 'text-body-1 text-foreground')}>\n      {materialiseSlotContent(label)}\n    </span>\n  ) : null;\n\n  return (\n    <label\n      ref={ref}\n      data-label-position={labelPosition}\n      className={cn(\n        checkboxClassNames.root,\n        // items-start: the box lines up with the first line of a label that wraps or has a second\n        // line, not with its middle.\n        'relative inline-flex items-start gap-2 select-none',\n        // The dimmed look lifts while a focus ring shows inside the root (the control's, under\n        // disabledFocusable, or a link's in the label): opacity would dim the ring below 3:1.\n        unavailable\n          ? 'cursor-not-allowed opacity-50 has-focus-visible:opacity-100'\n          : 'cursor-pointer',\n        className,\n      )}\n      {...rest}\n    >\n      {labelPosition === 'before' && labelText}\n      <button\n        id={generatedId}\n        type=\"button\"\n        {...fieldProps}\n        aria-labelledby={labelledBy}\n        aria-errormessage={ariaErrorMessage}\n        aria-details={ariaDetails}\n        aria-disabled={ariaDisabled}\n        autoFocus={autoFocus}\n        tabIndex={tabIndex}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        ref={mergedControlRef}\n        role=\"checkbox\"\n        aria-checked={indeterminate ? 'mixed' : checked}\n        disabled={disabled && !disabledFocusable}\n        {...focusableDisabledProps(disabledFocusable, { reachable: true })}\n        onClick={\n          disabledFocusable\n            ? // Clicks, Space and Enter (which click a button) neither toggle nor reach `onClick`,\n              // and, as a natively disabled control dispatches no click, no ancestor sees them.\n              (event: React.MouseEvent<HTMLButtonElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            : composeEventHandlers(onClick, () => setChecked((prev) => !prev))\n        }\n        className={cn(\n          checkboxClassNames.indicator,\n          // p-0 and the unchecked bg-transparent are set here, not left to the native reset, which\n          // any app button style overrides (C-NATIVE).\n          'flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-xs border p-0 transition-colors motion-reduce:transition-none',\n          // Centred on the 20px first line of the label text.\n          hasLabel && 'mt-px',\n          focusRing,\n          on\n            ? cn(\n                'border-primary bg-primary text-primary-foreground',\n                unavailable ? disabledCheckedBox : checkedBox,\n              )\n            : cn(\n                'border-stroke-accessible bg-transparent',\n                unavailable ? forcedColors.disabled : forcedColors.control,\n              ),\n        )}\n      >\n        {indeterminate ? (\n          <SubtractIcon size={12} className={glyphClassName} />\n        ) : checked ? (\n          <CheckIcon size={12} className={glyphClassName} />\n        ) : null}\n      </button>\n      {labelPosition !== 'before' && labelText}\n      <HiddenInput\n        type=\"checkbox\"\n        name={name}\n        form={form}\n        disabled={unavailable}\n        value={value}\n        checked={checked}\n        required={isRequired}\n        onInvalid={() => buttonRef.current?.focus()}\n      />\n    </label>\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":"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"}

package/dist/components/input/Checkbox.mjs

@@ -0,0 +1,97 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnDeprecated as t, warnOnce as ee } from "../../lib/dev.mjs";
+import { materialiseSlotContent as te, slotRendersContent as n } from "../../lib/slot.mjs";
+import { composeEventHandlers as r } from "../../lib/composeEventHandlers.mjs";
+import { checkboxClassNames as i } from "../../lib/classNames.mjs";
+import { useControllable as ne } from "../../hooks/useControllable.mjs";
+import { useId as a } from "../../hooks/useId.mjs";
+import { useMergedRefs as re } from "../../hooks/useMergedRefs.mjs";
+import { focusableDisabledProps as ie, joinIds as o } from "../../lib/aria.mjs";
+import { useFieldContext as s, useFieldControl as c } from "../../hooks/useFieldControl.mjs";
+import { focusRing as l, forcedColors as u } from "../../lib/styles.mjs";
+import { CheckIcon as d, SubtractIcon as f } from "../../lib/icons.mjs";
+import { useFormReset as ae } from "../../hooks/useFormReset.mjs";
+import { HiddenInput as oe } from "../internal/HiddenInput.mjs";
+import * as p from "react";
+import { jsx as m, jsxs as se } from "react/jsx-runtime";
+//#region src/components/input/Checkbox.tsx
+var ce = "forced-colors:border-[Highlight] forced-colors:bg-[Highlight]", le = "forced-colors:border-[GrayText] forced-colors:bg-[Canvas]", ue = "forced-colors:text-[GrayText] forced-colors:forced-color-adjust-none", h = ({ checked: h, defaultChecked: g = !1, indeterminate: _ = !1, onCheckedChange: de, onChange: v, disabled: y = !1, disabledFocusable: b = !1, label: x, labelPosition: S = "after", name: C, value: w, required: T, form: E, id: D, "aria-label": O, "aria-labelledby": k, "aria-describedby": A, "aria-invalid": j, "aria-required": M, "aria-errormessage": N, "aria-details": P, "aria-disabled": F, autoFocus: I, tabIndex: fe, onClick: L, onFocus: R, onBlur: z, onKeyDown: B, onKeyUp: V, controlRef: pe, className: me, children: he, ref: ge, ..._e }) => {
+	v !== void 0 && t("Checkbox", "onChange", "onCheckedChange");
+	let H = n(he);
+	p.useEffect(() => {
+		H && ee("Checkbox:children", "Checkbox: children are not rendered. Pass the label in `label`.");
+	}, [H]);
+	let [U, W] = ne(h, g, (e) => {
+		de?.(e), v?.(e);
+	}), ve = a("checkbox"), G = a("checkbox-label"), K = s(), q = c({
+		id: D,
+		"aria-label": O,
+		"aria-labelledby": k,
+		"aria-describedby": A,
+		"aria-invalid": j,
+		"aria-required": M ?? T
+	}), J = T ?? K?.required ?? !1, Y = n(x), ye = Y && q["aria-label"] === void 0 ? o(q["aria-labelledby"], K && q.id === K.controlId ? K.labelId : void 0, G) : q["aria-labelledby"], X = p.useRef(null), be = re(X, pe);
+	ae(X, () => W(g), E);
+	let xe = U || _, Z = y || b, Q = Z ? ue : u.selectedLeaf, $ = Y ? /* @__PURE__ */ m("span", {
+		id: G,
+		className: e(i.label, "text-body-1 text-foreground"),
+		children: te(x)
+	}) : null;
+	return /* @__PURE__ */ se("label", {
+		ref: ge,
+		"data-label-position": S,
+		className: e(i.root, "relative inline-flex items-start gap-2 select-none", Z ? "cursor-not-allowed opacity-50 has-focus-visible:opacity-100" : "cursor-pointer", me),
+		..._e,
+		children: [
+			S === "before" && $,
+			/* @__PURE__ */ m("button", {
+				id: ve,
+				type: "button",
+				...q,
+				"aria-labelledby": ye,
+				"aria-errormessage": N,
+				"aria-details": P,
+				"aria-disabled": F,
+				autoFocus: I,
+				tabIndex: fe,
+				onFocus: R,
+				onBlur: z,
+				onKeyDown: B,
+				onKeyUp: V,
+				ref: be,
+				role: "checkbox",
+				"aria-checked": _ ? "mixed" : U,
+				disabled: y && !b,
+				...ie(b, { reachable: !0 }),
+				onClick: b ? (e) => {
+					e.preventDefault(), e.stopPropagation();
+				} : r(L, () => W((e) => !e)),
+				className: e(i.indicator, "flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-xs border p-0 transition-colors motion-reduce:transition-none", Y && "mt-px", l, xe ? e("border-primary bg-primary text-primary-foreground", Z ? le : ce) : e("border-stroke-accessible bg-transparent", Z ? u.disabled : u.control)),
+				children: _ ? /* @__PURE__ */ m(f, {
+					size: 12,
+					className: Q
+				}) : U ? /* @__PURE__ */ m(d, {
+					size: 12,
+					className: Q
+				}) : null
+			}),
+			S !== "before" && $,
+			/* @__PURE__ */ m(oe, {
+				type: "checkbox",
+				name: C,
+				form: E,
+				disabled: Z,
+				value: w,
+				checked: U,
+				required: J,
+				onInvalid: () => X.current?.focus()
+			})
+		]
+	});
+};
+h.displayName = "Checkbox";
+//#endregion
+export { h as Checkbox };
+
+//# sourceMappingURL=Checkbox.mjs.map