@mortenbrudvik/waveui 0.4.0 → 0.8.0

package/dist/components/feedback/Toast.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.context.mjs","names":["React","ToasterContext","ToastContext","ToastUnscannedContext","unregisterNothing","INERT_TOAST_CONTEXT","useToastContext","reportMissingContext","componentName"],"sources":["../../../src/components/feedback/Toast.context.ts"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext } from '../../lib/dev';\nimport type { Status } from '../../lib/types';\nimport type { ToastController } from './Toaster';\n\n/** The controller of the enclosing Toaster (`useToastController`); `null` outside one. */\nexport const ToasterContext = React.createContext<ToastController | null>(null);\nToasterContext.displayName = 'ToasterContext';\n\n/**\n * A part registered with its toast (D9, D10): the title (its label names the toast), the body (it\n * describes the toast) or the footer (its controls are actions). The getters are read when the\n * container composes its name, timer and announcement, after the parts have mounted.\n */\nexport type ToastPartRegistration =\n  | {\n      kind: 'title';\n      id: string;\n      getLabel: () => HTMLElement | null;\n      getRow: () => HTMLElement | null;\n    }\n  | { kind: 'body'; id: string; getElement: () => HTMLElement | null }\n  | { kind: 'footer'; getElement: () => HTMLElement | null };\n\n/** What a Toast rendered inside the Toaster's container registers with it (D10–D12). */\nexport interface ToastRegistration {\n  status: Status;\n  /** The resolved severity text (`''` when hidden). */\n  statusLabel: string;\n  /** The id of the visually hidden severity text, while it renders. */\n  statusTextId: string | undefined;\n  /** The Toast's `onDismiss`, called before the container dismisses the toast. */\n  onDismiss: (() => void) | undefined;\n  /** The Toast's built-in Dismiss button, which is no action. */\n  getDismissButton: () => HTMLElement | null;\n}\n\n/** One per toast: provided by a standalone Toast and by the Toaster's container (D9). */\nexport interface ToastContextValue {\n  /** The id of the title text that names the toast (`Toast.Title`'s label). */\n  titleId: string | undefined;\n  /**\n   * What `Toast.Close` and the Dismiss button call: the Toast's `onDismiss` (when there is one),\n   * then, inside the Toaster, the toast's dismissal. `undefined` when there is nothing to call.\n   */\n  dismiss: (() => void) | undefined;\n  /** Registers a part (a no-op in a standalone Toast); returns the unregister function. */\n  registerPart: (part: ToastPartRegistration) => () => void;\n  /** Registers the Toast rendered inside a Toaster container; `null` everywhere else. */\n  registerToast: ((toast: ToastRegistration) => () => void) | null;\n}\n\nexport const ToastContext = React.createContext<ToastContextValue | null>(null);\nToastContext.displayName = 'ToastContext';\n\n/** `true` inside the body a Toast wraps around children in which its scan found no part (D15 rule). */\nexport const ToastUnscannedContext = React.createContext(false);\nToastUnscannedContext.displayName = 'ToastUnscannedContext';\n\nconst unregisterNothing = () => {};\n\n/** The context a part gets in production outside a Toast (C-CONTEXT). */\nexport const INERT_TOAST_CONTEXT: ToastContextValue = {\n  titleId: undefined,\n  dismiss: undefined,\n  registerPart: () => unregisterNothing,\n  registerToast: null,\n};\n\n/**\n * The per-toast context of a part. Outside a Toast and a Toaster's container it throws\n * `[WaveUI] <componentName> must be used within <Toast>` in development and returns an inert\n * context in production (C-CONTEXT).\n */\nexport function useToastContext(componentName: string): ToastContextValue {\n  const context = React.useContext(ToastContext);\n  if (context) return context;\n  reportMissingContext(componentName, '<Toast>');\n  return INERT_TOAST_CONTEXT;\n}\n"],"mappings":";;;;AAMA,IAAaC,IAAiBD,EAAM,cAAsC,IAAI;AAC9E,EAAe,cAAc;AA6C7B,IAAaE,IAAeF,EAAM,cAAwC,IAAI;AAC9E,EAAa,cAAc;AAG3B,IAAaG,IAAwBH,EAAM,cAAc,EAAK;AAC9D,EAAsB,cAAc;AAEpC,IAAMI,UAA0B,CAAC,GAGpBC,IAAyC;CACpD,SAAS,KAAA;CACT,SAAS,KAAA;CACT,oBAAoBD;CACpB,eAAe;AACjB;AAOA,SAAgBE,EAAgB,GAA0C;CAIxE,OAHgBN,EAAM,WAAWE,CAC7B,MACJK,EAAqBC,GAAe,SAAS,GACtCH;AACT"}

package/dist/components/feedback/Toast.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { ToastBody as e, ToastClose as t, ToastFooter as n, ToastTitle as r } from "./Toast.parts.mjs";
+import { ToastRoot as i } from "./Toast.root.mjs";
+import { Toaster as a, useToastController as o } from "./Toaster.mjs";
+//#region src/components/feedback/Toast.tsx
+var s = /* @__PURE__ */ Object.assign(i, {
+	Title: r,
+	Body: e,
+	Footer: n,
+	Close: t
+});
+//#endregion
+export { s as Toast, e as ToastBody, t as ToastClose, n as ToastFooter, r as ToastTitle, a as Toaster, o as useToastController };
+
+//# sourceMappingURL=Toast.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.mjs","names":["Toast","ToastRoot","ToastTitle","ToastBody","ToastFooter","ToastClose","Toaster","useToastController"],"sources":["../../../src/components/feedback/Toast.tsx"],"sourcesContent":["import { ToastBody, ToastClose, ToastFooter, ToastTitle } from './Toast.parts';\nimport { ToastRoot } from './Toast.root';\n\nexport type { ToastProps } from './Toast.root';\nexport type {\n  ToastTitleProps,\n  ToastBodyProps,\n  ToastFooterProps,\n  ToastCloseProps,\n  ToastCloseRenderProps,\n} from './Toast.parts';\nexport { Toaster, useToastController } from './Toaster';\nexport type {\n  ToasterProps,\n  ToastOptions,\n  ToastController,\n  ToastPosition,\n  ToastDispatchOptions,\n  ToasterShortcuts,\n} from './Toaster';\n\n/**\n * A notification: status icon, visually hidden severity text, title, body, footer and a Dismiss\n * button. Its parts are direct children: `Toast.Title` (the title row, with an optional\n * `action`), `Toast.Body` (with an optional `subtitle`) and `Toast.Footer` (a row of actions); a\n * `Toast.Close` anywhere inside makes its child dismiss the toast. The `title` prop and plain\n * children are the 0.5 form and render as a Title and a Body.\n *\n * Dispatch it with `useToastController().dispatchToast(<Toast>…</Toast>)`, or render it yourself.\n *\n * - **In a Toaster**: not a live region itself; the Toaster announces it once per dispatch through\n *   its permanent live regions (its severity text, then its title, body and the labels of its\n *   actions, never the Dismiss button, or, after the severity text, the dispatch's\n *   `announcement`), politely or, for `error`, assertively, and names its container by the\n *   severity text and title. Every Toast there shows the Dismiss button.\n * - **On its own** (your own container, an inline notice): a live region, as in 0.4 —\n *   `role=\"status\"` with `aria-live=\"polite\"`, or `role=\"alert\"` with `aria-live=\"assertive\"` for\n *   `error` (override with `role`/`aria-live`). A live region that is added together with its\n *   text is not announced by every screen reader, so render the Toast in advance and change its\n *   content, or dispatch it through a Toaster.\n *\n * Sub-components are also exported under flat names (`ToastTitle`, `ToastBody`, `ToastFooter`,\n * `ToastClose`): React Server Components import those, because dotted access (`Toast.Title`)\n * needs a client file.\n */\nexport const Toast = /* @__PURE__ */ Object.assign(ToastRoot, {\n  Title: ToastTitle,\n  Body: ToastBody,\n  Footer: ToastFooter,\n  Close: ToastClose,\n});\n\nexport { ToastTitle, ToastBody, ToastFooter, ToastClose };\n"],"mappings":";;;;;AA6CA,IAAaA,IAAwB,uBAAO,OAAOC,GAAW;CAC5D,OAAOC;CACP,MAAMC;CACN,QAAQC;CACR,OAAOC;AACT,CAAC"}

package/dist/components/feedback/Toast.parts.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/classNames.cjs"),a=require("../../hooks/useId.cjs"),o=require("../../hooks/useMergedRefs.cjs"),s=require("../../lib/mergeProps.cjs"),c=require("../../hooks/useTriggerElement.cjs"),l=require("./Toast.context.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f(e){let t=u.useContext(l.ToastUnscannedContext);u.useEffect(()=>{t&&n.warnOnce(`Toast.${e}:unscanned`,`Toast.${e} is not a direct child of Toast, so it renders inside the body that Toast makes for its children. Make it a direct child of Toast.`)},[t,e])}var p=({action:e,className:n,children:a,ref:s,...c})=>{let{titleId:p,registerPart:m}=l.useToastContext(`Toast.Title`);f(`Title`);let h=u.useRef(null),g=u.useRef(null),_=o.useMergedRefs(s,h);return u.useLayoutEffect(()=>{if(p!==void 0)return m({kind:`title`,id:p,getLabel:()=>g.current,getRow:()=>h.current})},[m,p]),(0,d.jsxs)(`div`,{ref:_,...c,className:t.cn(i.toastTitleClassNames.root,`flex items-start gap-2`,n),children:[(0,d.jsx)(`span`,{ref:g,id:p,className:t.cn(i.toastTitleClassNames.label,`min-w-0 flex-1 text-body-2 font-semibold text-foreground`),children:a}),r.slotRendersContent(e)?r.renderSlot(e,`span`,t.cn(i.toastTitleClassNames.action,`shrink-0`)):null]})};p.displayName=`ToastTitle`;var m=({subtitle:e,id:n,className:s,children:c,ref:p,...m})=>{let{registerPart:h}=l.useToastContext(`Toast.Body`);f(`Body`);let g=a.useId(`wave-toast-body`),_=n??g,v=u.useRef(null),y=o.useMergedRefs(p,v);return u.useLayoutEffect(()=>h({kind:`body`,id:_,getElement:()=>v.current}),[h,_]),(0,d.jsxs)(`div`,{ref:y,...m,id:_,className:t.cn(i.toastBodyClassNames.root,`mt-0.5 text-body-1 text-muted-foreground`,s),children:[c,r.slotRendersContent(e)?(0,d.jsx)(`div`,{className:t.cn(i.toastBodyClassNames.subtitle,`mt-1 text-caption-1 text-muted-foreground`),children:r.materialiseSlotContent(e)}):null]})};m.displayName=`ToastBody`;var h=({className:e,ref:n,...r})=>{let{registerPart:a}=l.useToastContext(`Toast.Footer`);f(`Footer`);let s=u.useRef(null),c=o.useMergedRefs(n,s);return u.useLayoutEffect(()=>a({kind:`footer`,getElement:()=>s.current}),[a]),(0,d.jsx)(`div`,{ref:c,...r,className:t.cn(i.toastFooterClassNames.root,`mt-2 flex flex-wrap gap-2`,e)})};h.displayName=`ToastFooter`;var g=({children:e,asChild:t,ref:r,...i})=>{let{dismiss:a}=l.useToastContext(`Toast.Close`),d=o.useMergedRefs(r),f=a!==void 0;u.useEffect(()=>{f||n.warnOnce(`Toast.Close:no-dismiss`,"Toast.Close has nothing to dismiss: render it in a toast dispatched to a Toaster, or in a Toast with `onDismiss`.")},[f]);let p=u.useCallback(()=>{a?.()},[a]),m=s.mergeProps({onClick:p,ref:d},i);return c.useTriggerElement(e,m,{componentName:`Toast.Close`,asChild:t})};g.displayName=`ToastClose`,exports.ToastBody=m,exports.ToastClose=g,exports.ToastFooter=h,exports.ToastTitle=p;
+//# sourceMappingURL=Toast.parts.cjs.map

