@mortenbrudvik/waveui 0.4.0 → 0.7.0

package/dist/components/feedback/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","names":["React","cn","forcedColors","require_runtime","require_cn","require_styles","react","react_jsx_runtime","isName","value","sizeClasses","appearanceClasses","Spinner","rest","wait","delay","shown","setShown","announced","setAnnounced","handle","frame","nameFromLabel","role","resolvedAppearance","appearance","colors","label","className","size","labelVisible"],"sources":["../../../src/components/feedback/Spinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { forcedColors } from '../../lib/styles';\nimport type { Size } from '../../lib/types';\n\n/** Color treatment of a {@link Spinner}. */\nexport type SpinnerAppearance = 'primary' | 'inverted';\n\n/** Properties for the Spinner component. */\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the spinner.\n   * @default 'medium'\n   */\n  size?: Size;\n  /**\n   * Text announced by the spinner's status region (and shown with `labelVisible`). Localize it.\n   * @default 'Loading'\n   */\n  label?: string;\n  /** Whether the label text is visually displayed alongside the spinner. */\n  labelVisible?: boolean;\n  /**\n   * `primary`: a primary arc on the track color. `inverted`: drawn in the current text color (a\n   * 30% track), for brand or inverted surfaces such as a primary Button.\n   * @default 'primary'\n   */\n  appearance?: SpinnerAppearance;\n  /**\n   * Milliseconds to wait before the ring and the label appear, so a fast load does not flash the\n   * spinner. The status region is mounted (empty) at once and announces the label once shown.\n   * A non-finite or negative value means 0.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Role of the root; a forwarded `undefined` keeps the default live region. Use `none` inside a\n   * region that already announces the busy state, or `progressbar`, which `label` names\n   * (`aria-label`) unless you pass `aria-label` or `aria-labelledby` (a progress bar is not named by\n   * its content).\n   * @default 'status'\n   */\n  role?: React.AriaRole;\n  ref?: React.Ref<HTMLSpanElement>;\n}\n\n/** Whether a name prop (`aria-label`, `aria-labelledby`) holds more than whitespace. */\nfunction isName(value: unknown): value is string {\n  return typeof value === 'string' && value.trim() !== '';\n}\n\nconst sizeClasses: Record<Size, string> = {\n  'extra-small': 'w-3 h-3',\n  small: 'w-4 h-4',\n  medium: 'w-6 h-6',\n  large: 'w-9 h-9',\n  'extra-large': 'w-12 h-12',\n};\n\n/** Ring (track, then arc) and visible-label colors of each appearance. */\nconst appearanceClasses: Record<SpinnerAppearance, { ring: string; label: string }> = {\n  primary: { ring: 'border-track border-t-primary', label: 'text-muted-foreground' },\n  // The current text color matches any surface the spinner sits on (on-brand text in a primary\n  // Button, the inverted foreground), so no token is needed.\n  inverted: { ring: 'border-current/30 border-t-current', label: 'text-current' },\n};\n\n/**\n * An indeterminate loading indicator.\n *\n * - The root is a `role=\"status\"` live region (override `role`, e.g. `role=\"none\"` inside a region\n *   that already announces the busy state, or `role=\"progressbar\"`, which `label` names unless you\n *   pass `aria-label` or `aria-labelledby`).\n * - The region mounts **empty** and receives its `label` (default \"Loading\") one animation frame\n *   after the spinner is shown, so screen readers announce it (a live region that mounts with its\n *   content is often not announced). With `labelVisible` the label also shows next to the ring\n *   from that frame on.\n * - `delay` holds back the ring and the label for that many milliseconds (the region mounts at\n *   once), so a fast load does not flash the spinner. The root's `data-state` is `delayed`, then\n *   `shown`.\n * - `appearance=\"inverted\"` draws the spinner in the current text color, for a primary Button or\n *   another brand or inverted surface. The root carries `data-appearance`.\n * - The ring is decorative (`aria-hidden`) and spins slower for reduced motion. In forced-colors\n *   mode its arc is drawn in `Highlight` on a `Canvas` track, so the rotation stays perceivable.\n *\n * @example\n * <Spinner label=\"Loading results\" delay={300} />\n *\n * @example\n * // In a primary Button's (decorative) icon slot; the Button's text names the busy state.\n * <Button appearance=\"primary\" icon={<Spinner appearance=\"inverted\" size=\"extra-small\" />}>\n *   Saving\n * </Button>\n */\nexport const Spinner = ({\n  size = 'medium',\n  label = 'Loading',\n  labelVisible,\n  appearance = 'primary',\n  delay = 0,\n  className,\n  // Destructured with a default rather than set before `{...rest}`: a wrapper that forwards\n  // `role={props.role}` passes `undefined`, which must not strip the live region.\n  role = 'status',\n  ref,\n  ...rest\n}: SpinnerProps) => {\n  const wait = Number.isFinite(delay) && delay > 0 ? delay : 0;\n  const [shown, setShown] = React.useState(wait === 0);\n  const [announced, setAnnounced] = React.useState(false);\n\n  // C-HOOKS deferred updates: each state is set in its callback, never in the effect body. Once\n  // shown, the spinner stays shown; a delay that changes while it waits starts the wait again.\n  React.useEffect(() => {\n    if (shown) return;\n    const handle = setTimeout(() => setShown(true), wait);\n    return () => clearTimeout(handle);\n  }, [shown, wait]);\n\n  React.useEffect(() => {\n    if (!shown) return;\n    const frame = requestAnimationFrame(() => setAnnounced(true));\n    return () => cancelAnimationFrame(frame);\n  }, [shown]);\n\n  // A progressbar takes its name from the author, never from its content (the label text): name it\n  // with `label` unless the consumer does. Also applies to a forwarded `aria-label={undefined}`.\n  const nameFromLabel =\n    role === 'progressbar' && !isName(rest['aria-label']) && !isName(rest['aria-labelledby']);\n  // An appearance outside the union (from untyped code) renders as primary instead of throwing.\n  const resolvedAppearance: SpinnerAppearance = Object.hasOwn(appearanceClasses, appearance ?? '')\n    ? appearance\n    : 'primary';\n  const colors = appearanceClasses[resolvedAppearance];\n\n  return (\n    <span\n      data-appearance={resolvedAppearance}\n      data-state={shown ? 'shown' : 'delayed'}\n      {...rest}\n      role={role}\n      aria-label={nameFromLabel ? label : rest['aria-label']}\n      ref={ref}\n      className={cn('inline-flex items-center gap-2', className)}\n    >\n      {shown ? (\n        <span\n          aria-hidden=\"true\"\n          data-wave-spinner-ring=\"\"\n          className={cn(\n            'rounded-full border-2 animate-wave-spin motion-reduce:animate-wave-spin-slow',\n            colors.ring,\n            forcedColors.ringArc,\n            sizeClasses[size],\n          )}\n        />\n      ) : null}\n      <span\n        data-wave-spinner-label=\"\"\n        className={labelVisible ? cn('text-body-1', colors.label) : 'sr-only'}\n      >\n        {announced ? label : null}\n      </span>\n    </span>\n  );\n};\n\nSpinner.displayName = 'Spinner';\n"],"mappings":"gNA8CA,SAASQ,EAAO,EAAiC,CAC/C,OAAO,OAAOC,GAAU,UAAYA,EAAM,KAAK,IAAM,EACvD,CAEA,IAAMC,EAAoC,CACxC,cAAe,UACf,MAAO,UACP,OAAQ,UACR,MAAO,UACP,cAAe,WACjB,EAGMC,EAAgF,CACpF,QAAS,CAAE,KAAM,gCAAiC,MAAO,uBAAwB,EAGjF,SAAU,CAAE,KAAM,qCAAsC,MAAO,cAAe,CAChF,EA6BaC,GAAW,CACtB,OAAO,SACP,QAAQ,UACR,eACA,aAAa,UACb,QAAQ,EACR,YAGA,OAAO,SACP,MACA,GAAGC,KACe,CAClB,IAAMC,EAAO,OAAO,SAASC,CAAK,GAAKA,EAAQ,EAAIA,EAAQ,EACrD,CAACC,EAAOC,GAAYjB,EAAM,SAASc,IAAS,CAAC,EAC7C,CAACI,EAAWC,GAAgBnB,EAAM,SAAS,EAAK,EAItDM,EAAM,cAAgB,CACpB,GAAIU,EAAO,OACX,IAAMI,EAAS,eAAiBH,EAAS,EAAI,EAAGH,CAAI,EACpD,UAAa,aAAaM,CAAM,CAClC,EAAG,CAACJ,EAAOF,CAAI,CAAC,EAEhBR,EAAM,cAAgB,CACpB,GAAI,CAACU,EAAO,OACZ,IAAMK,EAAQ,0BAA4BF,EAAa,EAAI,CAAC,EAC5D,UAAa,qBAAqBE,CAAK,CACzC,EAAG,CAACL,CAAK,CAAC,EAIV,IAAMM,EACJC,IAAS,eAAiB,CAACf,EAAOK,EAAK,aAAa,GAAK,CAACL,EAAOK,EAAK,kBAAkB,EAEpFW,EAAwC,OAAO,OAAOb,EAAmBc,GAAc,EAAE,EAC3FA,EACA,UACEC,EAASf,EAAkBa,GAEjC,OACE,EAAAjB,EAAA,KAAA,CAAC,OAAD,CACE,kBAAiBiB,EACjB,aAAYR,EAAQ,QAAU,UAC9B,GAAIH,EACE,OACN,aAAYS,EAAgBK,EAAQd,EAAK,cACpC,MACL,UAAWZ,EAAAA,GAAG,iCAAkC2B,CAAS,EAP3D,SAAA,CASGZ,GACC,EAAAT,EAAA,IAAA,CAAC,OAAD,CACE,cAAY,OACZ,yBAAuB,GACvB,UAAWN,EAAAA,GACT,+EACAyB,EAAO,KACPxB,EAAAA,aAAa,QACbQ,EAAYmB,EACd,CACD,CAAA,EACC,MACJ,EAAAtB,EAAA,IAAA,CAAC,OAAD,CACE,0BAAwB,GACxB,UAAWuB,EAAe7B,EAAAA,GAAG,cAAeyB,EAAO,KAAK,EAAI,UAE3D,SAAAR,EAAYS,EAAQ,IACjB,CAAA,CACF,GAEV,EAEA,EAAQ,YAAc"}

package/dist/components/feedback/Spinner.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { forcedColors as t } from "../../lib/styles.mjs";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/feedback/Spinner.tsx
+function a(e) {
+	return typeof e == "string" && e.trim() !== "";
+}
+var o = {
+	"extra-small": "w-3 h-3",
+	small: "w-4 h-4",
+	medium: "w-6 h-6",
+	large: "w-9 h-9",
+	"extra-large": "w-12 h-12"
+}, s = {
+	primary: {
+		ring: "border-track border-t-primary",
+		label: "text-muted-foreground"
+	},
+	inverted: {
+		ring: "border-current/30 border-t-current",
+		label: "text-current"
+	}
+}, c = ({ size: c = "medium", label: l = "Loading", labelVisible: u, appearance: d = "primary", delay: f = 0, className: p, role: m = "status", ref: h, ...g }) => {
+	let _ = Number.isFinite(f) && f > 0 ? f : 0, [v, y] = n.useState(_ === 0), [b, x] = n.useState(!1);
+	n.useEffect(() => {
+		if (v) return;
+		let e = setTimeout(() => y(!0), _);
+		return () => clearTimeout(e);
+	}, [v, _]), n.useEffect(() => {
+		if (!v) return;
+		let e = requestAnimationFrame(() => x(!0));
+		return () => cancelAnimationFrame(e);
+	}, [v]);
+	let S = m === "progressbar" && !a(g["aria-label"]) && !a(g["aria-labelledby"]), C = Object.hasOwn(s, d ?? "") ? d : "primary", w = s[C];
+	return /* @__PURE__ */ i("span", {
+		"data-appearance": C,
+		"data-state": v ? "shown" : "delayed",
+		...g,
+		role: m,
+		"aria-label": S ? l : g["aria-label"],
+		ref: h,
+		className: e("inline-flex items-center gap-2", p),
+		children: [v ? /* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			"data-wave-spinner-ring": "",
+			className: e("rounded-full border-2 animate-wave-spin motion-reduce:animate-wave-spin-slow", w.ring, t.ringArc, o[c])
+		}) : null, /* @__PURE__ */ r("span", {
+			"data-wave-spinner-label": "",
+			className: u ? e("text-body-1", w.label) : "sr-only",
+			children: b ? l : null
+		})]
+	});
+};
+c.displayName = "Spinner";
+//#endregion
+export { c as Spinner };
+
+//# sourceMappingURL=Spinner.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.mjs","names":["React","isName","value","sizeClasses","appearanceClasses","Spinner","rest","wait","delay","shown","setShown","announced","setAnnounced","handle","frame","nameFromLabel","role","resolvedAppearance","appearance","colors","label","cn","className","forcedColors","size","labelVisible"],"sources":["../../../src/components/feedback/Spinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { forcedColors } from '../../lib/styles';\nimport type { Size } from '../../lib/types';\n\n/** Color treatment of a {@link Spinner}. */\nexport type SpinnerAppearance = 'primary' | 'inverted';\n\n/** Properties for the Spinner component. */\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size of the spinner.\n   * @default 'medium'\n   */\n  size?: Size;\n  /**\n   * Text announced by the spinner's status region (and shown with `labelVisible`). Localize it.\n   * @default 'Loading'\n   */\n  label?: string;\n  /** Whether the label text is visually displayed alongside the spinner. */\n  labelVisible?: boolean;\n  /**\n   * `primary`: a primary arc on the track color. `inverted`: drawn in the current text color (a\n   * 30% track), for brand or inverted surfaces such as a primary Button.\n   * @default 'primary'\n   */\n  appearance?: SpinnerAppearance;\n  /**\n   * Milliseconds to wait before the ring and the label appear, so a fast load does not flash the\n   * spinner. The status region is mounted (empty) at once and announces the label once shown.\n   * A non-finite or negative value means 0.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Role of the root; a forwarded `undefined` keeps the default live region. Use `none` inside a\n   * region that already announces the busy state, or `progressbar`, which `label` names\n   * (`aria-label`) unless you pass `aria-label` or `aria-labelledby` (a progress bar is not named by\n   * its content).\n   * @default 'status'\n   */\n  role?: React.AriaRole;\n  ref?: React.Ref<HTMLSpanElement>;\n}\n\n/** Whether a name prop (`aria-label`, `aria-labelledby`) holds more than whitespace. */\nfunction isName(value: unknown): value is string {\n  return typeof value === 'string' && value.trim() !== '';\n}\n\nconst sizeClasses: Record<Size, string> = {\n  'extra-small': 'w-3 h-3',\n  small: 'w-4 h-4',\n  medium: 'w-6 h-6',\n  large: 'w-9 h-9',\n  'extra-large': 'w-12 h-12',\n};\n\n/** Ring (track, then arc) and visible-label colors of each appearance. */\nconst appearanceClasses: Record<SpinnerAppearance, { ring: string; label: string }> = {\n  primary: { ring: 'border-track border-t-primary', label: 'text-muted-foreground' },\n  // The current text color matches any surface the spinner sits on (on-brand text in a primary\n  // Button, the inverted foreground), so no token is needed.\n  inverted: { ring: 'border-current/30 border-t-current', label: 'text-current' },\n};\n\n/**\n * An indeterminate loading indicator.\n *\n * - The root is a `role=\"status\"` live region (override `role`, e.g. `role=\"none\"` inside a region\n *   that already announces the busy state, or `role=\"progressbar\"`, which `label` names unless you\n *   pass `aria-label` or `aria-labelledby`).\n * - The region mounts **empty** and receives its `label` (default \"Loading\") one animation frame\n *   after the spinner is shown, so screen readers announce it (a live region that mounts with its\n *   content is often not announced). With `labelVisible` the label also shows next to the ring\n *   from that frame on.\n * - `delay` holds back the ring and the label for that many milliseconds (the region mounts at\n *   once), so a fast load does not flash the spinner. The root's `data-state` is `delayed`, then\n *   `shown`.\n * - `appearance=\"inverted\"` draws the spinner in the current text color, for a primary Button or\n *   another brand or inverted surface. The root carries `data-appearance`.\n * - The ring is decorative (`aria-hidden`) and spins slower for reduced motion. In forced-colors\n *   mode its arc is drawn in `Highlight` on a `Canvas` track, so the rotation stays perceivable.\n *\n * @example\n * <Spinner label=\"Loading results\" delay={300} />\n *\n * @example\n * // In a primary Button's (decorative) icon slot; the Button's text names the busy state.\n * <Button appearance=\"primary\" icon={<Spinner appearance=\"inverted\" size=\"extra-small\" />}>\n *   Saving\n * </Button>\n */\nexport const Spinner = ({\n  size = 'medium',\n  label = 'Loading',\n  labelVisible,\n  appearance = 'primary',\n  delay = 0,\n  className,\n  // Destructured with a default rather than set before `{...rest}`: a wrapper that forwards\n  // `role={props.role}` passes `undefined`, which must not strip the live region.\n  role = 'status',\n  ref,\n  ...rest\n}: SpinnerProps) => {\n  const wait = Number.isFinite(delay) && delay > 0 ? delay : 0;\n  const [shown, setShown] = React.useState(wait === 0);\n  const [announced, setAnnounced] = React.useState(false);\n\n  // C-HOOKS deferred updates: each state is set in its callback, never in the effect body. Once\n  // shown, the spinner stays shown; a delay that changes while it waits starts the wait again.\n  React.useEffect(() => {\n    if (shown) return;\n    const handle = setTimeout(() => setShown(true), wait);\n    return () => clearTimeout(handle);\n  }, [shown, wait]);\n\n  React.useEffect(() => {\n    if (!shown) return;\n    const frame = requestAnimationFrame(() => setAnnounced(true));\n    return () => cancelAnimationFrame(frame);\n  }, [shown]);\n\n  // A progressbar takes its name from the author, never from its content (the label text): name it\n  // with `label` unless the consumer does. Also applies to a forwarded `aria-label={undefined}`.\n  const nameFromLabel =\n    role === 'progressbar' && !isName(rest['aria-label']) && !isName(rest['aria-labelledby']);\n  // An appearance outside the union (from untyped code) renders as primary instead of throwing.\n  const resolvedAppearance: SpinnerAppearance = Object.hasOwn(appearanceClasses, appearance ?? '')\n    ? appearance\n    : 'primary';\n  const colors = appearanceClasses[resolvedAppearance];\n\n  return (\n    <span\n      data-appearance={resolvedAppearance}\n      data-state={shown ? 'shown' : 'delayed'}\n      {...rest}\n      role={role}\n      aria-label={nameFromLabel ? label : rest['aria-label']}\n      ref={ref}\n      className={cn('inline-flex items-center gap-2', className)}\n    >\n      {shown ? (\n        <span\n          aria-hidden=\"true\"\n          data-wave-spinner-ring=\"\"\n          className={cn(\n            'rounded-full border-2 animate-wave-spin motion-reduce:animate-wave-spin-slow',\n            colors.ring,\n            forcedColors.ringArc,\n            sizeClasses[size],\n          )}\n        />\n      ) : null}\n      <span\n        data-wave-spinner-label=\"\"\n        className={labelVisible ? cn('text-body-1', colors.label) : 'sr-only'}\n      >\n        {announced ? label : null}\n      </span>\n    </span>\n  );\n};\n\nSpinner.displayName = 'Spinner';\n"],"mappings":";;;;;;AA8CA,SAASC,EAAO,GAAiC;CAC/C,OAAO,OAAOC,KAAU,YAAYA,EAAM,KAAK,MAAM;AACvD;AAEA,IAAMC,IAAoC;CACxC,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACjB,GAGMC,IAAgF;CACpF,SAAS;EAAE,MAAM;EAAiC,OAAO;CAAwB;CAGjF,UAAU;EAAE,MAAM;EAAsC,OAAO;CAAe;AAChF,GA6BaC,KAAW,EACtB,UAAO,UACP,WAAQ,WACR,iBACA,gBAAa,WACb,WAAQ,GACR,cAGA,UAAO,UACP,QACA,GAAGC,QACe;CAClB,IAAMC,IAAO,OAAO,SAASC,CAAK,KAAKA,IAAQ,IAAIA,IAAQ,GACrD,CAACC,GAAOC,KAAYV,EAAM,SAASO,MAAS,CAAC,GAC7C,CAACI,GAAWC,KAAgBZ,EAAM,SAAS,EAAK;CAUtD,AANAA,EAAM,gBAAgB;EACpB,IAAIS,GAAO;EACX,IAAMI,IAAS,iBAAiBH,EAAS,EAAI,GAAGH,CAAI;EACpD,aAAa,aAAaM,CAAM;CAClC,GAAG,CAACJ,GAAOF,CAAI,CAAC,GAEhBP,EAAM,gBAAgB;EACpB,IAAI,CAACS,GAAO;EACZ,IAAMK,IAAQ,4BAA4BF,EAAa,EAAI,CAAC;EAC5D,aAAa,qBAAqBE,CAAK;CACzC,GAAG,CAACL,CAAK,CAAC;CAIV,IAAMM,IACJC,MAAS,iBAAiB,CAACf,EAAOK,EAAK,aAAa,KAAK,CAACL,EAAOK,EAAK,kBAAkB,GAEpFW,IAAwC,OAAO,OAAOb,GAAmBc,KAAc,EAAE,IAC3FA,IACA,WACEC,IAASf,EAAkBa;CAEjC,OACE,kBAAC,QAAD;EACE,mBAAiBA;EACjB,cAAYR,IAAQ,UAAU;EAC9B,GAAIH;EACE;EACN,cAAYS,IAAgBK,IAAQd,EAAK;EACpC;EACL,WAAWe,EAAG,kCAAkCC,CAAS;EAP3D,UAAA,CASGb,IACC,kBAAC,QAAD;GACE,eAAY;GACZ,0BAAuB;GACvB,WAAWY,EACT,gFACAF,EAAO,MACPI,EAAa,SACbpB,EAAYqB,EACd;EACD,CAAA,IACC,MACJ,kBAAC,QAAD;GACE,2BAAwB;GACxB,WAAWC,IAAeJ,EAAG,eAAeF,EAAO,KAAK,IAAI;GAE3D,UAAAR,IAAYS,IAAQ;EACjB,CAAA,CACF;;AAEV;AAEA,EAAQ,cAAc"}

package/dist/components/feedback/Toast.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("../../hooks/useId.cjs"),a=require("../../lib/direction.cjs"),o=require("../../lib/focus.cjs"),s=require("../../hooks/useMergedRefs.cjs"),c=require("../../lib/layers.cjs"),l=require("../../hooks/useDirection.cjs"),u=require("../portal/Portal.cjs"),d=require("../../lib/styles.cjs"),f=require("../../lib/icons.cjs"),p=require("../../hooks/usePreserveFocus.cjs"),m=require("./MessageBar.status.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e,t){let n=0;for(let t of e)t.shown&&(n+=1);return n>=t||n===e.length?e:e.map(e=>e.shown||n>=t?e:(n+=1,{...e,shown:!0}))}function v(e){return e===void 0?1/0:e>=1?Math.floor(e):1}var y=h.createContext(null);y.displayName=`ToasterContext`;var b=h.createContext(!1);b.displayName=`ToasterRegionContext`;var x={dispatchToast:e=>e.toastId??``,dismissToast:()=>{},dismissAllToasts:()=>{}},S=`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 C(){return h.useContext(y)||(n.reportMissingContext(`useToastController`,`<Toaster>`,S),x)}var w=({status:e=`info`,title:n,statusLabel:i,onDismiss:a,dismissLabel:o=`Dismiss`,className:s,children:c,ref:l,...u})=>{let p=h.useContext(b),_=r.materialiseSlotContent(c),v=r.slotRendersContent(_);return(0,g.jsxs)(`div`,{ref:l,...p?{}:e===`error`?{role:`alert`,"aria-live":`assertive`}:{role:`status`,"aria-live":`polite`},...u,className:t.cn(`flex items-start gap-3 rounded border border-s-4 border-border bg-background p-3 text-foreground shadow-4`,m.STATUS_BORDER[e],s),children:[(0,g.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`mt-0.5 inline-flex shrink-0`,m.STATUS_ICON_COLOR[e]),children:(0,g.jsx)(m.StatusIcon,{status:e})}),(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(m.StatusText,{label:m.getStatusLabel(e,i)}),n?(0,g.jsx)(`div`,{className:`text-body-2 font-semibold text-foreground`,children:n}):null,v?(0,g.jsx)(`div`,{className:`mt-0.5 text-body-1 text-muted-foreground`,children:_}):null]}),a?(0,g.jsx)(`button`,{type:`button`,onClick:()=>a(),className:t.cn(`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`,d.focusRing),"aria-label":o,children:(0,g.jsx)(f.DismissIcon,{})}):null]})};w.displayName=`Toast`;var T=5e3;function E(e){let t=new Map,n=new Map,r=new Map,i=!1,a=!1,o=o=>{let s=t.get(o);if(!s)return;let c=!a&&!i&&!(n.get(o)?.size??0);c&&s.handle===null?(s.startedAt=Date.now(),s.handle=setTimeout(()=>{t.delete(o),n.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),n.delete(e),r.delete(e)},clear(){for(let e of Array.from(t.keys()))c(e);n.clear(),r.clear()},pause(e,t){let r=n.get(e);r||(r=new Set,n.set(e,r)),r.add(t),o(e)},resume(e,t){n.get(e)?.delete(t),o(e)},setInBackground(e){i=e,s()},setSuspended(e){a=e,s()}}}var D={"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)`},O=16;function k(e,t){let n=e.slice(e.indexOf(`-`)+1);if(n===`right`||n===`left`)return n===`right`;let r=a.getDirection(t)===`rtl`;return n===`end`?!r:r}function A(e,t){let n=c.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=k(t,e),l=t.startsWith(`top`),u=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-O:e.left<=O,r=l?e.top<=O:e.bottom>=o-O;n&&r&&(u=Math.max(u,s?a-e.left:e.right))}return u<=0||a-u<e.offsetWidth+32?0:Math.ceil(u)}function j({status:e=`info`,statusLabel:t,title:n,body:r}){return[m.getStatusLabel(e,t),n,r].filter(Boolean).join(` `)}var M=2e3;function N({text:e}){let[t,n]=h.useState(!0);return h.useEffect(()=>{let e=setTimeout(()=>n(!1),M);return()=>clearTimeout(e)},[]),t?(0,g.jsx)(`div`,{children:e}):null}N.displayName=`LiveMessage`;function P({entry:e,index:t,timers:n,onDismiss:r,getFocusFallback:i}){let a=h.useRef(null);p.usePreserveFocus(a,()=>i(t));let{id:o,options:s}=e;return(0,g.jsx)(w,{ref:a,"data-wave-toast":``,status:s.status,statusLabel:s.statusLabel,title:s.title,dismissLabel:s.dismissLabel,onDismiss:()=>r(o),onPointerEnter:()=>n.pause(o,`hover`),onPointerLeave:()=>n.resume(o,`hover`),onFocus:()=>n.pause(o,`focus`),onBlur:e=>{let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||n.resume(o,`focus`)},children:s.body})}P.displayName=`ToasterItem`;var F=({position:e=`bottom-end`,limit:r,className:a,style:d,children:f,onFocus:p,onBlur:m,ref:x,...S})=>{let[C,w]=h.useState([]),O=_(C,v(r));O!==C&&w(O);let k=O.filter(e=>e.shown);h.useEffect(()=>{r!==void 0&&!(r>=1)&&n.warnOnce(`Toaster:limit`,`Toaster: \`limit\` must be 1 or more (got ${String(r)}); it counts as 1.`)},[r]);let M=i.useId(`toast`),F=h.useRef(0),I=h.useRef(null),L=s.useMergedRefs(x,I),R=h.useRef(null),z=l.useDirection(),[B,V]=h.useState(0);h.useLayoutEffect(()=>{let t=()=>{let t=I.current;V(t?A(t,e):0)};t();let n=c.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,z]);let[H]=h.useState(()=>E(e=>w(t=>t.some(t=>t.id===e)?t.filter(t=>t.id!==e):t)));h.useEffect(()=>{let e=document,t=!1,n=()=>H.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(),H.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),H.setSuspended(!0)}},[H]),h.useEffect(()=>{for(let e of C)e.shown&&H.start(e.id,e.seq,e.options.timeout??T)},[C,H]);let U=h.useCallback(e=>{F.current+=1;let t=F.current,n=e.toastId??`${M}-${t}`;return w(r=>{let i=r.findIndex(e=>e.id===n);if(i===-1)return[...r,{id:n,options:e,seq:t,shown:!1}];let a=r.slice();return a[i]={id:n,options:e,seq:t,shown:r[i].shown},a}),n},[M]),W=h.useCallback(e=>{H.remove(e),w(t=>t.some(t=>t.id===e)?t.filter(t=>t.id!==e):t)},[H]),G=h.useCallback(()=>{H.clear(),w(e=>e.length===0?e:[])},[H]),K=h.useMemo(()=>({dispatchToast:U,dismissToast:W,dismissAllToasts:G}),[U,W,G]),q=h.useCallback(e=>{let t=I.current,n=t?Array.from(t.children).filter(e=>e instanceof HTMLElement&&e.hasAttribute(`data-wave-toast`)):[];for(let t of[n[e],n[e-1]]){let e=t?.isConnected?o.getFirstTabbable(t):null;if(e)return e}let r=R.current;return R.current=null,r?.isConnected?r:null},[]),J=e=>{let t=e.relatedTarget;t instanceof HTMLElement&&!e.currentTarget.contains(t)&&(R.current=t)},Y=e=>{let t=e.currentTarget,n=e.relatedTarget;if(!(n instanceof Node&&t.contains(n))){if(n===null){let n=e.target;if(!n.isConnected)return;let r=n.ownerDocument.activeElement;if(r&&t.contains(r))return}R.current=null}},X=[],Z=[];for(let e of k){let t=(0,g.jsx)(N,{text:j(e.options)},e.seq);(e.options.status===`error`?Z:X).push(t)}let Q=B>0?{...d,"--wave-toaster-offset":`${B}px`}:d;return(0,g.jsxs)(y.Provider,{value:K,children:[f,(0,g.jsx)(u.Portal,{layer:`toast`,children:(0,g.jsxs)(`div`,{ref:L,role:`region`,"aria-label":`Notifications`,"data-wave-focus-trap-allow":``,"data-position":e,...S,style:Q,onFocus:e=>{p?.(e),J(e)},onBlur:e=>{m?.(e),Y(e)},className:t.cn(`fixed flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2`,D[e],a),children:[(0,g.jsx)(`div`,{role:`status`,"aria-live":`polite`,"aria-atomic":`false`,className:`sr-only`,children:X}),(0,g.jsx)(`div`,{"aria-live":`assertive`,"aria-atomic":`false`,className:`sr-only`,children:Z}),(0,g.jsx)(b.Provider,{value:!0,children:k.map((e,t)=>(0,g.jsx)(P,{entry:e,index:t,timers:H,onDismiss:W,getFocusFallback:q},e.id))})]})})]})};F.displayName=`Toaster`,exports.Toast=w,exports.Toaster=F,exports.useToastController=C;
+//# sourceMappingURL=Toast.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.cjs","names":["React","materialiseSlotContent","slotRendersContent","cn","STATUS_BORDER","STATUS_ICON_COLOR","StatusIcon","StatusText","getStatusLabel","focusRing","DismissIcon","getDirection","getOpenLayers","useId","useMergedRefs","useDirection","subscribeLayers","getFirstTabbable","Portal","require_runtime","require_cn","require_dev","require_slot","require_useId","require_direction","require_focus","require_useMergedRefs","require_layers","require_useDirection","require_Portal","require_styles","require_icons","require_usePreserveFocus","require_MessageBar_status","react","react_jsx_runtime","promoteQueued","shownCount","toast","toasts","limit","resolveLimit","ToasterContext","ToasterRegionContext","INERT_CONTROLLER","options","MISSING_TOASTER_MESSAGE","useToastController","Toast","rest","inToasterRegion","body","children","hasBody","status","className","statusLabel","title","onDismiss","dismissLabel","DEFAULT_TIMEOUT","createToastTimers","timers","pauses","started","inBackground","suspended","sync","timer","id","canRun","onExpire","syncAll","stop","seq","timeout","reasons","reason","value","positionClasses","EDGE_GAP","isOnRightSide","inline","position","rtl","viewport","getSidePanelOffset","modals","layer","doc","view","width","height","right","top","offset","el","box","onSide","onEdge","getAnnouncement","ANNOUNCEMENT_DURATION","LiveMessage","present","setPresent","handle","text","ToasterItem","ref","getFocusFallback","index","entry","next","event","Toaster","limitProp","setToasts","settled","shownToasts","prefix","counterRef","viewportRef","viewportRefs","previousFocusRef","dir","sideOffset","setSideOffset","update","unsubscribe","prev","blurred","handleBlur","handleFocus","dispatchToast","t","dismissToast","dismissAllToasts","controller","remaining","target","previous","rememberFocusOrigin","from","forgetFocusOrigin","to","active","polite","assertive","message","viewportStyle","style","onFocus","onBlur"],"sources":["../../../src/components/feedback/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { reportMissingContext, warnOnce } from '../../lib/dev';\nimport { getDirection } from '../../lib/direction';\nimport { getFirstTabbable } from '../../lib/focus';\nimport { DismissIcon } from '../../lib/icons';\nimport { getOpenLayers, subscribeLayers } from '../../lib/layers';\nimport { materialiseSlotContent, slotRendersContent } from '../../lib/slot';\nimport { focusRing } from '../../lib/styles';\nimport type { Status } from '../../lib/types';\nimport { useDirection } from '../../hooks/useDirection';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePreserveFocus } from '../../hooks/usePreserveFocus';\nimport { Portal } from '../portal/Portal';\nimport {\n  STATUS_BORDER,\n  STATUS_ICON_COLOR,\n  StatusIcon,\n  StatusText,\n  getStatusLabel,\n} from './MessageBar.status';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                             */\n/* ------------------------------------------------------------------ */\n\n/** Options for dispatching a toast notification. */\nexport interface ToastOptions {\n  /** Status level controlling the toast color, icon, status text and announcement politeness\n   * (`error` is announced assertively, every other status politely).\n   * @default 'info'\n   */\n  status?: Status;\n  /** Title text of the toast. */\n  title: string;\n  /** Optional body text displayed below the title. */\n  body?: string;\n  /**\n   * Auto-dismiss timeout in milliseconds. The countdown starts when the toast is shown (a toast\n   * waiting beyond the Toaster's `limit` does not count down) and pauses while the pointer is over\n   * the toast, while focus is inside it and while the browser window is in the background (it has\n   * lost focus, or the page is not shown, as in a background tab, also when the Toaster mounts\n   * there). `0` (or any value that is not a positive finite number) keeps the toast until it is\n   * dismissed.\n   * @default 5000\n   */\n  timeout?: number;\n  /**\n   * Identifier of the toast. `dispatchToast` returns it (a generated one when omitted). Dispatching\n   * again with the id of a toast that is still shown replaces that toast (content and timer); with\n   * the id of a toast that waits beyond the Toaster's `limit`, it replaces its options and the toast\n   * keeps its place in the queue.\n   */\n  toastId?: string;\n  /**\n   * Visually hidden status text read before the toast (`'Info:'`, `'Success:'`, `'Warning:'`,\n   * `'Error:'` by default). Pass a translation for other languages, or `''` to omit it.\n   */\n  statusLabel?: string;\n  /**\n   * Accessible name of the toast's dismiss button. Pass a translation for other languages.\n   * @default 'Dismiss'\n   */\n  dismissLabel?: string;\n}\n\n/** The toast API returned by {@link useToastController}. */\nexport interface ToastController {\n  /**\n   * Shows a toast and returns its id (`options.toastId`, or a generated one). A toast with the same\n   * id is replaced. Beyond the Toaster's `limit`, the toast waits in a queue until it can be shown.\n   */\n  dispatchToast: (options: ToastOptions) => string;\n  /**\n   * Removes the toast with this id (shown or waiting) and cancels its timer. Unknown ids are\n   * ignored.\n   */\n  dismissToast: (id: string) => void;\n  /** Removes every toast, shown and queued, and cancels their timers. */\n  dismissAllToasts: () => void;\n}\n\ninterface ToastEntry {\n  id: string;\n  options: ToastOptions;\n  /** Increases with every dispatch, so a replaced toast is announced again. */\n  seq: number;\n  /**\n   * Whether the toast is shown (rendered, announced, its timer running) or still waits beyond the\n   * Toaster's `limit`. Only {@link promoteQueued} sets it; it never goes back to `false`.\n   */\n  shown: boolean;\n}\n\n/**\n * Flags the oldest waiting toasts as shown while fewer than `limit` are shown. Returns `toasts`\n * itself when nothing changes, so the Toaster's render-time update settles.\n */\nfunction promoteQueued(toasts: ToastEntry[], limit: number): ToastEntry[] {\n  let shownCount = 0;\n  for (const toast of toasts) if (toast.shown) shownCount += 1;\n  if (shownCount >= limit || shownCount === toasts.length) return toasts;\n  return toasts.map((toast) => {\n    if (toast.shown || shownCount >= limit) return toast;\n    shownCount += 1;\n    return { ...toast, shown: true };\n  });\n}\n\n/** `limit` as the Toaster applies it: whole toasts, at least 1; `undefined` means no limit. */\nfunction resolveLimit(limit: number | undefined): number {\n  if (limit === undefined) return Infinity;\n  return limit >= 1 ? Math.floor(limit) : 1;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                           */\n/* ------------------------------------------------------------------ */\n\nconst ToasterContext = React.createContext<ToastController | null>(null);\nToasterContext.displayName = 'ToasterContext';\n\n/**\n * `true` for the toasts the Toaster renders in its region, which its live regions announce. A\n * Toast rendered anywhere else (also as app content inside `<Toaster>`) is a live region itself.\n */\nconst ToasterRegionContext = React.createContext(false);\nToasterRegionContext.displayName = 'ToasterRegionContext';\n\nconst INERT_CONTROLLER: ToastController = {\n  dispatchToast: (options) => options.toastId ?? '',\n  dismissToast: () => {},\n  dismissAllToasts: () => {},\n};\n\n/** The C-CONTEXT message without the `[WaveUI] ` prefix, which `reportMissingContext` adds. */\nconst MISSING_TOASTER_MESSAGE =\n  'useToastController must be used within <Toaster>. Wrap your app (or the part of it that shows toasts) in <Toaster>: it provides the controller to its children.';\n\n/**\n * Returns the {@link ToastController} of the enclosing `<Toaster>`: `dispatchToast(options)` shows\n * a toast and returns its id, `dismissToast(id)` removes it, `dismissAllToasts()` removes every\n * toast.\n *\n * Must be called inside `<Toaster>`, which provides the controller to its children — wrap the app\n * (or the part of it that shows toasts) in `<Toaster>`; a sibling `<Toaster />` does not work.\n * Outside a Toaster it throws in development; in production it logs an error (once) and returns a\n * controller that does nothing.\n *\n * @example\n * function SaveButton() {\n *   const { dispatchToast } = useToastController();\n *   return <Button onClick={() => dispatchToast({ status: 'success', title: 'Saved' })}>Save</Button>;\n * }\n * // <Toaster><App /></Toaster>\n */\nexport function useToastController(): ToastController {\n  const controller = React.useContext(ToasterContext);\n  if (controller) return controller;\n  reportMissingContext('useToastController', '<Toaster>', MISSING_TOASTER_MESSAGE);\n  return INERT_CONTROLLER;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Toast (individual notification)                                   */\n/* ------------------------------------------------------------------ */\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  /** Title text displayed in the toast. */\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  /** Called when the dismiss button is activated. Passing it renders the dismiss button. */\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\n/**\n * The visual of a single notification: status icon, visually hidden status text, title, body and an\n * optional dismiss button. Usually rendered by `<Toaster>` through `useToastController()`.\n *\n * - **In a Toaster** (dispatched with `useToastController()`): not a live region itself; the\n *   Toaster announces it through its permanent live regions.\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 */\nexport const Toast = ({\n  status = 'info',\n  title,\n  statusLabel,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  className,\n  children,\n  ref,\n  ...rest\n}: ToastProps) => {\n  const inToasterRegion = React.useContext(ToasterRegionContext);\n  // Content that renders nothing (`''`, `[]`, `<></>`) gets no body element; a generator is read\n  // once by the check and its items render.\n  const body = materialiseSlotContent(children);\n  const hasBody = slotRendersContent(body);\n  const liveRegion: React.HTMLAttributes<HTMLDivElement> = inToasterRegion\n    ? {}\n    : status === 'error'\n      ? { role: 'alert', 'aria-live': 'assertive' }\n      : { role: 'status', 'aria-live': 'polite' };\n  return (\n    <div\n      ref={ref}\n      {...liveRegion}\n      {...rest}\n      className={cn(\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      <span\n        aria-hidden=\"true\"\n        className={cn('mt-0.5 inline-flex shrink-0', STATUS_ICON_COLOR[status])}\n      >\n        <StatusIcon status={status} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <StatusText label={getStatusLabel(status, statusLabel)} />\n        {title ? <div className=\"text-body-2 font-semibold text-foreground\">{title}</div> : null}\n        {hasBody ? <div className=\"mt-0.5 text-body-1 text-muted-foreground\">{body}</div> : null}\n      </div>\n      {onDismiss ? (\n        <button\n          type=\"button\"\n          onClick={() => onDismiss()}\n          className={cn(\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};\nToast.displayName = 'Toast';\n\n/* ------------------------------------------------------------------ */\n/*  Timers                                                            */\n/* ------------------------------------------------------------------ */\n\nconst DEFAULT_TIMEOUT = 5000;\n\ntype PauseReason = 'hover' | 'focus';\n\ninterface RunningTimer {\n  handle: ReturnType<typeof setTimeout> | null;\n  remaining: number;\n  startedAt: number;\n}\n\n/**\n * Auto-dismiss timers of one Toaster. A timer runs only while its toast is neither hovered nor\n * focused, the window is in the foreground and the Toaster is mounted; otherwise it is suspended\n * and keeps its remaining time. Every method is called from event handlers or effects, never\n * during render.\n */\ninterface ToastTimers {\n  /**\n   * Starts the timer of the shown toast `id` for its dispatch `seq`, once: a call with the `seq`\n   * already started does nothing, a new `seq` (the toast was replaced) restarts it. A timeout that\n   * is not a positive finite number means none. The pause state of `id` is kept: a replaced toast\n   * that is hovered or focused stays paused.\n   */\n  start(id: string, seq: number, timeout: number): void;\n  /** Cancels the timer of `id` and forgets its pause state. */\n  remove(id: string): void;\n  /** Cancels every timer and forgets every pause state. */\n  clear(): void;\n  pause(id: string, reason: PauseReason): void;\n  resume(id: string, reason: PauseReason): void;\n  /** `true` while the window has lost focus or the page is not shown (a background tab). */\n  setInBackground(inBackground: boolean): void;\n  /** `true` while the Toaster is unmounted (including StrictMode's simulated unmount). */\n  setSuspended(suspended: boolean): void;\n}\n\nfunction createToastTimers(onExpire: (id: string) => void): ToastTimers {\n  const timers = new Map<string, RunningTimer>();\n  const pauses = new Map<string, Set<PauseReason>>();\n  /** The dispatch (`seq`) whose timer was started last, per toast. */\n  const started = new Map<string, number>();\n  let inBackground = false;\n  let suspended = false;\n\n  const sync = (id: string) => {\n    const timer = timers.get(id);\n    if (!timer) return;\n    const canRun = !suspended && !inBackground && !(pauses.get(id)?.size ?? 0);\n    if (canRun && timer.handle === null) {\n      timer.startedAt = Date.now();\n      timer.handle = setTimeout(() => {\n        timers.delete(id);\n        pauses.delete(id);\n        started.delete(id);\n        onExpire(id);\n      }, timer.remaining);\n    } else if (!canRun && timer.handle !== null) {\n      clearTimeout(timer.handle);\n      timer.handle = null;\n      timer.remaining = Math.max(0, timer.remaining - (Date.now() - timer.startedAt));\n    }\n  };\n  const syncAll = () => {\n    for (const id of Array.from(timers.keys())) sync(id);\n  };\n  const stop = (id: string) => {\n    const timer = timers.get(id);\n    if (timer?.handle != null) clearTimeout(timer.handle);\n    timers.delete(id);\n  };\n\n  return {\n    start(id, seq, timeout) {\n      if (started.get(id) === seq) return;\n      started.set(id, seq);\n      stop(id);\n      if (!(timeout > 0) || !Number.isFinite(timeout)) return;\n      timers.set(id, { handle: null, remaining: timeout, startedAt: 0 });\n      sync(id);\n    },\n    remove(id) {\n      stop(id);\n      pauses.delete(id);\n      started.delete(id);\n    },\n    clear() {\n      for (const id of Array.from(timers.keys())) stop(id);\n      pauses.clear();\n      started.clear();\n    },\n    pause(id, reason) {\n      let reasons = pauses.get(id);\n      if (!reasons) {\n        reasons = new Set();\n        pauses.set(id, reasons);\n      }\n      reasons.add(reason);\n      sync(id);\n    },\n    resume(id, reason) {\n      pauses.get(id)?.delete(reason);\n      sync(id);\n    },\n    setInBackground(value) {\n      inBackground = value;\n      syncAll();\n    },\n    setSuspended(value) {\n      suspended = value;\n      syncAll();\n    },\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/*  Toaster (container)                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Corner of the viewport a {@link Toaster} shows its toasts in (`ToasterProps.position`).\n * `start`/`end` follow the writing direction; `left`/`right` are physical.\n */\nexport type ToastPosition =\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\n\n/** Properties for the Toaster container component. */\nexport interface ToasterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Corner of the viewport the toasts appear in. `start`/`end` follow the writing direction (the\n   * `end` side is the right in LTR and the left in RTL); `left`/`right` are physical.\n   * @default 'bottom-end'\n   */\n  position?: ToastPosition;\n  /**\n   * Most toasts shown at once. Further toasts wait in a queue (in dispatch order) and appear when\n   * a shown toast goes; a queued toast is not announced and its timer does not run until then.\n   * Lowering it never hides a toast that is already shown. A value below 1 counts as 1\n   * (development warning); `Infinity` means no limit.\n   * @default Infinity\n   */\n  limit?: number;\n  /** Ref to the toast region (the portaled `<div role=\"region\">`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Corner placement. The margin on the toasts' side is `--wave-toaster-offset`, which the Toaster\n * sets while a modal panel covers that side (see {@link getSidePanelOffset}); unset, it is `0`.\n */\nconst positionClasses: Record<ToastPosition, string> = {\n  'top-start': 'top-4 start-4 ms-(--wave-toaster-offset)',\n  'top-end': 'top-4 end-4 me-(--wave-toaster-offset)',\n  'bottom-start': 'bottom-4 start-4 ms-(--wave-toaster-offset)',\n  'bottom-end': 'bottom-4 end-4 me-(--wave-toaster-offset)',\n  'top-right': 'top-4 right-4 mr-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n  'top-left': 'top-4 left-4 ml-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n  'bottom-right': 'bottom-4 right-4 mr-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n  'bottom-left': 'bottom-4 left-4 ml-(--wave-toaster-offset)', // wave-allow-physical: explicit physical position value\n};\n\n/** The toasts' distance from the window edges (`*-4`), also the tolerance for \"at the edge\". */\nconst EDGE_GAP = 16;\n\n/** Whether the toasts sit at the right edge of the window (`end` is the right in LTR). */\nfunction isOnRightSide(position: ToastPosition, viewport: HTMLElement): boolean {\n  const inline = position.slice(position.indexOf('-') + 1);\n  if (inline === 'right' || inline === 'left') return inline === 'right';\n  const rtl = getDirection(viewport) === 'rtl';\n  return inline === 'end' ? !rtl : rtl;\n}\n\n/**\n * How far the toasts move away from their side while an open modal surface (a Drawer panel) covers\n * their corner, so they never hide the panel's controls (WCAG 2.4.11 Focus Not Obscured): the\n * surface's width from that side of the window, which leaves the usual gap between toasts and\n * panel. A surface counts when it reaches the toasts' side and their top or bottom edge (a centered\n * Dialog does not). `0` when no such surface is open, or when the toasts would not fit beside it\n * (a full-width panel on a phone): then they keep their corner.\n */\nfunction getSidePanelOffset(viewport: HTMLElement, position: ToastPosition): number {\n  const modals = getOpenLayers().filter((layer) => layer.kind === 'modal');\n  if (modals.length === 0) return 0;\n  const doc = viewport.ownerDocument;\n  const view = doc.defaultView;\n  if (!view) return 0;\n  // The box fixed elements are placed in: the window without its scrollbars.\n  const width = doc.documentElement.clientWidth || view.innerWidth;\n  const height = doc.documentElement.clientHeight || view.innerHeight;\n  const right = isOnRightSide(position, viewport);\n  const top = position.startsWith('top');\n\n  let offset = 0;\n  for (const layer of modals) {\n    for (const el of layer.getElements()) {\n      if (!el?.isConnected) continue;\n      const box = el.getBoundingClientRect();\n      if (box.width <= 0 || box.height <= 0) continue;\n      const onSide = right ? box.right >= width - EDGE_GAP : box.left <= EDGE_GAP;\n      const onEdge = top ? box.top <= EDGE_GAP : box.bottom >= height - EDGE_GAP;\n      if (onSide && onEdge) offset = Math.max(offset, right ? width - box.left : box.right);\n    }\n  }\n  if (offset <= 0 || width - offset < viewport.offsetWidth + 2 * EDGE_GAP) return 0;\n  return Math.ceil(offset);\n}\n\n/** The text written into the live region for a toast (\"Error: Upload failed Try again.\"). */\nfunction getAnnouncement({ status = 'info', statusLabel, title, body }: ToastOptions): string {\n  return [getStatusLabel(status, statusLabel), title, body].filter(Boolean).join(' ');\n}\n\n/**\n * How long a toast's text stays in the live region: long enough for screen readers to pick it up\n * (also a polite message queued behind other speech), short enough that someone browsing the\n * Notifications region later meets the text once, in the toast, not a second time in the region.\n */\nconst ANNOUNCEMENT_DURATION = 2000;\n\n/**\n * One toast's message in a live region. It is added when the toast is shown (at dispatch, or when\n * a waiting toast appears; a replacement remounts it, so it is read again) and removed after\n * {@link ANNOUNCEMENT_DURATION} or with the toast. Removal is not announced (`aria-relevant` stays\n * at its default, additions and text).\n */\nfunction LiveMessage({ text }: { text: string }) {\n  const [present, setPresent] = React.useState(true);\n  React.useEffect(() => {\n    const handle = setTimeout(() => setPresent(false), ANNOUNCEMENT_DURATION);\n    return () => clearTimeout(handle);\n  }, []);\n  return present ? <div>{text}</div> : null;\n}\nLiveMessage.displayName = 'LiveMessage';\n\ninterface ToasterItemProps {\n  entry: ToastEntry;\n  index: number;\n  timers: ToastTimers;\n  onDismiss: (id: string) => void;\n  getFocusFallback: (index: number) => HTMLElement | null;\n}\n\n/** One toast of the Toaster: pause handlers and focus preservation on removal. */\nfunction ToasterItem({ entry, index, timers, onDismiss, getFocusFallback }: ToasterItemProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  usePreserveFocus(ref, () => getFocusFallback(index));\n  const { id, options } = entry;\n  return (\n    <Toast\n      ref={ref}\n      data-wave-toast=\"\"\n      status={options.status}\n      statusLabel={options.statusLabel}\n      title={options.title}\n      dismissLabel={options.dismissLabel}\n      onDismiss={() => onDismiss(id)}\n      onPointerEnter={() => timers.pause(id, 'hover')}\n      onPointerLeave={() => timers.resume(id, 'hover')}\n      onFocus={() => timers.pause(id, 'focus')}\n      onBlur={(event) => {\n        const next = event.relatedTarget;\n        if (next instanceof Node && event.currentTarget.contains(next)) return;\n        timers.resume(id, 'focus');\n      }}\n    >\n      {options.body}\n    </Toast>\n  );\n}\nToasterItem.displayName = 'ToasterItem';\n\n/**\n * Provides {@link useToastController} to its children and shows the dispatched toasts.\n *\n * - **Wrap the app** in `<Toaster>`; components below it call `useToastController()`.\n * - The toasts render in a portal (the `toast` layer, above dialogs) inside a region labelled\n *   \"Notifications\" (override with `aria-label`). The region is allow-listed for modals\n *   (`data-wave-focus-trap-allow`): it stays reachable by Tab and exposed to assistive technology\n *   while a Dialog or Drawer is open, and clicking a toast never dismisses the overlay below.\n * - Two permanent, visually hidden live regions (polite, and assertive for `error`) announce every\n *   toast; the toasts themselves are not live regions. Each message stays in its live region for\n *   2 seconds (or until its toast goes), so browsing the region later meets the text only once.\n * - While an open modal panel covers the toasts' corner (a Drawer on the same side), the toasts\n *   move beside it, so they never hide its focused controls (WCAG 2.4.11). Without room beside it\n *   (a full-width panel on a narrow screen) they keep their corner.\n * - Timers pause while a toast is hovered or focused and while the window is in the background\n *   (it has lost focus, or the page is not shown, as in a background tab).\n *   When a toast that contains focus goes away, focus moves to the next toast (or the previous one\n *   when the last toast goes), or back to the element that was focused before focus entered the\n *   toasts once no toast is left (kept across the moves between toasts and while another window\n *   is active; forgotten once focus has returned to it, and when focus leaves the toasts for\n *   another element or for the page body).\n * - Each toast's dismiss button is named \"Dismiss\"; pass `dismissLabel` to `dispatchToast` for\n *   other languages.\n * - `limit` caps how many toasts show at once: the others wait in a queue, in dispatch order,\n *   unannounced and without a running timer, and appear as shown toasts go.\n *   `dismissAllToasts()` removes every toast, shown and queued.\n *\n * @example\n * <Toaster position=\"bottom-end\" limit={3}>\n *   <App />\n * </Toaster>\n */\nexport const Toaster = ({\n  position = 'bottom-end',\n  limit: limitProp,\n  className,\n  style,\n  children,\n  onFocus,\n  onBlur,\n  ref,\n  ...rest\n}: ToasterProps) => {\n  const [toasts, setToasts] = React.useState<ToastEntry[]>([]);\n  const limit = resolveLimit(limitProp);\n  // Waiting toasts are shown here, during render, with the current limit (adjust state while\n  // rendering, C-HOOKS): every path that frees a place or raises the limit promotes them, and a\n  // lowered limit never hides a shown toast. `promoteQueued` returns the same array once settled.\n  const settled = promoteQueued(toasts, limit);\n  if (settled !== toasts) setToasts(settled);\n  const shownToasts = settled.filter((toast) => toast.shown);\n\n  // Development diagnostics (C-DEV): emitted from an effect, once per page.\n  React.useEffect(() => {\n    if (limitProp !== undefined && !(limitProp >= 1)) {\n      warnOnce(\n        'Toaster:limit',\n        `Toaster: \\`limit\\` must be 1 or more (got ${String(limitProp)}); it counts as 1.`,\n      );\n    }\n  }, [limitProp]);\n  const prefix = useId('toast');\n  const counterRef = React.useRef(0);\n  const viewportRef = React.useRef<HTMLDivElement | null>(null);\n  const viewportRefs = useMergedRefs(ref, viewportRef);\n  const previousFocusRef = React.useRef<HTMLElement | null>(null);\n  const dir = useDirection();\n\n  // Beside an open modal panel on the toasts' side (a Drawer), not over its controls. Measured when\n  // a layer opens or closes (synchronously in its layout effect, before paint), on resize, and\n  // after a transition or animation (a panel that slides in reaches its place only then).\n  const [sideOffset, setSideOffset] = React.useState(0);\n  React.useLayoutEffect(() => {\n    const update = () => {\n      const viewport = viewportRef.current;\n      setSideOffset(viewport ? getSidePanelOffset(viewport, position) : 0);\n    };\n    update();\n    const unsubscribe = subscribeLayers(update);\n    window.addEventListener('resize', update);\n    document.addEventListener('transitionend', update, true);\n    document.addEventListener('animationend', update, true);\n    return () => {\n      unsubscribe();\n      window.removeEventListener('resize', update);\n      document.removeEventListener('transitionend', update, true);\n      document.removeEventListener('animationend', update, true);\n    };\n  }, [position, dir]);\n\n  const [timers] = React.useState(() =>\n    createToastTimers((id) =>\n      setToasts((prev) => (prev.some((t) => t.id === id) ? prev.filter((t) => t.id !== id) : prev)),\n    ),\n  );\n\n  // Timers run only while mounted (StrictMode's simulated unmount suspends and resumes them) and\n  // pause while the window is in the background: after the window loses focus, and while the page\n  // is not shown. The page visibility is read at mount too, so a Toaster that mounts in a\n  // background tab waits until the tab is shown. (Focus is not read at mount: `hasFocus()` is also\n  // false in an embedded frame nobody clicked yet and in test DOMs.)\n  React.useEffect(() => {\n    const doc = document;\n    let blurred = false;\n    const update = () => timers.setInBackground(blurred || doc.visibilityState === 'hidden');\n    // Only the window's own blur/focus (element focus events do not bubble to a bubble-phase\n    // window listener; anything targeted at a node is ignored).\n    const handleBlur = (event: FocusEvent) => {\n      if (event.target instanceof Node) return;\n      blurred = true;\n      update();\n    };\n    const handleFocus = (event: FocusEvent) => {\n      if (event.target instanceof Node) return;\n      blurred = false;\n      update();\n    };\n    update();\n    timers.setSuspended(false);\n    window.addEventListener('blur', handleBlur);\n    window.addEventListener('focus', handleFocus);\n    doc.addEventListener('visibilitychange', update);\n    return () => {\n      window.removeEventListener('blur', handleBlur);\n      window.removeEventListener('focus', handleFocus);\n      doc.removeEventListener('visibilitychange', update);\n      timers.setSuspended(true);\n    };\n  }, [timers]);\n\n  // Starts the timer of every newly shown toast, and restarts it for a shown toast dispatched again\n  // (a new `seq`); `timers.start` ignores a dispatch it has already started.\n  React.useEffect(() => {\n    for (const toast of toasts) {\n      if (toast.shown) timers.start(toast.id, toast.seq, toast.options.timeout ?? DEFAULT_TIMEOUT);\n    }\n  }, [toasts, timers]);\n\n  // A new toast waits until the render promotes it; a replaced one keeps its place and whether it\n  // is shown (a waiting toast keeps waiting with the new options).\n  const dispatchToast = React.useCallback(\n    (options: ToastOptions): string => {\n      counterRef.current += 1;\n      const seq = counterRef.current;\n      const id = options.toastId ?? `${prefix}-${seq}`;\n      setToasts((prev) => {\n        const index = prev.findIndex((t) => t.id === id);\n        if (index === -1) return [...prev, { id, options, seq, shown: false }];\n        const next = prev.slice();\n        next[index] = { id, options, seq, shown: prev[index].shown };\n        return next;\n      });\n      return id;\n    },\n    [prefix],\n  );\n\n  const dismissToast = React.useCallback(\n    (id: string) => {\n      timers.remove(id);\n      setToasts((prev) => (prev.some((t) => t.id === id) ? prev.filter((t) => t.id !== id) : prev));\n    },\n    [timers],\n  );\n\n  const dismissAllToasts = React.useCallback(() => {\n    timers.clear();\n    setToasts((prev) => (prev.length === 0 ? prev : []));\n  }, [timers]);\n\n  const controller = React.useMemo<ToastController>(\n    () => ({ dispatchToast, dismissToast, dismissAllToasts }),\n    [dispatchToast, dismissToast, dismissAllToasts],\n  );\n\n  // Runs after the removed toast is gone (possibly after the whole Toaster): never throws.\n  const getFocusFallback = React.useCallback((index: number): HTMLElement | null => {\n    const viewport = viewportRef.current;\n    const remaining = viewport\n      ? Array.from(viewport.children).filter(\n          (el): el is HTMLElement =>\n            el instanceof HTMLElement && el.hasAttribute('data-wave-toast'),\n        )\n      : [];\n    for (const toast of [remaining[index], remaining[index - 1]]) {\n      const target = toast?.isConnected ? getFirstTabbable(toast) : null;\n      if (target) return target;\n    }\n    // Focus leaves the toasts here without a blur of the viewport (the focused node is gone), so\n    // the element is forgotten as it is used: a toast focused later from nowhere does not send\n    // focus back to it.\n    const previous = previousFocusRef.current;\n    previousFocusRef.current = null;\n    return previous?.isConnected ? previous : null;\n  }, []);\n\n  // Focus entering the toasts from an element outside: return there when the focused toast goes.\n  // Focus that arrives with no related target keeps what is remembered: that is the Toaster's own\n  // move to the next toast after a removal (focus passed through `<body>` while the removed node\n  // was gone) or the window regaining focus. Moves between toasts change nothing.\n  const rememberFocusOrigin = (event: React.FocusEvent<HTMLDivElement>) => {\n    const from = event.relatedTarget;\n    if (from instanceof HTMLElement && !event.currentTarget.contains(from)) {\n      previousFocusRef.current = from;\n    }\n  };\n\n  // Focus leaving the toasts for another element or for `<body>` forgets the element, so a toast\n  // focused again later from nowhere never sends focus back to something focused long before.\n  // Kept: moves between toasts, a removed toast (its node is gone; the Toaster moves focus itself)\n  // and the window losing focus (the element keeps document focus while another window is active).\n  const forgetFocusOrigin = (event: React.FocusEvent<HTMLDivElement>) => {\n    const viewport = event.currentTarget;\n    const to = event.relatedTarget;\n    if (to instanceof Node && viewport.contains(to)) return;\n    if (to === null) {\n      const from = event.target;\n      if (!from.isConnected) return;\n      const active = from.ownerDocument.activeElement;\n      if (active && viewport.contains(active)) return;\n    }\n    previousFocusRef.current = null;\n  };\n\n  // Only shown toasts are announced: a waiting toast is announced when it appears.\n  const polite: React.ReactNode[] = [];\n  const assertive: React.ReactNode[] = [];\n  for (const toast of shownToasts) {\n    const message = <LiveMessage key={toast.seq} text={getAnnouncement(toast.options)} />;\n    (toast.options.status === 'error' ? assertive : polite).push(message);\n  }\n\n  const viewportStyle =\n    sideOffset > 0\n      ? ({ ...style, '--wave-toaster-offset': `${sideOffset}px` } as React.CSSProperties)\n      : style;\n\n  return (\n    <ToasterContext.Provider value={controller}>\n      {children}\n      <Portal layer=\"toast\">\n        <div\n          ref={viewportRefs}\n          role=\"region\"\n          aria-label=\"Notifications\"\n          data-wave-focus-trap-allow=\"\"\n          data-position={position}\n          {...rest}\n          style={viewportStyle}\n          onFocus={(event) => {\n            // Bookkeeping always runs (a consumer's preventDefault() cannot cancel a focus change).\n            onFocus?.(event);\n            rememberFocusOrigin(event);\n          }}\n          onBlur={(event) => {\n            onBlur?.(event);\n            forgetFocusOrigin(event);\n          }}\n          className={cn(\n            'fixed flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2',\n            positionClasses[position],\n            className,\n          )}\n        >\n          {/* One message per toast for its first 2 s; not atomic, so only the added one is read. */}\n          <div role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" className=\"sr-only\">\n            {polite}\n          </div>\n          <div aria-live=\"assertive\" aria-atomic=\"false\" className=\"sr-only\">\n            {assertive}\n          </div>\n          <ToasterRegionContext.Provider value={true}>\n            {/* The index within the rendered (shown) toasts, which getFocusFallback walks. Today the\n                shown toasts are a prefix of the entries (appended, promoted oldest first, replaced\n                in place, removed in order), so it equals the entry index; the shown list stays the\n                source so that a change to that order cannot break focus movement. */}\n            {shownToasts.map((toast, index) => (\n              <ToasterItem\n                key={toast.id}\n                entry={toast}\n                index={index}\n                timers={timers}\n                onDismiss={dismissToast}\n                getFocusFallback={getFocusFallback}\n              />\n            ))}\n          </ToasterRegionContext.Provider>\n        </div>\n      </Portal>\n    </ToasterContext.Provider>\n  );\n};\nToaster.displayName = 'Toaster';\n"],"mappings":"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"}

