@qw-ui/core 0.3.0-next.8 → 0.3.0

package/dist/notice-bar-DMpwLvRb.js

@@ -0,0 +1,231 @@
+import { o as resolveIconState } from "./icon-Cgdbnk1u.js";
+import { createMachine } from "@zag-js/core";
+import { addDomEvent, dataAttr } from "@zag-js/dom-query";
+//#region src/notice-bar/notice-bar.ts
+/** Existing T3 status roles. */
+const NOTICE_BAR_TONES = [
+	"info",
+	"warning",
+	"danger",
+	"success"
+];
+/** Stable DOM parts shared by every adapter. */
+const NOTICE_BAR_PARTS = [
+	"root",
+	"icon",
+	"content",
+	"text",
+	"extra",
+	"close"
+];
+const NOTICE_BAR_DEFAULT_SPEED = 50;
+const NOTICE_BAR_DEFAULT_DELAY = 2e3;
+function resolveNoticeBarSpeed(speed) {
+	return typeof speed === "number" && Number.isFinite(speed) && speed > 0 ? speed : 50;
+}
+function resolveNoticeBarDelay(delay) {
+	return typeof delay === "number" && Number.isFinite(delay) && delay >= 0 ? delay : NOTICE_BAR_DEFAULT_DELAY;
+}
+/** Pure marquee geometry: CSS variables for the current phase, or null when static. */
+function resolveNoticeBarMarquee(phase, geometry, speed) {
+	if (phase === "idle") return null;
+	const from = phase === "first" ? 0 : geometry.container, distance = from + geometry.text;
+	return {
+		from,
+		to: -geometry.text,
+		duration: Math.max(distance / resolveNoticeBarSpeed(speed), .001)
+	};
+}
+function createNoticeBarProps(props) {
+	if (typeof props.content !== "string" || !props.content.trim()) throw new TypeError("NoticeBar requires nonempty content text");
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("NoticeBar requires a nonempty instance id when provided");
+	return {
+		...props,
+		tone: NOTICE_BAR_TONES.includes(props.tone) ? props.tone : "warning",
+		icon: props.icon || "info",
+		showIcon: props.showIcon ?? true,
+		speed: resolveNoticeBarSpeed(props.speed),
+		delay: resolveNoticeBarDelay(props.delay),
+		closeLabel: props.closeLabel?.trim() ? props.closeLabel : "关闭",
+		defaultOpen: props.defaultOpen ?? true
+	};
+}
+const rootId = (service) => `notice-bar:${service.scope.id}`;
+const contentId = (service) => `${rootId(service)}:content`;
+const textId = (service) => `${rootId(service)}:text`;
+const sameGeometry = (a, b) => !!b && a.container === b.container && a.text === b.text;
+/** Core owns close requests, overflow measurement, reduced-motion reads, delay timer and phase changes. */
+const noticeBarMachine = createMachine({
+	props: ({ props }) => createNoticeBarProps({
+		...props,
+		content: props.content ?? ""
+	}),
+	initialState: () => "ready",
+	context({ prop, bindable }) {
+		return {
+			open: bindable(() => ({
+				defaultValue: prop("defaultOpen"),
+				value: prop("open"),
+				onChange: (open) => {
+					if (!open) prop("onClose")?.();
+				}
+			})),
+			overflow: bindable(() => ({ defaultValue: false })),
+			reduced: bindable(() => ({ defaultValue: false })),
+			phase: bindable(() => ({ defaultValue: "idle" })),
+			geometry: bindable(() => ({
+				defaultValue: {
+					container: 0,
+					text: 0
+				},
+				isEqual: sameGeometry
+			}))
+		};
+	},
+	watch({ track, prop, action }) {
+		track([
+			() => prop("content"),
+			() => prop("marquee"),
+			() => prop("wrap"),
+			() => prop("delay"),
+			() => prop("speed")
+		], () => action(["restart"]));
+	},
+	on: { CLOSE: { actions: ["close"] } },
+	states: { ready: {
+		effects: ["trackLayout"],
+		on: { "LAYOUT.RESET": {
+			target: "ready",
+			reenter: true,
+			actions: ["resetPhase"]
+		} }
+	} },
+	implementations: {
+		actions: {
+			close({ context }) {
+				context.set("open", false);
+			},
+			restart({ send }) {
+				send({ type: "LAYOUT.RESET" });
+			},
+			resetPhase({ context }) {
+				context.set("phase", "idle");
+			}
+		},
+		effects: { trackLayout(params) {
+			const { scope, context, prop } = params;
+			const win = scope.getWin();
+			const cleanups = [];
+			const reduced = typeof win.matchMedia === "function" ? win.matchMedia("(prefers-reduced-motion: reduce)") : void 0;
+			const readReduced = () => context.set("reduced", !!reduced?.matches);
+			readReduced();
+			if (reduced?.addEventListener) {
+				reduced.addEventListener("change", readReduced);
+				cleanups.push(() => reduced.removeEventListener("change", readReduced));
+			}
+			const measure = () => {
+				const container = scope.getById(contentId(params)), text = scope.getById(textId(params));
+				if (!container || !text) return;
+				const width = container.clientWidth;
+				context.set("geometry", {
+					container: width,
+					text: Math.ceil(text.getBoundingClientRect().width)
+				});
+				context.set("overflow", container.scrollWidth > width + 1);
+			};
+			measure();
+			if (typeof win.ResizeObserver === "function") {
+				const observer = new win.ResizeObserver(() => measure());
+				for (const id of [contentId(params), textId(params)]) {
+					const element = scope.getById(id);
+					if (element) observer.observe(element);
+				}
+				cleanups.push(() => observer.disconnect());
+			}
+			if (prop("marquee") && !prop("wrap")) {
+				const timer = win.setTimeout(() => {
+					measure();
+					context.set("phase", "first");
+				}, prop("delay"));
+				cleanups.push(() => win.clearTimeout(timer));
+				const text = scope.getById(textId(params));
+				if (text) cleanups.push(addDomEvent(text, "animationend", (event) => {
+					if (event.target === text && context.get("phase") === "first") context.set("phase", "loop");
+				}));
+			}
+			return () => {
+				cleanups.splice(0).forEach((cleanup) => cleanup());
+			};
+		} }
+	}
+});
+/** SSR-pure getters. Without measurement SSR renders the static, complete text. */
+function connectNoticeBar(service, normalize) {
+	const id = rootId(service), open = service.context.get("open"), overflow = service.context.get("overflow"), reduced = service.context.get("reduced");
+	const wrap = !!service.prop("wrap") || !!service.prop("marquee") && reduced;
+	const motion = !!service.prop("marquee") && !wrap && overflow ? resolveNoticeBarMarquee(service.context.get("phase"), service.context.get("geometry"), service.prop("speed")) : null;
+	const part = (name) => ({
+		"data-scope": "notice-bar",
+		"data-part": name
+	});
+	return {
+		open,
+		content: service.prop("content"),
+		tone: service.prop("tone"),
+		overflow,
+		scrolling: !!motion,
+		close: () => service.send({ type: "CLOSE" }),
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id,
+			hidden: !open,
+			"data-tone": service.prop("tone"),
+			"data-wrap": dataAttr(wrap),
+			"data-overflow": dataAttr(overflow),
+			"data-marquee": dataAttr(!!service.prop("marquee")),
+			"data-reduced-motion": dataAttr(reduced)
+		}),
+		getIconProps: () => normalize.element({
+			...part("icon"),
+			"aria-hidden": true,
+			hidden: !service.prop("showIcon")
+		}),
+		getIconState: () => resolveIconState({
+			id: `${id}:icon`,
+			name: service.prop("icon")
+		}),
+		getContentProps: () => normalize.element({
+			...part("content"),
+			id: contentId(service)
+		}),
+		getTextProps: () => normalize.element({
+			...part("text"),
+			id: textId(service),
+			"data-phase": motion ? service.context.get("phase") : void 0,
+			style: motion ? {
+				"--qw-notice-bar-from": `${motion.from}px`,
+				"--qw-notice-bar-to": `${motion.to}px`,
+				"--qw-notice-bar-duration": `${motion.duration}s`
+			} : void 0
+		}),
+		getExtraProps: () => normalize.element(part("extra")),
+		getCloseProps: () => normalize.button({
+			...part("close"),
+			type: "button",
+			hidden: !service.prop("closeable"),
+			"aria-label": service.prop("closeLabel"),
+			"aria-controls": id,
+			onClick(event) {
+				if (!event.defaultPrevented) service.send({ type: "CLOSE" });
+			}
+		}),
+		getCloseIconState: () => resolveIconState({
+			id: `${id}:close`,
+			name: "close"
+		})
+	};
+}
+//#endregion
+export { connectNoticeBar as a, resolveNoticeBarDelay as c, NOTICE_BAR_TONES as i, resolveNoticeBarMarquee as l, NOTICE_BAR_DEFAULT_SPEED as n, createNoticeBarProps as o, NOTICE_BAR_PARTS as r, noticeBarMachine as s, NOTICE_BAR_DEFAULT_DELAY as t, resolveNoticeBarSpeed as u };
+
+//# sourceMappingURL=notice-bar-DMpwLvRb.js.map