package/dist/components/feedback/Toast.parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.parts.cjs","names":["React","ToastUnscannedContext","useToastContext","useMergedRefs","cn","toastTitleClassNames","slotRendersContent","renderSlot","useId","toastBodyClassNames","materialiseSlotContent","toastFooterClassNames","mergeProps","useTriggerElement","require_runtime","require_cn","require_dev","require_slot","require_classNames","require_useId","require_useMergedRefs","require_mergeProps","require_useTriggerElement","require_Toast_context","react","react_jsx_runtime","useUnscannedWarning","unscanned","part","ToastTitle","rest","rowRef","labelRef","mergedRef","ref","titleId","registerPart","className","action","ToastBody","idProp","generatedId","id","bodyRef","children","subtitle","ToastFooter","footerRef","ToastClose","hasDismiss","dismiss","close","closeProps"],"sources":["../../../src/components/feedback/Toast.parts.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport {\n  toastBodyClassNames,\n  toastFooterClassNames,\n  toastTitleClassNames,\n} from '../../lib/classNames';\nimport { warnOnce } from '../../lib/dev';\nimport { mergeProps } from '../../lib/mergeProps';\nimport { materialiseSlotContent, renderSlot, slotRendersContent } from '../../lib/slot';\nimport type { Slot } from '../../lib/slot';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useTriggerElement } from '../../hooks/useTriggerElement';\nimport { ToastUnscannedContext, useToastContext } from './Toast.context';\n\n/**\n * Development warning (once, from an effect) for a part that renders inside the body a Toast made\n * for children in which its scan found no part: the part sits inside the app's own component.\n */\nfunction useUnscannedWarning(part: 'Title' | 'Body' | 'Footer'): void {\n  const unscanned = React.useContext(ToastUnscannedContext);\n  React.useEffect(() => {\n    if (!unscanned) return;\n    warnOnce(\n      `Toast.${part}:unscanned`,\n      `Toast.${part} is not a direct child of Toast, so it renders inside the body that Toast makes for its children. Make it a direct child of Toast.`,\n    );\n  }, [unscanned, part]);\n}\n\n/** Properties for the ToastTitle sub-component. */\nexport interface ToastTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Content at the end of the title row, such as a link or a button (often in `Toast.Close`). */\n  action?: Slot<'span'>;\n  /** Ref to the title row. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The title row: the title text (which names the toast) and an optional `action` at its end. A\n * direct child of Toast, or dispatched content of a Toaster.\n *\n * Also exported as `ToastTitle` (import the flat name from React Server Components).\n */\nexport const ToastTitle = ({ action, className, children, ref, ...rest }: ToastTitleProps) => {\n  const { titleId, registerPart } = useToastContext('Toast.Title');\n  useUnscannedWarning('Title');\n  const rowRef = React.useRef<HTMLDivElement>(null);\n  const labelRef = React.useRef<HTMLSpanElement>(null);\n  const mergedRef = useMergedRefs(ref, rowRef);\n  React.useLayoutEffect(() => {\n    if (titleId === undefined) return undefined;\n    return registerPart({\n      kind: 'title',\n      id: titleId,\n      getLabel: () => labelRef.current,\n      getRow: () => rowRef.current,\n    });\n  }, [registerPart, titleId]);\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      className={cn(toastTitleClassNames.root, 'flex items-start gap-2', className)}\n    >\n      <span\n        ref={labelRef}\n        id={titleId}\n        className={cn(\n          toastTitleClassNames.label,\n          'min-w-0 flex-1 text-body-2 font-semibold text-foreground',\n        )}\n      >\n        {children}\n      </span>\n      {slotRendersContent(action)\n        ? renderSlot(action, 'span', cn(toastTitleClassNames.action, 'shrink-0'))\n        : null}\n    </div>\n  );\n};\nToastTitle.displayName = 'ToastTitle';\n\n/** Properties for the ToastBody sub-component. */\nexport interface ToastBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** A secondary line under the body text. */\n  subtitle?: React.ReactNode;\n  /** Ref to the body element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The body text and an optional `subtitle`, which describe the toast. Your `id` is the id the\n * toast's description points at (a generated one otherwise).\n *\n * Also exported as `ToastBody` (import the flat name from React Server Components).\n */\nexport const ToastBody = ({\n  subtitle,\n  id: idProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: ToastBodyProps) => {\n  const { registerPart } = useToastContext('Toast.Body');\n  useUnscannedWarning('Body');\n  const generatedId = useId('wave-toast-body');\n  const id = idProp ?? generatedId;\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, bodyRef);\n  React.useLayoutEffect(\n    () => registerPart({ kind: 'body', id, getElement: () => bodyRef.current }),\n    [registerPart, id],\n  );\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      id={id}\n      className={cn(\n        toastBodyClassNames.root,\n        'mt-0.5 text-body-1 text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n      {slotRendersContent(subtitle) ? (\n        <div\n          className={cn(toastBodyClassNames.subtitle, 'mt-1 text-caption-1 text-muted-foreground')}\n        >\n          {materialiseSlotContent(subtitle)}\n        </div>\n      ) : null}\n    </div>\n  );\n};\nToastBody.displayName = 'ToastBody';\n\n/** Properties for the ToastFooter sub-component. */\nexport interface ToastFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the footer element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * A row of actions under the body.\n *\n * Also exported as `ToastFooter` (import the flat name from React Server Components).\n */\nexport const ToastFooter = ({ className, ref, ...rest }: ToastFooterProps) => {\n  const { registerPart } = useToastContext('Toast.Footer');\n  useUnscannedWarning('Footer');\n  const footerRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, footerRef);\n  React.useLayoutEffect(\n    () => registerPart({ kind: 'footer', getElement: () => footerRef.current }),\n    [registerPart],\n  );\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      className={cn(toastFooterClassNames.root, 'mt-2 flex flex-wrap gap-2', className)}\n    />\n  );\n};\nToastFooter.displayName = 'ToastFooter';\n\n/** Props a `Toast.Close` puts on its element (and passes to a render-prop child), as `DialogCloseRenderProps`. */\nexport interface ToastCloseRenderProps extends React.HTMLAttributes<HTMLElement> {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the ToastClose sub-component (as `DialogCloseProps`). */\nexport interface ToastCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /** The element that dismisses the toast; a single element gets a composed `onClick`, a function the props. */\n  children: React.ReactNode | ((props: ToastCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that dismisses on click. @default true */\n  asChild?: boolean;\n  /** Ref to the close element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Makes its single child dismiss the toast: it calls the Toast's `onDismiss` (when there is one),\n * then, inside the Toaster, dismisses the toast. Your `onClick` runs first; `preventDefault()`\n * keeps the toast. Works in dispatched content with or without a `Toast`. Fluent's `ToastTrigger`.\n *\n * Also exported as `ToastClose` (import the flat name from React Server Components).\n */\nexport const ToastClose = ({ children, asChild, ref, ...rest }: ToastCloseProps) => {\n  const { dismiss } = useToastContext('Toast.Close');\n  const mergedRef = useMergedRefs<HTMLElement>(ref);\n  const hasDismiss = dismiss !== undefined;\n  React.useEffect(() => {\n    if (hasDismiss) return;\n    warnOnce(\n      'Toast.Close:no-dismiss',\n      'Toast.Close has nothing to dismiss: render it in a toast dispatched to a Toaster, or in a Toast with `onDismiss`.',\n    );\n  }, [hasDismiss]);\n  const close = React.useCallback(() => {\n    dismiss?.();\n  }, [dismiss]);\n  const closeProps = mergeProps({ onClick: close, ref: mergedRef }, rest);\n  return useTriggerElement(children, closeProps as ToastCloseRenderProps, {\n    componentName: 'Toast.Close',\n    asChild,\n  });\n};\nToastClose.displayName = 'ToastClose';\n"],"mappings":"udAoBA,SAAS0B,EAAoB,EAAyC,CACpE,IAAMC,EAAY3B,EAAM,WAAWC,EAAAA,qBAAqB,EACxDuB,EAAM,cAAgB,CACfG,GACLX,EAAA,SACE,SAASY,EAAK,YACd,SAASA,EAAK,mIAChB,CACF,EAAG,CAACD,EAAWC,CAAI,CAAC,CACtB,CAgBA,IAAaC,GAAc,CAAE,SAAQ,YAAW,WAAU,MAAK,GAAGC,KAA4B,CAC5F,GAAM,CAAE,UAAS,gBAAiB5B,EAAAA,gBAAgB,aAAa,EAC/DwB,EAAoB,OAAO,EAC3B,IAAMK,EAAS/B,EAAM,OAAuB,IAAI,EAC1CgC,EAAWhC,EAAM,OAAwB,IAAI,EAC7CiC,EAAY9B,EAAAA,cAAc+B,EAAKH,CAAM,EAU3C,OATAP,EAAM,oBAAsB,CAC1B,GAAIW,IAAY,IAAA,GAChB,OAAOC,EAAa,CAClB,KAAM,QACN,GAAID,EACJ,aAAgBH,EAAS,QACzB,WAAcD,EAAO,OACvB,CAAC,CACH,EAAG,CAACK,EAAcD,CAAO,CAAC,GAExB,EAAAV,EAAA,KAAA,CAAC,MAAD,CACE,IAAKQ,EACL,GAAIH,EACJ,UAAW1B,EAAAA,GAAGC,EAAAA,qBAAqB,KAAM,yBAA0BgC,CAAS,EAH9E,SAAA,EAKE,EAAAZ,EAAA,IAAA,CAAC,OAAD,CACE,IAAKO,EACL,GAAIG,EACJ,UAAW/B,EAAAA,GACTC,EAAAA,qBAAqB,MACrB,0DACF,EAEC,UACG,CAAA,EACLC,EAAAA,mBAAmBgC,CAAM,EACtB/B,EAAAA,WAAW+B,EAAQ,OAAQlC,EAAAA,GAAGC,EAAAA,qBAAqB,OAAQ,UAAU,CAAC,EACtE,IACD,GAET,EACA,EAAW,YAAc,aAgBzB,IAAakC,GAAa,CACxB,WACA,GAAIC,EACJ,YACA,WACA,MACA,GAAGV,KACiB,CACpB,GAAM,CAAE,gBAAiB5B,EAAAA,gBAAgB,YAAY,EACrDwB,EAAoB,MAAM,EAC1B,IAAMe,EAAcjC,EAAAA,MAAM,iBAAiB,EACrCkC,EAAKF,GAAUC,EACfE,EAAU3C,EAAM,OAAuB,IAAI,EAC3CiC,EAAY9B,EAAAA,cAAc+B,EAAKS,CAAO,EAK5C,OAJAnB,EAAM,oBACEY,EAAa,CAAE,KAAM,OAAQ,KAAI,eAAkBO,EAAQ,OAAQ,CAAC,EAC1E,CAACP,EAAcM,CAAE,CACnB,GAEE,EAAAjB,EAAA,KAAA,CAAC,MAAD,CACE,IAAKQ,EACL,GAAIH,EACA,KACJ,UAAW1B,EAAAA,GACTK,EAAAA,oBAAoB,KACpB,2CACA4B,CACF,EARF,SAAA,CAUGO,EACAtC,EAAAA,mBAAmBuC,CAAQ,GAC1B,EAAApB,EAAA,IAAA,CAAC,MAAD,CACE,UAAWrB,EAAAA,GAAGK,EAAAA,oBAAoB,SAAU,2CAA2C,EAEtF,SAAAC,EAAAA,uBAAuBmC,CAAQ,CAC7B,CAAA,EACH,IACD,GAET,EACA,EAAU,YAAc,YAaxB,IAAaC,GAAe,CAAE,YAAW,MAAK,GAAGhB,KAA6B,CAC5E,GAAM,CAAE,gBAAiB5B,EAAAA,gBAAgB,cAAc,EACvDwB,EAAoB,QAAQ,EAC5B,IAAMqB,EAAY/C,EAAM,OAAuB,IAAI,EAC7CiC,EAAY9B,EAAAA,cAAc+B,EAAKa,CAAS,EAK9C,OAJAvB,EAAM,oBACEY,EAAa,CAAE,KAAM,SAAU,eAAkBW,EAAU,OAAQ,CAAC,EAC1E,CAACX,CAAY,CACf,GAEE,EAAAX,EAAA,IAAA,CAAC,MAAD,CACE,IAAKQ,EACL,GAAIH,EACJ,UAAW1B,EAAAA,GAAGO,EAAAA,sBAAsB,KAAM,4BAA6B0B,CAAS,CACjF,CAAA,CAEL,EACA,EAAY,YAAc,cA0B1B,IAAaW,GAAc,CAAE,WAAU,UAAS,MAAK,GAAGlB,KAA4B,CAClF,GAAM,CAAE,WAAY5B,EAAAA,gBAAgB,aAAa,EAC3C+B,EAAY9B,EAAAA,cAA2B+B,CAAG,EAC1Ce,EAAaC,IAAY,IAAA,GAC/B1B,EAAM,cAAgB,CAChByB,GACJjC,EAAA,SACE,yBACA,mHACF,CACF,EAAG,CAACiC,CAAU,CAAC,EACf,IAAME,EAAQnD,EAAM,gBAAkB,CACpCkD,IAAU,CACZ,EAAG,CAACA,CAAO,CAAC,EACNE,EAAaxC,EAAAA,WAAW,CAAE,QAASuC,EAAO,IAAKlB,CAAU,EAAGH,CAAI,EACtE,OAAOjB,EAAAA,kBAAkB+B,EAAUQ,EAAqC,CACtE,cAAe,cACf,SACF,CAAC,CACH,EACA,EAAW,YAAc"}

package/dist/components/feedback/Toast.parts.mjs

@@ -0,0 +1,98 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnOnce as t } from "../../lib/dev.mjs";
+import { materialiseSlotContent as n, renderSlot as r, slotRendersContent as i } from "../../lib/slot.mjs";
+import { toastBodyClassNames as a, toastFooterClassNames as o, toastTitleClassNames as s } from "../../lib/classNames.mjs";
+import { useId as c } from "../../hooks/useId.mjs";
+import { useMergedRefs as l } from "../../hooks/useMergedRefs.mjs";
+import { mergeProps as u } from "../../lib/mergeProps.mjs";
+import { useTriggerElement as d } from "../../hooks/useTriggerElement.mjs";
+import { ToastUnscannedContext as f, useToastContext as p } from "./Toast.context.mjs";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/feedback/Toast.parts.tsx
+function _(e) {
+	let n = m.useContext(f);
+	m.useEffect(() => {
+		n && t(`Toast.${e}:unscanned`, `Toast.${e} is not a direct child of Toast, so it renders inside the body that Toast makes for its children. Make it a direct child of Toast.`);
+	}, [n, e]);
+}
+var v = ({ action: t, className: n, children: a, ref: o, ...c }) => {
+	let { titleId: u, registerPart: d } = p("Toast.Title");
+	_("Title");
+	let f = m.useRef(null), v = m.useRef(null), y = l(o, f);
+	return m.useLayoutEffect(() => {
+		if (u !== void 0) return d({
+			kind: "title",
+			id: u,
+			getLabel: () => v.current,
+			getRow: () => f.current
+		});
+	}, [d, u]), /* @__PURE__ */ g("div", {
+		ref: y,
+		...c,
+		className: e(s.root, "flex items-start gap-2", n),
+		children: [/* @__PURE__ */ h("span", {
+			ref: v,
+			id: u,
+			className: e(s.label, "min-w-0 flex-1 text-body-2 font-semibold text-foreground"),
+			children: a
+		}), i(t) ? r(t, "span", e(s.action, "shrink-0")) : null]
+	});
+};
+v.displayName = "ToastTitle";
+var y = ({ subtitle: t, id: r, className: o, children: s, ref: u, ...d }) => {
+	let { registerPart: f } = p("Toast.Body");
+	_("Body");
+	let v = c("wave-toast-body"), y = r ?? v, b = m.useRef(null), x = l(u, b);
+	return m.useLayoutEffect(() => f({
+		kind: "body",
+		id: y,
+		getElement: () => b.current
+	}), [f, y]), /* @__PURE__ */ g("div", {
+		ref: x,
+		...d,
+		id: y,
+		className: e(a.root, "mt-0.5 text-body-1 text-muted-foreground", o),
+		children: [s, i(t) ? /* @__PURE__ */ h("div", {
+			className: e(a.subtitle, "mt-1 text-caption-1 text-muted-foreground"),
+			children: n(t)
+		}) : null]
+	});
+};
+y.displayName = "ToastBody";
+var b = ({ className: t, ref: n, ...r }) => {
+	let { registerPart: i } = p("Toast.Footer");
+	_("Footer");
+	let a = m.useRef(null), s = l(n, a);
+	return m.useLayoutEffect(() => i({
+		kind: "footer",
+		getElement: () => a.current
+	}), [i]), /* @__PURE__ */ h("div", {
+		ref: s,
+		...r,
+		className: e(o.root, "mt-2 flex flex-wrap gap-2", t)
+	});
+};
+b.displayName = "ToastFooter";
+var x = ({ children: e, asChild: n, ref: r, ...i }) => {
+	let { dismiss: a } = p("Toast.Close"), o = l(r), s = a !== void 0;
+	m.useEffect(() => {
+		s || t("Toast.Close:no-dismiss", "Toast.Close has nothing to dismiss: render it in a toast dispatched to a Toaster, or in a Toast with `onDismiss`.");
+	}, [s]);
+	let c = m.useCallback(() => {
+		a?.();
+	}, [a]), f = u({
+		onClick: c,
+		ref: o
+	}, i);
+	return d(e, f, {
+		componentName: "Toast.Close",
+		asChild: n
+	});
+};
+x.displayName = "ToastClose";
+//#endregion
+export { y as ToastBody, x as ToastClose, b as ToastFooter, v as ToastTitle };
+
+//# sourceMappingURL=Toast.parts.mjs.map

package/dist/components/feedback/Toast.parts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.parts.mjs","names":["useId","useId$1","React","useUnscannedWarning","unscanned","ToastUnscannedContext","warnOnce","part","ToastTitle","rest","useToastContext","rowRef","labelRef","mergedRef","useMergedRefs","ref","titleId","registerPart","cn","toastTitleClassNames","className","slotRendersContent","action","renderSlot","ToastBody","idProp","generatedId","id","bodyRef","toastBodyClassNames","children","subtitle","materialiseSlotContent","ToastFooter","footerRef","toastFooterClassNames","ToastClose","hasDismiss","dismiss","close","closeProps","mergeProps","useTriggerElement"],"sources":["../../../src/components/feedback/Toast.parts.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport {\n  toastBodyClassNames,\n  toastFooterClassNames,\n  toastTitleClassNames,\n} from '../../lib/classNames';\nimport { warnOnce } from '../../lib/dev';\nimport { mergeProps } from '../../lib/mergeProps';\nimport { materialiseSlotContent, renderSlot, slotRendersContent } from '../../lib/slot';\nimport type { Slot } from '../../lib/slot';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useTriggerElement } from '../../hooks/useTriggerElement';\nimport { ToastUnscannedContext, useToastContext } from './Toast.context';\n\n/**\n * Development warning (once, from an effect) for a part that renders inside the body a Toast made\n * for children in which its scan found no part: the part sits inside the app's own component.\n */\nfunction useUnscannedWarning(part: 'Title' | 'Body' | 'Footer'): void {\n  const unscanned = React.useContext(ToastUnscannedContext);\n  React.useEffect(() => {\n    if (!unscanned) return;\n    warnOnce(\n      `Toast.${part}:unscanned`,\n      `Toast.${part} is not a direct child of Toast, so it renders inside the body that Toast makes for its children. Make it a direct child of Toast.`,\n    );\n  }, [unscanned, part]);\n}\n\n/** Properties for the ToastTitle sub-component. */\nexport interface ToastTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Content at the end of the title row, such as a link or a button (often in `Toast.Close`). */\n  action?: Slot<'span'>;\n  /** Ref to the title row. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The title row: the title text (which names the toast) and an optional `action` at its end. A\n * direct child of Toast, or dispatched content of a Toaster.\n *\n * Also exported as `ToastTitle` (import the flat name from React Server Components).\n */\nexport const ToastTitle = ({ action, className, children, ref, ...rest }: ToastTitleProps) => {\n  const { titleId, registerPart } = useToastContext('Toast.Title');\n  useUnscannedWarning('Title');\n  const rowRef = React.useRef<HTMLDivElement>(null);\n  const labelRef = React.useRef<HTMLSpanElement>(null);\n  const mergedRef = useMergedRefs(ref, rowRef);\n  React.useLayoutEffect(() => {\n    if (titleId === undefined) return undefined;\n    return registerPart({\n      kind: 'title',\n      id: titleId,\n      getLabel: () => labelRef.current,\n      getRow: () => rowRef.current,\n    });\n  }, [registerPart, titleId]);\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      className={cn(toastTitleClassNames.root, 'flex items-start gap-2', className)}\n    >\n      <span\n        ref={labelRef}\n        id={titleId}\n        className={cn(\n          toastTitleClassNames.label,\n          'min-w-0 flex-1 text-body-2 font-semibold text-foreground',\n        )}\n      >\n        {children}\n      </span>\n      {slotRendersContent(action)\n        ? renderSlot(action, 'span', cn(toastTitleClassNames.action, 'shrink-0'))\n        : null}\n    </div>\n  );\n};\nToastTitle.displayName = 'ToastTitle';\n\n/** Properties for the ToastBody sub-component. */\nexport interface ToastBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** A secondary line under the body text. */\n  subtitle?: React.ReactNode;\n  /** Ref to the body element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The body text and an optional `subtitle`, which describe the toast. Your `id` is the id the\n * toast's description points at (a generated one otherwise).\n *\n * Also exported as `ToastBody` (import the flat name from React Server Components).\n */\nexport const ToastBody = ({\n  subtitle,\n  id: idProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: ToastBodyProps) => {\n  const { registerPart } = useToastContext('Toast.Body');\n  useUnscannedWarning('Body');\n  const generatedId = useId('wave-toast-body');\n  const id = idProp ?? generatedId;\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, bodyRef);\n  React.useLayoutEffect(\n    () => registerPart({ kind: 'body', id, getElement: () => bodyRef.current }),\n    [registerPart, id],\n  );\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      id={id}\n      className={cn(\n        toastBodyClassNames.root,\n        'mt-0.5 text-body-1 text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n      {slotRendersContent(subtitle) ? (\n        <div\n          className={cn(toastBodyClassNames.subtitle, 'mt-1 text-caption-1 text-muted-foreground')}\n        >\n          {materialiseSlotContent(subtitle)}\n        </div>\n      ) : null}\n    </div>\n  );\n};\nToastBody.displayName = 'ToastBody';\n\n/** Properties for the ToastFooter sub-component. */\nexport interface ToastFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the footer element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * A row of actions under the body.\n *\n * Also exported as `ToastFooter` (import the flat name from React Server Components).\n */\nexport const ToastFooter = ({ className, ref, ...rest }: ToastFooterProps) => {\n  const { registerPart } = useToastContext('Toast.Footer');\n  useUnscannedWarning('Footer');\n  const footerRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, footerRef);\n  React.useLayoutEffect(\n    () => registerPart({ kind: 'footer', getElement: () => footerRef.current }),\n    [registerPart],\n  );\n  return (\n    <div\n      ref={mergedRef}\n      {...rest}\n      className={cn(toastFooterClassNames.root, 'mt-2 flex flex-wrap gap-2', className)}\n    />\n  );\n};\nToastFooter.displayName = 'ToastFooter';\n\n/** Props a `Toast.Close` puts on its element (and passes to a render-prop child), as `DialogCloseRenderProps`. */\nexport interface ToastCloseRenderProps extends React.HTMLAttributes<HTMLElement> {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the ToastClose sub-component (as `DialogCloseProps`). */\nexport interface ToastCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /** The element that dismisses the toast; a single element gets a composed `onClick`, a function the props. */\n  children: React.ReactNode | ((props: ToastCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that dismisses on click. @default true */\n  asChild?: boolean;\n  /** Ref to the close element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Makes its single child dismiss the toast: it calls the Toast's `onDismiss` (when there is one),\n * then, inside the Toaster, dismisses the toast. Your `onClick` runs first; `preventDefault()`\n * keeps the toast. Works in dispatched content with or without a `Toast`. Fluent's `ToastTrigger`.\n *\n * Also exported as `ToastClose` (import the flat name from React Server Components).\n */\nexport const ToastClose = ({ children, asChild, ref, ...rest }: ToastCloseProps) => {\n  const { dismiss } = useToastContext('Toast.Close');\n  const mergedRef = useMergedRefs<HTMLElement>(ref);\n  const hasDismiss = dismiss !== undefined;\n  React.useEffect(() => {\n    if (hasDismiss) return;\n    warnOnce(\n      'Toast.Close:no-dismiss',\n      'Toast.Close has nothing to dismiss: render it in a toast dispatched to a Toaster, or in a Toast with `onDismiss`.',\n    );\n  }, [hasDismiss]);\n  const close = React.useCallback(() => {\n    dismiss?.();\n  }, [dismiss]);\n  const closeProps = mergeProps({ onClick: close, ref: mergedRef }, rest);\n  return useTriggerElement(children, closeProps as ToastCloseRenderProps, {\n    componentName: 'Toast.Close',\n    asChild,\n  });\n};\nToastClose.displayName = 'ToastClose';\n"],"mappings":"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"}

package/dist/components/feedback/Toast.root.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useEventCallback.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/styles.cjs"),l=require("../../lib/icons.cjs"),u=require("./MessageBar.status.cjs"),d=require("./Toast.context.cjs"),f=require("./Toast.parts.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=()=>()=>{};function g(e,t){let r=i.materialiseSlotContent(t),a=n.flattenChildren(r);if(a.some(({node:e})=>n.isElementOfType(e,f.ToastTitle,f.ToastBody,f.ToastFooter))){let t=a.some(({node:e})=>n.isElementOfType(e,f.ToastTitle));return{content:(0,m.jsxs)(m.Fragment,{children:[e&&!t?(0,m.jsx)(f.ToastTitle,{children:e}):null,r]}),titleTwice:!!e&&t}}return{content:(0,m.jsxs)(m.Fragment,{children:[e?(0,m.jsx)(f.ToastTitle,{children:e}):null,i.slotRendersContent(r)?(0,m.jsx)(f.ToastBody,{children:(0,m.jsx)(d.ToastUnscannedContext.Provider,{value:!0,children:r})}):null]}),titleTwice:!1}}var _=({status:e=`info`,title:n,statusLabel:f,icon:_,onDismiss:v,dismissLabel:y=`Dismiss`,className:b,children:x,ref:S,...C})=>{let w=p.useContext(d.ToastContext),T=w?.registerToast??null,E=T!==null,D=u.getStatusLabel(e,f),O=s.useId(`wave-toast-status`),k=s.useId(`wave-toast-title`),A=o.useEventCallback(v),j=v!==void 0,M=p.useRef(null);p.useLayoutEffect(()=>{if(T)return T({status:e,statusLabel:D,statusTextId:D?O:void 0,onDismiss:j?A:void 0,getDismissButton:()=>M.current})},[T,e,D,O,j,A]);let N=p.useMemo(()=>({titleId:k,dismiss:j?A:void 0,registerPart:h,registerToast:null}),[k,j,A]),P=E?w?.dismiss:N.dismiss,{content:F,titleTwice:I}=g(n,x);p.useEffect(()=>{I&&r.warnOnce(`Toast:title-twice`,"Toast: `title` is ignored because a Toast.Title is among the children. Remove one of them.")},[I]);let L=t.cn(a.toastClassNames.icon,`mt-0.5 inline-flex shrink-0`,u.STATUS_ICON_COLOR[e]),R=_===void 0?(0,m.jsx)(`span`,{"aria-hidden":`true`,className:L,children:(0,m.jsx)(u.StatusIcon,{status:e})}):i.slotRendersContent(_)?i.renderSlot(_,`span`,L,{"aria-hidden":!0}):null,z=(0,m.jsxs)(`div`,{ref:S,...E?{}:e===`error`?{role:`alert`,"aria-live":`assertive`}:{role:`status`,"aria-live":`polite`},...C,className:t.cn(a.toastClassNames.root,`flex items-start gap-3 rounded border border-s-4 border-border bg-background p-3 text-foreground shadow-4`,u.STATUS_BORDER[e],b),children:[R,(0,m.jsxs)(`div`,{className:t.cn(a.toastClassNames.content,`min-w-0 flex-1`),children:[(0,m.jsx)(u.StatusText,{label:D,id:O}),F]}),P?(0,m.jsx)(`button`,{ref:M,type:`button`,onClick:()=>P(),className:t.cn(a.toastClassNames.dismissButton,`inline-flex shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-1 text-muted-foreground`,`not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground`,`not-disabled:not-aria-disabled:active:bg-subtle-pressed`,c.focusRing),"aria-label":y,children:(0,m.jsx)(l.DismissIcon,{})}):null]});return E?z:(0,m.jsx)(d.ToastContext.Provider,{value:N,children:z})};_.displayName=`Toast`,exports.ToastRoot=_;
+//# sourceMappingURL=Toast.root.cjs.map

package/dist/components/feedback/Toast.root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.root.cjs","names":["materialiseSlotContent","flattenChildren","isElementOfType","ToastTitle","ToastBody","ToastFooter","_Fragment","slotRendersContent","ToastUnscannedContext","React","ToastContext","getStatusLabel","useId","useEventCallback","cn","toastClassNames","STATUS_ICON_COLOR","StatusIcon","renderSlot","STATUS_BORDER","StatusText","focusRing","DismissIcon","require_runtime","require_cn","require_children","require_dev","require_slot","require_classNames","require_useEventCallback","require_useId","require_styles","require_icons","require_MessageBar_status","require_Toast_context","require_Toast_parts","react","react_jsx_runtime","registerNothing","renderParts","items","children","flat","node","hasTitlePart","title","ToastRoot","rest","host","registerToast","inToaster","label","status","statusLabel","statusTextId","titleId","handleDismiss","onDismiss","hasOnDismiss","dismissButtonRef","ownContext","dismiss","titleTwice","iconClassName","renderedIcon","icon","root","className","content","dismissLabel"],"sources":["../../../src/components/feedback/Toast.root.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { toastClassNames } from '../../lib/classNames';\nimport { warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { materialiseSlotContent, renderSlot, slotRendersContent } from '../../lib/slot';\nimport type { Slot } from '../../lib/slot';\nimport { focusRing } from '../../lib/styles';\nimport type { Status } from '../../lib/types';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport {\n  STATUS_BORDER,\n  STATUS_ICON_COLOR,\n  StatusIcon,\n  StatusText,\n  getStatusLabel,\n} from './MessageBar.status';\nimport { ToastContext, ToastUnscannedContext } from './Toast.context';\nimport type { ToastContextValue } from './Toast.context';\nimport { ToastBody, ToastFooter, ToastTitle } from './Toast.parts';\n\n/** Properties for the Toast component. */\nexport interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Status level controlling the toast color, icon and status text.\n   * @default 'info'\n   */\n  status?: Status;\n  /**\n   * Title text (the 0.5 form; renders as a `Toast.Title`). A `Toast.Title` among the children wins\n   * over it (development warning).\n   */\n  title?: string;\n  /**\n   * Visually hidden status text read before the toast (`'Info:'`, `'Success:'`, `'Warning:'`,\n   * `'Error:'` by default). Pass a translation for other languages, or `''` to omit it.\n   */\n  statusLabel?: string;\n  /**\n   * Replaces the status icon (decorative, `aria-hidden`). Only `undefined` keeps the default;\n   * `null`, or anything that renders nothing, shows no icon (the status-icon slot rule, as\n   * `MessageBar.icon`). Fluent's `ToastTitle` `media`.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Called when the Dismiss button or a `Toast.Close` is activated; passing it renders the button.\n   * Inside the Toaster every Toast shows the button and it dismisses the toast (your `onDismiss`\n   * runs first). A timeout, Escape, Delete and `dismissToast` do not call it.\n   */\n  onDismiss?: () => void;\n  /**\n   * Accessible name of the dismiss button. Pass a translation for other languages.\n   * @default 'Dismiss'\n   */\n  dismissLabel?: string;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst registerNothing: ToastContextValue['registerPart'] = () => () => {};\n\n/**\n * The content column's parts. With a `Toast.Title`, `Toast.Body` or `Toast.Footer` among the\n * direct children (Fragments and Server Component references included), the children render as\n * given, after a Title made from the `title` prop when there is no Title part. Otherwise the 0.5\n * form: the `title` prop as a Title and the children as a Body (none for content that renders\n * nothing).\n */\nfunction renderParts(\n  title: string | undefined,\n  children: React.ReactNode,\n): { content: React.ReactNode; titleTwice: boolean } {\n  // A generator is read once here (and cached), so the scan and the render see the same items.\n  const items = materialiseSlotContent(children);\n  const flat = flattenChildren(items);\n  if (flat.some(({ node }) => isElementOfType(node, ToastTitle, ToastBody, ToastFooter))) {\n    const hasTitlePart = flat.some(({ node }) => isElementOfType(node, ToastTitle));\n    return {\n      content: (\n        <>\n          {title && !hasTitlePart ? <ToastTitle>{title}</ToastTitle> : null}\n          {items}\n        </>\n      ),\n      titleTwice: Boolean(title) && hasTitlePart,\n    };\n  }\n  return {\n    content: (\n      <>\n        {title ? <ToastTitle>{title}</ToastTitle> : null}\n        {slotRendersContent(items) ? (\n          <ToastBody>\n            <ToastUnscannedContext.Provider value={true}>{items}</ToastUnscannedContext.Provider>\n          </ToastBody>\n        ) : null}\n      </>\n    ),\n    titleTwice: false,\n  };\n}\n\nexport const ToastRoot = ({\n  status = 'info',\n  title,\n  statusLabel,\n  icon,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  className,\n  children,\n  ref,\n  ...rest\n}: ToastProps) => {\n  // Inside the Toaster's container, whose context has `registerToast`, the Toast registers its\n  // severity, `onDismiss` and Dismiss button there and its parts use that context (the container's\n  // ids); everywhere else it provides its own context and is a live region (D9, D10).\n  const host = React.useContext(ToastContext);\n  const registerToast = host?.registerToast ?? null;\n  const inToaster = registerToast !== null;\n  const label = getStatusLabel(status, statusLabel);\n  const statusTextId = useId('wave-toast-status');\n  const titleId = useId('wave-toast-title');\n  const handleDismiss = useEventCallback(onDismiss);\n  const hasOnDismiss = onDismiss !== undefined;\n  const dismissButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useLayoutEffect(() => {\n    if (!registerToast) return undefined;\n    return registerToast({\n      status,\n      statusLabel: label,\n      statusTextId: label ? statusTextId : undefined,\n      onDismiss: hasOnDismiss ? handleDismiss : undefined,\n      getDismissButton: () => dismissButtonRef.current,\n    });\n  }, [registerToast, status, label, statusTextId, hasOnDismiss, handleDismiss]);\n\n  const ownContext = React.useMemo<ToastContextValue>(\n    () => ({\n      titleId,\n      dismiss: hasOnDismiss ? handleDismiss : undefined,\n      registerPart: registerNothing,\n      registerToast: null,\n    }),\n    [titleId, hasOnDismiss, handleDismiss],\n  );\n  // Inside the Toaster every Toast shows the Dismiss button (D11); elsewhere `onDismiss` does.\n  const dismiss = inToaster ? host?.dismiss : ownContext.dismiss;\n\n  const { content, titleTwice } = renderParts(title, children);\n  React.useEffect(() => {\n    if (!titleTwice) return;\n    warnOnce(\n      'Toast:title-twice',\n      'Toast: `title` is ignored because a Toast.Title is among the children. Remove one of them.',\n    );\n  }, [titleTwice]);\n\n  // The status icon: only `undefined` keeps the default; `null`, or anything that renders\n  // nothing, shows none (C-SLOTS status-icon rule). The class rides in the slot's base classes,\n  // so a slot object that swaps the element keeps it.\n  const iconClassName = cn(\n    toastClassNames.icon,\n    'mt-0.5 inline-flex shrink-0',\n    STATUS_ICON_COLOR[status],\n  );\n  const renderedIcon =\n    icon === undefined ? (\n      <span aria-hidden=\"true\" className={iconClassName}>\n        <StatusIcon status={status} />\n      </span>\n    ) : slotRendersContent(icon) ? (\n      renderSlot(icon, 'span', iconClassName, { 'aria-hidden': true })\n    ) : null;\n\n  const liveRegion: React.HTMLAttributes<HTMLDivElement> = inToaster\n    ? {}\n    : status === 'error'\n      ? { role: 'alert', 'aria-live': 'assertive' }\n      : { role: 'status', 'aria-live': 'polite' };\n  const root = (\n    <div\n      ref={ref}\n      {...liveRegion}\n      {...rest}\n      className={cn(\n        toastClassNames.root,\n        'flex items-start gap-3 rounded border border-s-4 border-border bg-background p-3 text-foreground shadow-4',\n        STATUS_BORDER[status],\n        className,\n      )}\n    >\n      {renderedIcon}\n      <div className={cn(toastClassNames.content, 'min-w-0 flex-1')}>\n        <StatusText label={label} id={statusTextId} />\n        {content}\n      </div>\n      {dismiss ? (\n        <button\n          ref={dismissButtonRef}\n          type=\"button\"\n          onClick={() => dismiss()}\n          className={cn(\n            toastClassNames.dismissButton,\n            'inline-flex shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-1 text-muted-foreground',\n            'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground',\n            'not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n            focusRing,\n          )}\n          aria-label={dismissLabel}\n        >\n          <DismissIcon />\n        </button>\n      ) : null}\n    </div>\n  );\n  return inToaster ? (\n    root\n  ) : (\n    <ToastContext.Provider value={ownContext}>{root}</ToastContext.Provider>\n  );\n};\nToastRoot.displayName = 'Toast';\n"],"mappings":"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"}

package/dist/components/feedback/Toast.root.mjs

@@ -0,0 +1,109 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
+import { warnOnce as r } from "../../lib/dev.mjs";
+import { materialiseSlotContent as i, renderSlot as a, slotRendersContent as o } from "../../lib/slot.mjs";
+import { toastClassNames as s } from "../../lib/classNames.mjs";
+import { useEventCallback as c } from "../../hooks/useEventCallback.mjs";
+import { useId as l } from "../../hooks/useId.mjs";
+import { focusRing as u } from "../../lib/styles.mjs";
+import { DismissIcon as d } from "../../lib/icons.mjs";
+import { STATUS_BORDER as f, STATUS_ICON_COLOR as p, StatusIcon as m, StatusText as h, getStatusLabel as g } from "./MessageBar.status.mjs";
+import { ToastContext as _, ToastUnscannedContext as v } from "./Toast.context.mjs";
+import { ToastBody as y, ToastFooter as b, ToastTitle as x } from "./Toast.parts.mjs";
+import * as S from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/components/feedback/Toast.root.tsx
+var E = () => () => {};
+function D(e, r) {
+	let a = i(r), s = t(a);
+	if (s.some(({ node: e }) => n(e, x, y, b))) {
+		let t = s.some(({ node: e }) => n(e, x));
+		return {
+			content: /* @__PURE__ */ T(C, { children: [e && !t ? /* @__PURE__ */ w(x, { children: e }) : null, a] }),
+			titleTwice: !!e && t
+		};
+	}
+	return {
+		content: /* @__PURE__ */ T(C, { children: [e ? /* @__PURE__ */ w(x, { children: e }) : null, o(a) ? /* @__PURE__ */ w(y, { children: /* @__PURE__ */ w(v.Provider, {
+			value: !0,
+			children: a
+		}) }) : null] }),
+		titleTwice: !1
+	};
+}
+var O = ({ status: t = "info", title: n, statusLabel: i, icon: v, onDismiss: y, dismissLabel: b = "Dismiss", className: x, children: C, ref: O, ...k }) => {
+	let A = S.useContext(_), j = A?.registerToast ?? null, M = j !== null, N = g(t, i), P = l("wave-toast-status"), F = l("wave-toast-title"), I = c(y), L = y !== void 0, R = S.useRef(null);
+	S.useLayoutEffect(() => {
+		if (j) return j({
+			status: t,
+			statusLabel: N,
+			statusTextId: N ? P : void 0,
+			onDismiss: L ? I : void 0,
+			getDismissButton: () => R.current
+		});
+	}, [
+		j,
+		t,
+		N,
+		P,
+		L,
+		I
+	]);
+	let z = S.useMemo(() => ({
+		titleId: F,
+		dismiss: L ? I : void 0,
+		registerPart: E,
+		registerToast: null
+	}), [
+		F,
+		L,
+		I
+	]), B = M ? A?.dismiss : z.dismiss, { content: V, titleTwice: H } = D(n, C);
+	S.useEffect(() => {
+		H && r("Toast:title-twice", "Toast: `title` is ignored because a Toast.Title is among the children. Remove one of them.");
+	}, [H]);
+	let U = e(s.icon, "mt-0.5 inline-flex shrink-0", p[t]), W = v === void 0 ? /* @__PURE__ */ w("span", {
+		"aria-hidden": "true",
+		className: U,
+		children: /* @__PURE__ */ w(m, { status: t })
+	}) : o(v) ? a(v, "span", U, { "aria-hidden": !0 }) : null, G = /* @__PURE__ */ T("div", {
+		ref: O,
+		...M ? {} : t === "error" ? {
+			role: "alert",
+			"aria-live": "assertive"
+		} : {
+			role: "status",
+			"aria-live": "polite"
+		},
+		...k,
+		className: e(s.root, "flex items-start gap-3 rounded border border-s-4 border-border bg-background p-3 text-foreground shadow-4", f[t], x),
+		children: [
+			W,
+			/* @__PURE__ */ T("div", {
+				className: e(s.content, "min-w-0 flex-1"),
+				children: [/* @__PURE__ */ w(h, {
+					label: N,
+					id: P
+				}), V]
+			}),
+			B ? /* @__PURE__ */ w("button", {
+				ref: R,
+				type: "button",
+				onClick: () => B(),
+				className: e(s.dismissButton, "inline-flex shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-1 text-muted-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground", "not-disabled:not-aria-disabled:active:bg-subtle-pressed", u),
+				"aria-label": b,
+				children: /* @__PURE__ */ w(d, {})
+			}) : null
+		]
+	});
+	return M ? G : /* @__PURE__ */ w(_.Provider, {
+		value: z,
+		children: G
+	});
+};
+O.displayName = "Toast";
+//#endregion
+export { O as ToastRoot };
+
+//# sourceMappingURL=Toast.root.mjs.map

package/dist/components/feedback/Toast.root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.root.mjs","names":["_Fragment","useId","useId$1","React","registerNothing","renderParts","items","materialiseSlotContent","children","flat","flattenChildren","isElementOfType","node","ToastTitle","ToastBody","ToastFooter","hasTitlePart","Fragment","title","slotRendersContent","ToastUnscannedContext","ToastRoot","rest","host","ToastContext","registerToast","inToaster","label","getStatusLabel","status","statusLabel","statusTextId","titleId","handleDismiss","useEventCallback","onDismiss","hasOnDismiss","dismissButtonRef","ownContext","dismiss","titleTwice","warnOnce","iconClassName","cn","toastClassNames","STATUS_ICON_COLOR","renderedIcon","icon","StatusIcon","renderSlot","root","STATUS_BORDER","className","StatusText","content","focusRing","dismissLabel","DismissIcon"],"sources":["../../../src/components/feedback/Toast.root.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { toastClassNames } from '../../lib/classNames';\nimport { warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { materialiseSlotContent, renderSlot, slotRendersContent } from '../../lib/slot';\nimport type { Slot } from '../../lib/slot';\nimport { focusRing } from '../../lib/styles';\nimport type { Status } from '../../lib/types';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport {\n  STATUS_BORDER,\n  STATUS_ICON_COLOR,\n  StatusIcon,\n  StatusText,\n  getStatusLabel,\n} from './MessageBar.status';\nimport { ToastContext, ToastUnscannedContext } from './Toast.context';\nimport type { ToastContextValue } from './Toast.context';\nimport { ToastBody, ToastFooter, ToastTitle } from './Toast.parts';\n\n/** Properties for the Toast component. */\nexport interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Status level controlling the toast color, icon and status text.\n   * @default 'info'\n   */\n  status?: Status;\n  /**\n   * Title text (the 0.5 form; renders as a `Toast.Title`). A `Toast.Title` among the children wins\n   * over it (development warning).\n   */\n  title?: string;\n  /**\n   * Visually hidden status text read before the toast (`'Info:'`, `'Success:'`, `'Warning:'`,\n   * `'Error:'` by default). Pass a translation for other languages, or `''` to omit it.\n   */\n  statusLabel?: string;\n  /**\n   * Replaces the status icon (decorative, `aria-hidden`). Only `undefined` keeps the default;\n   * `null`, or anything that renders nothing, shows no icon (the status-icon slot rule, as\n   * `MessageBar.icon`). Fluent's `ToastTitle` `media`.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Called when the Dismiss button or a `Toast.Close` is activated; passing it renders the button.\n   * Inside the Toaster every Toast shows the button and it dismisses the toast (your `onDismiss`\n   * runs first). A timeout, Escape, Delete and `dismissToast` do not call it.\n   */\n  onDismiss?: () => void;\n  /**\n   * Accessible name of the dismiss button. Pass a translation for other languages.\n   * @default 'Dismiss'\n   */\n  dismissLabel?: string;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst registerNothing: ToastContextValue['registerPart'] = () => () => {};\n\n/**\n * The content column's parts. With a `Toast.Title`, `Toast.Body` or `Toast.Footer` among the\n * direct children (Fragments and Server Component references included), the children render as\n * given, after a Title made from the `title` prop when there is no Title part. Otherwise the 0.5\n * form: the `title` prop as a Title and the children as a Body (none for content that renders\n * nothing).\n */\nfunction renderParts(\n  title: string | undefined,\n  children: React.ReactNode,\n): { content: React.ReactNode; titleTwice: boolean } {\n  // A generator is read once here (and cached), so the scan and the render see the same items.\n  const items = materialiseSlotContent(children);\n  const flat = flattenChildren(items);\n  if (flat.some(({ node }) => isElementOfType(node, ToastTitle, ToastBody, ToastFooter))) {\n    const hasTitlePart = flat.some(({ node }) => isElementOfType(node, ToastTitle));\n    return {\n      content: (\n        <>\n          {title && !hasTitlePart ? <ToastTitle>{title}</ToastTitle> : null}\n          {items}\n        </>\n      ),\n      titleTwice: Boolean(title) && hasTitlePart,\n    };\n  }\n  return {\n    content: (\n      <>\n        {title ? <ToastTitle>{title}</ToastTitle> : null}\n        {slotRendersContent(items) ? (\n          <ToastBody>\n            <ToastUnscannedContext.Provider value={true}>{items}</ToastUnscannedContext.Provider>\n          </ToastBody>\n        ) : null}\n      </>\n    ),\n    titleTwice: false,\n  };\n}\n\nexport const ToastRoot = ({\n  status = 'info',\n  title,\n  statusLabel,\n  icon,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  className,\n  children,\n  ref,\n  ...rest\n}: ToastProps) => {\n  // Inside the Toaster's container, whose context has `registerToast`, the Toast registers its\n  // severity, `onDismiss` and Dismiss button there and its parts use that context (the container's\n  // ids); everywhere else it provides its own context and is a live region (D9, D10).\n  const host = React.useContext(ToastContext);\n  const registerToast = host?.registerToast ?? null;\n  const inToaster = registerToast !== null;\n  const label = getStatusLabel(status, statusLabel);\n  const statusTextId = useId('wave-toast-status');\n  const titleId = useId('wave-toast-title');\n  const handleDismiss = useEventCallback(onDismiss);\n  const hasOnDismiss = onDismiss !== undefined;\n  const dismissButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useLayoutEffect(() => {\n    if (!registerToast) return undefined;\n    return registerToast({\n      status,\n      statusLabel: label,\n      statusTextId: label ? statusTextId : undefined,\n      onDismiss: hasOnDismiss ? handleDismiss : undefined,\n      getDismissButton: () => dismissButtonRef.current,\n    });\n  }, [registerToast, status, label, statusTextId, hasOnDismiss, handleDismiss]);\n\n  const ownContext = React.useMemo<ToastContextValue>(\n    () => ({\n      titleId,\n      dismiss: hasOnDismiss ? handleDismiss : undefined,\n      registerPart: registerNothing,\n      registerToast: null,\n    }),\n    [titleId, hasOnDismiss, handleDismiss],\n  );\n  // Inside the Toaster every Toast shows the Dismiss button (D11); elsewhere `onDismiss` does.\n  const dismiss = inToaster ? host?.dismiss : ownContext.dismiss;\n\n  const { content, titleTwice } = renderParts(title, children);\n  React.useEffect(() => {\n    if (!titleTwice) return;\n    warnOnce(\n      'Toast:title-twice',\n      'Toast: `title` is ignored because a Toast.Title is among the children. Remove one of them.',\n    );\n  }, [titleTwice]);\n\n  // The status icon: only `undefined` keeps the default; `null`, or anything that renders\n  // nothing, shows none (C-SLOTS status-icon rule). The class rides in the slot's base classes,\n  // so a slot object that swaps the element keeps it.\n  const iconClassName = cn(\n    toastClassNames.icon,\n    'mt-0.5 inline-flex shrink-0',\n    STATUS_ICON_COLOR[status],\n  );\n  const renderedIcon =\n    icon === undefined ? (\n      <span aria-hidden=\"true\" className={iconClassName}>\n        <StatusIcon status={status} />\n      </span>\n    ) : slotRendersContent(icon) ? (\n      renderSlot(icon, 'span', iconClassName, { 'aria-hidden': true })\n    ) : null;\n\n  const liveRegion: React.HTMLAttributes<HTMLDivElement> = inToaster\n    ? {}\n    : status === 'error'\n      ? { role: 'alert', 'aria-live': 'assertive' }\n      : { role: 'status', 'aria-live': 'polite' };\n  const root = (\n    <div\n      ref={ref}\n      {...liveRegion}\n      {...rest}\n      className={cn(\n        toastClassNames.root,\n        'flex items-start gap-3 rounded border border-s-4 border-border bg-background p-3 text-foreground shadow-4',\n        STATUS_BORDER[status],\n        className,\n      )}\n    >\n      {renderedIcon}\n      <div className={cn(toastClassNames.content, 'min-w-0 flex-1')}>\n        <StatusText label={label} id={statusTextId} />\n        {content}\n      </div>\n      {dismiss ? (\n        <button\n          ref={dismissButtonRef}\n          type=\"button\"\n          onClick={() => dismiss()}\n          className={cn(\n            toastClassNames.dismissButton,\n            'inline-flex shrink-0 cursor-pointer items-center justify-center rounded border-none bg-transparent p-1 text-muted-foreground',\n            'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground',\n            'not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n            focusRing,\n          )}\n          aria-label={dismissLabel}\n        >\n          <DismissIcon />\n        </button>\n      ) : null}\n    </div>\n  );\n  return inToaster ? (\n    root\n  ) : (\n    <ToastContext.Provider value={ownContext}>{root}</ToastContext.Provider>\n  );\n};\nToastRoot.displayName = 'Toast';\n"],"mappings":"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"}

package/dist/components/feedback/Toaster.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/composeEventHandlers.cjs"),i=require("../../lib/classNames.cjs"),a=require("../../lib/toaster.cjs"),o=require("../../hooks/useEventCallback.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/direction.cjs"),l=require("../../lib/focus.cjs"),ee=require("../../hooks/useMergedRefs.cjs"),te=require("../../lib/aria.cjs"),u=require("../../hooks/usePresence.cjs"),d=require("../../lib/layers.cjs"),f=require("../../hooks/useDirection.cjs"),p=require("../portal/Portal.cjs"),ne=require("../../lib/styles.cjs"),m=require("../../lib/events.cjs"),h=require("../../hooks/usePreserveFocus.cjs"),g=require("./MessageBar.status.cjs"),_=require("./Toast.context.cjs"),re=require("./Toast.root.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b(e,t){let n=0,r=!1;for(let t of e)t.shown?t.dismissed||(n+=1):r=!0;return!r||n>=t?e:e.map(e=>e.shown||n>=t?e:(n+=1,{...e,shown:!0}))}function x(e,t){let n=e.findIndex(e=>e.id===t);if(n===-1)return e;let r=e[n];if(!r.shown)return[...e.slice(0,n),...e.slice(n+1)];if(r.dismissed)return e;let i=e.slice();return i[n]={...r,dismissed:!0},i}function ie(e){return e.every(e=>e.shown&&e.dismissed)?e:e.filter(e=>e.shown).map(e=>e.dismissed?e:{...e,dismissed:!0})}function ae(e){let t;for(let n of e)n.shown&&!n.dismissed&&(!t||n.seq>t.seq)&&(t=n);return t}function S(e,t){return e.contains(t)?!0:d.getOpenLayers().some(n=>{let r=n.getAnchor();return r!==null&&e.contains(r)&&d.isInsideLayerTree(n.id,t)})}function oe(e,t){let n=t?.getDismissButton()??null;return l.getTabbableElements(e).some(e=>e!==n)}function C(e){return e===void 0?1/0:e>=1?Math.floor(e):1}var w={dispatchToast:(e,t)=>(a.isToastOptions(e)?e.toastId:t?.toastId)??``,dismissToast:()=>{},dismissAllToasts:()=>{}},T=`useToastController must be used within <Toaster>. Wrap your app (or the part of it that shows toasts) in <Toaster>: it provides the controller to its children.`;function E(){return v.useContext(_.ToasterContext)||(n.reportMissingContext(`useToastController`,`<Toaster>`,T),w)}var se=5e3;function D(e){let t=new Map,n=new Set,r=new Map,i=!1,a=!1,o=o=>{let s=t.get(o);if(!s)return;let c=!a&&!i&&n.size===0;c&&s.handle===null?(s.startedAt=Date.now(),s.handle=setTimeout(()=>{t.delete(o),r.delete(o),e(o)},s.remaining)):!c&&s.handle!==null&&(clearTimeout(s.handle),s.handle=null,s.remaining=Math.max(0,s.remaining-(Date.now()-s.startedAt)))},s=()=>{for(let e of Array.from(t.keys()))o(e)},c=e=>{let n=t.get(e);n?.handle!=null&&clearTimeout(n.handle),t.delete(e)};return{start(e,n,i){r.get(e)!==n&&(r.set(e,n),c(e),i>0&&Number.isFinite(i)&&(t.set(e,{handle:null,remaining:i,startedAt:0}),o(e)))},remove(e){c(e),r.delete(e)},clear(){for(let e of Array.from(t.keys()))c(e);r.clear()},isPaused(e){return n.has(e)},setPaused(e,t){t?n.add(e):n.delete(e),s()},setInBackground(e){i=e,s()},setSuspended(e){a=e,s()}}}var O={"top-start":`top-4 start-4 ms-(--wave-toaster-offset)`,"top-end":`top-4 end-4 me-(--wave-toaster-offset)`,"bottom-start":`bottom-4 start-4 ms-(--wave-toaster-offset)`,"bottom-end":`bottom-4 end-4 me-(--wave-toaster-offset)`,"top-right":`top-4 right-4 mr-(--wave-toaster-offset)`,"top-left":`top-4 left-4 ml-(--wave-toaster-offset)`,"bottom-right":`bottom-4 right-4 mr-(--wave-toaster-offset)`,"bottom-left":`bottom-4 left-4 ml-(--wave-toaster-offset)`},k=16;function A(e,t){let n=e.slice(e.indexOf(`-`)+1);if(n===`right`||n===`left`)return n===`right`;let r=c.getDirection(t)===`rtl`;return n===`end`?!r:r}function j(e,t){let n=d.getOpenLayers().filter(e=>e.kind===`modal`);if(n.length===0)return 0;let r=e.ownerDocument,i=r.defaultView;if(!i)return 0;let a=r.documentElement.clientWidth||i.innerWidth,o=r.documentElement.clientHeight||i.innerHeight,s=A(t,e),c=t.startsWith(`top`),l=0;for(let e of n)for(let t of e.getElements()){if(!t?.isConnected)continue;let e=t.getBoundingClientRect();if(e.width<=0||e.height<=0)continue;let n=s?e.right>=a-k:e.left<=k,r=c?e.top<=k:e.bottom>=o-k;n&&r&&(l=Math.max(l,s?a-e.left:e.right))}return l<=0||a-l<e.offsetWidth+32?0:Math.ceil(l)}var M=2e3;function N({text:e}){let[t,n]=v.useState(!0);return v.useEffect(()=>{let e=setTimeout(()=>n(!1),M);return()=>clearTimeout(e)},[]),t?(0,y.jsx)(`div`,{children:e}):null}N.displayName=`LiveMessage`;function P(e){return e.kind===`title`}function F(e){return e.kind===`body`}function I(e){return e.kind===`footer`}var L=new Set(`a.abbr.b.bdi.bdo.cite.code.data.dfn.em.i.kbd.label.mark.q.s.samp.small.span.strong.sub.sup.time.u.var.wbr`.split(`.`)),R=new Set([`noscript`,`script`,`style`,`template`]),z=new Set([`button`,`img`,`input`,`select`,`textarea`]),B=new Set([`button`,`checkbox`,`combobox`,`img`,`link`,`option`,`radio`,`slider`,`spinbutton`,`switch`,`tab`,`textbox`]);function V(e){let t=e.getAttribute(`role`)?.trim().split(/\s+/)[0];return t?B.has(t)||t.startsWith(`menuitem`):e.localName===`a`?e.hasAttribute(`href`):z.has(e.localName)}function H(e){return e.getAttribute(`aria-hidden`)===`true`||e.hasAttribute(`hidden`)||R.has(e.localName)}function U(e,t){if(!e)return``;let n=[],r=(e,i)=>{if(e.nodeType===Node.TEXT_NODE){n.push(e.textContent??``);return}if(e.nodeType!==Node.ELEMENT_NODE)return;let a=e;if(!i&&t?.(a)||H(a))return;let o=a.getAttribute(`aria-label`);if(o&&V(a)){n.push(` ${o} `);return}if(a.localName===`img`){n.push(` ${a.getAttribute(`alt`)??``} `);return}let s=!L.has(a.localName);s&&n.push(` `);for(let e of Array.from(a.childNodes))r(e,!1);s&&n.push(` `)};return r(e,!0),n.join(``).replace(/\s+/g,` `).trim()}function W(e){return!e||H(e)?[]:Array.from(e.childNodes,e=>e.nodeType===Node.TEXT_NODE?(e.textContent??``).replace(/\s+/g,` `).trim():e.nodeType===Node.ELEMENT_NODE?U(e):``).filter(Boolean)}function ce(e,t,n,r){let i=t.find(P),a=t.find(F);if(!i&&!a){let t=n?.getDismissButton()??null;return U(e,e=>e===t||e.id!==``&&(e.id===r||e.id===n?.statusTextId))}let o=i?.getLabel()??null,s=i?.getRow()??null,c=s?Array.from(s.children).filter(e=>e!==o).flatMap(e=>W(e)):[];return[U(o),U(a?.getElement()??null),...c,...t.filter(I).flatMap(e=>W(e.getElement()))].filter(Boolean).join(` `)}function G({entry:e,timers:r,onDismiss:a,onExited:c,getFocusFallback:l,announce:d,registerContainer:f}){let{id:p,dismissed:b}=e,{isMounted:x,ref:ie,presenceProps:ae}=u.usePresence(!b,{appear:!0,onExited:()=>c(p)}),S=v.useRef(null),C=v.useRef(null),w=v.useCallback(e=>{S.current=e,e&&(C.current=e),f(p,e)},[p,f]),T=ee.useMergedRefs(w,ie);h.usePreserveFocus(S,()=>l(C.current),{enabled:!b});let E=s.useId(`wave-toast-title`),D=s.useId(`wave-toast-status`),[O,k]=v.useState([]),A=v.useRef([]),j=v.useCallback(e=>(A.current=[...A.current,e],k(A.current),()=>{A.current=A.current.filter(t=>t!==e),k(A.current)}),[]),[M,N]=v.useState(null),I=v.useRef(null),L=v.useCallback(e=>(I.current=e,N(e),()=>{I.current===e&&(I.current=null,N(null))}),[]),R=o.useEventCallback(()=>{I.current?.onDismiss?.(),a(p)}),z=v.useMemo(()=>({titleId:E,dismiss:R,registerPart:j,registerToast:L}),[E,R,j,L]),B=O.find(P),V=O.find(F),H=e.form===`content`&&M===null?g.getStatusLabel(e.options.status??`info`,e.options.statusLabel):``,U=M?M.statusTextId:H?D:void 0;v.useLayoutEffect(()=>{let t=S.current;if(e.dismissed||!t)return;let n=e.options.timeout??(oe(t,I.current)?0:se);r.start(e.id,e.seq,n)},[e,r]),v.useLayoutEffect(()=>{let t=S.current;if(e.dismissed||!t)return;let n=I.current,r=n?.status??e.options.status??`info`,i=n?n.statusLabel:g.getStatusLabel(r,e.options.statusLabel),a=e.form===`content`&&e.options.announcement!==void 0?e.options.announcement:ce(t,A.current,n,D);d(e.id,{seq:e.seq,text:[i,a].filter(Boolean).join(` `),assertive:r===`error`})},[e,d,D,M]);let W=e.form===`content`?e.options.status:void 0;v.useEffect(()=>{let e=I.current?.status;W!==void 0&&e!==void 0&&W!==e&&n.warnOnce(`Toaster:status-conflict`,`Toaster: the dispatched Toast has status "${e}" but the dispatch options pass "${W}"; the Toast's status is used. Remove \`status\` from the options.`)},[e,W,M]);let G=e=>{(e.key===`Delete`||e.key===`Backspace`)&&(e.defaultPrevented||!m.isOwnEvent(e)||m.isEditableTarget(e.target)||(e.preventDefault(),a(p)))};return x?(0,y.jsxs)(`div`,{ref:T,role:`group`,tabIndex:-1,"data-wave-toast":``,"aria-labelledby":te.joinIds(U,B?.id),"aria-describedby":V?.id,className:t.cn(i.toasterClassNames.toast,`rounded`,ne.focusRing),...ae,onKeyDown:G,children:[H?(0,y.jsx)(g.StatusText,{label:H,id:D}):null,(0,y.jsx)(_.ToastContext.Provider,{value:z,children:e.form===`options`?(0,y.jsx)(re.ToastRoot,{status:e.options.status,statusLabel:e.options.statusLabel,title:e.options.title,dismissLabel:e.options.dismissLabel,children:e.options.body}):e.content})]}):null}G.displayName=`ToastContainer`;var K=({position:e=`bottom-end`,limit:c,shortcuts:te,toaster:u,className:ne,style:h,children:g,onFocus:re,onBlur:oe,onKeyDown:w,onPointerEnter:T,onPointerLeave:E,onPointerOver:se,ref:k,...A})=>{let[M,P]=v.useState([]),[F,I]=v.useState(()=>new Map),L=v.useCallback((e,t)=>{I(n=>{let r=n.get(e);if(r&&r.seq===t.seq&&r.text===t.text&&r.assertive===t.assertive)return n;let i=new Map(n);return i.set(e,t),i})},[]),R=b(M,C(c));R!==M&&P(R);let z=R.filter(e=>e.shown);v.useEffect(()=>{c!==void 0&&!(c>=1)&&n.warnOnce(`Toaster:limit`,`Toaster: \`limit\` must be 1 or more (got ${String(c)}); it counts as 1.`)},[c]);let B=s.useId(`toast`),V=v.useRef(0),H=v.useRef(null),U=ee.useMergedRefs(k,H),W=v.useRef(null),ce=f.useDirection(),[K,le]=v.useState(0);v.useLayoutEffect(()=>{let t=()=>{let t=H.current;le(t?j(t,e):0)};t();let n=d.subscribeLayers(t);return window.addEventListener(`resize`,t),document.addEventListener(`transitionend`,t,!0),document.addEventListener(`animationend`,t,!0),()=>{n(),window.removeEventListener(`resize`,t),document.removeEventListener(`transitionend`,t,!0),document.removeEventListener(`animationend`,t,!0)}},[e,ce]);let[q]=v.useState(()=>D(e=>P(t=>x(t,e))));v.useEffect(()=>{let e=document,t=!1,n=()=>q.setInBackground(t||e.visibilityState===`hidden`),r=e=>{e.target instanceof Node||(t=!0,n())},i=e=>{e.target instanceof Node||(t=!1,n())};return n(),q.setSuspended(!1),window.addEventListener(`blur`,r),window.addEventListener(`focus`,i),e.addEventListener(`visibilitychange`,n),()=>{window.removeEventListener(`blur`,r),window.removeEventListener(`focus`,i),e.removeEventListener(`visibilitychange`,n),q.setSuspended(!0)}},[q]);let ue=v.useCallback((e,t)=>{V.current+=1;let n=V.current,r=a.isToastOptions(e)?{form:`options`,options:e}:{form:`content`,content:e,options:t??{}},i=r.options.toastId??`${B}-${n}`;return P(e=>{let t=e.findIndex(e=>e.id===i),a=t!==-1&&e[t].shown,o={...r,id:i,seq:n,shown:a,dismissed:!1};if(t===-1)return[...e,o];let s=e.slice();return s[t]=o,s}),i},[B]),J=v.useCallback(e=>{q.remove(e),P(t=>x(t,e))},[q]),Y=v.useCallback(()=>{q.clear(),P(e=>ie(e))},[q]),de=v.useCallback(e=>{P(t=>t.some(t=>t.id===e&&t.dismissed)?t.filter(t=>!(t.id===e&&t.dismissed)):t),I(t=>{if(!t.has(e))return t;let n=new Map(t);return n.delete(e),n})},[]),X=v.useMemo(()=>({dispatchToast:ue,dismissToast:J,dismissAllToasts:Y}),[ue,J,Y]),[fe]=v.useState(()=>({}));v.useLayoutEffect(()=>{if(!u)return;let e=a.bindToasterHandle(u,fe,X);if(e.status===`bound`)return e.unbind;e.status===`taken`?n.warnOnce(`Toaster:handle-bound`,`Toaster: this handle is already bound to another Toaster; a handle binds one Toaster. Create one handle per Toaster.`):n.warnOnce(`Toaster:handle-unknown`,"Toaster: `toaster` is not a handle from createToaster(), so nothing is bound. Pass the value createToaster() returns.")},[u,fe,X]);let pe=v.useCallback(e=>{let t=H.current,n=t?Array.from(t.children).filter(e=>e instanceof HTMLElement&&e.hasAttribute(`data-wave-toast`)):[],r=!!e&&e.ownerDocument.activeElement===e,i=e?n.indexOf(e):-1,a=t=>t!==e&&t.isConnected&&t.getAttribute(`data-presence`)!==`exiting`,o=n.slice(i+1).find(a),s=i>0?n.slice(0,i).reverse().find(a):void 0;for(let e of[o,s]){if(!e)continue;let t=r?e:l.getFirstTabbable(e);if(t)return t}let c=W.current;return W.current=null,c?.isConnected?c:null},[]),Z=o.useEventCallback(()=>{let e=H.current;if(!e)return;let t=e.ownerDocument;if(t.activeElement&&t.activeElement!==t.body)return;let n=q.isPaused(`focus`);q.setPaused(`focus`,!1);let r=W.current;W.current=null,n&&r&&l.isConnectedAndFocusable(r)&&r.focus({preventScroll:!0})});v.useLayoutEffect(()=>{Z()},[R,Z]),v.useLayoutEffect(()=>d.subscribeLayers(()=>queueMicrotask(Z)),[Z]);let Q=v.useRef(null);v.useEffect(()=>{let e=e=>{let t=Q.current===e;if(Q.current=null,t||!q.isPaused(`hover`))return;let n=H.current;n&&e.target instanceof Node&&S(n,e.target)||q.setPaused(`hover`,!1)};return document.addEventListener(`pointerover`,e),()=>document.removeEventListener(`pointerover`,e)},[q]);let me=v.useRef(R);v.useLayoutEffect(()=>{me.current=R});let $=v.useRef(new Map),he=v.useCallback((e,t)=>{t?$.current.set(e,t):$.current.delete(e)},[]),ge=typeof te?.focus==`function`,_e=o.useEventCallback(e=>{if(e.defaultPrevented||e.isComposing||!te?.focus?.(e))return;let t=ae(me.current),n=t?$.current.get(t.id):void 0;if(!n?.isConnected)return;e.preventDefault();let r=H.current,i=n.ownerDocument.activeElement;i instanceof HTMLElement&&i!==n.ownerDocument.body&&!(r&&S(r,i))&&(W.current=i),n.focus({preventScroll:!1})});v.useEffect(()=>{if(!ge)return;let e=e=>_e(e);return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[ge,_e]);let ve=e=>{let t=e.relatedTarget;t instanceof HTMLElement&&l.isConnectedAndFocusable(t)&&(S(e.currentTarget,t)||(W.current=t))},ye=e=>{let t=e.currentTarget,n=e.relatedTarget;if(!(n instanceof Node&&S(t,n))&&!e.target.closest(`[data-wave-toast][data-presence="exiting"]`)){if(n===null){let n=e.target;if(!n.isConnected)return;let r=n.ownerDocument.activeElement;if(r&&S(t,r))return}W.current=null}},be=e=>{if(e.key!==`Escape`&&e.key!==`Esc`||e.defaultPrevented||e.nativeEvent.isComposing||!m.isOwnEvent(e))return;let t=e.currentTarget;if(d.getOpenLayers().some(e=>e.escape&&t.contains(e.getAnchor())))return;e.preventDefault();let n=W.current;W.current=null,n?.isConnected&&n.focus({preventScroll:!0}),Y()},xe=[],Se=[];for(let e of z){if(e.dismissed)continue;let t=F.get(e.id);if(!t||t.seq!==e.seq||!t.text)continue;let n=(0,y.jsx)(N,{text:t.text},t.seq);(t.assertive?Se:xe).push(n)}let Ce=K>0?{...h,"--wave-toaster-offset":`${K}px`}:h;return(0,y.jsxs)(_.ToasterContext.Provider,{value:X,children:[g,(0,y.jsx)(p.Portal,{layer:`toast`,children:(0,y.jsxs)(`div`,{ref:U,role:`region`,"aria-label":`Notifications`,"data-wave-focus-trap-allow":``,"data-position":e,...A,style:Ce,onFocus:e=>{re?.(e),ve(e),q.setPaused(`focus`,!0)},onBlur:e=>{oe?.(e),ye(e);let t=e.relatedTarget;t instanceof Node&&S(e.currentTarget,t)||q.setPaused(`focus`,!1)},onPointerEnter:e=>{T?.(e),q.setPaused(`hover`,!0)},onPointerLeave:e=>{E?.(e),q.setPaused(`hover`,!1)},onPointerOver:e=>{se?.(e),Q.current=e.nativeEvent},onKeyDown:e=>r.composeEventHandlers(w,be)(e),className:t.cn(i.toasterClassNames.root,`fixed flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2`,O[e],ne),children:[(0,y.jsx)(`div`,{role:`status`,"aria-live":`polite`,"aria-atomic":`false`,className:`sr-only`,children:xe}),(0,y.jsx)(`div`,{"aria-live":`assertive`,"aria-atomic":`false`,className:`sr-only`,children:Se}),z.map(e=>(0,y.jsx)(G,{entry:e,timers:q,onDismiss:J,onExited:de,getFocusFallback:pe,announce:L,registerContainer:he},e.id))]})})]})};K.displayName=`Toaster`,exports.Toaster=K,exports.useToastController=E;
+//# sourceMappingURL=Toaster.cjs.map