package/dist/components/feedback/Toast.mjs

@@ -0,0 +1,347 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { reportMissingContext as t, warnOnce as n } from "../../lib/dev.mjs";
+import { materialiseSlotContent as r, slotRendersContent as i } from "../../lib/slot.mjs";
+import { useId as a } from "../../hooks/useId.mjs";
+import { getDirection as o } from "../../lib/direction.mjs";
+import { getFirstTabbable as s } from "../../lib/focus.mjs";
+import { useMergedRefs as c } from "../../hooks/useMergedRefs.mjs";
+import { getOpenLayers as l, subscribeLayers as u } from "../../lib/layers.mjs";
+import { useDirection as d } from "../../hooks/useDirection.mjs";
+import { Portal as f } from "../portal/Portal.mjs";
+import { focusRing as p } from "../../lib/styles.mjs";
+import { DismissIcon as m } from "../../lib/icons.mjs";
+import { usePreserveFocus as h } from "../../hooks/usePreserveFocus.mjs";
+import { STATUS_BORDER as g, STATUS_ICON_COLOR as _, StatusIcon as v, StatusText as y, getStatusLabel as b } from "./MessageBar.status.mjs";
+import * as x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/feedback/Toast.tsx
+function w(e, t) {
+	let n = 0;
+	for (let t of e) t.shown && (n += 1);
+	return n >= t || n === e.length ? e : e.map((e) => e.shown || n >= t ? e : (n += 1, {
+		...e,
+		shown: !0
+	}));
+}
+function T(e) {
+	return e === void 0 ? Infinity : e >= 1 ? Math.floor(e) : 1;
+}
+var E = x.createContext(null);
+E.displayName = "ToasterContext";
+var D = x.createContext(!1);
+D.displayName = "ToasterRegionContext";
+var O = {
+	dispatchToast: (e) => e.toastId ?? "",
+	dismissToast: () => {},
+	dismissAllToasts: () => {}
+}, k = "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 A() {
+	return x.useContext(E) || (t("useToastController", "<Toaster>", k), O);
+}
+var j = ({ status: t = "info", title: n, statusLabel: a, onDismiss: o, dismissLabel: s = "Dismiss", className: c, children: l, ref: u, ...d }) => {
+	let f = x.useContext(D), h = r(l), w = i(h);
+	return /* @__PURE__ */ C("div", {
+		ref: u,
+		...f ? {} : t === "error" ? {
+			role: "alert",
+			"aria-live": "assertive"
+		} : {
+			role: "status",
+			"aria-live": "polite"
+		},
+		...d,
+		className: e("flex items-start gap-3 rounded border border-s-4 border-border bg-background p-3 text-foreground shadow-4", g[t], c),
+		children: [
+			/* @__PURE__ */ S("span", {
+				"aria-hidden": "true",
+				className: e("mt-0.5 inline-flex shrink-0", _[t]),
+				children: /* @__PURE__ */ S(v, { status: t })
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ S(y, { label: b(t, a) }),
+					n ? /* @__PURE__ */ S("div", {
+						className: "text-body-2 font-semibold text-foreground",
+						children: n
+					}) : null,
+					w ? /* @__PURE__ */ S("div", {
+						className: "mt-0.5 text-body-1 text-muted-foreground",
+						children: h
+					}) : null
+				]
+			}),
+			o ? /* @__PURE__ */ S("button", {
+				type: "button",
+				onClick: () => o(),
+				className: e("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", p),
+				"aria-label": s,
+				children: /* @__PURE__ */ S(m, {})
+			}) : null
+		]
+	});
+};
+j.displayName = "Toast";
+var M = 5e3;
+function N(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = !1, a = !1, o = (o) => {
+		let s = t.get(o);
+		if (!s) return;
+		let c = !a && !i && !(n.get(o)?.size ?? 0);
+		c && s.handle === null ? (s.startedAt = Date.now(), s.handle = setTimeout(() => {
+			t.delete(o), n.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), n.delete(e), r.delete(e);
+		},
+		clear() {
+			for (let e of Array.from(t.keys())) c(e);
+			n.clear(), r.clear();
+		},
+		pause(e, t) {
+			let r = n.get(e);
+			r || (r = /* @__PURE__ */ new Set(), n.set(e, r)), r.add(t), o(e);
+		},
+		resume(e, t) {
+			n.get(e)?.delete(t), o(e);
+		},
+		setInBackground(e) {
+			i = e, s();
+		},
+		setSuspended(e) {
+			a = e, s();
+		}
+	};
+}
+var P = {
+	"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)"
+}, F = 16;
+function I(e, t) {
+	let n = e.slice(e.indexOf("-") + 1);
+	if (n === "right" || n === "left") return n === "right";
+	let r = o(t) === "rtl";
+	return n === "end" ? !r : r;
+}
+function L(e, t) {
+	let n = l().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 = I(t, e), c = t.startsWith("top"), u = 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 - F : e.left <= F, r = c ? e.top <= F : e.bottom >= o - F;
+		n && r && (u = Math.max(u, s ? a - e.left : e.right));
+	}
+	return u <= 0 || a - u < e.offsetWidth + 32 ? 0 : Math.ceil(u);
+}
+function R({ status: e = "info", statusLabel: t, title: n, body: r }) {
+	return [
+		b(e, t),
+		n,
+		r
+	].filter(Boolean).join(" ");
+}
+var z = 2e3;
+function B({ text: e }) {
+	let [t, n] = x.useState(!0);
+	return x.useEffect(() => {
+		let e = setTimeout(() => n(!1), z);
+		return () => clearTimeout(e);
+	}, []), t ? /* @__PURE__ */ S("div", { children: e }) : null;
+}
+B.displayName = "LiveMessage";
+function V({ entry: e, index: t, timers: n, onDismiss: r, getFocusFallback: i }) {
+	let a = x.useRef(null);
+	h(a, () => i(t));
+	let { id: o, options: s } = e;
+	return /* @__PURE__ */ S(j, {
+		ref: a,
+		"data-wave-toast": "",
+		status: s.status,
+		statusLabel: s.statusLabel,
+		title: s.title,
+		dismissLabel: s.dismissLabel,
+		onDismiss: () => r(o),
+		onPointerEnter: () => n.pause(o, "hover"),
+		onPointerLeave: () => n.resume(o, "hover"),
+		onFocus: () => n.pause(o, "focus"),
+		onBlur: (e) => {
+			let t = e.relatedTarget;
+			t instanceof Node && e.currentTarget.contains(t) || n.resume(o, "focus");
+		},
+		children: s.body
+	});
+}
+V.displayName = "ToasterItem";
+var H = ({ position: t = "bottom-end", limit: r, className: i, style: o, children: l, onFocus: p, onBlur: m, ref: h, ...g }) => {
+	let [_, v] = x.useState([]), y = w(_, T(r));
+	y !== _ && v(y);
+	let b = y.filter((e) => e.shown);
+	x.useEffect(() => {
+		r !== void 0 && !(r >= 1) && n("Toaster:limit", `Toaster: \`limit\` must be 1 or more (got ${String(r)}); it counts as 1.`);
+	}, [r]);
+	let O = a("toast"), k = x.useRef(0), A = x.useRef(null), j = c(h, A), F = x.useRef(null), I = d(), [z, H] = x.useState(0);
+	x.useLayoutEffect(() => {
+		let e = () => {
+			let e = A.current;
+			H(e ? L(e, t) : 0);
+		};
+		e();
+		let n = u(e);
+		return window.addEventListener("resize", e), document.addEventListener("transitionend", e, !0), document.addEventListener("animationend", e, !0), () => {
+			n(), window.removeEventListener("resize", e), document.removeEventListener("transitionend", e, !0), document.removeEventListener("animationend", e, !0);
+		};
+	}, [t, I]);
+	let [U] = x.useState(() => N((e) => v((t) => t.some((t) => t.id === e) ? t.filter((t) => t.id !== e) : t)));
+	x.useEffect(() => {
+		let e = document, t = !1, n = () => U.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(), U.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), U.setSuspended(!0);
+		};
+	}, [U]), x.useEffect(() => {
+		for (let e of _) e.shown && U.start(e.id, e.seq, e.options.timeout ?? M);
+	}, [_, U]);
+	let W = x.useCallback((e) => {
+		k.current += 1;
+		let t = k.current, n = e.toastId ?? `${O}-${t}`;
+		return v((r) => {
+			let i = r.findIndex((e) => e.id === n);
+			if (i === -1) return [...r, {
+				id: n,
+				options: e,
+				seq: t,
+				shown: !1
+			}];
+			let a = r.slice();
+			return a[i] = {
+				id: n,
+				options: e,
+				seq: t,
+				shown: r[i].shown
+			}, a;
+		}), n;
+	}, [O]), G = x.useCallback((e) => {
+		U.remove(e), v((t) => t.some((t) => t.id === e) ? t.filter((t) => t.id !== e) : t);
+	}, [U]), K = x.useCallback(() => {
+		U.clear(), v((e) => e.length === 0 ? e : []);
+	}, [U]), q = x.useMemo(() => ({
+		dispatchToast: W,
+		dismissToast: G,
+		dismissAllToasts: K
+	}), [
+		W,
+		G,
+		K
+	]), J = x.useCallback((e) => {
+		let t = A.current, n = t ? Array.from(t.children).filter((e) => e instanceof HTMLElement && e.hasAttribute("data-wave-toast")) : [];
+		for (let t of [n[e], n[e - 1]]) {
+			let e = t?.isConnected ? s(t) : null;
+			if (e) return e;
+		}
+		let r = F.current;
+		return F.current = null, r?.isConnected ? r : null;
+	}, []), Y = (e) => {
+		let t = e.relatedTarget;
+		t instanceof HTMLElement && !e.currentTarget.contains(t) && (F.current = t);
+	}, X = (e) => {
+		let t = e.currentTarget, n = e.relatedTarget;
+		if (!(n instanceof Node && t.contains(n))) {
+			if (n === null) {
+				let n = e.target;
+				if (!n.isConnected) return;
+				let r = n.ownerDocument.activeElement;
+				if (r && t.contains(r)) return;
+			}
+			F.current = null;
+		}
+	}, Z = [], Q = [];
+	for (let e of b) {
+		let t = /* @__PURE__ */ S(B, { text: R(e.options) }, e.seq);
+		(e.options.status === "error" ? Q : Z).push(t);
+	}
+	let $ = z > 0 ? {
+		...o,
+		"--wave-toaster-offset": `${z}px`
+	} : o;
+	return /* @__PURE__ */ C(E.Provider, {
+		value: q,
+		children: [l, /* @__PURE__ */ S(f, {
+			layer: "toast",
+			children: /* @__PURE__ */ C("div", {
+				ref: j,
+				role: "region",
+				"aria-label": "Notifications",
+				"data-wave-focus-trap-allow": "",
+				"data-position": t,
+				...g,
+				style: $,
+				onFocus: (e) => {
+					p?.(e), Y(e);
+				},
+				onBlur: (e) => {
+					m?.(e), X(e);
+				},
+				className: e("fixed flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2", P[t], i),
+				children: [
+					/* @__PURE__ */ S("div", {
+						role: "status",
+						"aria-live": "polite",
+						"aria-atomic": "false",
+						className: "sr-only",
+						children: Z
+					}),
+					/* @__PURE__ */ S("div", {
+						"aria-live": "assertive",
+						"aria-atomic": "false",
+						className: "sr-only",
+						children: Q
+					}),
+					/* @__PURE__ */ S(D.Provider, {
+						value: !0,
+						children: b.map((e, t) => /* @__PURE__ */ S(V, {
+							entry: e,
+							index: t,
+							timers: U,
+							onDismiss: G,
+							getFocusFallback: J
+						}, e.id))
+					})
+				]
+			})
+		})]
+	});
+};
+H.displayName = "Toaster";
+//#endregion
+export { j as Toast, H as Toaster, A as useToastController };
+
+//# sourceMappingURL=Toast.mjs.map