package/dist/notice-bar-DMpwLvRb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice-bar-DMpwLvRb.js","names":[],"sources":["../src/notice-bar/notice-bar.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport { addDomEvent, dataAttr } from \"@zag-js/dom-query\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport { resolveIconState, type IconNameInput, type IconState } from \"../icon/index.js\";\n\n/** Existing T3 status roles. */\nexport const NOTICE_BAR_TONES = [\"info\", \"warning\", \"danger\", \"success\"] as const;\n/** Stable DOM parts shared by every adapter. */\nexport const NOTICE_BAR_PARTS = [\"root\", \"icon\", \"content\", \"text\", \"extra\", \"close\"] as const;\nexport const NOTICE_BAR_DEFAULT_SPEED = 50;\nexport const NOTICE_BAR_DEFAULT_DELAY = 2000;\nexport type NoticeBarTone = (typeof NOTICE_BAR_TONES)[number];\nexport type NoticeBarPart = (typeof NOTICE_BAR_PARTS)[number];\n/** idle: static/waiting; first: 0 → −text; loop: container → −text, infinite. */\nexport type NoticeBarMarqueePhase = \"idle\" | \"first\" | \"loop\";\nexport interface QwNoticeBarProps {\n  id?: string;\n  /** Required full announcement text; always present once in the DOM. */\n  content: string;\n  tone?: NoticeBarTone;\n  /** System icon name; defaults \"info\". */\n  icon?: IconNameInput;\n  /** Defaults true. */\n  showIcon?: boolean;\n  /** Show every line instead of a single truncated line. Disables marquee. */\n  wrap?: boolean;\n  /** Scroll horizontally only while the text overflows; never under reduced motion. */\n  marquee?: boolean;\n  /** Pixels per second; non-finite/≤0 uses 50. */\n  speed?: number;\n  /** Milliseconds before the first pass; negative/non-finite uses 2000. */\n  delay?: number;\n  closeable?: boolean;\n  /** Close button accessible name; defaults 「关闭」 (not translated by the component). */\n  closeLabel?: string;\n  /** Controlled visibility; closing only calls onClose. */\n  open?: boolean;\n  /** Initial uncontrolled visibility; defaults true. */\n  defaultOpen?: boolean;\n  onClose?: () => void;\n}\ninterface Geometry { container: number; text: number }\nexport interface QwNoticeBarSchema {\n  props: Omit<QwNoticeBarProps, \"icon\"> & { tone: NoticeBarTone; icon: string; showIcon: boolean; speed: number; delay: number; closeLabel: string; defaultOpen: boolean };\n  context: { open: boolean; overflow: boolean; reduced: boolean; phase: NoticeBarMarqueePhase; geometry: Geometry };\n  state: \"ready\";\n  action: \"close\" | \"restart\" | \"resetPhase\";\n  effect: \"trackLayout\";\n  event: { type: \"CLOSE\" } | { type: \"LAYOUT.RESET\" };\n}\nexport type QwNoticeBarMachine = Machine<QwNoticeBarSchema>;\nexport type QwNoticeBarService = Service<QwNoticeBarSchema>;\n\nexport function resolveNoticeBarSpeed(speed: unknown): number { return typeof speed === \"number\" && Number.isFinite(speed) && speed > 0 ? speed : NOTICE_BAR_DEFAULT_SPEED; }\nexport function resolveNoticeBarDelay(delay: unknown): number { return typeof delay === \"number\" && Number.isFinite(delay) && delay >= 0 ? delay : NOTICE_BAR_DEFAULT_DELAY; }\n/** Pure marquee geometry: CSS variables for the current phase, or null when static. */\nexport function resolveNoticeBarMarquee(phase: NoticeBarMarqueePhase, geometry: Geometry, speed: number): { from: number; to: number; duration: number } | null {\n  if (phase === \"idle\") return null;\n  const from = phase === \"first\" ? 0 : geometry.container, distance = from + geometry.text;\n  return { from, to: -geometry.text, duration: Math.max(distance / resolveNoticeBarSpeed(speed), 0.001) };\n}\nexport function createNoticeBarProps(props: QwNoticeBarProps): QwNoticeBarSchema[\"props\"] {\n  if (typeof props.content !== \"string\" || !props.content.trim()) throw new TypeError(\"NoticeBar requires nonempty content text\");\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"NoticeBar requires a nonempty instance id when provided\");\n  return { ...props, tone: NOTICE_BAR_TONES.includes(props.tone!) ? props.tone! : \"warning\", icon: (props.icon || \"info\") as string, showIcon: props.showIcon ?? true,\n    speed: resolveNoticeBarSpeed(props.speed), delay: resolveNoticeBarDelay(props.delay), closeLabel: props.closeLabel?.trim() ? props.closeLabel : \"关闭\", defaultOpen: props.defaultOpen ?? true };\n}\n\nconst rootId = (service: Pick<QwNoticeBarService, \"scope\">) => `notice-bar:${service.scope.id}`;\nconst contentId = (service: Pick<QwNoticeBarService, \"scope\">) => `${rootId(service)}:content`;\nconst textId = (service: Pick<QwNoticeBarService, \"scope\">) => `${rootId(service)}:text`;\nconst sameGeometry = (a: Geometry, b: Geometry | undefined) => !!b && a.container === b.container && a.text === b.text;\n\n/** Core owns close requests, overflow measurement, reduced-motion reads, delay timer and phase changes. */\nexport const noticeBarMachine: QwNoticeBarMachine = createMachine<QwNoticeBarSchema>({\n  props: ({ props }) => createNoticeBarProps({ ...props, content: props.content ?? \"\" } as QwNoticeBarProps),\n  initialState: () => \"ready\",\n  context({ prop, bindable }) {\n    return {\n      open: bindable(() => ({ defaultValue: prop(\"defaultOpen\"), value: prop(\"open\"), onChange: (open) => { if (!open) prop(\"onClose\")?.(); } })),\n      overflow: bindable(() => ({ defaultValue: false })),\n      reduced: bindable(() => ({ defaultValue: false })),\n      phase: bindable<NoticeBarMarqueePhase>(() => ({ defaultValue: \"idle\" })),\n      geometry: bindable<Geometry>(() => ({ defaultValue: { container: 0, text: 0 }, isEqual: sameGeometry })),\n    };\n  },\n  watch({ track, prop, action }) {\n    track([() => prop(\"content\"), () => prop(\"marquee\"), () => prop(\"wrap\"), () => prop(\"delay\"), () => prop(\"speed\")], () => action([\"restart\"]));\n  },\n  on: { CLOSE: { actions: [\"close\"] } },\n  states: { ready: { effects: [\"trackLayout\"], on: { \"LAYOUT.RESET\": { target: \"ready\", reenter: true, actions: [\"resetPhase\"] } } } },\n  implementations: {\n    actions: {\n      close({ context }) { context.set(\"open\", false); },\n      restart({ send }) { send({ type: \"LAYOUT.RESET\" }); },\n      resetPhase({ context }) { context.set(\"phase\", \"idle\"); },\n    },\n    effects: {\n      trackLayout(params) {\n        const { scope, context, prop } = params;\n        const win = scope.getWin();\n        const cleanups: Array<() => void> = [];\n        const reduced = typeof win.matchMedia === \"function\" ? win.matchMedia(\"(prefers-reduced-motion: reduce)\") : undefined;\n        const readReduced = () => context.set(\"reduced\", !!reduced?.matches);\n        readReduced();\n        if (reduced?.addEventListener) { reduced.addEventListener(\"change\", readReduced); cleanups.push(() => reduced.removeEventListener(\"change\", readReduced)); }\n        const measure = () => {\n          const container = scope.getById(contentId(params)), text = scope.getById(textId(params));\n          if (!container || !text) return;\n          const width = container.clientWidth;\n          context.set(\"geometry\", { container: width, text: Math.ceil(text.getBoundingClientRect().width) });\n          context.set(\"overflow\", container.scrollWidth > width + 1);\n        };\n        measure();\n        if (typeof win.ResizeObserver === \"function\") {\n          const observer = new win.ResizeObserver(() => measure());\n          for (const id of [contentId(params), textId(params)]) { const element = scope.getById(id); if (element) observer.observe(element); }\n          cleanups.push(() => observer.disconnect());\n        }\n        if (prop(\"marquee\") && !prop(\"wrap\")) {\n          const timer = win.setTimeout(() => { measure(); context.set(\"phase\", \"first\"); }, prop(\"delay\"));\n          cleanups.push(() => win.clearTimeout(timer));\n          const text = scope.getById(textId(params));\n          if (text) cleanups.push(addDomEvent(text, \"animationend\", (event) => { if (event.target === text && context.get(\"phase\") === \"first\") context.set(\"phase\", \"loop\"); }));\n        }\n        return () => { cleanups.splice(0).forEach((cleanup) => cleanup()); };\n      },\n    },\n  },\n});\n\nexport interface QwNoticeBarApi<T extends PropTypes = PropTypes> {\n  open: boolean;\n  content: string;\n  tone: NoticeBarTone;\n  /** Text currently overflows its single-line container (static truncation or marquee). */\n  overflow: boolean;\n  /** Marquee animation is running (requested, overflowing, not wrapped, motion allowed, delay elapsed). */\n  scrolling: boolean;\n  close(): void;\n  getRootProps(): T[\"element\"];\n  getIconProps(): T[\"element\"];\n  getIconState(): IconState;\n  getContentProps(): T[\"element\"];\n  getTextProps(): T[\"element\"];\n  getExtraProps(): T[\"element\"];\n  getCloseProps(): T[\"button\"];\n  getCloseIconState(): IconState;\n}\n/** SSR-pure getters. Without measurement SSR renders the static, complete text. */\nexport function connectNoticeBar<T extends PropTypes>(service: QwNoticeBarService, normalize: NormalizeProps<T>): QwNoticeBarApi<T> {\n  const id = rootId(service), open = service.context.get(\"open\"), overflow = service.context.get(\"overflow\"), reduced = service.context.get(\"reduced\");\n  const wrap = !!service.prop(\"wrap\") || (!!service.prop(\"marquee\") && reduced);\n  const allowed = !!service.prop(\"marquee\") && !wrap && overflow;\n  const motion = allowed ? resolveNoticeBarMarquee(service.context.get(\"phase\"), service.context.get(\"geometry\"), service.prop(\"speed\")) : null;\n  const part = (name: string) => ({ \"data-scope\": \"notice-bar\", \"data-part\": name });\n  return {\n    open, content: service.prop(\"content\"), tone: service.prop(\"tone\"), overflow, scrolling: !!motion,\n    close: () => service.send({ type: \"CLOSE\" }),\n    getRootProps: () => normalize.element({ ...part(\"root\"), id, hidden: !open, \"data-tone\": service.prop(\"tone\"), \"data-wrap\": dataAttr(wrap), \"data-overflow\": dataAttr(overflow), \"data-marquee\": dataAttr(!!service.prop(\"marquee\")), \"data-reduced-motion\": dataAttr(reduced) }),\n    getIconProps: () => normalize.element({ ...part(\"icon\"), \"aria-hidden\": true, hidden: !service.prop(\"showIcon\") }),\n    getIconState: () => resolveIconState({ id: `${id}:icon`, name: service.prop(\"icon\") }),\n    getContentProps: () => normalize.element({ ...part(\"content\"), id: contentId(service) }),\n    getTextProps: () => normalize.element({ ...part(\"text\"), id: textId(service), \"data-phase\": motion ? service.context.get(\"phase\") : undefined,\n      style: motion ? { \"--qw-notice-bar-from\": `${motion.from}px`, \"--qw-notice-bar-to\": `${motion.to}px`, \"--qw-notice-bar-duration\": `${motion.duration}s` } : undefined }),\n    getExtraProps: () => normalize.element(part(\"extra\")),\n    getCloseProps: () => normalize.button({ ...part(\"close\"), type: \"button\", hidden: !service.prop(\"closeable\"), \"aria-label\": service.prop(\"closeLabel\"), \"aria-controls\": id,\n      onClick(event) { if (!event.defaultPrevented) service.send({ type: \"CLOSE\" }); } }),\n    getCloseIconState: () => resolveIconState({ id: `${id}:close`, name: \"close\" }),\n  };\n}\n"],"mappings":";;;;;AAMA,MAAa,mBAAmB;CAAC;CAAQ;CAAW;CAAU;AAAS;;AAEvE,MAAa,mBAAmB;CAAC;CAAQ;CAAQ;CAAW;CAAQ;CAAS;AAAO;AACpF,MAAa,2BAA2B;AACxC,MAAa,2BAA2B;AA2CxC,SAAgB,sBAAsB,OAAwB;CAAE,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAA;AAAkC;AAC5K,SAAgB,sBAAsB,OAAwB;CAAE,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,SAAS,IAAI,QAAQ;AAA0B;;AAE7K,SAAgB,wBAAwB,OAA8B,UAAoB,OAAsE;CAC9J,IAAI,UAAU,QAAQ,OAAO;CAC7B,MAAM,OAAO,UAAU,UAAU,IAAI,SAAS,WAAW,WAAW,OAAO,SAAS;CACpF,OAAO;EAAE;EAAM,IAAI,CAAC,SAAS;EAAM,UAAU,KAAK,IAAI,WAAW,sBAAsB,KAAK,GAAG,IAAK;CAAE;AACxG;AACA,SAAgB,qBAAqB,OAAqD;CACxF,IAAI,OAAO,MAAM,YAAY,YAAY,CAAC,MAAM,QAAQ,KAAK,GAAG,MAAM,IAAI,UAAU,0CAA0C;CAC9H,IAAI,MAAM,OAAO,KAAA,MAAc,OAAO,MAAM,OAAO,YAAY,CAAC,MAAM,GAAG,KAAK,IAAI,MAAM,IAAI,UAAU,yDAAyD;CAC/J,OAAO;EAAE,GAAG;EAAO,MAAM,iBAAiB,SAAS,MAAM,IAAK,IAAI,MAAM,OAAQ;EAAW,MAAO,MAAM,QAAQ;EAAmB,UAAU,MAAM,YAAY;EAC7J,OAAO,sBAAsB,MAAM,KAAK;EAAG,OAAO,sBAAsB,MAAM,KAAK;EAAG,YAAY,MAAM,YAAY,KAAK,IAAI,MAAM,aAAa;EAAM,aAAa,MAAM,eAAe;CAAK;AACjM;AAEA,MAAM,UAAU,YAA+C,cAAc,QAAQ,MAAM;AAC3F,MAAM,aAAa,YAA+C,GAAG,OAAO,OAAO,EAAE;AACrF,MAAM,UAAU,YAA+C,GAAG,OAAO,OAAO,EAAE;AAClF,MAAM,gBAAgB,GAAa,MAA4B,CAAC,CAAC,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE;;AAGlH,MAAa,mBAAuC,cAAiC;CACnF,QAAQ,EAAE,YAAY,qBAAqB;EAAE,GAAG;EAAO,SAAS,MAAM,WAAW;CAAG,CAAqB;CACzG,oBAAoB;CACpB,QAAQ,EAAE,MAAM,YAAY;EAC1B,OAAO;GACL,MAAM,gBAAgB;IAAE,cAAc,KAAK,aAAa;IAAG,OAAO,KAAK,MAAM;IAAG,WAAW,SAAS;KAAE,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,GAAG;IAAG;GAAE,EAAE;GAC1I,UAAU,gBAAgB,EAAE,cAAc,MAAM,EAAE;GAClD,SAAS,gBAAgB,EAAE,cAAc,MAAM,EAAE;GACjD,OAAO,gBAAuC,EAAE,cAAc,OAAO,EAAE;GACvE,UAAU,gBAA0B;IAAE,cAAc;KAAE,WAAW;KAAG,MAAM;IAAE;IAAG,SAAS;GAAa,EAAE;EACzG;CACF;CACA,MAAM,EAAE,OAAO,MAAM,UAAU;EAC7B,MAAM;SAAO,KAAK,SAAS;SAAS,KAAK,SAAS;SAAS,KAAK,MAAM;SAAS,KAAK,OAAO;SAAS,KAAK,OAAO;EAAC,SAAS,OAAO,CAAC,SAAS,CAAC,CAAC;CAC/I;CACA,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE;CACpC,QAAQ,EAAE,OAAO;EAAE,SAAS,CAAC,aAAa;EAAG,IAAI,EAAE,gBAAgB;GAAE,QAAQ;GAAS,SAAS;GAAM,SAAS,CAAC,YAAY;EAAE,EAAE;CAAE,EAAE;CACnI,iBAAiB;EACf,SAAS;GACP,MAAM,EAAE,WAAW;IAAE,QAAQ,IAAI,QAAQ,KAAK;GAAG;GACjD,QAAQ,EAAE,QAAQ;IAAE,KAAK,EAAE,MAAM,eAAe,CAAC;GAAG;GACpD,WAAW,EAAE,WAAW;IAAE,QAAQ,IAAI,SAAS,MAAM;GAAG;EAC1D;EACA,SAAS,EACP,YAAY,QAAQ;GAClB,MAAM,EAAE,OAAO,SAAS,SAAS;GACjC,MAAM,MAAM,MAAM,OAAO;GACzB,MAAM,WAA8B,CAAC;GACrC,MAAM,UAAU,OAAO,IAAI,eAAe,aAAa,IAAI,WAAW,kCAAkC,IAAI,KAAA;GAC5G,MAAM,oBAAoB,QAAQ,IAAI,WAAW,CAAC,CAAC,SAAS,OAAO;GACnE,YAAY;GACZ,IAAI,SAAS,kBAAkB;IAAE,QAAQ,iBAAiB,UAAU,WAAW;IAAG,SAAS,WAAW,QAAQ,oBAAoB,UAAU,WAAW,CAAC;GAAG;GAC3J,MAAM,gBAAgB;IACpB,MAAM,YAAY,MAAM,QAAQ,UAAU,MAAM,CAAC,GAAG,OAAO,MAAM,QAAQ,OAAO,MAAM,CAAC;IACvF,IAAI,CAAC,aAAa,CAAC,MAAM;IACzB,MAAM,QAAQ,UAAU;IACxB,QAAQ,IAAI,YAAY;KAAE,WAAW;KAAO,MAAM,KAAK,KAAK,KAAK,sBAAsB,CAAC,CAAC,KAAK;IAAE,CAAC;IACjG,QAAQ,IAAI,YAAY,UAAU,cAAc,QAAQ,CAAC;GAC3D;GACA,QAAQ;GACR,IAAI,OAAO,IAAI,mBAAmB,YAAY;IAC5C,MAAM,WAAW,IAAI,IAAI,qBAAqB,QAAQ,CAAC;IACvD,KAAK,MAAM,MAAM,CAAC,UAAU,MAAM,GAAG,OAAO,MAAM,CAAC,GAAG;KAAE,MAAM,UAAU,MAAM,QAAQ,EAAE;KAAG,IAAI,SAAS,SAAS,QAAQ,OAAO;IAAG;IACnI,SAAS,WAAW,SAAS,WAAW,CAAC;GAC3C;GACA,IAAI,KAAK,SAAS,KAAK,CAAC,KAAK,MAAM,GAAG;IACpC,MAAM,QAAQ,IAAI,iBAAiB;KAAE,QAAQ;KAAG,QAAQ,IAAI,SAAS,OAAO;IAAG,GAAG,KAAK,OAAO,CAAC;IAC/F,SAAS,WAAW,IAAI,aAAa,KAAK,CAAC;IAC3C,MAAM,OAAO,MAAM,QAAQ,OAAO,MAAM,CAAC;IACzC,IAAI,MAAM,SAAS,KAAK,YAAY,MAAM,iBAAiB,UAAU;KAAE,IAAI,MAAM,WAAW,QAAQ,QAAQ,IAAI,OAAO,MAAM,SAAS,QAAQ,IAAI,SAAS,MAAM;IAAG,CAAC,CAAC;GACxK;GACA,aAAa;IAAE,SAAS,OAAO,CAAC,CAAC,CAAC,SAAS,YAAY,QAAQ,CAAC;GAAG;EACrE,EACF;CACF;AACF,CAAC;;AAqBD,SAAgB,iBAAsC,SAA6B,WAAiD;CAClI,MAAM,KAAK,OAAO,OAAO,GAAG,OAAO,QAAQ,QAAQ,IAAI,MAAM,GAAG,WAAW,QAAQ,QAAQ,IAAI,UAAU,GAAG,UAAU,QAAQ,QAAQ,IAAI,SAAS;CACnJ,MAAM,OAAO,CAAC,CAAC,QAAQ,KAAK,MAAM,KAAM,CAAC,CAAC,QAAQ,KAAK,SAAS,KAAK;CAErE,MAAM,SADU,CAAC,CAAC,QAAQ,KAAK,SAAS,KAAK,CAAC,QAAQ,WAC7B,wBAAwB,QAAQ,QAAQ,IAAI,OAAO,GAAG,QAAQ,QAAQ,IAAI,UAAU,GAAG,QAAQ,KAAK,OAAO,CAAC,IAAI;CACzI,MAAM,QAAQ,UAAkB;EAAE,cAAc;EAAc,aAAa;CAAK;CAChF,OAAO;EACL;EAAM,SAAS,QAAQ,KAAK,SAAS;EAAG,MAAM,QAAQ,KAAK,MAAM;EAAG;EAAU,WAAW,CAAC,CAAC;EAC3F,aAAa,QAAQ,KAAK,EAAE,MAAM,QAAQ,CAAC;EAC3C,oBAAoB,UAAU,QAAQ;GAAE,GAAG,KAAK,MAAM;GAAG;GAAI,QAAQ,CAAC;GAAM,aAAa,QAAQ,KAAK,MAAM;GAAG,aAAa,SAAS,IAAI;GAAG,iBAAiB,SAAS,QAAQ;GAAG,gBAAgB,SAAS,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC;GAAG,uBAAuB,SAAS,OAAO;EAAE,CAAC;EAChR,oBAAoB,UAAU,QAAQ;GAAE,GAAG,KAAK,MAAM;GAAG,eAAe;GAAM,QAAQ,CAAC,QAAQ,KAAK,UAAU;EAAE,CAAC;EACjH,oBAAoB,iBAAiB;GAAE,IAAI,GAAG,GAAG;GAAQ,MAAM,QAAQ,KAAK,MAAM;EAAE,CAAC;EACrF,uBAAuB,UAAU,QAAQ;GAAE,GAAG,KAAK,SAAS;GAAG,IAAI,UAAU,OAAO;EAAE,CAAC;EACvF,oBAAoB,UAAU,QAAQ;GAAE,GAAG,KAAK,MAAM;GAAG,IAAI,OAAO,OAAO;GAAG,cAAc,SAAS,QAAQ,QAAQ,IAAI,OAAO,IAAI,KAAA;GAClI,OAAO,SAAS;IAAE,wBAAwB,GAAG,OAAO,KAAK;IAAK,sBAAsB,GAAG,OAAO,GAAG;IAAK,4BAA4B,GAAG,OAAO,SAAS;GAAG,IAAI,KAAA;EAAU,CAAC;EACzK,qBAAqB,UAAU,QAAQ,KAAK,OAAO,CAAC;EACpD,qBAAqB,UAAU,OAAO;GAAE,GAAG,KAAK,OAAO;GAAG,MAAM;GAAU,QAAQ,CAAC,QAAQ,KAAK,WAAW;GAAG,cAAc,QAAQ,KAAK,YAAY;GAAG,iBAAiB;GACvK,QAAQ,OAAO;IAAE,IAAI,CAAC,MAAM,kBAAkB,QAAQ,KAAK,EAAE,MAAM,QAAQ,CAAC;GAAG;EAAE,CAAC;EACpF,yBAAyB,iBAAiB;GAAE,IAAI,GAAG,GAAG;GAAS,MAAM;EAAQ,CAAC;CAChF;AACF"}

