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

package/dist/_chunk/toast.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"toast.jsx","names":[],"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.jsx","names":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,SAAS,mBAAmB,OAAyD;CACnF,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,OAAO,CAAC;CACjD,OACE,CAAC,IACC,mCACA,WACA,YACA,wBACI,MACJ,OAAO,MAAM,OACd;MACC,CAAC,KACC,2EACA,0NACA;IACJ,EAAE;AAEN;AAGA,MAAa,kBAAkB,WAAW,kBAAkB;;;;;;;;;;;GCmE5D,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuL5B,IAAI,+BAA+B;AACnC,SAAS,6BAAkC;CACzC,IAAI,gCAAgC,OAAO,aAAa,aACtD;CAEF,MAAM,UAAU,SAAS,cAAc,OAAA;CACvC,QAAQ,KAAK;CACb,QAAQ,cAAc;CACtB,SAAS,KAAK,YAAY,OAAA;CAC1B,+BAA+B;AACjC;AAUA,IAAI,qBAAqB;;;;;;;GASzB,SAAS,oBAAoB,IAAgB,MAAmB;CAC9D,MAAM,MACJ,OAAO,aAAa,cAAc,KAAA,IAAa;CACjD,IAAI,OAAO,OAAO,IAAI,wBAAwB,YAAY;EACxD,2BAAA;EACA,IAAI,gBAAgB,UAAU,IAAI,IAAA;EAClC,IAAI,oBACF,IAAI,gBAAgB,UAAU,IAAI,cAAA;EASpC,MAAM,iBAAiB,IAAI,0BAA0B,MAAM,EAAA,CAAA;EAC3D,eAAoB,MAAM,YAAM,CAAO,CAAA;EACvC,eAAoB,SAAS,cAAQ;GACnC,IAAI,gBAAgB,UAAU,OAAO,MAAM,cAAA;EAC7C,CAAA;CACF,OACE,GAAA;AAEJ;AAEA,iBAAiB,eAAe,IAAI,WAAW,oBAAoB,IAAI,SAAS,QAAQ,CAAA;mGAGxF,SAAS,wBAAwB,KAAa,SAAS,IAAW;CAChE,OAAO,SAAS,MAAM;AACxB;AAoEA,MAAM,wBAAwB,cAAiD,IAAA;AAE/E,MAAM,cAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DN,MAAM,YAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CN,MAAM,aAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EN,MAAM,YAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;AAcN,MAAM,eAAA;AAYN,MAAM,YAAA;AAUN,MAAM,mBAAA;AAMN,MAAM,cAAA;AAKN,MAAM,cAAA;AAIN,MAAM,kBAAA;AAON,MAAM,gBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;AAeN,SAAS,0BAA0B,WAAsB,WAAyB;CAChF,MAAM,SAAS,YAAY,KAAK;CAEhC,OAAO;EACL,aAAa;EACb,sBACE,cAAc,QAAQ,sBAAsB,OAAO,OAAO,UAAU,CAAC,OAAO;EAC9E,YAAY;CACd;AACF;AAEA,SAAS,mBAAmB,WAAA;CAK1B,MAAM,aAAa,aAAa;CAChC,MAAM,CAAC,MAAM,QAAQ,YAAY,WAAW,MAAM,GAAA;CAClD,OAAO;EACL,WAAW;EACX;EACA,OAAO,UAAU,QAAQ,QAAQ;CACnC;AACF;AAEA,SAAS,iBACP,SACA,MACC;CACD,IAAI,SACF,OAAO;CAGT,QAAQ,MAAR;EACE,KAAK;EACL,KAAK,WACH,OAAO;EACT,KAAK;EACL,KAAK,SACH,OAAO;EAIT,KAAK;EACL,KAAK,WACH,OAAO;EACT,KAAK,QACH,OAAO;EAET,SACE,OAAO;CACX;AACF;AAEA,SAAS,eAAe,SAA0C;CAChE,QAAQ,SAAR;EACE,KAAK,YACH,OAAA,CAAQ,oBAAoB;EAC9B,KAAK,YACH,OAAA,CAAQ,kBAAkB;EAC5B,KAAK,UACH,OAAA,CAAQ,iBAAiB;EAC3B,KAAK,QACH,OAAA,CAAQ,eAAe;EAEzB,SACE,OAAO;CACX;AACF;AAEA,SAAS,iBAAiB,KAAW;CACnC,iBAAiB,MAAM,GAAA;CACvB,iBAAiB,OAAO,GAAA;AAC1B;AAEA,SAAS,iBACP,UACA,SACA,UAAwB,CAAC,GACd;CACX,MAAM,UACJ,QAAQ,WAAW,CAAC,QAAQ,cAAc,KAAK,IAAI,QAAQ,SAAS,GAAA,IAAQ,KAAA;CAC9E,MAAM,WAAW,iBAAe,OAAiC;CACjE,MAAM,MAAM,SACV;EACE;EAKS;EACT,aAAa,QAAQ;EACrB,UAAU,QAAQ;EAClB,qBAAqB,QAAQ;EAC7B,GAAG;CACL,GACA;EACE;EACA,SAAS,QAAQ;CACnB,CAAA;CAGF,aAAa,iBAAiB,GAAA;AAChC;;;;GAMA,SAAgB,gBAAc,OAAgC;CAC5D,OAAA,CAAQ,kBAA0B;AACpC;;;;GAMA,SAAgB,cAAY,OAA8B;CACxD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO,CAAC,aAAa,OAAQ,CAAA;CAC9D,MAAM,kBAAkB,mBAAmB,MAAM,SAAS;CAC1D,MAAM,QAAQ,SAAA;CACd,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,mBAAmB,WAAW,qBAAA;CACpC,MAAM,mBAAmB,kBAAkB,WAAA,KAAgB;CAC3D,MAAM,EAAE,WAAW,eAAe,YAAY,mBAAmB,YAAA;CACjE,oBAAoB,EAClB,IAAI,aAAa;EACf,OAAO,CAAC,WAAA;CACV,EACF,CAAA;CACA,MAAM,kBAAkB,kBAA2B;EACjD,IAAI,CAAC,WAAA,KAAgB,cAAc,UAAU,GAC3C;EAEF,kBAAkB,eAAA;CACpB;CACA,MAAM,uBAAuB,UAAO;EAClC,IAAI,MAAM,QAAQ,YAAY,CAAC,WAAA,GAC7B;EAGF,MAAM,gBAAe;EACrB,kBAAkB,SAAA;CACpB;CACA,MAAM,mBAAmB,OAAmB,kBAA2B;EACrE,MAAM,SAAS,MAAM;EACrB,IAAI,WAAA,KAAgB,EAAE,kBAAkB,YAAY,OAAO,QAAQ,QAAA,GACjE;EAEF,eAAe,aAAA;CACjB;CACA,0BAAoB;EAClB,MAAM,cAAiC,CAAA;EAEvC,IAAI,CAAC,WAAA,KAAgB,CAAC,kBACpB;EAGF,MAAM,gBAAgB,WAAW;EACjC,IAAI,CAAC,eACH;EAGF,MAAM,yBAAyB,UAAO;GACpC,IAAI,MAAM,QAAQ,YAAY,MAAM,kBAClC;GAGF,MAAM,eAAc;GACpB,MAAM,gBAAe;GACrB,iBAAiB,SAAQ;EAC3B;EAEA,cAAc,iBAAiB,WAAW,uBAAuB,IAAA;EACjE,YAAY,WACV,cAAc,oBAAoB,WAAW,uBAAuB,IAAA,CAAA;EAGtE,aAAO;GACL,KAAK,MAAM,KAAK,aAAa,EAAA;EAC/B;CACF,CAAA;CAEA,OAAO,CACJ,gBACK,MACJ,WAAW,UAAA,CAAA,CAAY,WACvB,QAAQ,iBACN,CACE,YAAY;EACV,WAAW,UAAA,CAAA,CAAY;EACvB,OAAO,UAAA,CAAA,CAAY;EACnB,YAAY,WAAA;EACZ,aAAa,MAAM;CACrB,CAAA,GACA,MAAM,SAAS,EAChB,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA,GAEX;QACG,gBAAa;EACb,MAAM,sBAAsB,YAAY,cAAa;EAErD,OAAO,CACJ,WAAW,SAAS,WAAA,GAAc;YACjC,CAAC,IACC,yCACA,WAAW,qBACX,OAAO,EAAE,SAAS,WAAW,GAC9B;cACC,CAAC,KAAK,MAAM,oBAAoB,WAAA,GAAc;gBAC5C,CAAC,IACC,OAAO,oBAAoB,mBAC3B,wCACA,SAAS,kBAAkB,YAC3B;cACJ,EAAE,KAAK;cACP,CAAC,QACK,gBACJ,OAAO,CACL,WAAA,IAAe,wBAAwB,wBACvC,UAAU;GAAE,WAAW,UAAA,CAAA,CAAY;GAAM,YAAY,WAAA;EAAa,CAAA,CACnE,CAAA,CAAC,KAAK,GAAA,GACP,kCACA,OAAO,0BAA0B,UAAA,CAAA,CAAY,MAAM,cAAA,CAAA,GACnD,UAAU,UAAU,gBAAgB,OAAO,cAAA,CAAA,GAC5C;gBACC,CAAC,IAAI,MAAM,cAAA,GAAiB;oBACxB,OAAO,UAAU,CAChB,QACC,OAAO,OACP,OAAO,OACP,eAAe,eACf,YAAY,YACZ,wBAAwB,eAAe,cAAA,CAAA,GACvC,WAAW,QAAQ,gBAAA,GACnB,eAAe,UAAA,CAAA,CAAY,MAC3B,gBAAgB,UAAA,CAAA,CAAY,UAE9B;gBACJ,EAAE,IAAI;cACR,EAAE,IAAI;cACN,CAAC,KAAK,MAAM,kBAAkB;kBAC1B,YAAY,CACX,IACC,OAAO,kBAAkB,cAAc,EAAE,YAAY,WAAA,EAAa,CAAA,KAClE,sCACD;oBACC,CAAC,aAAa,SAAS,SAAS,QAAA,CAAA,CAAU,OAAO;uBAC9C,gBAAA,CAAA,CAAkB,OAAO,gBAAA,EAAkB;oBAC9C,EAAE,aAAa;oBACf,CAAC,aAAa,SAAS,SAAS,QAAA,CAAA,CAAU,UAAU;uBACjD,gBAAA,CAAA,CAAkB,OAAO,gBAAA,EAAkB;oBAC9C,EAAE,aAAa;kBACjB,EAAE,KACF;cACJ,EAAE,KAAK;YACT,EAAE,IAAI;UACR,EAAE;CAEN,EAAE;IACJ,EAAE;AAEN;;;;GAMA,SAAgB,eAAe,OAAiC;CAC9D,MAAM,CAAC,OAAO,eAAe,WAAW,OAAO,CAAC,4BAA6B,CAAA;CAC7E,MAAM,CAAC,YAAY,iBAAiB,aAAa,KAAA;CAEjD,UAAU,0BAAA;CAIV,MAAM,uBAAuB,iBAAiB,0BAAA;CAC9C,MAAM,qBAAqB,MAAM,8BAA8B,qBAAA;CAC/D,0BAAoB;EAClB,MAAM,cAAiC,CAAA;EAEvC,MAAM,WAAW;EACjB,qBAAqB,aAAA;EACrB,YAAY,WAAK;GACf,qBAAqB;EACvB,CAAA;EAEA,aAAO;GACL,KAAK,MAAM,KAAK,aAAa,EAAA;EAC/B;CACF,CAAA;CAEA,MAAM,cAAc,iBAAiB,WAAW,WAAA;EAC9C,IAAI,OAAO,WAAW,GACpB,cAAc,KAAA;CAElB,CAAA;CACA,UAAU,WAAA;CAEV,MAAM,UAAsC;EAC1C;EACA,sBAAgB;GACd,MAAM,YAAY,CAAC,WAAA;GACnB,0BACQ,cAAc,SAAA,GACpB,YAAY,iBAAiB,gBAAA;EAEjC;EACA,gBAAU;GACR,IAAI,WAAA,GACF,0BAA0B,cAAc,KAAA,GAAQ,gBAAA;EAEpD;EACA,aAAa,iBAAiB,MAAK;EACnC;CACF;CAEA,OAAO,CACJ,sBAAsB,OAAO,SAAS;MACrC,CAAC,gBAAc,eAAe;QAC5B,CAAC,kBAAgB,eAAe;MAClC,EAAE,gBAAc;IAClB,EAAE;AAEN;+FAGA,SAAgB,QAAM,OAAwB;CAC5C,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,CAAA;CACD,MAAM,QAAQ,gBAAA;CACd,MAAM,eAAe,WAAW,qBAAA;CAChC,MAAM,kBAAkB,sBAAsB,eAAe,oBAAA;CAC7D,MAAM,gBAAgB,MAAM,MAAM;CAClC,MAAM,wBAAwB,iBAAe,QAAA,CAAmC;CAChF,MAAM,gBAAgB,iBAAiB,QAAA,CAAA,CAAU,SAAS,QAAA,CAAA,CAAU,IAAI;CAQxE,MAAM,kBACJ,QAAA,MAAc,WAAW,UAAU,QAAA,MAAc,SAAS,SAAS;CACrE,MAAM,cAAc,QAAA,CAAA,CAAU,YAAY,QAAA,CAAA,CAAU;CACpD,MAAM,oBAAoB,QAAA,CAAA,CAAU,eAAe,QAAA,CAAA,CAAU,QAAQ;CACrE,MAAM,sBAAsB,QAAA,CAAA,CAAU,YAAY,QAAA,CAAA,CAAU,QAAQ;CACpE,MAAM,sBAAsB,MAAM,gBAAa,KAAQ,CAAC,MAAM,KAAM;CACpE,MAAM,cAAc,MAAM,QAAK,KAAQ,cAAA,CAAA,CAAgB,QAAQ,MAAM,KAAK;CAC1E,MAAM,eAAe,MAAA,KAAW;CAChC,MAAM,mBAAmB,MAAM,aAAU,KAAQ;CACjD,MAAM,6BAA6B,CAAC,OAAA,KAAY,cAAA,CAAA,CAAgB,UAAU,KAAK,WAAA;CAC/E,MAAM,qBAAqB,cAAc,aAAA,KAAkB;CAG3D,MAAM,+BAA+B,MAAM,cAAc,QAAQ,OAAA;CACjE,MAAM,gCACJ;EACE;EACA,CAAC,OAAA,IAAW,qBAAqB;EACjC,MAAM,iBAAiB;EACvB,MAAM,kBAAkB;CACzB,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA;CACV,MAAM,qBAAe;EACnB,cAAA,CAAA,GAAA;EACA,IAAI,QAAA,CAAA,CAAU,qBAAqB;GACjC,MAAM,MAAM,MAAM,MAAM,GAAG;GAC3B,MAAM,OAAO,MAAM,MAAM,GAAG;EAC9B;CACF;CAIA,MAAM,yBAAmB;EACvB,MAAM,MAAM,MAAM,MAAM,GAAG;EAC3B,MAAM,OAAO,MAAM,MAAM,GAAG;CAC9B;CAEA,MAAM,yBACH;EACC,UAAU;GACT,MAAM,kBAAkB,QAAQ,WAAW,QAAQ;EACpD,MAAM;EACN,OAAO;EACP,WAAW,OAAQ,MAAM,MAAA,IAAW,GAAG;EACvC,SAAS,MAAA,KAAW,IAAI,IAAI;EAC5B,WAAW,cAAA,CAAA,CAAgB,SAAS,MAAA,IAAU;EAC9C,kBAAkB;EAIlB,wBAAwB,wBACtB,MAAM,MAAM,KACZ,aAAA,IAAiB,IAAI,MAAA,MAAY,EAAA;EAEnC,yBAAyB;CAC3B;CAEF,OAAO,CACJ,KACC,MAAM,CAAC,OAAA,KAAY,CAAC,WAAA,GACpB,UAAA,CACG,UACK,gBAAA,OACA,MACJ,OAAO,MAAM,OACb,6BAA6B,QAAA,GAC7B,OACE;EACE,WAAW,cAAA,CAAA,CAAgB,SAAS,MAAA,IAAU;EAC9C,wBAAwB,wBAAwB,MAAM,MAAM,GAAG;EAC/D,yBAAyB,wBAAA;CAC3B,GAEF,QAAQ,iBACN;EACE;EACA,WAAW;GAAE,SAAS,QAAA;GAAW,YAAY,WAAA;EAAa,CAAA;EAC1D,MAAM,SAAS;CAChB,CAAA,CACE,OAAO,OAAA,CAAA,CACP,KAAK,GAAA,GAEX;UACC,CAAC,IAAI,oBAAoB,OAAO,UAAU,EAAE,UAAU,qBAAA,EAAuB,CAAA,GAAI;YAC/E,CAAC,sBACC,OAAO,uBAAA,IAA2B,GAAG,aAAa,kBAAkB,cACrE;cACC,CAAC,KAAK,MAAM,eAAe,QAAA,CAAA,GAAY;kBACnC,SAAA,CAAU,gBAAgB,KAAA,EAAA,EAAS,gBAAgB;cACvD,EAAE,KAAK;cACP,CAAC,IAAI,OAAO,WAAW;gBACrB,CAAC,KAAK,MAAM,MAAA,GAAS;kBACnB,CAAC,YAAoB,MAAA,EAAA,EAAU,WAAmB;gBACpD,EAAE,KAAK;gBACP,CAAC,KAAK,MAAM,QAAA,CAAA,CAAU,aAAa;kBACjC,CAAC,iBAAyB,OAAO,kBAAkB;qBAChD,QAAA,CAAA,CAAU,YAAY;kBACzB,EAAE,iBAAyB;gBAC7B,EAAE,KAAK;cACT,EAAE,IAAI;YACR,EAAE,sBAAqB;YACvB,CAAC,KAAK,MAAM,MAAM,aAAa,CAAC,WAAA,KAAgB,cAAA,CAAA,CAAgB,SAAS,GAAG;cAC1E,CAAC,aACC,QACA,aAAa,UAAA,GACb,QAAQ,aACR,kBAAkB,uBAAA,IAA2B,iBAAiB,KAAA,GAC9D,SAAS,MAAM,kBAChB;iBACE,gBAAA,CAAA,CAAkB,OAAO,eAAA,EAAiB;gBAC3C,CAAC,gBACC,mBACA,OAAO,EACL,QAAQ,MAAM,kBAAkB,WAAW,WAAW,KAAA,EACxD,KACA;cACJ,EAAE,aAAa;YACjB,EAAE,KAAK;YACP,CAAC,KAAK,MAAM,YAAA,GAAe;cACzB,CAAC,SACC,oBACA,oBACA,aAAa,UAAA,GACb,QAAQ,aACR,kBAAkB,uBAAA,IAA2B,iBAAiB,KAAA,GAC9D,SAAS,cACV;iBACE,YAAA,EAAc;cACjB,EAAE,SAAO;YACX,EAAE,KAAK;UACT,EAAE,IAAI;;UAEN,CAAC,YACC,aAAa,UAAA,GACb,SAAS,kBACT,kBAAkB,uBAAA,IAA2B,gBAAgB,KAAA,GAC7D,YAAY,gBAAA,CAAA,CAAkB,OAAO,gBAAA,KACrC;QACJ,EAAE,QAEL;MACC,CAAC,IACC,oBACA,OAAO,gBAAA,GACP,OAAO,SAAS,WAAW;EAAE,SAAS,QAAA;EAAW,YAAY,WAAA;CAAa,CAAA,KAC1E,6CACA,6BAA6B,QAAA,KAC7B;IACJ,EAAE;AAEN;;;;GAMA,SAAgB,WAAS,SAAuB,SAAsC;CACpF,OAAO,SAAiB,SAAS,OAAA;AACnC;8DAGA,SAAgB,aACd,SACA,SACO;CACP,OAAO,WACL;EAAE,OAAO;EAAS,MAAM;EAAW,SAAS;CAAW,GACvD;EAAE,SAAS;EAAM,GAAG;CAAQ,CAAA;AAEhC;8DAGA,SAAgB,WACd,SACA,SACO;CACP,OAAO,WACL;EAAE,OAAO;EAAS,MAAM;EAAS,SAAS;CAAW,GACrD;EAAE,SAAS;EAAM,GAAG;CAAQ,CAAA;AAEhC;8DAGA,SAAgB,aACd,SACA,SACO;CACP,OAAO,WACL;EAAE,OAAO;EAAS,MAAM;EAAW,SAAS;CAAoC,GAChF;EAAE,SAAS;EAAM,GAAG;CAAQ,CAAA;AAEhC;8DAGA,SAAgB,UACd,SACA,SACO;CACP,OAAO,WAAS;EAAE,OAAO;EAAS,MAAM;EAAQ,SAAS;CAAO,GAAG;EAAE,SAAS;EAAM,GAAG;CAAQ,CAAA;AACjG;AAEA,MAAa,aAAa;gCAExB,QAAQ,UAAkB,UAAwB,CAAC,GAAc;EAC/D,OAAO,iBAAiB,UAAU,WAAW,OAAA;CAC/C;iCAEA,SAAS,UAAkB,UAAwB,CAAC,GAAc;EAChE,OAAO,iBAAiB,UAAU,YAAY,OAAA;CAChD;iCAEA,SAAS,UAAkB,UAAwB,CAAC,GAAc;EAChE,OAAO,iBAAiB,UAAU,YAAY,OAAA;CAChD;gFAEA,OAAO,UAAkB,UAAwB,CAAC,GAAc;EAC9D,OAAO,iBAAiB,UAAU,UAAU,OAAA;CAC9C;uCAEA,KAAK,UAAkB,UAAwB,CAAC,GAAc;EAC5D,OAAO,iBAAiB,UAAU,QAAQ,OAAA;CAC5C;AACF"}

