@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["JSX","createIcon","ChevronDownIconSvg","props","SvgSVGAttributes","SVGSVGElement","Element","class","className","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","ChevronDownIconProps","ChevronDownIcon"],"sources":["../../src/icon/s2wf-icons/ChevronDownIcon.tsx","../../src/toast/index.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction ChevronDownIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"M3.75488,7.24316c.28711-.29883.76172-.3086,1.05957-.02051l5.18359,4.98633,5.19727-4.99902c.29785-.28808.77246-.27832,1.05957.02051.28711.29687.27832.77246-.02051,1.05957l-5.7168,5.5c-.29004.28027-.74902.28027-1.03906,0l-5.70312-5.4873c-.15332-.14649-.23047-.34375-.23047-.54004,0-.18751.06934-.37501.20996-.51954Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nexport type ChevronDownIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const ChevronDownIcon = createIcon(ChevronDownIconSvg);\nexport default ChevronDownIcon;\n","import {\n  type JSX,\n  type Accessor,\n  batch,\n  createContext,\n  createEffect,\n  createSignal,\n  For,\n  onCleanup,\n  onMount,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  FocusScope,\n  createHover,\n  createPreventScroll,\n  createStringFormatter,\n  filterDOMProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  Toast as HeadlessToast,\n  ToastRegion as HeadlessToastRegion,\n  ToastProvider as HeadlessToastProvider,\n  ToastContext,\n  ToastTitle as HeadlessToastTitle,\n  ToastDescription as HeadlessToastDescription,\n  globalToastQueue,\n  addToast as headlessAddToast,\n  useToastContext,\n  type ToastContent,\n  type ToastProps as HeadlessToastProps,\n  type ToastRegionProps as HeadlessToastRegionProps,\n  type ToastProviderProps as HeadlessToastProviderProps,\n  type ToastRenderProps,\n  type ToastRegionRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport {\n  ToastQueue as StatelyToastQueue,\n  type QueuedToast,\n  type ToastOptions as StatelyToastOptions,\n} from \"@proyecto-viviana/solid-stately\";\nimport { ActionButton, Button } from \"../button\";\nimport { CenterBaseline } from \"../CenterBaseline\";\nimport { CloseButton } from \"../dialog\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CheckmarkCircleIcon } from \"../icon/s2wf-icons/CheckmarkCircleIcon\";\nimport { ChevronDownIcon } from \"../icon/s2wf-icons/ChevronDownIcon\";\nimport { InfoCircleIcon } from \"../icon/s2wf-icons/InfoCircleIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport { createMediaQuery } from \"../utils/createMediaQuery\";\nimport { useTheme } from \"../provider\";\nimport { focusRing, lightDark, setColorScheme, style } from \"../style\" with { type: \"macro\" };\n\nexport type ToastPlacement = \"top\" | \"top end\" | \"bottom\" | \"bottom end\";\nexport type ToastVariant = \"positive\" | \"negative\" | \"notice\" | \"info\" | \"neutral\";\ntype LegacyToastVariant = \"success\" | \"warning\" | \"error\";\ntype ToastEdge = \"top\" | \"bottom\";\ntype ToastAlign = \"center\" | \"end\";\n\n// --- S2 Toast view transitions -------------------------------------------------\n// Ported from @react-spectrum/s2's Toast.module.css and the startViewTransition /\n// global reduce-motion machinery in Toast.tsx. Upstream ships these rules as a CSS\n// module that the bundler injects; the `::view-transition-group()` pseudo-elements,\n// `html.toast-*` global selectors and `@keyframes` cannot be expressed by the atomic\n// style() macro, so we inject the equivalent global stylesheet at runtime (guarded) —\n// the same idiom solidaria uses for createPress / createPreventScroll. Class names are\n// the literal ones from the upstream module (left un-hashed).\nconst TOAST_ANIMATION_CSS = `\n/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(\n  toast-add,\n  toast-remove,\n  toast-expand,\n  toast-collapse,\n  toast-clear\n) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n\n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n\n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n\n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }\n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n`;\n\nlet toastAnimationStylesInjected = false;\nfunction ensureToastAnimationStyles(): void {\n  if (toastAnimationStylesInjected || typeof document === \"undefined\") {\n    return;\n  }\n  const styleEl = document.createElement(\"style\");\n  styleEl.id = \"solid-spectrum-toast-animations\";\n  styleEl.textContent = TOAST_ANIMATION_CSS;\n  document.head.appendChild(styleEl);\n  toastAnimationStylesInjected = true;\n}\n\ninterface ViewTransition {\n  ready: Promise<void>;\n  finished: Promise<void>;\n}\ntype DocumentWithViewTransition = Document & {\n  startViewTransition?: (callback: () => void) => ViewTransition;\n};\n\nlet globalReduceMotion = false;\n\n/**\n * Runs a toast queue/stack mutation inside a View Transition so the resulting re-render\n * is animated, mirroring @react-spectrum/s2's startViewTransition. Adds a `toast-<action>`\n * class (and `reduceMotion`) to <html> so the injected CSS can target the transition, then\n * removes them once it settles. Where the View Transitions API is unavailable (SSR, jsdom,\n * older browsers) it runs the mutation synchronously, so behavior is unchanged.\n */\nfunction startViewTransition(fn: () => void, type: string): void {\n  const doc =\n    typeof document === \"undefined\" ? undefined : (document as DocumentWithViewTransition);\n  if (doc && typeof doc.startViewTransition === \"function\") {\n    ensureToastAnimationStyles();\n    doc.documentElement.classList.add(type);\n    if (globalReduceMotion) {\n      doc.documentElement.classList.add(\"reduceMotion\");\n    }\n\n    const viewTransition = doc.startViewTransition(() => batch(fn));\n    void viewTransition.ready.catch(() => {});\n    void viewTransition.finished.finally(() => {\n      doc.documentElement.classList.remove(type, \"reduceMotion\");\n    });\n  } else {\n    fn();\n  }\n}\n\nglobalToastQueue.setWrapUpdate((fn, action) => startViewTransition(fn, `toast-${action}`));\n\n/** A toast's view-transition-name; prefixed so the numeric queue keys remain valid CSS idents. */\nfunction toastViewTransitionName(key: string, suffix = \"\"): string {\n  return `toast-${key}${suffix}`;\n}\n\nexport interface ToastOptions extends Omit<StatelyToastOptions, \"priority\"> {\n  /** DOM id passed through to the queued toast content. */\n  id?: string;\n  /** Data attributes passed through to the queued toast content. */\n  [dataAttribute: `data-${string}`]: string | number | boolean | undefined;\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface ToastProviderProps extends HeadlessToastProviderProps {}\n\nexport interface ToastRegionProps extends Omit<\n  HeadlessToastRegionProps,\n  \"class\" | \"style\" | \"children\" | \"placement\"\n> {\n  /** Placement of the toast container on the page. @default \"bottom\" */\n  placement?: ToastPlacement;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nexport interface ToastContainerProps extends ToastRegionProps {\n  /**\n   * Forces reduced-motion toast animations regardless of the user's\n   * `prefers-reduced-motion` setting. Mirrors @react-spectrum/s2's\n   * `PRIVATE_forceReducedMotion` test hook.\n   */\n  PRIVATE_forceReducedMotion?: boolean;\n}\n\nexport interface ToastProps extends Omit<HeadlessToastProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. */\n  class?: string;\n  /** Internal index accessor used by ToastRegion for S2 stack rendering. */\n  index?: Accessor<number>;\n  /** Internal visible toasts accessor used by ToastRegion for S2 stack rendering. */\n  visibleToasts?: Accessor<QueuedToast<ToastContent>[]>;\n  /** Internal expanded stack state accessor used by ToastContainer. */\n  isExpanded?: Accessor<boolean>;\n  /** Internal stack expansion handler used by ToastContainer. */\n  onToggleExpanded?: () => void;\n  /**\n   * Whether a ToastContainer is present to drive stack expansion. When false (a\n   * bare ToastRegion, which has no expand/collapse context), the collapsed-stack\n   * \"Show all\" affordance is hidden because it cannot be honored — mirroring the\n   * upstream split where ToastContainer, not the low-level region, owns expansion.\n   */\n  canExpand?: boolean;\n  /** Internal placement edge used for collapsed background stack positioning. */\n  placementEdge?: ToastEdge;\n  /** Internal placement alignment used for the toast's view-transition-class. */\n  placementAlign?: ToastAlign;\n}\n\ninterface ToastContainerContextValue {\n  isExpanded: Accessor<boolean>;\n  toggleExpanded: () => void;\n  collapse: () => void;\n  clear: () => void;\n  reduceMotion: Accessor<boolean>;\n}\n\nconst ToastContainerContext = createContext<ToastContainerContextValue | null>(null);\n\nconst toastRegion = style<{\n  placement: ToastEdge;\n  align: ToastAlign;\n  isExpanded?: boolean;\n  colorScheme?: \"light\" | \"dark\" | \"light dark\";\n}>({\n  // The region is the toast overlay's portal root, so it carries the color-scheme\n  // atoms (--lightningcss-light/-dark) that setColorScheme() maintains. Without them\n  // the portaled toasts inherit no scheme, and lightningcss's downlevelled light-dark()\n  // — which every semantic fill token (negative/positive/notice…) compiles to — resolves\n  // to nothing, leaving the bold fills transparent. Set once here; the atoms inherit to\n  // every toast, background, and control below. Mirrors the Picker/Calendar popovers.\n  ...setColorScheme(),\n  ...focusRing(),\n  display: \"flex\",\n  flexDirection: {\n    placement: {\n      top: \"column\",\n      bottom: \"column-reverse\",\n    },\n  },\n  position: \"fixed\",\n  insetX: 0,\n  width: \"fit\",\n  top: {\n    placement: {\n      top: {\n        default: 16,\n        isExpanded: 0,\n      },\n    },\n  },\n  bottom: {\n    placement: {\n      bottom: {\n        default: 16,\n        isExpanded: 0,\n      },\n    },\n  },\n  marginStart: {\n    align: {\n      center: \"auto\",\n      end: \"auto\",\n    },\n  },\n  marginEnd: {\n    align: {\n      center: \"auto\",\n      end: 16,\n    },\n  },\n  boxSizing: \"border-box\",\n  maxHeight: \"full\",\n  borderRadius: \"panel\",\n});\n\nconst toastList = style<{ placement: ToastEdge; isExpanded?: boolean }>({\n  position: \"relative\",\n  flexGrow: 1,\n  display: \"flex\",\n  gap: 8,\n  flexDirection: {\n    placement: {\n      top: \"column\",\n      bottom: \"column-reverse\",\n    },\n  },\n  boxSizing: \"border-box\",\n  margin: 0,\n  marginX: {\n    default: 0,\n    isExpanded: -8,\n  },\n  padding: {\n    default: 0,\n    isExpanded: 8,\n  },\n  paddingBottom: {\n    isExpanded: {\n      placement: {\n        top: 8,\n        bottom: 16,\n      },\n    },\n  },\n  paddingTop: {\n    isExpanded: {\n      placement: {\n        top: 16,\n        bottom: 8,\n      },\n    },\n  },\n  overflow: {\n    isExpanded: \"auto\",\n  },\n});\n\nconst toastStyle = style<{ variant: ToastVariant; isExpanded?: boolean }>({\n  ...focusRing(),\n  outlineColor: {\n    default: \"focus-ring\",\n    isExpanded: \"white\",\n  },\n  display: \"flex\",\n  gap: 16,\n  paddingStart: 16,\n  paddingEnd: 8,\n  paddingY: 12,\n  borderRadius: \"panel\",\n  minHeight: 56,\n  maxWidth: \"[min(336px,90vw)]\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  font: \"ui\",\n  color: \"white\",\n  backgroundColor: {\n    variant: {\n      neutral: \"neutral-subdued\",\n      info: \"informative\",\n      positive: \"positive\",\n      negative: \"negative\",\n      /* The warning channel. A Toast paints a flat white ink over its fill and\n       * hangs white staticColor controls (close/action/expand) on top, so the\n       * fill has to carry white ink — which the bare `notice` token can't: it\n       * resolves to the light peach (notice-600 light) InlineAlert's boldFill\n       * pairs with BLACK ink. Rather than fork the whole white-ink model to\n       * black, this uses the SAME dark-amber fill Button's `warning` variant\n       * uses — lightDark(\"notice-900\",\"notice-700\"), both stops ≥4.7:1 white —\n       * so warning reads as the same orange across the button and the toast and\n       * every existing control stays legible untouched. */\n      notice: lightDark(\"notice-900\", \"notice-700\"),\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  boxShadow: {\n    default: \"elevated\",\n    isExpanded: \"none\",\n  },\n  willChange: \"transform\",\n});\n\nconst toastBody = style<{ isSingle?: boolean }>({\n  display: {\n    default: \"grid\",\n    isSingle: \"flex\",\n  },\n  gridTemplateColumns: [\"auto\", \"1fr\", \"auto\"],\n  gridTemplateAreas: [\"content content content\", \"expand . action\"],\n  flexGrow: 1,\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  columnGap: 24,\n  rowGap: 8,\n});\n\nconst toastContent = style({\n  display: \"flex\",\n  cursor: \"default\",\n  gap: 8,\n  alignItems: \"baseline\",\n  gridArea: \"content\",\n  width: \"fit\",\n  overflowWrap: \"break-word\",\n  wordBreak: \"break-word\",\n  minWidth: 0,\n});\n\nconst toastText = style({\n  minWidth: 0,\n  // Title/description are `<span>` (faithful to upstream `<Text slot=\"title\">`,\n  // which RAC renders as a span). A flex column blockifies them so the port's\n  // optional description stacks below the title instead of flowing inline; a\n  // title-only toast (upstream's only shape) renders paint-identically.\n  display: \"flex\",\n  flexDirection: \"column\",\n});\n\nconst toastDescription = style({\n  font: \"body-sm\",\n  opacity: 0.9,\n  marginTop: 2,\n});\n\nconst toastAction = style({\n  marginStart: \"auto\",\n  gridArea: \"action\",\n});\n\nconst toastExpand = style({\n  gridArea: \"expand\",\n});\n\nconst toastBackground = style({\n  position: \"fixed\",\n  inset: 0,\n  backgroundColor: \"transparent-overlay-500\",\n  pointerEvents: \"auto\",\n});\n\nconst toastControls = style<{ isExpanded?: boolean }>({\n  colorScheme: \"light\",\n  pointerEvents: \"auto\",\n  display: {\n    default: \"none\",\n    isExpanded: \"flex\",\n  },\n  justifyContent: \"end\",\n  gap: 8,\n  opacity: {\n    default: 0,\n    isExpanded: 1,\n  },\n});\n\nfunction toastListPerspectiveStyle(placement: ToastEdge, isHovered: boolean): JSX.CSSProperties {\n  const origin = isHovered ? 95 : 55;\n\n  return {\n    perspective: \"80px\",\n    \"perspective-origin\":\n      placement === \"top\" ? `center calc(100% + ${origin}px)` : `center ${-origin}px`,\n    transition: \"perspective-origin 400ms\",\n  };\n}\n\nfunction normalizePlacement(placement?: ToastPlacement): {\n  placement: ToastPlacement;\n  edge: ToastEdge;\n  align: ToastAlign;\n} {\n  const normalized = placement ?? \"bottom\";\n  const [edge, align = \"center\"] = normalized.split(\" \") as [ToastEdge, ToastAlign?];\n  return {\n    placement: normalized,\n    edge,\n    align: align === \"end\" ? \"end\" : \"center\",\n  };\n}\n\nfunction normalizeVariant(\n  variant?: ToastContent[\"variant\"],\n  type?: ToastContent[\"type\"],\n): ToastVariant {\n  if (variant) {\n    return variant;\n  }\n\n  switch (type as ToastVariant | LegacyToastVariant | undefined) {\n    case \"positive\":\n    case \"success\":\n      return \"positive\";\n    case \"negative\":\n    case \"error\":\n      return \"negative\";\n    /* `warning` folds onto the canonical `notice` (orange) channel — the same\n     * negative/warning/success trio Button, Badge, StatusLight, InlineAlert and\n     * Meter expose. It used to fall in with `negative` and render red. */\n    case \"notice\":\n    case \"warning\":\n      return \"notice\";\n    case \"info\":\n      return \"info\";\n    case \"neutral\":\n    default:\n      return \"neutral\";\n  }\n}\n\nfunction getVariantIcon(variant: ToastVariant): JSX.Element | null {\n  switch (variant) {\n    case \"positive\":\n      return <CheckmarkCircleIcon aria-hidden=\"true\" />;\n    case \"negative\":\n      return <AlertTriangleIcon aria-hidden=\"true\" />;\n    case \"notice\":\n      return <AlertDiamondIcon aria-hidden=\"true\" />;\n    case \"info\":\n      return <InfoCircleIcon aria-hidden=\"true\" />;\n    case \"neutral\":\n    default:\n      return null;\n  }\n}\n\nfunction closeGlobalToast(key: string) {\n  globalToastQueue.close(key);\n  globalToastQueue.remove(key);\n}\n\nfunction addSpectrumToast(\n  children: string,\n  variant: ToastVariant,\n  options: ToastOptions = {},\n): () => void {\n  const timeout =\n    options.timeout && !options.actionLabel ? Math.max(options.timeout, 5000) : undefined;\n  const domProps = filterDOMProps(options as Record<string, unknown>);\n  const key = headlessAddToast(\n    {\n      children,\n      // The shared headless ToastContent.variant union is S2's (no `notice`); the\n      // register's warning channel rides through it as a passthrough value that our\n      // renderer reads back via normalizeVariant. Widening the shared type would\n      // break solid-spectrum's narrower normalizeVariant, so cast at this seam only.\n      variant: variant as ToastContent[\"variant\"],\n      actionLabel: options.actionLabel,\n      onAction: options.onAction,\n      shouldCloseOnAction: options.shouldCloseOnAction,\n      ...domProps,\n    },\n    {\n      timeout,\n      onClose: options.onClose,\n    },\n  );\n\n  return () => closeGlobalToast(key);\n}\n\n/**\n * ToastProvider creates a toast queue context for descendant components.\n * Most S2 usage should render ToastContainer once at the app root instead.\n */\nexport function ToastProvider(props: ToastProviderProps): JSX.Element {\n  return <HeadlessToastProvider {...props} />;\n}\n\n/**\n * ToastRegion displays all visible toasts from the surrounding ToastProvider.\n * This remains for lower-level composition; ToastContainer self-wires the global queue.\n */\nexport function ToastRegion(props: ToastRegionProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"placement\", \"class\"]);\n  const placement = () => normalizePlacement(local.placement);\n  const theme = useTheme();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const containerContext = useContext(ToastContainerContext);\n  const isExpanded = () => containerContext?.isExpanded() ?? false;\n  const { isHovered: isListHovered, hoverProps: listHoverProps } = createHover();\n  createPreventScroll({\n    get isDisabled() {\n      return !isExpanded();\n    },\n  });\n  const toggleExpanded = (visibleToasts: QueuedToast<ToastContent>[]) => {\n    if (!isExpanded() && visibleToasts.length <= 1) {\n      return;\n    }\n    containerContext?.toggleExpanded();\n  };\n  const handleRegionKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\" || !isExpanded()) {\n      return;\n    }\n\n    event.stopPropagation();\n    containerContext?.collapse();\n  };\n  const handleListClick = (event: MouseEvent, visibleToasts: QueuedToast<ToastContent>[]) => {\n    const target = event.target;\n    if (isExpanded() || !(target instanceof Element) || target.closest(\"button\")) {\n      return;\n    }\n    toggleExpanded(visibleToasts);\n  };\n  createEffect(() => {\n    if (!isExpanded() || !containerContext) {\n      return;\n    }\n\n    const ownerDocument = globalThis.document;\n    if (!ownerDocument) {\n      return;\n    }\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      containerContext.collapse();\n    };\n\n    ownerDocument.addEventListener(\"keydown\", handleDocumentKeyDown, true);\n    onCleanup(() => ownerDocument.removeEventListener(\"keydown\", handleDocumentKeyDown, true));\n  });\n\n  return (\n    <HeadlessToastRegion\n      {...rest}\n      placement={placement().placement}\n      class={(_renderProps: ToastRegionRenderProps) =>\n        [\n          toastRegion({\n            placement: placement().edge,\n            align: placement().align,\n            isExpanded: isExpanded(),\n            colorScheme: theme.colorScheme,\n          }),\n          local.class ?? \"\",\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n    >\n      {(regionProps: ToastRegionRenderProps) => {\n        const visibleToasts = () => regionProps.visibleToasts();\n\n        return (\n          <FocusScope contain={isExpanded()}>\n            <div\n              data-solid-spectrum-toast-focus-scope=\"\"\n              onKeyDown={handleRegionKeyDown}\n              style={{ display: \"contents\" }}\n            >\n              <Show when={containerContext && isExpanded()}>\n                <div\n                  class={`toast-background ${toastBackground}`}\n                  data-solid-spectrum-toast-background=\"\"\n                  onClick={containerContext?.collapse}\n                />\n              </Show>\n              <div\n                {...listHoverProps}\n                class={[\n                  isExpanded() ? \"toast-list-expanded\" : \"toast-list-collapsed\",\n                  toastList({ placement: placement().edge, isExpanded: isExpanded() }),\n                ].join(\" \")}\n                data-solid-spectrum-toast-list=\"\"\n                style={toastListPerspectiveStyle(placement().edge, isListHovered())}\n                onClick={(event) => handleListClick(event, visibleToasts())}\n              >\n                <For each={visibleToasts()}>\n                  {(toast, index) => (\n                    <Toast\n                      toast={toast}\n                      index={index}\n                      visibleToasts={visibleToasts}\n                      isExpanded={isExpanded}\n                      onToggleExpanded={() => toggleExpanded(visibleToasts())}\n                      canExpand={Boolean(containerContext)}\n                      placementEdge={placement().edge}\n                      placementAlign={placement().align}\n                    />\n                  )}\n                </For>\n              </div>\n              <Show when={containerContext}>\n                {(context) => (\n                  <div\n                    class={`toast-controls ${toastControls({ isExpanded: isExpanded() })}`}\n                    data-solid-spectrum-toast-controls=\"\"\n                  >\n                    <ActionButton size=\"S\" onPress={context().clear}>\n                      {stringFormatter().format(\"toast.clearAll\")}\n                    </ActionButton>\n                    <ActionButton size=\"S\" onPress={context().collapse}>\n                      {stringFormatter().format(\"toast.collapse\")}\n                    </ActionButton>\n                  </div>\n                )}\n              </Show>\n            </div>\n          </FocusScope>\n        );\n      }}\n    </HeadlessToastRegion>\n  );\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: ToastContainerProps): JSX.Element {\n  const [local, regionProps] = splitProps(props, [\"PRIVATE_forceReducedMotion\"]);\n  const [isExpanded, setIsExpanded] = createSignal(false);\n\n  onMount(ensureToastAnimationStyles);\n\n  // Track prefers-reduced-motion and mirror it into the module-global flag that\n  // startViewTransition reads, restoring the previous value on cleanup.\n  const prefersReducedMotion = createMediaQuery(\"(prefers-reduced-motion)\");\n  const reduceMotion = () => local.PRIVATE_forceReducedMotion ?? prefersReducedMotion();\n  createEffect(() => {\n    const previous = globalReduceMotion;\n    globalReduceMotion = reduceMotion();\n    onCleanup(() => {\n      globalReduceMotion = previous;\n    });\n  });\n\n  const unsubscribe = globalToastQueue.subscribe((toasts) => {\n    if (toasts.length === 0) {\n      setIsExpanded(false);\n    }\n  });\n  onCleanup(unsubscribe);\n\n  const context: ToastContainerContextValue = {\n    isExpanded,\n    toggleExpanded: () => {\n      const expanding = !isExpanded();\n      startViewTransition(\n        () => setIsExpanded(expanding),\n        expanding ? \"toast-expand\" : \"toast-collapse\",\n      );\n    },\n    collapse: () => {\n      if (isExpanded()) {\n        startViewTransition(() => setIsExpanded(false), \"toast-collapse\");\n      }\n    },\n    clear: () => globalToastQueue.clear(),\n    reduceMotion,\n  };\n\n  return (\n    <ToastContainerContext.Provider value={context}>\n      <ToastProvider useGlobalQueue>\n        <ToastRegion {...regionProps} />\n      </ToastProvider>\n    </ToastContainerContext.Provider>\n  );\n}\n\n/** Toast displays an individual notification with icon, content, action, and close button. */\nexport function Toast(props: ToastProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"toast\",\n    \"class\",\n    \"index\",\n    \"visibleToasts\",\n    \"isExpanded\",\n    \"onToggleExpanded\",\n    \"canExpand\",\n    \"placementEdge\",\n    \"placementAlign\",\n  ]);\n  const state = useToastContext();\n  const containerCtx = useContext(ToastContainerContext);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const content = () => local.toast.content;\n  const contentDomProps = () => filterDOMProps(content() as Record<string, unknown>);\n  const variant = () => normalizeVariant(content().variant, content().type);\n  const title = () => content().children ?? content().title;\n  const actionLabel = () => content().actionLabel ?? content().action?.label;\n  const actionHandler = () => content().onAction ?? content().action?.onAction;\n  const visibleToasts = () => local.visibleToasts?.() ?? [local.toast];\n  const index = () => local.index?.() ?? visibleToasts().indexOf(local.toast);\n  const isMain = () => index() <= 0;\n  const isExpanded = () => local.isExpanded?.() ?? false;\n  const shouldRenderAsSingle = () => !isMain() || visibleToasts().length <= 1 || isExpanded();\n  const reduceMotion = () => containerCtx?.reduceMotion() ?? false;\n  // Upstream gates the per-component view transitions on `ctx && isMain`; our `canExpand`\n  // already encodes the presence of a ToastContainer (the upstream `ctx`).\n  const useComponentTransition = () => local.canExpand === true && isMain();\n  const mainViewTransitionClass = () =>\n    [\n      \"toast\",\n      !isMain() ? \"background-toast\" : \"\",\n      local.placementEdge ?? \"bottom\",\n      local.placementAlign ?? \"center\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const handleAction = () => {\n    actionHandler()?.();\n    if (content().shouldCloseOnAction) {\n      state.close(local.toast.key);\n      state.remove(local.toast.key);\n    }\n  };\n  // Mirrors the headless close-button delegation (close then finalize removal) so\n  // the faithful S2 CloseButton dismisses the toast without relying on the\n  // `[data-solidaria-toast-close-button]` click delegation it doesn't carry.\n  const handleCloseToast = () => {\n    state.close(local.toast.key);\n    state.remove(local.toast.key);\n  };\n\n  const backgroundStyle = () =>\n    ({\n      position: \"absolute\",\n      [local.placementEdge === \"top\" ? \"bottom\" : \"top\"]: \"0\",\n      left: \"0\",\n      width: \"100%\",\n      translate: `0 0 ${(-12 * index()) / 16}rem`,\n      opacity: index() >= 3 ? 0 : 1,\n      \"z-index\": visibleToasts().length - index() - 1,\n      \"pointer-events\": \"none\",\n      // When reduced motion is enabled, append the index to the view-transition-name so\n      // adding/removing a toast cross-fades instead of transitioning position — the toasts\n      // read as separate elements per index rather than the same one moving.\n      \"view-transition-name\": toastViewTransitionName(\n        local.toast.key,\n        reduceMotion() ? `-${index()}` : \"\",\n      ),\n      \"view-transition-class\": \"toast background-toast\",\n    }) as JSX.CSSProperties;\n\n  return (\n    <Show\n      when={!isMain() && !isExpanded()}\n      fallback={\n        <HeadlessToast\n          {...contentDomProps()}\n          {...rest}\n          toast={local.toast}\n          data-solid-spectrum-variant={variant()}\n          style={\n            {\n              \"z-index\": visibleToasts().length - index() - 1,\n              \"view-transition-name\": toastViewTransitionName(local.toast.key),\n              \"view-transition-class\": mainViewTransitionClass(),\n            } as JSX.CSSProperties\n          }\n          class={(_renderProps: ToastRenderProps) =>\n            [\n              \"toast\",\n              toastStyle({ variant: variant(), isExpanded: isExpanded() }),\n              local.class ?? \"\",\n            ]\n              .filter(Boolean)\n              .join(\" \")\n          }\n        >\n          <div role=\"presentation\" class={toastBody({ isSingle: shouldRenderAsSingle() })}>\n            <div\n              class={useComponentTransition() ? `${toastContent} toast-content` : toastContent}\n              data-solidaria-toast-content=\"\"\n            >\n              <Show when={getVariantIcon(variant())}>\n                {(icon) => <CenterBaseline>{icon()}</CenterBaseline>}\n              </Show>\n              <div class={toastText}>\n                <Show when={title()}>\n                  <HeadlessToastTitle>{title()}</HeadlessToastTitle>\n                </Show>\n                <Show when={content().description}>\n                  <HeadlessToastDescription class={toastDescription}>\n                    {content().description}\n                  </HeadlessToastDescription>\n                </Show>\n              </div>\n            </div>\n            <Show when={local.canExpand && !isExpanded() && visibleToasts().length > 1}>\n              <ActionButton\n                isQuiet\n                staticColor=\"white\"\n                styles={toastExpand}\n                UNSAFE_className={useComponentTransition() ? \"toast-expand\" : undefined}\n                onPress={local.onToggleExpanded}\n              >\n                {stringFormatter().format(\"toast.showAll\")}\n                <ChevronDownIcon\n                  aria-hidden=\"true\"\n                  style={{\n                    rotate: local.placementEdge === \"bottom\" ? \"180deg\" : undefined,\n                  }}\n                />\n              </ActionButton>\n            </Show>\n            <Show when={actionLabel()}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                staticColor=\"white\"\n                styles={toastAction}\n                UNSAFE_className={useComponentTransition() ? \"toast-action\" : undefined}\n                onPress={handleAction}\n              >\n                {actionLabel()}\n              </Button>\n            </Show>\n          </div>\n\n          <CloseButton\n            staticColor=\"white\"\n            onPress={handleCloseToast}\n            UNSAFE_className={useComponentTransition() ? \"toast-close\" : undefined}\n            aria-label={stringFormatter().format(\"dialog.dismiss\")}\n          />\n        </HeadlessToast>\n      }\n    >\n      <div\n        role=\"presentation\"\n        style={backgroundStyle()}\n        class={`toast ${toastStyle({ variant: variant(), isExpanded: isExpanded() })}`}\n        data-solid-spectrum-toast-background-item=\"\"\n        data-solid-spectrum-variant={variant()}\n      />\n    </Show>\n  );\n}\n\n/**\n * Add a legacy Solid toast to the global queue.\n * Prefer ToastQueue.neutral/positive/negative/notice/info for the React Spectrum S2 API.\n */\nexport function addToast(content: ToastContent, options?: StatelyToastOptions): string {\n  return headlessAddToast(content, options);\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastSuccess(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"success\", variant: \"positive\" },\n    { timeout: 5000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastError(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"error\", variant: \"negative\" },\n    { timeout: 8000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastWarning(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"warning\", variant: \"notice\" as ToastContent[\"variant\"] },\n    { timeout: 6000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastInfo(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast({ title: message, type: \"info\", variant: \"info\" }, { timeout: 5000, ...options });\n}\n\nexport const ToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"neutral\", options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"positive\", options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"negative\", options);\n  },\n  /** Queues a notice (warning) toast — the orange counterpart to `negative`. */\n  notice(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"notice\", options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"info\", options);\n  },\n};\n\nexport {\n  ToastContext,\n  globalToastQueue,\n  StatelyToastQueue,\n  useToastContext,\n  type ToastContent,\n  type ToastRenderProps,\n  type ToastRegionRenderProps,\n  type QueuedToast,\n  type StatelyToastOptions,\n};\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":["xmlns=\"http://www.w3.org/2000/svg\"","width=\"20\"","height=\"20\"","viewBox=\"0 0 20 20\"","<svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M3.755 7.243c.287-.299.762-.308 1.06-.02l5.183 4.986 5.197-4.999c.298-.288.773-.278 1.06.02.287.297.278.773-.02 1.06l-5.717 5.5c-.29.28-.75.28-1.04 0L3.776 8.303c-.153-.147-.23-.344-.23-.54 0-.188.07-.375.21-.52\"\n      />\n    </svg>"],"sources":["../../src/icon/s2wf-icons/ChevronDownIcon.tsx","../../src/toast/index.tsx"],"sourcesContent":["/*\n * Auto-generated from the pinned @react-spectrum/s2 icon inventory.\n * Do not edit by hand.\n */\n// Generator input: @react-spectrum/s2@1.7.0/icons/ChevronDown.mjs\n// Generator input: @react-spectrum/s2@1.7.0/icons/ChevronDown.cjs\n\nimport type { JSX } from \"@solidjs/web\";\nimport { createIcon } from \"../spectrum-icon\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nfunction ChevronDownIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={local.class}\n    >\n      <path\n        fill=\"var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))\"\n        d=\"M3.755 7.243c.287-.299.762-.308 1.06-.02l5.183 4.986 5.197-4.999c.298-.288.773-.278 1.06.02.287.297.278.773-.02 1.06l-5.717 5.5c-.29.28-.75.28-1.04 0L3.776 8.303c-.153-.147-.23-.344-.23-.54 0-.188.07-.375.21-.52\"\n      />\n    </svg>\n  );\n}\n\nexport type ChevronDownIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const ChevronDownIcon = createIcon(ChevronDownIconSvg);\nexport default ChevronDownIcon;\n","/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Toast.module.css\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Toast.tsx\n\n/**\n * S2 Toast for @proyecto-viviana/ui.\n *\n * Based on these pinned React Spectrum S2 sources:\n * - packages/@react-spectrum/s2/src/Toast.module.css\n * - packages/@react-spectrum/s2/src/Toast.tsx\n *\n * This Solid module combines the pinned Toast component and transition stylesheet.\n */\n\nimport {\n  createContext,\n  createEffect,\n  createSignal,\n  flush,\n  For,\n  onCleanup,\n  onSettled,\n  Show,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  FocusScope,\n  createHover,\n  createPreventScroll,\n  createStringFormatter,\n  filterDOMProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  Toast as HeadlessToast,\n  ToastRegion as HeadlessToastRegion,\n  ToastProvider as HeadlessToastProvider,\n  ToastContext,\n  UNSTABLE_ToastContent as HeadlessToastContent,\n  ToastTitle as HeadlessToastTitle,\n  ToastDescription as HeadlessToastDescription,\n  globalToastQueue,\n  addToast as headlessAddToast,\n  useToastContext,\n  type ToastContent,\n  type ToastProps as HeadlessToastProps,\n  type ToastRegionProps as HeadlessToastRegionProps,\n  type ToastProviderProps as HeadlessToastProviderProps,\n  type ToastRenderProps,\n  type ToastRegionRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport {\n  ToastQueue as StatelyToastQueue,\n  type QueuedToast,\n  type ToastOptions as StatelyToastOptions,\n} from \"@proyecto-viviana/solid-stately\";\nimport { ActionButton, Button } from \"../button\";\nimport type { StaticColor } from \"../button/types\";\nimport { CenterBaseline } from \"../CenterBaseline\";\nimport { CloseButton } from \"../dialog\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { CheckmarkCircleIcon } from \"../icon/s2wf-icons/CheckmarkCircleIcon\";\nimport { ChevronDownIcon } from \"../icon/s2wf-icons/ChevronDownIcon\";\nimport { InfoCircleIcon } from \"../icon/s2wf-icons/InfoCircleIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport { createMediaQuery } from \"../utils/createMediaQuery\";\nimport { useTheme } from \"../provider\";\nimport { focusRing, lightDark, setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type ToastPlacement = \"top\" | \"top end\" | \"bottom\" | \"bottom end\";\nexport type ToastVariant = \"positive\" | \"negative\" | \"notice\" | \"info\" | \"neutral\";\ntype LegacyToastVariant = \"success\" | \"warning\" | \"error\";\ntype ToastEdge = \"top\" | \"bottom\";\ntype ToastAlign = \"center\" | \"end\";\n\n// --- S2 Toast view transitions -------------------------------------------------\n// The transition rules match the pinned Toast.module.css and startViewTransition /\n// global reduce-motion machinery in Toast.tsx. Upstream ships these rules as a CSS\n// module that the bundler injects; the `::view-transition-group()` pseudo-elements,\n// `html.toast-*` global selectors and `@keyframes` cannot be expressed by the atomic\n// style() macro, so we inject the equivalent global stylesheet at runtime (guarded) —\n// the same idiom solidaria uses for createPress / createPreventScroll. Class names are\n// the literal ones from the upstream module (left un-hashed).\nconst TOAST_ANIMATION_CSS = `\n/* Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element */\nhtml.toast-add,\nhtml.toast-remove,\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml.toast-clear,\nhtml:active-view-transition-type(\n  toast-add,\n  toast-remove,\n  toast-expand,\n  toast-collapse,\n  toast-clear\n) {\n  view-transition-name: none;\n\n  .toast-controls {\n    view-transition-name: toast-controls;\n  }\n\n  .toast-background {\n    view-transition-name: toast-background;\n  }\n\n  &::view-transition-group(toast-background) {\n    z-index: 0;\n    will-change: transform;\n  }\n\n  &::view-transition-group(.toast),\n  &::view-transition-group(toast-list-expanded),\n  &::view-transition-group(toast-list-collapsed) {\n    z-index: 1;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-controls) {\n    z-index: 2;\n    will-change: transform;\n  }\n\n  &::view-transition-group(toast-content),\n  &::view-transition-group(toast-expand),\n  &::view-transition-group(toast-action),\n  &::view-transition-group(toast-close) {\n    z-index: 3;\n    will-change: transform;\n  }\n\n  &::view-transition-group(*) {\n    animation-duration: 400ms;\n  }\n}\n\nhtml.toast-add,\nhtml.toast-remove,\nhtml:active-view-transition-type(toast-add, toast-remove) {\n  /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */\n  &:not(.reduceMotion) {\n    &::view-transition-new(.toast):only-child {\n      animation-name: slide-in;\n    }\n\n    &::view-transition-old(.toast):only-child {\n      animation-name: slide-out;\n    }\n  }\n\n  &::view-transition-group(.toast.bottom) {\n    --slideX: 0;\n    --slideY: calc(100% + 12px);\n  }\n\n  &::view-transition-group(.toast.top) {\n    --slideX: 0;\n    --slideY: calc(-100% - 12px);\n  }\n\n  &::view-transition-group(.toast.start) {\n    --slideX: calc(-100% - 12px);\n    --slideY: 0;\n  }\n\n  &::view-transition-group(.toast.end) {\n    --slideX: calc(100% + 12px);\n    --slideY: 0;\n  }\n}\n\n/* Make the \"Show all\" button animate slightly faster/slower than other components when expanding/collapsing.\n * This prevents it from appearing to overlap the text when it fades out and the text repositions. */\nhtml.toast-expand,\nhtml:active-view-transition-type(toast-expand) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 300ms;\n  }\n}\n\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-collapse) {\n  &::view-transition-group(toast-expand) {\n    animation-duration: 600ms;\n  }\n}\n\nhtml.toast-expand,\nhtml.toast-collapse,\nhtml:active-view-transition-type(toast-expand, toast-collapse) {\n  &:not(.reduceMotion) {\n    /* When expanding/collapsing, animate the components of the main toast individually. */\n    .toast-content {\n      view-transition-name: toast-content;\n    }\n\n    .toast-expand {\n      view-transition-name: toast-expand;\n    }\n\n    .toast-action {\n      view-transition-name: toast-action;\n    }\n\n    .toast-close {\n      view-transition-name: toast-close;\n    }\n\n    /* Force toast controls to be visible during the animation */\n    .toast-controls {\n      display: flex;\n    }\n\n    /* Smoothly transition the size of toasts. */\n    &::view-transition-old(.toast),\n    &::view-transition-new(.toast) {\n      /* Make the old and new images fill the size of the parent group. */\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Background toasts don't have their components split apart in separate view transitions.\n     * This means we need to do some tricks to get the aspect ratio to transition smoothly.\n     * Clipping messes up the shadows a bit, but it's less noticeable on the background toasts. */\n    &::view-transition-old(.background-toast),\n    &::view-transition-new(.background-toast) {\n      /* Cover all of the available space without stretching the aspect ratio */\n      object-fit: cover;\n      object-position: top center;\n      /* Clip to retain rounded corners */\n      clip-path: inset(0px round 10px);\n    }\n  }\n\n  &.reduceMotion {\n    /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */\n    .toast {\n      view-transition-name: none !important;\n    }\n\n    .toast-list-expanded {\n      view-transition-name: toast-list-expanded;\n    }\n\n    .toast-list-collapsed {\n      view-transition-name: toast-list-collapsed;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n`;\n\nlet toastAnimationStylesInjected = false;\nfunction ensureToastAnimationStyles(): void {\n  if (toastAnimationStylesInjected || typeof document === \"undefined\") {\n    return;\n  }\n  const styleEl = document.createElement(\"style\");\n  styleEl.id = \"solid-spectrum-toast-animations\";\n  styleEl.textContent = TOAST_ANIMATION_CSS;\n  document.head.appendChild(styleEl);\n  toastAnimationStylesInjected = true;\n}\n\ninterface ViewTransition {\n  ready: Promise<void>;\n  finished: Promise<void>;\n}\ntype DocumentWithViewTransition = Document & {\n  startViewTransition?: (callback: () => void) => ViewTransition;\n};\n\nlet globalReduceMotion = false;\n\n/**\n * Runs a toast queue/stack mutation inside a View Transition so the resulting re-render\n * is animated, mirroring @react-spectrum/s2's startViewTransition. Adds a `toast-<action>`\n * class (and `reduceMotion`) to <html> so the injected CSS can target the transition, then\n * removes them once it settles. Where the View Transitions API is unavailable (SSR, jsdom,\n * older browsers) it runs the mutation synchronously, so behavior is unchanged.\n */\nfunction startViewTransition(fn: () => void, type: string): void {\n  const doc =\n    typeof document === \"undefined\" ? undefined : (document as DocumentWithViewTransition);\n  if (doc && typeof doc.startViewTransition === \"function\") {\n    ensureToastAnimationStyles();\n    doc.documentElement.classList.add(type);\n    if (globalReduceMotion) {\n      doc.documentElement.classList.add(\"reduceMotion\");\n    }\n\n    // Mirrors upstream S2's `document.startViewTransition(() => flushSync(fn))`\n    // (@react-spectrum/s2 1.7.0, dist/private/Toast.mjs:69). `flush(fn)` is\n    // Solid 2's flushSync: it runs the mutation and drains the queue before the\n    // callback returns, which is when the browser snapshots. This was ported as\n    // `() => fn`, which returns the mutation instead of running it, so nothing\n    // rendered in any real browser (#578).\n    const viewTransition = doc.startViewTransition(() => flush(fn));\n    void viewTransition.ready.catch(() => {});\n    void viewTransition.finished.finally(() => {\n      doc.documentElement.classList.remove(type, \"reduceMotion\");\n    });\n  } else {\n    fn();\n  }\n}\n\nglobalToastQueue.setWrapUpdate((fn, action) => startViewTransition(fn, `toast-${action}`));\n\n/** A toast's view-transition-name; prefixed so the numeric queue keys remain valid CSS idents. */\nfunction toastViewTransitionName(key: string, suffix = \"\"): string {\n  return `toast-${key}${suffix}`;\n}\n\nexport interface ToastOptions extends Omit<StatelyToastOptions, \"priority\"> {\n  /** DOM id passed through to the queued toast content. */\n  id?: string;\n  /** Data attributes passed through to the queued toast content. */\n  [dataAttribute: `data-${string}`]: string | number | boolean | undefined;\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface ToastProviderProps extends HeadlessToastProviderProps {}\n\nexport interface ToastRegionProps extends Omit<\n  HeadlessToastRegionProps,\n  \"class\" | \"style\" | \"children\" | \"placement\"\n> {\n  /** Placement of the toast container on the page. @default \"bottom\" */\n  placement?: ToastPlacement;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nexport interface ToastContainerProps extends ToastRegionProps {\n  /**\n   * Forces reduced-motion toast animations regardless of the user's\n   * `prefers-reduced-motion` setting. Mirrors @react-spectrum/s2's\n   * `PRIVATE_forceReducedMotion` test hook.\n   */\n  PRIVATE_forceReducedMotion?: boolean;\n}\n\nexport interface ToastProps extends Omit<HeadlessToastProps, \"class\" | \"style\"> {\n  /** Additional CSS class name. */\n  class?: string;\n  /** Internal index accessor used by ToastRegion for S2 stack rendering. */\n  index?: Accessor<number>;\n  /** Internal visible toasts accessor used by ToastRegion for S2 stack rendering. */\n  visibleToasts?: Accessor<QueuedToast<ToastContent>[]>;\n  /** Internal expanded stack state accessor used by ToastContainer. */\n  isExpanded?: Accessor<boolean>;\n  /** Internal stack expansion handler used by ToastContainer. */\n  onToggleExpanded?: () => void;\n  /**\n   * Whether a ToastContainer is present to drive stack expansion. When false (a\n   * bare ToastRegion, which has no expand/collapse context), the collapsed-stack\n   * \"Show all\" affordance is hidden because it cannot be honored — mirroring the\n   * upstream split where ToastContainer, not the low-level region, owns expansion.\n   */\n  canExpand?: boolean;\n  /** Internal placement edge used for collapsed background stack positioning. */\n  placementEdge?: ToastEdge;\n  /** Internal placement alignment used for the toast's view-transition-class. */\n  placementAlign?: ToastAlign;\n}\n\ninterface ToastContainerContextValue {\n  isExpanded: Accessor<boolean>;\n  toggleExpanded: () => void;\n  collapse: () => void;\n  clear: () => void;\n  reduceMotion: Accessor<boolean>;\n}\n\nconst ToastContainerContext = createContext<ToastContainerContextValue | null>(null);\n\nconst toastRegion = style<{\n  placement: ToastEdge;\n  align: ToastAlign;\n  isExpanded?: boolean;\n  colorScheme?: \"light\" | \"dark\" | \"light dark\";\n}>({\n  // The region is the toast overlay's portal root, so it carries the color-scheme\n  // atoms (--lightningcss-light/-dark) that setColorScheme() maintains. Without them\n  // the portaled toasts inherit no scheme, and lightningcss's downlevelled light-dark()\n  // — which every semantic fill token (negative/positive/notice…) compiles to — resolves\n  // to nothing, leaving the bold fills transparent. Set once here; the atoms inherit to\n  // every toast, background, and control below. Mirrors the Picker/Calendar popovers.\n  ...setColorScheme(),\n  ...focusRing(),\n  display: \"flex\",\n  flexDirection: {\n    placement: {\n      top: \"column\",\n      bottom: \"column-reverse\",\n    },\n  },\n  position: \"fixed\",\n  insetX: 0,\n  width: \"fit\",\n  top: {\n    placement: {\n      top: {\n        default: 16,\n        isExpanded: 0,\n      },\n    },\n  },\n  bottom: {\n    placement: {\n      bottom: {\n        default: 16,\n        isExpanded: 0,\n      },\n    },\n  },\n  marginStart: {\n    align: {\n      center: \"auto\",\n      end: \"auto\",\n    },\n  },\n  marginEnd: {\n    align: {\n      center: \"auto\",\n      end: 16,\n    },\n  },\n  boxSizing: \"border-box\",\n  maxHeight: \"full\",\n  /* The float corner, 8px. `panel` is 14 — the biggest corner in the ladder, on the\n   * smallest surface in the register; a toast is a tier-2 float like the popover and\n   * the menu, not a panel. */\n  borderRadius: \"default\",\n});\n\nconst toastList = style<{ placement: ToastEdge; isExpanded?: boolean }>({\n  position: \"relative\",\n  flexGrow: 1,\n  display: \"flex\",\n  gap: 8,\n  flexDirection: {\n    placement: {\n      top: \"column\",\n      bottom: \"column-reverse\",\n    },\n  },\n  boxSizing: \"border-box\",\n  margin: 0,\n  marginX: {\n    default: 0,\n    isExpanded: -8,\n  },\n  padding: {\n    default: 0,\n    isExpanded: 8,\n  },\n  paddingBottom: {\n    isExpanded: {\n      placement: {\n        top: 8,\n        bottom: 16,\n      },\n    },\n  },\n  paddingTop: {\n    isExpanded: {\n      placement: {\n        top: 16,\n        bottom: 8,\n      },\n    },\n  },\n  overflow: {\n    isExpanded: \"auto\",\n  },\n});\n\nconst toastStyle = style<{ variant: ToastVariant; isExpanded?: boolean }>({\n  ...focusRing(),\n  outlineColor: {\n    default: \"focus-ring\",\n    isExpanded: \"white\",\n  },\n  display: \"flex\",\n  gap: 16,\n  paddingStart: 16,\n  paddingEnd: 8,\n  paddingY: 12,\n  borderRadius: \"panel\",\n  minHeight: 56,\n  maxWidth: \"[min(336px,90vw)]\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  font: \"ui\",\n  /* Every fill but `notice` and `info` is dark enough to carry white ink. The notice fill\n   * is the register's yellow, whose ramp is bright in BOTH columns (glasselated-ramps.ts):\n   * white on it is 2.3-2.5:1, so this channel — and the static controls hung on it below —\n   * flips to black, the same ink InlineAlert's boldFill and Badge already spend there.\n   * `info` is now the CTA fuchsia (below) and takes the ink that channel already owns:\n   * `create-ink` flips with the ground — white on the daylight fill (4.74:1), near-black\n   * #1a0512 on the night fill (6.66:1), where white would be 2.9:1. */\n  color: {\n    default: \"white\",\n    variant: {\n      info: \"create-ink\",\n      notice: \"black\",\n    },\n  },\n  /* Mirrors `backgroundColor` below. Needed so the static controls hung on the toast\n   * (`staticColor=\"auto\"` on the action button and the close button) can compute their\n   * own ink and overlay fills against the toast's actual fill instead of assuming white\n   * — see `autoStaticColor` / `generateOverlayColorScale` in style/tokens.ts. */\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      variant: {\n        neutral: \"neutral-subdued\",\n        info: \"cta\",\n        positive: \"positive\",\n        negative: \"negative\",\n        notice: lightDark(\"notice-900\", \"notice-700\"),\n      },\n    },\n  },\n  backgroundColor: {\n    variant: {\n      neutral: \"neutral-subdued\",\n      /* THE ASK is fuchsia in this register, and an informational toast is the ask\n       * arriving: \"someone replied\", \"your review is ready\". `informative` was the blue\n       * accent, which the register spends on STRUCTURE — rails, tabs, selected rows — so\n       * a blue toast read as another piece of chrome rather than as something addressed\n       * to the reader. Same `cta` token as the +Create button and the LIVE badge. */\n      info: \"cta\",\n      positive: \"positive\",\n      negative: \"negative\",\n      /* The warning channel, on the SAME fill stops Button's `warning` variant uses —\n       * lightDark(\"notice-900\",\"notice-700\") — so warning reads as one yellow across the\n       * button and the toast. Both stops clear 7.7:1 against the black ink above. */\n      notice: lightDark(\"notice-900\", \"notice-700\"),\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  /* The float elevation: `--shadow-float` (the handoff's `sh2`) plus the `--edge-glass`\n   * rim — literally the pair the handoff puts on its own toast. `elevated` is Spectrum's\n   * cast drop-shadow, the elevation vocabulary this register replaced. Stacked toasts\n   * drop it, as before, so the stack reads as one slab. */\n  boxShadow: {\n    default: \"[var(--shadow-float), var(--edge-glass)]\",\n    isExpanded: \"none\",\n  },\n  willChange: \"transform\",\n});\n\nconst toastBody = style<{ isSingle?: boolean }>({\n  display: {\n    default: \"grid\",\n    isSingle: \"flex\",\n  },\n  gridTemplateColumns: [\"auto\", \"1fr\", \"auto\"],\n  gridTemplateAreas: [\"content content content\", \"expand . action\"],\n  flexGrow: 1,\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  columnGap: 24,\n  rowGap: 8,\n});\n\nconst toastContent = style({\n  display: \"flex\",\n  cursor: \"default\",\n  gap: 8,\n  alignItems: \"baseline\",\n  gridArea: \"content\",\n  width: \"fit\",\n  overflowWrap: \"break-word\",\n  wordBreak: \"break-word\",\n  minWidth: 0,\n});\n\nconst toastText = style({\n  minWidth: 0,\n  // Title/description are `<span>` (faithful to upstream `<Text slot=\"title\">`,\n  // which RAC renders as a span). A flex column blockifies them so the port's\n  // optional description stacks below the title instead of flowing inline; a\n  // title-only toast (upstream's only shape) renders paint-identically.\n  display: \"flex\",\n  flexDirection: \"column\",\n});\n\nconst toastDescription = style({\n  font: \"body-sm\",\n  opacity: 0.9,\n  marginTop: 2,\n});\n\nconst toastAction = style({\n  marginStart: \"auto\",\n  gridArea: \"action\",\n});\n\nconst toastExpand = style({\n  gridArea: \"expand\",\n});\n\nconst toastBackground = style({\n  position: \"fixed\",\n  inset: 0,\n  backgroundColor: \"transparent-overlay-500\",\n  pointerEvents: \"auto\",\n});\n\nconst toastControls = style<{ isExpanded?: boolean }>({\n  colorScheme: \"light\",\n  pointerEvents: \"auto\",\n  display: {\n    default: \"none\",\n    isExpanded: \"flex\",\n  },\n  justifyContent: \"end\",\n  gap: 8,\n  opacity: {\n    default: 0,\n    isExpanded: 1,\n  },\n});\n\nfunction toastListPerspectiveStyle(placement: ToastEdge, isHovered: boolean): JSX.CSSProperties {\n  const origin = isHovered ? 95 : 55;\n\n  return {\n    perspective: \"80px\",\n    \"perspective-origin\":\n      placement === \"top\" ? `center calc(100% + ${origin}px)` : `center ${-origin}px`,\n    transition: \"perspective-origin 400ms\",\n  };\n}\n\nfunction normalizePlacement(placement?: ToastPlacement): {\n  placement: ToastPlacement;\n  edge: ToastEdge;\n  align: ToastAlign;\n} {\n  const normalized = placement ?? \"bottom\";\n  const [edge, align = \"center\"] = normalized.split(\" \") as [ToastEdge, ToastAlign?];\n  return {\n    placement: normalized,\n    edge,\n    align: align === \"end\" ? \"end\" : \"center\",\n  };\n}\n\nfunction normalizeVariant(\n  variant?: ToastContent[\"variant\"],\n  type?: ToastContent[\"type\"],\n): ToastVariant {\n  if (variant) {\n    return variant;\n  }\n\n  switch (type as ToastVariant | LegacyToastVariant | undefined) {\n    case \"positive\":\n    case \"success\":\n      return \"positive\";\n    case \"negative\":\n    case \"error\":\n      return \"negative\";\n    /* `warning` folds onto the canonical `notice` (orange) channel — the same\n     * negative/warning/success trio Button, Badge, StatusLight, InlineAlert and\n     * Meter expose. It used to fall in with `negative` and render red. */\n    case \"notice\":\n    case \"warning\":\n      return \"notice\";\n    case \"info\":\n      return \"info\";\n    case \"neutral\":\n    default:\n      return \"neutral\";\n  }\n}\n\nfunction getVariantIcon(variant: ToastVariant): JSX.Element | null {\n  switch (variant) {\n    case \"positive\":\n      return <CheckmarkCircleIcon aria-hidden=\"true\" />;\n    case \"negative\":\n      return <AlertTriangleIcon aria-hidden=\"true\" />;\n    case \"notice\":\n      return <AlertDiamondIcon aria-hidden=\"true\" />;\n    case \"info\":\n      return <InfoCircleIcon aria-hidden=\"true\" />;\n    case \"neutral\":\n    default:\n      return null;\n  }\n}\n\nfunction closeGlobalToast(key: string) {\n  globalToastQueue.close(key);\n  globalToastQueue.remove(key);\n}\n\nfunction addSpectrumToast(\n  children: string,\n  variant: ToastVariant,\n  options: ToastOptions = {},\n): () => void {\n  const timeout =\n    options.timeout && !options.actionLabel ? Math.max(options.timeout, 5000) : undefined;\n  const domProps = filterDOMProps(options as Record<string, unknown>);\n  const key = headlessAddToast(\n    {\n      children,\n      // The shared headless ToastContent.variant union is S2's (no `notice`); the\n      // register's warning channel rides through it as a passthrough value that our\n      // renderer reads back via normalizeVariant. Widening the shared type would\n      // break solid-spectrum's narrower normalizeVariant, so cast at this seam only.\n      variant: variant as ToastContent[\"variant\"],\n      actionLabel: options.actionLabel,\n      onAction: options.onAction,\n      shouldCloseOnAction: options.shouldCloseOnAction,\n      ...domProps,\n    },\n    {\n      timeout,\n      onClose: options.onClose,\n    },\n  );\n\n  return () => closeGlobalToast(key);\n}\n\n/**\n * ToastProvider creates a toast queue context for descendant components.\n * Most S2 usage should render ToastContainer once at the app root instead.\n */\nexport function ToastProvider(props: ToastProviderProps): JSX.Element {\n  return <HeadlessToastProvider {...props} />;\n}\n\n/**\n * ToastRegion displays all visible toasts from the surrounding ToastProvider.\n * This remains for lower-level composition; ToastContainer self-wires the global queue.\n */\nexport function ToastRegion(props: ToastRegionProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"placement\", \"class\"]);\n  const placement = () => normalizePlacement(local.placement);\n  const theme = useTheme();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const containerContext = useContext(ToastContainerContext);\n  const isExpanded = () => containerContext?.isExpanded() ?? false;\n  const { isHovered: isListHovered, hoverProps: listHoverProps } = createHover();\n  createPreventScroll({\n    get isDisabled() {\n      return !isExpanded();\n    },\n  });\n  const toggleExpanded = (visibleToasts: QueuedToast<ToastContent>[]) => {\n    if (!isExpanded() && visibleToasts.length <= 1) {\n      return;\n    }\n    containerContext?.toggleExpanded();\n  };\n  const handleRegionKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\" || !isExpanded()) {\n      return;\n    }\n\n    event.stopPropagation();\n    containerContext?.collapse();\n  };\n  const handleListClick = (event: MouseEvent, visibleToasts: QueuedToast<ToastContent>[]) => {\n    const target = event.target;\n    if (isExpanded() || !(target instanceof Element) || target.closest(\"button\")) {\n      return;\n    }\n    toggleExpanded(visibleToasts);\n  };\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (!isExpanded() || !containerContext) {\n      return;\n    }\n\n    const ownerDocument = globalThis.document;\n    if (!ownerDocument) {\n      return;\n    }\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      containerContext.collapse();\n    };\n\n    ownerDocument.addEventListener(\"keydown\", handleDocumentKeyDown, true);\n    _s2Cleanups.push(() =>\n      ownerDocument.removeEventListener(\"keydown\", handleDocumentKeyDown, true),\n    );\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return (\n    <HeadlessToastRegion\n      {...rest}\n      placement={placement().placement}\n      class={(_renderProps: ToastRegionRenderProps) =>\n        [\n          toastRegion({\n            placement: placement().edge,\n            align: placement().align,\n            isExpanded: isExpanded(),\n            colorScheme: theme.colorScheme,\n          }),\n          local.class ?? \"\",\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n    >\n      {(regionProps: ToastRegionRenderProps) => {\n        const visibleToasts = () => regionProps.visibleToasts();\n\n        return (\n          <FocusScope contain={isExpanded()}>\n            <div\n              data-solid-spectrum-toast-focus-scope=\"\"\n              onKeyDown={handleRegionKeyDown}\n              style={{ display: \"contents\" }}\n            >\n              <Show when={containerContext && isExpanded()}>\n                <div\n                  class={`toast-background ${toastBackground}`}\n                  data-solid-spectrum-toast-background=\"\"\n                  onClick={containerContext?.collapse}\n                />\n              </Show>\n              <div\n                {...listHoverProps}\n                class={[\n                  isExpanded() ? \"toast-list-expanded\" : \"toast-list-collapsed\",\n                  toastList({ placement: placement().edge, isExpanded: isExpanded() }),\n                ].join(\" \")}\n                data-solid-spectrum-toast-list=\"\"\n                style={toastListPerspectiveStyle(placement().edge, isListHovered())}\n                onClick={(event) => handleListClick(event, visibleToasts())}\n              >\n                <For each={visibleToasts()}>\n                  {(toast, index) => (\n                    <Toast\n                      toast={toast}\n                      index={index}\n                      visibleToasts={visibleToasts}\n                      isExpanded={isExpanded}\n                      onToggleExpanded={() => toggleExpanded(visibleToasts())}\n                      canExpand={Boolean(containerContext)}\n                      placementEdge={placement().edge}\n                      placementAlign={placement().align}\n                    />\n                  )}\n                </For>\n              </div>\n              <Show when={containerContext}>\n                {(context) => (\n                  <div\n                    class={`toast-controls ${toastControls({ isExpanded: isExpanded() })}`}\n                    data-solid-spectrum-toast-controls=\"\"\n                  >\n                    <ActionButton size=\"S\" onPress={context().clear}>\n                      {stringFormatter().format(\"toast.clearAll\")}\n                    </ActionButton>\n                    <ActionButton size=\"S\" onPress={context().collapse}>\n                      {stringFormatter().format(\"toast.collapse\")}\n                    </ActionButton>\n                  </div>\n                )}\n              </Show>\n            </div>\n          </FocusScope>\n        );\n      }}\n    </HeadlessToastRegion>\n  );\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: ToastContainerProps): JSX.Element {\n  const [local, regionProps] = splitProps(props, [\"PRIVATE_forceReducedMotion\"]);\n  const [isExpanded, setIsExpanded] = createSignal(false);\n\n  onSettled(ensureToastAnimationStyles);\n\n  // Track prefers-reduced-motion and mirror it into the module-global flag that\n  // startViewTransition reads, restoring the previous value on cleanup.\n  const prefersReducedMotion = createMediaQuery(\"(prefers-reduced-motion)\");\n  const reduceMotion = () => local.PRIVATE_forceReducedMotion ?? prefersReducedMotion();\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const previous = globalReduceMotion;\n    globalReduceMotion = reduceMotion();\n    _s2Cleanups.push(() => {\n      globalReduceMotion = previous;\n    });\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  const unsubscribe = globalToastQueue.subscribe((toasts) => {\n    if (toasts.length === 0) {\n      setIsExpanded(false);\n    }\n  });\n  onCleanup(unsubscribe);\n\n  const context: ToastContainerContextValue = {\n    isExpanded,\n    toggleExpanded: () => {\n      const expanding = !isExpanded();\n      startViewTransition(\n        () => setIsExpanded(expanding),\n        expanding ? \"toast-expand\" : \"toast-collapse\",\n      );\n    },\n    collapse: () => {\n      if (isExpanded()) {\n        startViewTransition(() => setIsExpanded(false), \"toast-collapse\");\n      }\n    },\n    clear: () => globalToastQueue.clear(),\n    reduceMotion,\n  };\n\n  return (\n    <ToastContainerContext value={context}>\n      <ToastProvider useGlobalQueue>\n        <ToastRegion {...regionProps} />\n      </ToastProvider>\n    </ToastContainerContext>\n  );\n}\n\n/** Toast displays an individual notification with icon, content, action, and close button. */\nexport function Toast(props: ToastProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"toast\",\n    \"class\",\n    \"index\",\n    \"visibleToasts\",\n    \"isExpanded\",\n    \"onToggleExpanded\",\n    \"canExpand\",\n    \"placementEdge\",\n    \"placementAlign\",\n  ]);\n  const state = useToastContext();\n  const containerCtx = useContext(ToastContainerContext);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const content = () => local.toast.content;\n  const contentDomProps = () => filterDOMProps(content() as Record<string, unknown>);\n  const variant = () => normalizeVariant(content().variant, content().type);\n  /* The ink the static controls hung on the toast must spend. Three fills, three\n   * answers: the yellow `notice` fill takes black, the fuchsia `info` fill takes\n   * whichever of the two the ground calls for — `auto` resolves it from the\n   * `--s2-container-bg` the toast sets, matching the `create-ink` flip on the label —\n   * and every remaining fill is dark enough for white in both schemes. Hardcoding\n   * \"white\" here was what put white-on-fuchsia (2.9:1 in the dark scheme) on the close\n   * and action buttons the moment the info channel moved to the CTA colour. */\n  const staticInk = (): StaticColor =>\n    variant() === \"notice\" ? \"black\" : variant() === \"info\" ? \"auto\" : \"white\";\n  const title = () => content().children ?? content().title;\n  const actionLabel = () => content().actionLabel ?? content().action?.label;\n  const actionHandler = () => content().onAction ?? content().action?.onAction;\n  const visibleToasts = () => local.visibleToasts?.() ?? [local.toast];\n  const index = () => local.index?.() ?? visibleToasts().indexOf(local.toast);\n  const isMain = () => index() <= 0;\n  const isExpanded = () => local.isExpanded?.() ?? false;\n  const shouldRenderAsSingle = () => !isMain() || visibleToasts().length <= 1 || isExpanded();\n  const reduceMotion = () => containerCtx?.reduceMotion() ?? false;\n  // Upstream gates the per-component view transitions on `ctx && isMain`; our `canExpand`\n  // already encodes the presence of a ToastContainer (the upstream `ctx`).\n  const useComponentTransition = () => local.canExpand === true && isMain();\n  const mainViewTransitionClass = () =>\n    [\n      \"toast\",\n      !isMain() ? \"background-toast\" : \"\",\n      local.placementEdge ?? \"bottom\",\n      local.placementAlign ?? \"center\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const handleAction = () => {\n    actionHandler()?.();\n    if (content().shouldCloseOnAction) {\n      state.close(local.toast.key);\n      state.remove(local.toast.key);\n    }\n  };\n  // Mirrors the headless close-button delegation (close then finalize removal) so\n  // the faithful S2 CloseButton dismisses the toast without relying on the\n  // `[data-solidaria-toast-close-button]` click delegation it doesn't carry.\n  const handleCloseToast = () => {\n    state.close(local.toast.key);\n    state.remove(local.toast.key);\n  };\n\n  const backgroundStyle = () =>\n    ({\n      position: \"absolute\",\n      [local.placementEdge === \"top\" ? \"bottom\" : \"top\"]: \"0\",\n      left: \"0\",\n      width: \"100%\",\n      translate: `0 0 ${(-12 * index()) / 16}rem`,\n      opacity: index() >= 3 ? 0 : 1,\n      \"z-index\": visibleToasts().length - index() - 1,\n      \"pointer-events\": \"none\",\n      // When reduced motion is enabled, append the index to the view-transition-name so\n      // adding/removing a toast cross-fades instead of transitioning position — the toasts\n      // read as separate elements per index rather than the same one moving.\n      \"view-transition-name\": toastViewTransitionName(\n        local.toast.key,\n        reduceMotion() ? `-${index()}` : \"\",\n      ),\n      \"view-transition-class\": \"toast background-toast\",\n    }) as JSX.CSSProperties;\n\n  return (\n    <Show\n      when={!isMain() && !isExpanded()}\n      fallback={\n        <HeadlessToast\n          {...contentDomProps()}\n          {...rest}\n          toast={local.toast}\n          data-solid-spectrum-variant={variant()}\n          style={\n            {\n              \"z-index\": visibleToasts().length - index() - 1,\n              \"view-transition-name\": toastViewTransitionName(local.toast.key),\n              \"view-transition-class\": mainViewTransitionClass(),\n            } as JSX.CSSProperties\n          }\n          class={(_renderProps: ToastRenderProps) =>\n            [\n              \"toast\",\n              toastStyle({ variant: variant(), isExpanded: isExpanded() }),\n              local.class ?? \"\",\n            ]\n              .filter(Boolean)\n              .join(\" \")\n          }\n        >\n          <div role=\"presentation\" class={toastBody({ isSingle: shouldRenderAsSingle() })}>\n            <HeadlessToastContent\n              class={useComponentTransition() ? `${toastContent} toast-content` : toastContent}\n            >\n              <Show when={getVariantIcon(variant())}>\n                {(icon) => <CenterBaseline>{icon()}</CenterBaseline>}\n              </Show>\n              <div class={toastText}>\n                <Show when={title()}>\n                  <HeadlessToastTitle>{title()}</HeadlessToastTitle>\n                </Show>\n                <Show when={content().description}>\n                  <HeadlessToastDescription class={toastDescription}>\n                    {content().description}\n                  </HeadlessToastDescription>\n                </Show>\n              </div>\n            </HeadlessToastContent>\n            <Show when={local.canExpand && !isExpanded() && visibleToasts().length > 1}>\n              <ActionButton\n                isQuiet\n                staticColor={staticInk()}\n                styles={toastExpand}\n                UNSAFE_className={useComponentTransition() ? \"toast-expand\" : undefined}\n                onPress={local.onToggleExpanded}\n              >\n                {stringFormatter().format(\"toast.showAll\")}\n                <ChevronDownIcon\n                  aria-hidden=\"true\"\n                  style={{\n                    rotate: local.placementEdge === \"bottom\" ? \"180deg\" : undefined,\n                  }}\n                />\n              </ActionButton>\n            </Show>\n            <Show when={actionLabel()}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                staticColor={staticInk()}\n                styles={toastAction}\n                UNSAFE_className={useComponentTransition() ? \"toast-action\" : undefined}\n                onPress={handleAction}\n              >\n                {actionLabel()}\n              </Button>\n            </Show>\n          </div>\n\n          <CloseButton\n            staticColor={staticInk()}\n            onPress={handleCloseToast}\n            UNSAFE_className={useComponentTransition() ? \"toast-close\" : undefined}\n            aria-label={stringFormatter().format(\"dialog.dismiss\")}\n          />\n        </HeadlessToast>\n      }\n    >\n      <div\n        role=\"presentation\"\n        style={backgroundStyle()}\n        class={`toast ${toastStyle({ variant: variant(), isExpanded: isExpanded() })}`}\n        data-solid-spectrum-toast-background-item=\"\"\n        data-solid-spectrum-variant={variant()}\n      />\n    </Show>\n  );\n}\n\n/**\n * Add a legacy Solid toast to the global queue.\n * Prefer ToastQueue.neutral/positive/negative/notice/info for the React Spectrum S2 API.\n */\nexport function addToast(content: ToastContent, options?: StatelyToastOptions): string {\n  return headlessAddToast(content, options);\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastSuccess(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"success\", variant: \"positive\" },\n    { timeout: 5000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastError(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"error\", variant: \"negative\" },\n    { timeout: 8000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastWarning(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast(\n    { title: message, type: \"warning\", variant: \"notice\" as ToastContent[\"variant\"] },\n    { timeout: 6000, ...options },\n  );\n}\n\n/** Backward-compatible helper for existing Solid callers. */\nexport function toastInfo(\n  message: string,\n  options?: Omit<StatelyToastOptions, \"priority\">,\n): string {\n  return addToast({ title: message, type: \"info\", variant: \"info\" }, { timeout: 5000, ...options });\n}\n\nexport const ToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"neutral\", options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"positive\", options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"negative\", options);\n  },\n  /** Queues a notice (warning) toast — the orange counterpart to `negative`. */\n  notice(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"notice\", options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: ToastOptions = {}): () => void {\n    return addSpectrumToast(children, \"info\", options);\n  },\n};\n\nexport {\n  ToastContext,\n  globalToastQueue,\n  StatelyToastQueue,\n  useToastContext,\n  type ToastContent,\n  type ToastRenderProps,\n  type ToastRegionRenderProps,\n  type QueuedToast,\n  type StatelyToastOptions,\n};\n"],"mappings":"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"}