package/dist/notify/index.d.ts

@@ -0,0 +1 @@
+export * from "./notify.js";

package/dist/notify/index.js

@@ -0,0 +1,251 @@
+import { o as resolveIconState } from "../icon-Cgdbnk1u.js";
+import { createMachine } from "@zag-js/core";
+//#region src/notify/notify.ts
+/** Stable DOM parts shared by every adapter. */
+const NOTIFY_PARTS = [
+	"root",
+	"message",
+	"action",
+	"close"
+];
+/** Four semantic types; primary doubles as the neutral/info tone. */
+const NOTIFY_TYPES = [
+	"primary",
+	"success",
+	"warning",
+	"danger"
+];
+const NOTIFY_DEFAULT_DURATION = 3e3;
+const text = (value, fallback) => typeof value === "string" && value.trim() ? value : fallback;
+function resolveNotifyState(props = {}) {
+	const duration = props.duration;
+	return {
+		type: NOTIFY_TYPES.includes(props.type) ? props.type : "primary",
+		message: typeof props.message === "string" ? props.message : "",
+		actionText: typeof props.actionText === "string" ? props.actionText.trim() : "",
+		closeOnAction: props.closeOnAction !== false,
+		closable: props.closable !== false,
+		closeLabel: text(props.closeLabel, "关闭通知"),
+		duration: typeof duration === "number" && Number.isFinite(duration) && duration >= 0 ? duration : NOTIFY_DEFAULT_DURATION
+	};
+}
+function createNotifyProps(props = {}) {
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("Notify requires a nonempty instance id when provided");
+	return {
+		...props,
+		open: typeof props.open === "boolean" ? props.open : void 0,
+		defaultOpen: props.defaultOpen === true
+	};
+}
+const live = (prop) => resolveNotifyState({
+	type: prop("type"),
+	message: prop("message"),
+	actionText: prop("actionText"),
+	closeOnAction: prop("closeOnAction"),
+	closable: prop("closable"),
+	closeLabel: prop("closeLabel"),
+	duration: prop("duration")
+});
+const clear = (refs) => {
+	const timer = refs.get("timer");
+	if (timer !== void 0) clearTimeout(timer);
+	refs.set("timer", void 0);
+};
+const paused = (refs) => refs.get("hovered") || refs.get("focused");
+function arm(refs, send) {
+	clear(refs);
+	const remaining = refs.get("remaining");
+	if (remaining <= 0 || paused(refs)) return;
+	refs.set("startedAt", Date.now());
+	refs.set("timer", setTimeout(() => {
+		refs.set("timer", void 0);
+		send({ type: "TIMEOUT" });
+	}, remaining));
+}
+function request(context, prop, open, reason) {
+	if (context.get("open") === open) return;
+	context.set("open", open);
+	prop("onOpenChange")?.({
+		open,
+		reason
+	});
+}
+/** Core owns visibility requests, the auto-dismiss timer, hover/focus pause, content-replacement restarts and cleanup. */
+const notifyMachine = createMachine({
+	props: ({ props }) => createNotifyProps(props),
+	initialState: () => "ready",
+	context: ({ bindable, prop }) => ({ open: bindable(() => ({
+		defaultValue: prop("defaultOpen") ?? false,
+		value: prop("open")
+	})) }),
+	refs: () => ({
+		timer: void 0,
+		remaining: 0,
+		startedAt: 0,
+		hovered: false,
+		focused: false
+	}),
+	watch({ track, prop, context, send }) {
+		track([
+			() => context.get("open"),
+			() => prop("message"),
+			() => prop("type"),
+			() => prop("actionText"),
+			() => prop("duration")
+		], () => send({ type: "RESTART" }));
+	},
+	effects: ["lifecycle"],
+	on: {
+		SHOW: { actions: ["show"] },
+		CLOSE: { actions: ["close"] },
+		ACTION: { actions: ["action"] },
+		RESTART: { actions: ["restart"] },
+		TIMEOUT: { actions: ["expire"] },
+		HOVER: { actions: ["pause"] },
+		FOCUS: { actions: ["pause"] }
+	},
+	states: { ready: {} },
+	implementations: {
+		actions: {
+			show({ context, prop, refs, send }) {
+				request(context, prop, true, "api");
+				if (context.get("open")) {
+					refs.set("remaining", live(prop).duration);
+					arm(refs, send);
+				}
+			},
+			close({ context, prop, event, refs }) {
+				if (event.type !== "CLOSE") return;
+				clear(refs);
+				request(context, prop, false, event.reason);
+			},
+			action({ context, prop, refs }) {
+				if (!context.get("open")) return;
+				prop("onAction")?.();
+				if (live(prop).closeOnAction) {
+					clear(refs);
+					request(context, prop, false, "action");
+				}
+			},
+			restart({ context, prop, refs, send }) {
+				clear(refs);
+				refs.set("remaining", live(prop).duration);
+				if (context.get("open")) arm(refs, send);
+			},
+			expire({ context, prop, refs }) {
+				clear(refs);
+				if (context.get("open") && live(prop).duration > 0) request(context, prop, false, "timeout");
+			},
+			pause({ event, refs, context, send }) {
+				if (event.type !== "HOVER" && event.type !== "FOCUS") return;
+				const was = paused(refs);
+				refs.set(event.type === "HOVER" ? "hovered" : "focused", event.value);
+				if (!was && paused(refs) && refs.get("timer") !== void 0) {
+					refs.set("remaining", Math.max(0, refs.get("remaining") - (Date.now() - refs.get("startedAt"))));
+					clear(refs);
+				} else if (was && !paused(refs) && context.get("open")) arm(refs, send);
+			}
+		},
+		effects: { lifecycle({ context, prop, refs, send }) {
+			refs.set("remaining", live(prop).duration);
+			if (context.get("open")) arm(refs, send);
+			return () => clear(refs);
+		} }
+	}
+});
+function run(handlers, event) {
+	const list = typeof handlers === "function" ? [handlers] : handlers ?? [];
+	for (const handler of list) if (typeof handler === "function") handler(event);
+	return !event.defaultPrevented;
+}
+const contains = (owner, node) => !!node && typeof owner?.contains === "function" && owner.contains(node);
+function connectNotify(service, normalize, options = {}) {
+	const state = live(service.prop), open = service.context.get("open"), { send } = service;
+	const part = (name) => ({
+		"data-scope": "notify",
+		"data-part": name,
+		"data-type": state.type
+	});
+	const root = options.root ?? {};
+	const hover = (value) => send({
+		type: "HOVER",
+		value
+	}), focus = (value) => send({
+		type: "FOCUS",
+		value
+	});
+	const show = () => send({ type: "SHOW" }), close = () => send({
+		type: "CLOSE",
+		reason: "api"
+	});
+	return {
+		open,
+		type: state.type,
+		message: open ? state.message : "",
+		actionText: state.actionText,
+		closable: state.closable,
+		closeLabel: state.closeLabel,
+		show,
+		close,
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id: `notify:${service.scope.id}`,
+			"data-state": open ? "open" : "closed",
+			hidden: !open || void 0,
+			onPointerEnter(event) {
+				if (run(root.onPointerEnter, event) && event.pointerType !== "touch") hover(true);
+			},
+			onPointerLeave(event) {
+				if (run(root.onPointerLeave, event) && event.pointerType !== "touch") hover(false);
+			},
+			onFocus(event) {
+				if (run(root.onFocus, event)) focus(true);
+			},
+			onBlur(event) {
+				if (run(root.onBlur, event) && !contains(event.currentTarget, event.relatedTarget)) focus(false);
+			},
+			onKeyDown(event) {
+				if (!run(root.onKeyDown, event) || event.key !== "Escape" || !state.closable || !open) return;
+				event.preventDefault?.();
+				send({
+					type: "CLOSE",
+					reason: "close"
+				});
+			}
+		}),
+		getMessageProps: () => normalize.element({
+			...part("message"),
+			role: state.type === "danger" ? "alert" : "status",
+			"aria-live": state.type === "danger" ? "assertive" : "polite",
+			"aria-atomic": true
+		}),
+		getActionProps: () => normalize.button({
+			...part("action"),
+			type: "button",
+			hidden: !state.actionText || void 0,
+			onClick(event) {
+				if (!event.defaultPrevented) send({ type: "ACTION" });
+			}
+		}),
+		getCloseIconState: () => resolveIconState({
+			id: `notify:${service.scope.id}:close`,
+			name: "close"
+		}),
+		getCloseProps: () => normalize.button({
+			...part("close"),
+			type: "button",
+			"aria-label": state.closeLabel,
+			hidden: !state.closable || void 0,
+			onClick(event) {
+				if (!event.defaultPrevented) send({
+					type: "CLOSE",
+					reason: "close"
+				});
+			}
+		})
+	};
+}
+//#endregion
+export { NOTIFY_DEFAULT_DURATION, NOTIFY_PARTS, NOTIFY_TYPES, connectNotify, createNotifyProps, notifyMachine, resolveNotifyState };
+
+//# sourceMappingURL=index.js.map