package/dist/_chunk/view.js

@@ -0,0 +1,220 @@
+/* empty css                                                                       */
+/* empty css                                                                       */
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, readShallow, runHydrationEvents, scope, setAttribute, setStyleProperty, spread, style, template } from "@solidjs/web";
+import { For, Show } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+//#region src/view/Content.tsx
+var _tmpl$$2 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$2$1 = /* @__PURE__ */ template(`<header>`);
+var _tmpl$3$1 = /* @__PURE__ */ template(`<footer>`);
+const contentStyles = " uxe7h417 -_6BNtrc-b17 vx17 xb17 _xa17 _Fd17 _FnuYUweb17 pmiKvLd17";
+/**
+* A content slot component for dialog or panel body.
+*/ function Content(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	var _el$ = getNextElement(_tmpl$$2);
+	spread(_el$, [rest, { get "class"() {
+		return [contentStyles, local.class].filter(Boolean).join(" ");
+	} }], true);
+	insert(_el$, scope(() => {
+		return local.children;
+	}));
+	runHydrationEvents();
+	return _el$;
+}
+const viewHeaderStyles = " uiWD3ad17 ucJ9TBTb17 ud3Euai17 uea17 ugb17 uhd17 uje17 u2NhKxcl17 uic17 -_6BNtrc-e17 vx17 xe17 _xa17 xX0cczbd17 _xX0cczba17 xfe17 _xfa17 xfX0cczbd17 _xfX0cczba17 _Fd17 _FnuYUweb17 pmiKvLd17 Qe17 _ka17 hb17 ma17 la17 _jf17 iSNu3ze17";
+/**
+* A header slot component.
+*/ function ViewHeader(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	var _el$2 = getNextElement(_tmpl$2$1);
+	spread(_el$2, [rest, { get "class"() {
+		return [viewHeaderStyles, local.class].filter(Boolean).join(" ");
+	} }], true);
+	insert(_el$2, scope(() => {
+		return local.children;
+	}));
+	runHydrationEvents();
+	return _el$2;
+}
+const viewFooterStyles = " sd17 _Cb17 Ug17 qg17 Te17 _kb17 ha17 ma17 la17 _jf17 iSNu3ze17";
+/**
+* A footer slot component.
+*/ function ViewFooter(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	var _el$3 = getNextElement(_tmpl$3$1);
+	spread(_el$3, [rest, { get "class"() {
+		return [viewFooterStyles, local.class].filter(Boolean).join(" ");
+	} }], true);
+	insert(_el$3, scope(() => {
+		return local.children;
+	}));
+	runHydrationEvents();
+	return _el$3;
+}
+//#endregion
+//#region src/view/SceneBackdrop.tsx
+var _tmpl$$1 = /* @__PURE__ */ template(`<div data-scene-layer=skyline class=" _Pa17 _Ar17 _zr17 Wr17 F7NNfn17 sd17 ec17 _IumMfn17">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div data-scene-layer=grid class=GSbf3b>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div data-scene-layer=veil class=" _Pa17 Wr17 _lr17 _Ar17 _zr17 _ipz7cyd17 _ilc17 __mifOlc17">`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div data-scene-layer=sweep class=" _Pa17 _Ar17 _zr17 Wr17 F8ap6Nb17 -NOWTzd-Fb17 gj6bUJc17 _gkHZLc17 _gdklsgch3TDrc17 _eiC1JIc17 _hd17 __ea17">`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div aria-hidden=true data-scene-backdrop><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<div data-scene-layer=image class=" _Pa17 Wr17 _lr17 _Ar17 _zr17 Q6Ibac">`);
+var _tmpl$7 = /* @__PURE__ */ template(`<span class=" _ub17 _vb17 _sb17 gZf1eed17 _kc17 _oa17">`);
+const SKYLINE = [
+	38,
+	62,
+	44,
+	90,
+	70,
+	52,
+	120,
+	84,
+	60,
+	140,
+	96,
+	72,
+	110,
+	58,
+	130,
+	88,
+	66,
+	150,
+	104,
+	78,
+	48,
+	124,
+	92,
+	64,
+	136,
+	100,
+	70,
+	116,
+	82,
+	54,
+	128,
+	94,
+	68,
+	142,
+	108,
+	76,
+	50,
+	118,
+	86,
+	60
+];
+const rootStyles = " _Pa17 Wr17 _lr17 _Ar17 _zr17 _Nc17 Pc17 _Ob17";
+/**
+* The scene behind a hero: a pixelated, colour-graded image under the register's
+* veil, with an optional pixel skyline, perspective floor grid and scan sweep.
+*
+* Local addition — no S2 counterpart. It is scenery, so it is `aria-hidden` and
+* `pointer-events: none` throughout, and it positions itself `absolute; inset: 0`
+* — give it a positioned parent and put the content after it.
+*/ function SceneBackdrop(props) {
+	const [local] = splitProps(props, [
+		"src",
+		"veil",
+		"sweep",
+		"skyline",
+		"grid",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"id"
+	]);
+	var _el$ = getNextElement(_tmpl$5);
+	var _el$2 = _el$.firstChild;
+	var [_el$3, _el$4] = getNextMarker(_el$2.nextSibling);
+	var _el$6 = _el$3.nextSibling;
+	var [_el$7, _el$8] = getNextMarker(_el$6.nextSibling);
+	var _el$10 = _el$7.nextSibling;
+	var [_el$11, _el$12] = getNextMarker(_el$10.nextSibling);
+	var _el$14 = _el$11.nextSibling;
+	var [_el$15, _el$16] = getNextMarker(_el$14.nextSibling);
+	var _el$18 = _el$15.nextSibling;
+	var [_el$19, _el$20] = getNextMarker(_el$18.nextSibling);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return local.src;
+		},
+		children: (src) => (() => {
+			var _el$21 = getNextElement(_tmpl$6);
+			effect(() => `url("${src()}")`, (_v$) => {
+				setStyleProperty(_el$21, "background-image", _v$);
+			});
+			return _el$21;
+		})()
+	}), _el$3, _el$4);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return local.skyline;
+		},
+		get children() {
+			var _el$5 = getNextElement(_tmpl$$1);
+			insert(_el$5, createComponent(For, {
+				each: SKYLINE,
+				children: (height) => (() => {
+					var _el$22 = getNextElement(_tmpl$7);
+					setStyleProperty(_el$22, "height", `${height}px`);
+					return _el$22;
+				})()
+			}));
+			return _el$5;
+		}
+	}), _el$7, _el$8);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return local.grid;
+		},
+		get children() {
+			return getNextElement(_tmpl$2);
+		}
+	}), _el$11, _el$12);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return local.veil ?? true;
+		},
+		get children() {
+			return getNextElement(_tmpl$3);
+		}
+	}), _el$15, _el$16);
+	insert(_el$, createComponent(Show, {
+		get when() {
+			return local.sweep;
+		},
+		get children() {
+			return getNextElement(_tmpl$4);
+		}
+	}), _el$19, _el$20);
+	effect(() => {
+		return {
+			e: local.id,
+			t: readShallow([local.UNSAFE_className, rootStyles].filter(Boolean).join(" ")),
+			a: readShallow(local.UNSAFE_style)
+		};
+	}, ({ e, t, a }, _p$) => {
+		e !== _p$?.e && setAttribute(_el$, "id", e);
+		className(_el$, t, _p$?.t);
+		style(_el$, a, _p$?.a);
+	});
+	return _el$;
+}
+//#endregion
+//#region src/view/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+function View(props) {
+	const [local, domProps] = splitProps(props, ["class", "children"]);
+	var _el$ = getNextElement(_tmpl$);
+	spread(_el$, [domProps, { get "class"() {
+		return `vui-view ${local.class ?? ""}`;
+	} }], true);
+	insert(_el$, scope(() => {
+		return local.children;
+	}));
+	runHydrationEvents();
+	return _el$;
+}
+//#endregion
+export { ViewHeader as a, ViewFooter as i, SceneBackdrop as n, Content as r, View as t };
+
+//# sourceMappingURL=view.js.map

package/dist/_chunk/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","names":["{local.children}","<div {...domProps} class={`vui-view ${local.class ?? \"\"}`}>\n      {local.children}\n    </div>"],"sources":["../../src/view/Content.tsx","../../src/view/SceneBackdrop.tsx","../../src/view/index.tsx"],"sourcesContent":["import type { JSX } from \"@solidjs/web\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ContentProps {\n  /** Additional CSS class name. */\n  class?: string;\n  /** The content. */\n  children?: JSX.Element;\n}\n\n// Slot chrome for dialog/panel bodies, styled from S2 tokens (neutral text, a\n// `gray-300` hairline rule on the header/footer). Routed through the `style()`\n// macro so the CSS ships in the package bundle for installed consumers.\nconst contentStyles = style({ font: \"ui-sm\", color: \"neutral\" });\n\n/**\n * A content slot component for dialog or panel body.\n */\nexport function Content(props: ContentProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...rest} class={[contentStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </div>\n  );\n}\n\nexport interface ViewHeaderProps {\n  /** Additional CSS class name. */\n  class?: string;\n  /** The content. */\n  children?: JSX.Element;\n}\n\nconst viewHeaderStyles = style({\n  font: \"heading-xs\",\n  color: \"neutral\",\n  paddingBottom: 12,\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\n/**\n * A header slot component.\n */\nexport function ViewHeader(props: ViewHeaderProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <header {...rest} class={[viewHeaderStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </header>\n  );\n}\n\nexport interface ViewFooterProps {\n  /** Additional CSS class name. */\n  class?: string;\n  /** The content. */\n  children?: JSX.Element;\n}\n\nconst viewFooterStyles = style({\n  display: \"flex\",\n  justifyContent: \"end\",\n  gap: 12,\n  paddingTop: 12,\n  borderWidth: 0,\n  borderTopWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-300\",\n});\n\n/**\n * A footer slot component.\n */\nexport function ViewFooter(props: ViewFooterProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <footer {...rest} class={[viewFooterStyles, local.class].filter(Boolean).join(\" \")}>\n      {local.children}\n    </footer>\n  );\n}\n","// Local addition — no S2 counterpart. See the JSDoc on SceneBackdrop below.\n\nimport { For, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { css } from \"../style/style-macro\" with { type: \"macro\" };\nimport { scanDown } from \"../style/motion\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface SceneBackdropProps {\n  /** The scene image. Omit it to keep only the generated layers. */\n  src?: string;\n  /** Darken the scene under the content with the register's veil. @default true */\n  veil?: boolean;\n  /** Run a scan line down the scene. @default false */\n  sweep?: boolean;\n  /** Draw the pixel skyline along the horizon. @default false */\n  skyline?: boolean;\n  /** Draw the perspective floor grid. @default false */\n  grid?: boolean;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  id?: string;\n}\n\n/* The handoff's skyline seed: 40 building heights in px, fixed rather than random\n * so the server and the client draw the same city (Solid hydration trusts the\n * server DOM — a random skyline would mismatch on every load). */\nconst SKYLINE = [\n  38, 62, 44, 90, 70, 52, 120, 84, 60, 140, 96, 72, 110, 58, 130, 88, 66, 150, 104, 78, 48, 124, 92,\n  64, 136, 100, 70, 116, 82, 54, 128, 94, 68, 142, 108, 76, 50, 118, 86, 60,\n] as const;\n\nconst scanSweep = scanDown();\n\nconst rootStyles = style({\n  position: \"absolute\",\n  inset: 0,\n  overflow: \"hidden\",\n  pointerEvents: \"none\",\n});\n\nconst layerStyles = style({\n  position: \"absolute\",\n  inset: 0,\n});\n\n/* Escape hatch: `filter` is a token map in the S2 theme (drop-shadow presets only)\n * and `image-rendering` is not a theme property at all, so the scene's own\n * treatment — the register's `--scene-filter` grade plus nearest-neighbour scaling,\n * the \"pixelated\" half of Glasselated — cannot be expressed by the macro. */\nconst sceneImageStyles = css(`\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  filter: var(--scene-filter);\n  image-rendering: pixelated;\n`);\n\n/* The veil: the register's `--veil-rgb` graded top-to-bottom, plus the fine dither\n * tile so the gradient bands as pixels instead of smooth 8-bit ramps. */\nconst veilStyles = style({\n  position: \"absolute\",\n  inset: 0,\n  /* Two layers on one element: the checker paints over the ramp, so the veil bands\n   * as pixels instead of a smooth 8-bit gradient. The checker is the same\n   * `repeating-conic-gradient` on `--dither-tile-fine` that `dither()` emits —\n   * spelled out here only because one element cannot carry two `background-image`\n   * declarations, so the helper's object cannot simply be spread in. */\n  backgroundImage: {\n    default:\n      \"[repeating-conic-gradient(rgb(var(--veil-rgb) / 0.22) 0% 25%, transparent 0% 50%), linear-gradient(180deg, rgb(var(--veil-rgb) / 0.4), rgb(var(--veil-rgb) / 0.7))]\",\n    forcedColors: \"none\",\n  },\n  backgroundSize: \"[var(--dither-tile-fine) var(--dither-tile-fine), auto]\",\n});\n\nconst skylineStyles = style({\n  position: \"absolute\",\n  insetStart: 0,\n  insetEnd: 0,\n  top: 0,\n  height: \"[52%]\",\n  display: \"flex\",\n  alignItems: \"end\",\n  opacity: 0.9,\n});\n\nconst buildingStyles = style({\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: 0,\n  backgroundColor: \"gray-75\",\n  borderTopWidth: 2,\n  borderTopStyle: \"solid\",\n  borderTopColor: \"[color-mix(in srgb, var(--status-info) 70%, transparent)]\",\n  boxSizing: \"border-box\",\n});\n\n/* Escape hatch: the floor grid needs `mask-image` (absent from the theme) to fade\n * in and out at both ends, and a 3D `perspective()` transform origin the theme's\n * transform-origin token list does not cover as one declaration. */\nconst gridStyles = css(`\n  position: absolute;\n  left: -40%;\n  right: -40%;\n  top: 52%;\n  height: 60%;\n  transform: perspective(600px) rotateX(64deg);\n  transform-origin: top;\n  background-image:\n    linear-gradient(color-mix(in srgb, var(--status-info) 50%, transparent) 1px, transparent 1px),\n    linear-gradient(90deg, color-mix(in srgb, var(--status-info) 50%, transparent) 1px, transparent 1px);\n  background-size: 56px 56px;\n  -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%, #000 80%, transparent);\n  mask-image: linear-gradient(180deg, transparent, #000 25%, #000 80%, transparent);\n`);\n\nconst sweepStyles = style({\n  position: \"absolute\",\n  insetStart: 0,\n  insetEnd: 0,\n  top: 0,\n  height: 3,\n  \"--scan-travel\": {\n    type: \"height\",\n    value: \"100%\",\n  },\n  backgroundColor: \"[color-mix(in srgb, var(--status-info) 22%, transparent)]\",\n  animation: {\n    default: scanSweep,\n    \"@media (prefers-reduced-motion: reduce)\": \"none\",\n  },\n  animationDuration: 7000,\n  animationTimingFunction: \"linear\",\n  animationIterationCount: \"infinite\",\n});\n\n/**\n * The scene behind a hero: a pixelated, colour-graded image under the register's\n * veil, with an optional pixel skyline, perspective floor grid and scan sweep.\n *\n * Local addition — no S2 counterpart. It is scenery, so it is `aria-hidden` and\n * `pointer-events: none` throughout, and it positions itself `absolute; inset: 0`\n * — give it a positioned parent and put the content after it.\n */\nexport function SceneBackdrop(props: SceneBackdropProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"src\",\n    \"veil\",\n    \"sweep\",\n    \"skyline\",\n    \"grid\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"id\",\n  ]);\n\n  return (\n    <div\n      id={local.id}\n      aria-hidden=\"true\"\n      class={[local.UNSAFE_className, rootStyles].filter(Boolean).join(\" \")}\n      style={local.UNSAFE_style}\n      data-scene-backdrop=\"\"\n    >\n      <Show when={local.src}>\n        {(src) => (\n          <div\n            data-scene-layer=\"image\"\n            class={`${layerStyles} ${sceneImageStyles}`}\n            style={{ \"background-image\": `url(\"${src()}\")` }}\n          />\n        )}\n      </Show>\n      <Show when={local.skyline}>\n        <div data-scene-layer=\"skyline\" class={skylineStyles}>\n          <For each={SKYLINE}>\n            {(height) => <span class={buildingStyles} style={{ height: `${height}px` }} />}\n          </For>\n        </div>\n      </Show>\n      <Show when={local.grid}>\n        <div data-scene-layer=\"grid\" class={gridStyles} />\n      </Show>\n      <Show when={local.veil ?? true}>\n        <div data-scene-layer=\"veil\" class={veilStyles} />\n      </Show>\n      <Show when={local.sweep}>\n        <div data-scene-layer=\"sweep\" class={sweepStyles} />\n      </Show>\n    </div>\n  );\n}\n","import type { JSX } from \"@solidjs/web\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ViewProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  class?: string;\n}\n\nexport function View(props: ViewProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"children\"]);\n  return (\n    <div {...domProps} class={`vui-view ${local.class ?? \"\"}`}>\n      {local.children}\n    </div>\n  );\n}\n\nexport {\n  Content,\n  ViewHeader,\n  ViewHeader as Header,\n  ViewFooter,\n  ViewFooter as Footer,\n} from \"./Content\";\nexport type { ContentProps, ViewHeaderProps, ViewFooterProps } from \"./Content\";\n\nexport { SceneBackdrop } from \"./SceneBackdrop\";\nexport type { SceneBackdropProps } from \"./SceneBackdrop\";\n"],"mappings":"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"}