package/dist/notify/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/notify/notify.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport { resolveIconState, type IconState } from \"../icon/index.js\";\n\n/** Stable DOM parts shared by every adapter. */\nexport const NOTIFY_PARTS = [\"root\", \"message\", \"action\", \"close\"] as const;\n/** Four semantic types; primary doubles as the neutral/info tone. */\nexport const NOTIFY_TYPES = [\"primary\", \"success\", \"warning\", \"danger\"] as const;\nexport type NotifyType = (typeof NOTIFY_TYPES)[number];\nexport const NOTIFY_DEFAULT_DURATION = 3000;\n/** Why the open state changed: timer expiry, close button / Escape, action activation, or an imperative show/close. */\nexport type NotifyOpenChangeReason = \"timeout\" | \"close\" | \"action\" | \"api\";\nexport interface NotifyOpenChangeDetails { open: boolean; reason: NotifyOpenChangeReason }\n\nexport interface QwNotifyProps {\n  /** Page-unique instance identity; adapters generate one when omitted. */\n  id?: string;\n  /** Controlled visibility; undefined lets Core own it (seeded by defaultOpen). */\n  open?: boolean;\n  defaultOpen?: boolean;\n  /** Called for every open request; controlled owners accept by updating `open`. */\n  onOpenChange?: (details: NotifyOpenChangeDetails) => void;\n  /** Semantic type; default primary. danger is announced assertively (role=alert). */\n  type?: NotifyType;\n  /** Notification text. Changing it while open replaces the content and restarts the timer. */\n  message?: string;\n  /** Optional action button text; omitted hides the action. */\n  actionText?: string;\n  /** The action button was activated (before the optional close). */\n  onAction?: () => void;\n  /** Close after the action; default true. */\n  closeOnAction?: boolean;\n  /** Show the close button (and allow Escape); default true. */\n  closable?: boolean;\n  /** Accessible name of the close button; default 关闭通知. */\n  closeLabel?: string;\n  /** Auto-dismiss delay in ms; 0 keeps it open; invalid uses 3000. Paused on hover and while focus is inside. */\n  duration?: number;\n}\nexport interface ResolvedNotifyState {\n  type: NotifyType; message: string; actionText: string; closeOnAction: boolean; closable: boolean; closeLabel: string; duration: number;\n}\nconst text = (value: string | undefined, fallback: string): string => typeof value === \"string\" && value.trim() ? value : fallback;\nexport function resolveNotifyState(props: QwNotifyProps = {}): ResolvedNotifyState {\n  const duration = props.duration;\n  return {\n    type: NOTIFY_TYPES.includes(props.type as NotifyType) ? props.type as NotifyType : \"primary\",\n    message: typeof props.message === \"string\" ? props.message : \"\",\n    actionText: typeof props.actionText === \"string\" ? props.actionText.trim() : \"\",\n    closeOnAction: props.closeOnAction !== false, closable: props.closable !== false, closeLabel: text(props.closeLabel, \"关闭通知\"),\n    duration: typeof duration === \"number\" && Number.isFinite(duration) && duration >= 0 ? duration : NOTIFY_DEFAULT_DURATION,\n  };\n}\nexport function createNotifyProps(props: QwNotifyProps = {}): QwNotifyProps {\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"Notify requires a nonempty instance id when provided\");\n  return { ...props, open: typeof props.open === \"boolean\" ? props.open : undefined, defaultOpen: props.defaultOpen === true };\n}\n\n/** Minimal event surface shared by React, Vue and native events. */\nexport interface NotifyDomEvent {\n  readonly defaultPrevented: boolean; readonly type?: string; readonly key?: string; readonly pointerType?: string;\n  readonly currentTarget?: unknown; readonly relatedTarget?: unknown; preventDefault?(): void;\n}\nexport type NotifyEventHandler = (event: NotifyDomEvent) => void;\ntype RootHandler = \"onPointerEnter\" | \"onPointerLeave\" | \"onFocus\" | \"onBlur\" | \"onKeyDown\";\n/** Caller handlers for the root run first; Core's own handler is skipped when the caller calls preventDefault(). */\nexport interface NotifyConnectOptions { root?: Partial<Record<RootHandler, NotifyEventHandler | readonly NotifyEventHandler[] | undefined>> }\n\nexport interface QwNotifySchema {\n  props: QwNotifyProps;\n  context: { open: boolean };\n  refs: { timer: ReturnType<typeof setTimeout> | undefined; remaining: number; startedAt: number; hovered: boolean; focused: boolean };\n  state: \"ready\";\n  action: \"show\" | \"close\" | \"action\" | \"restart\" | \"pause\" | \"expire\";\n  effect: \"lifecycle\";\n  event:\n    | { type: \"SHOW\" }\n    | { type: \"CLOSE\"; reason: NotifyOpenChangeReason }\n    | { type: \"ACTION\" }\n    | { type: \"RESTART\" }\n    | { type: \"TIMEOUT\" }\n    | { type: \"HOVER\"; value: boolean }\n    | { type: \"FOCUS\"; value: boolean };\n}\nexport type QwNotifyMachine = Machine<QwNotifySchema>;\nexport type QwNotifyService = Service<QwNotifySchema>;\ntype Refs = QwNotifyService[\"refs\"];\nconst live = (prop: QwNotifyService[\"prop\"]) => resolveNotifyState({\n  type: prop(\"type\"), message: prop(\"message\"), actionText: prop(\"actionText\"), closeOnAction: prop(\"closeOnAction\"), closable: prop(\"closable\"), closeLabel: prop(\"closeLabel\"), duration: prop(\"duration\"),\n});\nconst clear = (refs: Refs) => { const timer = refs.get(\"timer\"); if (timer !== undefined) clearTimeout(timer); refs.set(\"timer\", undefined); };\nconst paused = (refs: Refs) => refs.get(\"hovered\") || refs.get(\"focused\");\nfunction arm(refs: Refs, send: QwNotifyService[\"send\"]) {\n  clear(refs);\n  const remaining = refs.get(\"remaining\");\n  if (remaining <= 0 || paused(refs)) return;\n  refs.set(\"startedAt\", Date.now());\n  refs.set(\"timer\", setTimeout(() => { refs.set(\"timer\", undefined); send({ type: \"TIMEOUT\" }); }, remaining));\n}\nfunction request(context: QwNotifyService[\"context\"], prop: QwNotifyService[\"prop\"], open: boolean, reason: NotifyOpenChangeReason) {\n  if (context.get(\"open\") === open) return;\n  context.set(\"open\", open);\n  prop(\"onOpenChange\")?.({ open, reason });\n}\n\n/** Core owns visibility requests, the auto-dismiss timer, hover/focus pause, content-replacement restarts and cleanup. */\nexport const notifyMachine: QwNotifyMachine = createMachine<QwNotifySchema>({\n  props: ({ props }) => createNotifyProps(props), initialState: () => \"ready\",\n  context: ({ bindable, prop }) => ({ open: bindable<boolean>(() => ({ defaultValue: prop(\"defaultOpen\") ?? false, value: prop(\"open\") })) }),\n  refs: () => ({ timer: undefined, remaining: 0, startedAt: 0, hovered: false, focused: false }),\n  watch({ track, prop, context, send }) {\n    // Opening, replacing the content or changing the delay restarts the countdown from the full duration.\n    track([() => context.get(\"open\"), () => prop(\"message\"), () => prop(\"type\"), () => prop(\"actionText\"), () => prop(\"duration\")], () => send({ type: \"RESTART\" }));\n  },\n  effects: [\"lifecycle\"],\n  on: {\n    SHOW: { actions: [\"show\"] }, CLOSE: { actions: [\"close\"] }, ACTION: { actions: [\"action\"] }, RESTART: { actions: [\"restart\"] },\n    TIMEOUT: { actions: [\"expire\"] }, HOVER: { actions: [\"pause\"] }, FOCUS: { actions: [\"pause\"] },\n  },\n  states: { ready: {} },\n  implementations: {\n    actions: {\n      show({ context, prop, refs, send }) { request(context, prop, true, \"api\"); if (context.get(\"open\")) { refs.set(\"remaining\", live(prop).duration); arm(refs, send); } },\n      close({ context, prop, event, refs }) { if (event.type !== \"CLOSE\") return; clear(refs); request(context, prop, false, event.reason); },\n      action({ context, prop, refs }) {\n        if (!context.get(\"open\")) return;\n        prop(\"onAction\")?.();\n        if (live(prop).closeOnAction) { clear(refs); request(context, prop, false, \"action\"); }\n      },\n      restart({ context, prop, refs, send }) { clear(refs); refs.set(\"remaining\", live(prop).duration); if (context.get(\"open\")) arm(refs, send); },\n      expire({ context, prop, refs }) { clear(refs); if (context.get(\"open\") && live(prop).duration > 0) request(context, prop, false, \"timeout\"); },\n      // Hover and focus-within pause the countdown keeping the remaining time; leaving both resumes it.\n      pause({ event, refs, context, send }) {\n        if (event.type !== \"HOVER\" && event.type !== \"FOCUS\") return;\n        const was = paused(refs);\n        refs.set(event.type === \"HOVER\" ? \"hovered\" : \"focused\", event.value);\n        if (!was && paused(refs) && refs.get(\"timer\") !== undefined) {\n          refs.set(\"remaining\", Math.max(0, refs.get(\"remaining\") - (Date.now() - refs.get(\"startedAt\")))); clear(refs);\n        } else if (was && !paused(refs) && context.get(\"open\")) arm(refs, send);\n      },\n    },\n    effects: {\n      lifecycle({ context, prop, refs, send }) {\n        refs.set(\"remaining\", live(prop).duration);\n        if (context.get(\"open\")) arm(refs, send);\n        return () => clear(refs);\n      },\n    },\n  },\n});\n\nexport interface QwNotifyApi<T extends PropTypes = PropTypes> {\n  open: boolean; type: NotifyType; message: string; actionText: string; closable: boolean; closeLabel: string;\n  show(): void;\n  close(): void;\n  getRootProps(): T[\"element\"];\n  getMessageProps(): T[\"element\"];\n  getActionProps(): T[\"button\"];\n  getCloseProps(): T[\"button\"];\n  /** Decorative close glyph rendered inside the close button. */\n  getCloseIconState(): IconState;\n}\nfunction run(handlers: NotifyEventHandler | readonly NotifyEventHandler[] | undefined, event: NotifyDomEvent): boolean {\n  const list = typeof handlers === \"function\" ? [handlers] : handlers ?? [];\n  for (const handler of list) if (typeof handler === \"function\") handler(event);\n  return !event.defaultPrevented;\n}\nconst contains = (owner: unknown, node: unknown) => !!node && typeof (owner as Node | null)?.contains === \"function\" && (owner as Node).contains(node as Node);\n\nexport function connectNotify<T extends PropTypes>(service: QwNotifyService, normalize: NormalizeProps<T>, options: NotifyConnectOptions = {}): QwNotifyApi<T> {\n  const state = live(service.prop), open = service.context.get(\"open\"), { send } = service;\n  const part = (name: string) => ({ \"data-scope\": \"notify\", \"data-part\": name, \"data-type\": state.type });\n  const root = options.root ?? {};\n  const hover = (value: boolean) => send({ type: \"HOVER\", value }), focus = (value: boolean) => send({ type: \"FOCUS\", value });\n  const show = () => send({ type: \"SHOW\" }), close = () => send({ type: \"CLOSE\", reason: \"api\" });\n  return {\n    // The message is only rendered while open, so (re)opening inserts text into the live region and is announced.\n    open, type: state.type, message: open ? state.message : \"\", actionText: state.actionText, closable: state.closable, closeLabel: state.closeLabel, show, close,\n    getRootProps: () => normalize.element({\n      ...part(\"root\"), id: `notify:${service.scope.id}`, \"data-state\": open ? \"open\" : \"closed\", hidden: !open || undefined,\n      onPointerEnter(event: NotifyDomEvent) { if (run(root.onPointerEnter, event) && event.pointerType !== \"touch\") hover(true); },\n      onPointerLeave(event: NotifyDomEvent) { if (run(root.onPointerLeave, event) && event.pointerType !== \"touch\") hover(false); },\n      onFocus(event: NotifyDomEvent) { if (run(root.onFocus, event)) focus(true); },\n      onBlur(event: NotifyDomEvent) { if (run(root.onBlur, event) && !contains(event.currentTarget, event.relatedTarget)) focus(false); },\n      onKeyDown(event: NotifyDomEvent) {\n        if (!run(root.onKeyDown, event) || event.key !== \"Escape\" || !state.closable || !open) return;\n        event.preventDefault?.(); send({ type: \"CLOSE\", reason: \"close\" });\n      },\n    }),\n    // The live region is the message only, so buttons are not re-read and focus never moves.\n    getMessageProps: () => normalize.element({ ...part(\"message\"), role: state.type === \"danger\" ? \"alert\" : \"status\", \"aria-live\": state.type === \"danger\" ? \"assertive\" : \"polite\", \"aria-atomic\": true }),\n    getActionProps: () => normalize.button({ ...part(\"action\"), type: \"button\", hidden: !state.actionText || undefined,\n      onClick(event: NotifyDomEvent) { if (!event.defaultPrevented) send({ type: \"ACTION\" }); } }),\n    getCloseIconState: () => resolveIconState({ id: `notify:${service.scope.id}:close`, name: \"close\" }),\n    getCloseProps: () => normalize.button({ ...part(\"close\"), type: \"button\", \"aria-label\": state.closeLabel, hidden: !state.closable || undefined,\n      onClick(event: NotifyDomEvent) { if (!event.defaultPrevented) send({ type: \"CLOSE\", reason: \"close\" }); } }),\n  };\n}\n"],"mappings":"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"}