@ada-cx/lovelace 1.3.0 → 1.5.0

package/dist/components/Banner/Banner.css.d.ts

@@ -0,0 +1 @@
+export declare const bannerSurface: string;

package/dist/components/Banner/Banner.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+//#region src/components/Banner/Banner.css.ts
+var e = "fpbgjm0";
+//#endregion
+export { e as bannerSurface };
+
+//# sourceMappingURL=Banner.css.js.map

package/dist/components/Banner/Banner.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.css.js","names":[],"sources":["../../../src/components/Banner/Banner.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\nimport { t } from \"../../tokens/index.js\";\n\n// Typed as a plain string: `t()` returns a union of every token name, and a\n// two-property template literal over two of them explodes past what tsc can\n// represent.\nconst surfaceTransition: string = `transform ${t(\"duration-medium\")} ${t(\n\t\"easing-standard\",\n)}, height ${t(\"duration-medium\")} ${t(\"easing-standard\")}, opacity ${t(\n\t\"duration-fast\",\n)} ${t(\"easing-standard\")}`;\n\n// Arrives and leaves by animating its own height, with the message held against\n// the bottom edge so it slides while the box grows or shrinks around it. The two\n// have to move together: a box that holds its full height for the whole travel\n// pushes whatever is below it a full height at once and then leaves it staring at\n// a gap until the message catches up.\nexport const bannerSurface = style({\n\tposition: \"relative\",\n\tdisplay: \"flex\",\n\talignItems: \"flex-end\",\n\toverflow: \"hidden\",\n\tselectors: {\n\t\t// Also translated on the way out, so the message clears the edge above it\n\t\t// rather than only being clipped away.\n\t\t\"&[data-exiting]\": { transform: \"translateY(-100%)\" },\n\t\t// One condition replacing another is a change of message on the same slot,\n\t\t// so the surface fades through the change instead of sliding. Sliding would\n\t\t// report a condition leaving and another arriving, which is not what the\n\t\t// chatter's situation did.\n\t\t\"&[data-swapping]\": { opacity: 0 },\n\t},\n\t\"@media\": {\n\t\t\"(prefers-reduced-motion: no-preference)\": {\n\t\t\ttransition: surfaceTransition,\n\t\t},\n\t},\n});\n"],"mappings":""}

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,51 @@
+import type { CSSProperties, Ref } from "react";
+import type { ToastStatus } from "../ToastNotification/ToastNotification.js";
+export interface BannerProps {
+    /**
+     * The condition to report. Text, not nodes: the surface fades through a change
+     * of message, and it can only tell one message from another by comparing them.
+     */
+    message: string;
+    /**
+     * The outcome being reported. Also picks the urgency: `error` interrupts as an
+     * assertive `alert`, anything else waits its turn as a polite `status`.
+     */
+    status?: ToastStatus;
+    /** Whether the condition currently holds. */
+    visible: boolean;
+    /**
+     * A counter that advances whenever the condition is reported again. Pass it for
+     * a condition that can repeat with the same wording: without it the second
+     * report changes nothing in the live region, so a reader never hears it.
+     */
+    revision?: number;
+    /**
+     * Runs when the reader presses dismiss, and renders the button. Clear the state
+     * behind `visible` here, or the next change to that state raises the banner
+     * again. Omit it for a condition the reader cannot act on.
+     */
+    onDismiss?: () => void;
+    /** Accessible name for the dismiss button. Localize it. */
+    dismissLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Reports a condition for as long as it holds — an outage, a lost connection, a
+ * failed send. It never queues and never times out, so nothing transient can push
+ * it out of view and the message is still there when the reader reaches for it.
+ *
+ * Pass `onDismiss` only when the reader is meant to act on the condition; a banner
+ * bound purely to state offers no control, because only that state takes it down.
+ * Either way, read a durable field, never one a dismissal elsewhere can clear — a
+ * banner wired to a dismissible field disappears while its condition still holds.
+ *
+ * One at a time. On a narrow surface a second banner buries the content behind it,
+ * so pick the condition to show rather than stacking them. For a finished event
+ * rather than a condition, use `ToastRegion`.
+ *
+ * Mount it unconditionally and drive it with `visible`. Give the container
+ * `overflow: hidden` — the banner slides in from the container's leading edge.
+ */
+export declare function Banner({ message, status, visible, revision, onDismiss, dismissLabel, className, style, ref, }: BannerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Banner/Banner.js

@@ -0,0 +1,25 @@
+import { BannerSurface as e } from "./BannerSurface.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useCallback as n, useState as r } from "react";
+//#region src/components/Banner/Banner.tsx
+function i({ message: i, status: a = "success", visible: o, revision: s, onDismiss: c, dismissLabel: l, className: u, style: d, ref: f }) {
+	let [p, m] = r(!1), [h, g] = r(o);
+	h !== o && (g(o), m(!o));
+	let _ = n(() => m(!1), []);
+	return !o && !p ? null : /* @__PURE__ */ t(e, {
+		message: i,
+		status: a,
+		visible: o,
+		revision: s,
+		onExited: _,
+		onDismiss: c,
+		dismissLabel: l,
+		className: u,
+		style: d,
+		ref: f
+	});
+}
+//#endregion
+export { i as Banner };
+
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import type { CSSProperties, Ref } from \"react\";\nimport { useCallback, useState } from \"react\";\nimport type { ToastStatus } from \"../ToastNotification/ToastNotification.js\";\nimport { BannerSurface } from \"./BannerSurface.js\";\n\nexport interface BannerProps {\n\t/**\n\t * The condition to report. Text, not nodes: the surface fades through a change\n\t * of message, and it can only tell one message from another by comparing them.\n\t */\n\tmessage: string;\n\t/**\n\t * The outcome being reported. Also picks the urgency: `error` interrupts as an\n\t * assertive `alert`, anything else waits its turn as a polite `status`.\n\t */\n\tstatus?: ToastStatus;\n\t/** Whether the condition currently holds. */\n\tvisible: boolean;\n\t/**\n\t * A counter that advances whenever the condition is reported again. Pass it for\n\t * a condition that can repeat with the same wording: without it the second\n\t * report changes nothing in the live region, so a reader never hears it.\n\t */\n\trevision?: number;\n\t/**\n\t * Runs when the reader presses dismiss, and renders the button. Clear the state\n\t * behind `visible` here, or the next change to that state raises the banner\n\t * again. Omit it for a condition the reader cannot act on.\n\t */\n\tonDismiss?: () => void;\n\t/** Accessible name for the dismiss button. Localize it. */\n\tdismissLabel?: string;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLDivElement>;\n}\n\n/**\n * Reports a condition for as long as it holds — an outage, a lost connection, a\n * failed send. It never queues and never times out, so nothing transient can push\n * it out of view and the message is still there when the reader reaches for it.\n *\n * Pass `onDismiss` only when the reader is meant to act on the condition; a banner\n * bound purely to state offers no control, because only that state takes it down.\n * Either way, read a durable field, never one a dismissal elsewhere can clear — a\n * banner wired to a dismissible field disappears while its condition still holds.\n *\n * One at a time. On a narrow surface a second banner buries the content behind it,\n * so pick the condition to show rather than stacking them. For a finished event\n * rather than a condition, use `ToastRegion`.\n *\n * Mount it unconditionally and drive it with `visible`. Give the container\n * `overflow: hidden` — the banner slides in from the container's leading edge.\n */\nexport function Banner({\n\tmessage,\n\tstatus = \"success\",\n\tvisible,\n\trevision,\n\tonDismiss,\n\tdismissLabel,\n\tclassName,\n\tstyle,\n\tref,\n}: BannerProps) {\n\tconst [isExiting, setIsExiting] = useState(false);\n\tconst [wasVisible, setWasVisible] = useState(visible);\n\n\t// Derive during render rather than in a layout effect. An effect runs after\n\t// the commit that already returned null, so the surface would unmount and\n\t// come back with its exit animation missed. The previous value is state\n\t// rather than a ref because React can discard a render, which would keep a\n\t// ref write but drop the update beside it.\n\tif (wasVisible !== visible) {\n\t\tsetWasVisible(visible);\n\t\tsetIsExiting(!visible);\n\t}\n\n\tconst handleExited = useCallback(() => setIsExiting(false), []);\n\n\tif (!visible && !isExiting) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BannerSurface\n\t\t\tmessage={message}\n\t\t\tstatus={status}\n\t\t\tvisible={visible}\n\t\t\trevision={revision}\n\t\t\tonExited={handleExited}\n\t\t\tonDismiss={onDismiss}\n\t\t\tdismissLabel={dismissLabel}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t\tref={ref}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;AAsDA,SAAgB,EAAO,EACtB,YACA,YAAS,WACT,YACA,aACA,cACA,iBACA,cACA,UACA,UACe;CACf,IAAM,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAY,KAAiB,EAAS,EAAQ;AAOrD,CAAI,MAAe,MAClB,EAAc,EAAQ,EACtB,EAAa,CAAC,EAAQ;CAGvB,IAAM,IAAe,QAAkB,EAAa,GAAM,EAAE,EAAE,CAAC;AAM/D,QAJI,CAAC,KAAW,CAAC,IACT,OAIP,kBAAC,GAAD;EACU;EACD;EACC;EACC;EACV,UAAU;EACC;EACG;EACH;EACJ;EACF;EACJ,CAAA"}

package/dist/components/Banner/BannerSurface.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, Ref } from "react";
+import type { ToastStatus } from "../ToastNotification/ToastNotification.js";
+export interface BannerSurfaceProps {
+    message: string;
+    status: ToastStatus;
+    visible: boolean;
+    revision?: number;
+    /** Runs when the exit animation finishes and the surface can be unmounted. */
+    onExited: () => void;
+    /** Omit it on a banner that only its condition takes down. */
+    onDismiss?: () => void;
+    dismissLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function BannerSurface({ message, status, visible, revision, onExited, onDismiss, dismissLabel, className, style, ref: forwardedRef, }: BannerSurfaceProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/BannerSurface.js

@@ -0,0 +1,65 @@
+import { useExitAnimation as e, useSlideHeight as t } from "../../utils/animation.js";
+import { ToastNotification as n } from "../ToastNotification/ToastNotification.js";
+import { bannerSurface as r } from "./Banner.css.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { useObjectRef as l } from "react-aria/useObjectRef";
+//#region src/components/Banner/BannerSurface.tsx
+function u(e) {
+	let [t, n] = c(!1), [r, i] = c(e);
+	return r !== e && (i(e), n(!0)), a(() => {
+		if (!t) return;
+		let e = 0, r = requestAnimationFrame(() => {
+			e = requestAnimationFrame(() => n(!1));
+		});
+		return () => {
+			cancelAnimationFrame(r), cancelAnimationFrame(e);
+		};
+	}, [t]), t;
+}
+function d({ message: d, status: f, visible: p, revision: m, onExited: h, onDismiss: g, dismissLabel: _, className: v, style: y, ref: b }) {
+	let x = l(b), S = e(x, p), C = u(d), w = t(x, p), [T, E] = c(!1);
+	o(() => {
+		E(p);
+	}, [p]);
+	let D = s(m);
+	a(() => {
+		if (!p || m === D.current) return;
+		D.current = m, E(!1);
+		let e = requestAnimationFrame(() => E(!0));
+		return () => cancelAnimationFrame(e);
+	}, [p, m]), a(() => {
+		!p && !S && h();
+	}, [
+		p,
+		S,
+		h
+	]);
+	let O = f === "error";
+	return /* @__PURE__ */ i("div", {
+		ref: x,
+		className: r,
+		"data-exiting": S || void 0,
+		"data-swapping": C || void 0,
+		style: w === null ? void 0 : { height: w },
+		children: /* @__PURE__ */ i(n, {
+			status: f,
+			className: v,
+			style: y,
+			onDismiss: g,
+			dismissDisabled: !p,
+			dismissLabel: _,
+			messageProps: {
+				role: O ? "alert" : "status",
+				"aria-live": O ? "assertive" : "polite",
+				"aria-atomic": "true",
+				"aria-hidden": T ? void 0 : "true"
+			},
+			children: d
+		})
+	});
+}
+//#endregion
+export { d as BannerSurface };
+
+//# sourceMappingURL=BannerSurface.js.map

package/dist/components/Banner/BannerSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSurface.js","names":[],"sources":["../../../src/components/Banner/BannerSurface.tsx"],"sourcesContent":["import type { CSSProperties, Ref } from \"react\";\nimport { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useObjectRef } from \"react-aria/useObjectRef\";\nimport { useExitAnimation, useSlideHeight } from \"../../utils/animation.js\";\nimport type { ToastStatus } from \"../ToastNotification/ToastNotification.js\";\nimport { ToastNotification } from \"../ToastNotification/ToastNotification.js\";\nimport { bannerSurface } from \"./Banner.css.js\";\n\nexport interface BannerSurfaceProps {\n\tmessage: string;\n\tstatus: ToastStatus;\n\tvisible: boolean;\n\trevision?: number;\n\t/** Runs when the exit animation finishes and the surface can be unmounted. */\n\tonExited: () => void;\n\t/** Omit it on a banner that only its condition takes down. */\n\tonDismiss?: () => void;\n\tdismissLabel?: string;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLDivElement>;\n}\n\n/**\n * Reports one frame of \"the message just changed\", which the surface fades\n * through. Derived from the message rather than an effect: an effect runs after\n * the commit that already painted the new text, so the fade would start from it.\n */\nfunction useSwapAnimation(message: string): boolean {\n\tconst [isSwapping, setIsSwapping] = useState(false);\n\tconst [previousMessage, setPreviousMessage] = useState(message);\n\n\tif (previousMessage !== message) {\n\t\tsetPreviousMessage(message);\n\t\tsetIsSwapping(true);\n\t}\n\n\tuseEffect(() => {\n\t\tif (!isSwapping) {\n\t\t\treturn;\n\t\t}\n\t\t// Two frames: the first is the one the faded-out state paints in, and clearing\n\t\t// the flag before that paint leaves the fade with nothing to run from.\n\t\tlet secondFrame = 0;\n\t\tconst frame = requestAnimationFrame(() => {\n\t\t\tsecondFrame = requestAnimationFrame(() => setIsSwapping(false));\n\t\t});\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(frame);\n\t\t\tcancelAnimationFrame(secondFrame);\n\t\t};\n\t}, [isSwapping]);\n\n\treturn isSwapping;\n}\n\nexport function BannerSurface({\n\tmessage,\n\tstatus,\n\tvisible,\n\trevision,\n\tonExited,\n\tonDismiss,\n\tdismissLabel,\n\tclassName,\n\tstyle,\n\tref: forwardedRef,\n}: BannerSurfaceProps) {\n\t// The animation hooks measure this element, so the consumer's ref has to be the\n\t// same object rather than a second one attached beside it.\n\tconst ref = useObjectRef(forwardedRef);\n\tconst isExiting = useExitAnimation(ref, visible);\n\tconst isSwapping = useSwapAnimation(message);\n\tconst slideHeight = useSlideHeight(ref, visible);\n\n\t// A live region that mounts with its text already in place is missed, so\n\t// reveal the message a beat later and let the mutation be what gets announced.\n\t// react-aria's own toast implementation resorts to the same two-phase flip.\n\t//\n\t// Keyed on `visible` rather than on mount: a condition that clears and returns\n\t// before its exit finishes reuses this surface, and re-revealing the message is\n\t// what makes the second arrival a mutation the reader hears.\n\tconst [isAnnounced, setIsAnnounced] = useState(false);\n\tuseLayoutEffect(() => {\n\t\tsetIsAnnounced(visible);\n\t}, [visible]);\n\n\t// A condition reported again with the same wording leaves the region's text\n\t// untouched, so hide it and reveal it once more: the reveal is the mutation the\n\t// reader hears. Kept apart from the effect above so a first arrival is still\n\t// revealed in the commit that follows it, rather than a frame later.\n\tconst announcedRevision = useRef(revision);\n\tuseEffect(() => {\n\t\tif (!visible || revision === announcedRevision.current) {\n\t\t\treturn;\n\t\t}\n\t\tannouncedRevision.current = revision;\n\t\tsetIsAnnounced(false);\n\t\tconst frame = requestAnimationFrame(() => setIsAnnounced(true));\n\t\treturn () => cancelAnimationFrame(frame);\n\t}, [visible, revision]);\n\n\tuseEffect(() => {\n\t\tif (!visible && !isExiting) {\n\t\t\tonExited();\n\t\t}\n\t}, [visible, isExiting, onExited]);\n\n\tconst isError = status === \"error\";\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={bannerSurface}\n\t\t\tdata-exiting={isExiting || undefined}\n\t\t\tdata-swapping={isSwapping || undefined}\n\t\t\tstyle={slideHeight === null ? undefined : { height: slideHeight }}\n\t\t>\n\t\t\t<ToastNotification\n\t\t\t\tstatus={status}\n\t\t\t\tclassName={className}\n\t\t\t\tstyle={style}\n\t\t\t\tonDismiss={onDismiss}\n\t\t\t\t// The condition is already gone by the time the surface is leaving, so\n\t\t\t\t// the press has nothing left to act on.\n\t\t\t\tdismissDisabled={!visible}\n\t\t\t\tdismissLabel={dismissLabel}\n\t\t\t\tmessageProps={{\n\t\t\t\t\trole: isError ? \"alert\" : \"status\",\n\t\t\t\t\t\"aria-live\": isError ? \"assertive\" : \"polite\",\n\t\t\t\t\t\"aria-atomic\": \"true\",\n\t\t\t\t\t\"aria-hidden\": isAnnounced ? undefined : \"true\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{message}\n\t\t\t</ToastNotification>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AA4BA,SAAS,EAAiB,GAA0B;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAiB,KAAsB,EAAS,EAAQ;AAuB/D,QArBI,MAAoB,MACvB,EAAmB,EAAQ,EAC3B,EAAc,GAAK,GAGpB,QAAgB;AACf,MAAI,CAAC,EACJ;EAID,IAAI,IAAc,GACZ,IAAQ,4BAA4B;AACzC,OAAc,4BAA4B,EAAc,GAAM,CAAC;IAC9D;AACF,eAAa;AAEZ,GADA,qBAAqB,EAAM,EAC3B,qBAAqB,EAAY;;IAEhC,CAAC,EAAW,CAAC,EAET;;AAGR,SAAgB,EAAc,EAC7B,YACA,WACA,YACA,aACA,aACA,cACA,iBACA,cACA,UACA,KAAK,KACiB;CAGtB,IAAM,IAAM,EAAa,EAAa,EAChC,IAAY,EAAiB,GAAK,EAAQ,EAC1C,IAAa,EAAiB,EAAQ,EACtC,IAAc,EAAe,GAAK,EAAQ,EAS1C,CAAC,GAAa,KAAkB,EAAS,GAAM;AACrD,SAAsB;AACrB,IAAe,EAAQ;IACrB,CAAC,EAAQ,CAAC;CAMb,IAAM,IAAoB,EAAO,EAAS;AAW1C,CAVA,QAAgB;AACf,MAAI,CAAC,KAAW,MAAa,EAAkB,QAC9C;AAGD,EADA,EAAkB,UAAU,GAC5B,EAAe,GAAM;EACrB,IAAM,IAAQ,4BAA4B,EAAe,GAAK,CAAC;AAC/D,eAAa,qBAAqB,EAAM;IACtC,CAAC,GAAS,EAAS,CAAC,EAEvB,QAAgB;AACf,EAAI,CAAC,KAAW,CAAC,KAChB,GAAU;IAET;EAAC;EAAS;EAAW;EAAS,CAAC;CAElC,IAAM,IAAU,MAAW;AAE3B,QACC,kBAAC,OAAD;EACM;EACL,WAAW;EACX,gBAAc,KAAa,KAAA;EAC3B,iBAAe,KAAc,KAAA;EAC7B,OAAO,MAAgB,OAAO,KAAA,IAAY,EAAE,QAAQ,GAAa;YAEjE,kBAAC,GAAD;GACS;GACG;GACJ;GACI;GAGX,iBAAiB,CAAC;GACJ;GACd,cAAc;IACb,MAAM,IAAU,UAAU;IAC1B,aAAa,IAAU,cAAc;IACrC,eAAe;IACf,eAAe,IAAc,KAAA,IAAY;IACzC;aAEA;GACkB,CAAA;EACf,CAAA"}

package/dist/components/Banner/index.d.ts

@@ -0,0 +1 @@
+export { Banner, type BannerProps } from "./Banner.js";

package/dist/components/BubbleOverlay/BubbleOverlay.js

@@ -1,28 +1,29 @@
 import { cx as e } from "../../utils/cx.js";
-import { bubbleDialog as t, bubbleModal as n, bubbleScrim as r } from "./BubbleOverlay.css.js";
-import { jsx as i } from "react/jsx-runtime";
-import { useLocale as a } from "react-aria";
-import { Dialog as o, Modal as s, ModalOverlay as c } from "react-aria-components";
+import { OverlayRegistration as t } from "../../hooks/overlayRegistry.js";
+import { bubbleDialog as n, bubbleModal as r, bubbleScrim as i } from "./BubbleOverlay.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Dialog as s, Modal as c, ModalOverlay as l } from "react-aria-components";
+import { useLocale as u } from "react-aria";
 //#region src/components/BubbleOverlay/BubbleOverlay.tsx
-function l({ isOpen: l, onOpenChange: u, isDismissable: d = !0, "aria-label": f, className: p, children: m }) {
-	let { direction: h } = a();
-	return /* @__PURE__ */ i(c, {
-		isOpen: l,
-		onOpenChange: u,
-		isDismissable: d,
-		className: r,
-		dir: h,
-		children: /* @__PURE__ */ i(s, {
-			className: n,
-			children: /* @__PURE__ */ i(o, {
-				"aria-label": f,
-				className: e(t, p),
-				children: m
+function d({ isOpen: d, onOpenChange: f, isDismissable: p = !0, "aria-label": m, className: h, children: g }) {
+	let { direction: _ } = u();
+	return /* @__PURE__ */ o(l, {
+		isOpen: d,
+		onOpenChange: f,
+		isDismissable: p,
+		className: i,
+		dir: _,
+		children: [/* @__PURE__ */ a(t, {}), /* @__PURE__ */ a(c, {
+			className: r,
+			children: /* @__PURE__ */ a(s, {
+				"aria-label": m,
+				className: e(n, h),
+				children: g
 			})
-		})
+		})]
 	});
 }
 //#endregion
-export { l as BubbleOverlay };
+export { d as BubbleOverlay };
 
 //# sourceMappingURL=BubbleOverlay.js.map

package/dist/components/BubbleOverlay/BubbleOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleOverlay.js","names":[],"sources":["../../../src/components/BubbleOverlay/BubbleOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport { bubbleDialog, bubbleModal, bubbleScrim } from \"./BubbleOverlay.css.js\";\n\nexport interface BubbleOverlayProps {\n\t/** Whether the bubble is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (outside tap, Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on outside tap. Escape always cancels (RAC default). Defaults to `true`. */\n\tisDismissable?: boolean;\n\t/** Accessible name fallback when the child has no `Sheet.Header` title. */\n\t\"aria-label\"?: string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Non-dimming, near-bottom popover presentation. A compact card centered\n * horizontally near the bottom edge, with a **transparent** backdrop — the chat\n * behind it stays visible. It is still modal (focus-trap + dismiss on outside tap\n * / Escape), matching legacy chat's non-dimming anytime-survey bubble. For a\n * dimming bottom sheet use `SheetOverlay`.\n *\n * Give the dialog an accessible name via a `Sheet.Header` title or the\n * `aria-label` prop.\n */\nexport function BubbleOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\t\"aria-label\": ariaLabel,\n\tclassName,\n\tchildren,\n}: BubbleOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={bubbleScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<Modal className={bubbleModal}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\tclassName={cx(bubbleDialog, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;AAiCA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,cAAc,GACd,cACA,eACsB;CAItB,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YAEL,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACC,cAAY;IACZ,WAAW,EAAG,GAAc,EAAU;IAErC;IACW,CAAA;GACN,CAAA;EACM,CAAA"}
+{"version":3,"file":"BubbleOverlay.js","names":[],"sources":["../../../src/components/BubbleOverlay/BubbleOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { OverlayRegistration } from \"../../hooks/overlayRegistry.js\";\nimport { cx } from \"../../utils/cx.js\";\nimport { bubbleDialog, bubbleModal, bubbleScrim } from \"./BubbleOverlay.css.js\";\n\nexport interface BubbleOverlayProps {\n\t/** Whether the bubble is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (outside tap, Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on outside tap. Escape always cancels (RAC default). Defaults to `true`. */\n\tisDismissable?: boolean;\n\t/** Accessible name fallback when the child has no `Sheet.Header` title. */\n\t\"aria-label\"?: string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Non-dimming, near-bottom popover presentation. A compact card centered\n * horizontally near the bottom edge, with a **transparent** backdrop — the chat\n * behind it stays visible. It is still modal (focus-trap + dismiss on outside tap\n * / Escape), matching legacy chat's non-dimming anytime-survey bubble. For a\n * dimming bottom sheet use `SheetOverlay`.\n *\n * Give the dialog an accessible name via a `Sheet.Header` title or the\n * `aria-label` prop.\n */\nexport function BubbleOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\t\"aria-label\": ariaLabel,\n\tclassName,\n\tchildren,\n}: BubbleOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={bubbleScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<OverlayRegistration />\n\t\t\t<Modal className={bubbleModal}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\tclassName={cx(bubbleDialog, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;;AAkCA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,cAAc,GACd,cACA,eACsB;CAItB,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YALN,CAOC,kBAAC,GAAD,EAAuB,CAAA,EACvB,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACC,cAAY;IACZ,WAAW,EAAG,GAAc,EAAU;IAErC;IACW,CAAA;GACN,CAAA,CACM"}

package/dist/components/Dialog/DialogIcon.js

@@ -1,14 +1,14 @@
 import { cx as e } from "../../utils/cx.js";
-import { dialogIcon as t } from "./Dialog.css.js";
-import { Checkmark as n } from "../Icon/icons/Checkmark.js";
-import { ExclamationTriangle as r } from "../Icon/icons/ExclamationTriangle.js";
+import { Checkmark as t } from "../Icon/icons/Checkmark.js";
+import { ExclamationTriangle as n } from "../Icon/icons/ExclamationTriangle.js";
+import { dialogIcon as r } from "./Dialog.css.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Dialog/DialogIcon.tsx
 function a({ intent: a, className: o }) {
-	let s = a === "warning" ? r : n;
+	let s = a === "warning" ? n : t;
 	return /* @__PURE__ */ i("span", {
 		"data-intent": a,
-		className: e(t({ intent: a }), o),
+		className: e(r({ intent: a }), o),
 		children: /* @__PURE__ */ i(s, {})
 	});
 }

package/dist/components/DialogOverlay/DialogOverlay.js

@@ -1,30 +1,31 @@
 import { cx as e } from "../../utils/cx.js";
-import { dialogOverlayCard as t, dialogOverlayScrim as n, dialogOverlaySurface as r } from "./DialogOverlay.css.js";
-import { jsx as i } from "react/jsx-runtime";
-import { useLocale as a } from "react-aria";
-import { Dialog as o, Modal as s, ModalOverlay as c } from "react-aria-components";
+import { OverlayRegistration as t } from "../../hooks/overlayRegistry.js";
+import { dialogOverlayCard as n, dialogOverlayScrim as r, dialogOverlaySurface as i } from "./DialogOverlay.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Dialog as s, Modal as c, ModalOverlay as l } from "react-aria-components";
+import { useLocale as u } from "react-aria";
 //#region src/components/DialogOverlay/DialogOverlay.tsx
-function l({ isOpen: l, onOpenChange: u, isDismissable: d = !0, role: f = "dialog", "aria-label": p, "aria-describedby": m, className: h, children: g }) {
-	let { direction: _ } = a();
-	return /* @__PURE__ */ i(c, {
-		isOpen: l,
-		onOpenChange: u,
-		isDismissable: d,
-		className: n,
-		dir: _,
-		children: /* @__PURE__ */ i(s, {
-			className: t,
-			children: /* @__PURE__ */ i(o, {
-				role: f,
-				"aria-label": p,
-				"aria-describedby": m,
-				className: e(r, h),
-				children: g
+function d({ isOpen: d, onOpenChange: f, isDismissable: p = !0, role: m = "dialog", "aria-label": h, "aria-describedby": g, className: _, children: v }) {
+	let { direction: y } = u();
+	return /* @__PURE__ */ o(l, {
+		isOpen: d,
+		onOpenChange: f,
+		isDismissable: p,
+		className: r,
+		dir: y,
+		children: [/* @__PURE__ */ a(t, {}), /* @__PURE__ */ a(c, {
+			className: n,
+			children: /* @__PURE__ */ a(s, {
+				role: m,
+				"aria-label": h,
+				"aria-describedby": g,
+				className: e(i, _),
+				children: v
 			})
-		})
+		})]
 	});
 }
 //#endregion
-export { l as DialogOverlay };
+export { d as DialogOverlay };
 
 //# sourceMappingURL=DialogOverlay.js.map

package/dist/components/DialogOverlay/DialogOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogOverlay.js","names":[],"sources":["../../../src/components/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tdialogOverlayCard,\n\tdialogOverlayScrim,\n\tdialogOverlaySurface,\n} from \"./DialogOverlay.css.js\";\n\nexport interface DialogOverlayProps {\n\t/** Whether the dialog is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (scrim tap, Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on scrim tap. Escape always cancels (RAC default). Defaults to `true`. */\n\tisDismissable?: boolean;\n\t/**\n\t * `alertdialog` for an interruption that must not be dismissed by tapping away;\n\t * `dialog` otherwise. Defaults to `dialog`.\n\t */\n\trole?: \"dialog\" | \"alertdialog\";\n\t/** Accessible name fallback when the children supply no `slot=\"title\"` heading. */\n\t\"aria-label\"?: string;\n\t/**\n\t * Id of the element describing the dialog — the `alertdialog` pattern expects\n\t * one, so point it at the `Dialog.Body` carrying the message.\n\t */\n\t\"aria-describedby\"?: string;\n\t/** Extends the focus-trap surface (e.g. content arrangement). */\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Centered modal-dialog presentation: dark scrim, centered card, focus-trap,\n * dismiss-on-tap/Escape, scale-in. Wraps arbitrary children (typically a `Dialog`\n * content stack). For a bottom sheet use `SheetOverlay`; for a full-window surface\n * `FullscreenOverlay`; for a non-dimming bubble `BubbleOverlay`.\n *\n * `role=\"alertdialog\"` + `isDismissable={false}` for an interruption that must not\n * be dismissed by tapping away (Escape still cancels); the `dialog` defaults\n * otherwise. Give it an accessible name via a `Dialog.Title` or `aria-label`.\n */\nexport function DialogOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\trole = \"dialog\",\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\tclassName,\n\tchildren,\n}: DialogOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={dialogOverlayScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<Modal className={dialogOverlayCard}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\trole={role}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\tclassName={cx(dialogOverlaySurface, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;AAgDA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,UAAO,UACP,cAAc,GACd,oBAAoB,GACpB,cACA,eACsB;CAItB,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YAEL,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACO;IACN,cAAY;IACZ,oBAAkB;IAClB,WAAW,EAAG,GAAsB,EAAU;IAE7C;IACW,CAAA;GACN,CAAA;EACM,CAAA"}
+{"version":3,"file":"DialogOverlay.js","names":[],"sources":["../../../src/components/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { OverlayRegistration } from \"../../hooks/overlayRegistry.js\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tdialogOverlayCard,\n\tdialogOverlayScrim,\n\tdialogOverlaySurface,\n} from \"./DialogOverlay.css.js\";\n\nexport interface DialogOverlayProps {\n\t/** Whether the dialog is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (scrim tap, Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on scrim tap. Escape always cancels (RAC default). Defaults to `true`. */\n\tisDismissable?: boolean;\n\t/**\n\t * `alertdialog` for an interruption that must not be dismissed by tapping away;\n\t * `dialog` otherwise. Defaults to `dialog`.\n\t */\n\trole?: \"dialog\" | \"alertdialog\";\n\t/** Accessible name fallback when the children supply no `slot=\"title\"` heading. */\n\t\"aria-label\"?: string;\n\t/**\n\t * Id of the element describing the dialog — the `alertdialog` pattern expects\n\t * one, so point it at the `Dialog.Body` carrying the message.\n\t */\n\t\"aria-describedby\"?: string;\n\t/** Extends the focus-trap surface (e.g. content arrangement). */\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Centered modal-dialog presentation: dark scrim, centered card, focus-trap,\n * dismiss-on-tap/Escape, scale-in. Wraps arbitrary children (typically a `Dialog`\n * content stack). For a bottom sheet use `SheetOverlay`; for a full-window surface\n * `FullscreenOverlay`; for a non-dimming bubble `BubbleOverlay`.\n *\n * `role=\"alertdialog\"` + `isDismissable={false}` for an interruption that must not\n * be dismissed by tapping away (Escape still cancels); the `dialog` defaults\n * otherwise. Give it an accessible name via a `Dialog.Title` or `aria-label`.\n */\nexport function DialogOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\trole = \"dialog\",\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\tclassName,\n\tchildren,\n}: DialogOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={dialogOverlayScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<OverlayRegistration />\n\t\t\t<Modal className={dialogOverlayCard}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\trole={role}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\tclassName={cx(dialogOverlaySurface, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;;AAiDA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,UAAO,UACP,cAAc,GACd,oBAAoB,GACpB,cACA,eACsB;CAItB,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YALN,CAOC,kBAAC,GAAD,EAAuB,CAAA,EACvB,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACO;IACN,cAAY;IACZ,oBAAkB;IAClB,WAAW,EAAG,GAAsB,EAAU;IAE7C;IACW,CAAA;GACN,CAAA,CACM"}

package/dist/components/FullscreenOverlay/FullscreenOverlay.js

@@ -1,28 +1,29 @@
 import { cx as e } from "../../utils/cx.js";
-import { fullscreenDialog as t, fullscreenModal as n, fullscreenScrim as r } from "./FullscreenOverlay.css.js";
-import { jsx as i } from "react/jsx-runtime";
-import { useLocale as a } from "react-aria";
-import { Dialog as o, Modal as s, ModalOverlay as c } from "react-aria-components";
+import { OverlayRegistration as t } from "../../hooks/overlayRegistry.js";
+import { fullscreenDialog as n, fullscreenModal as r, fullscreenScrim as i } from "./FullscreenOverlay.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Dialog as s, Modal as c, ModalOverlay as l } from "react-aria-components";
+import { useLocale as u } from "react-aria";
 //#region src/components/FullscreenOverlay/FullscreenOverlay.tsx
-function l({ isOpen: l, onOpenChange: u, isDismissable: d = !0, "aria-label": f, className: p, children: m }) {
-	let { direction: h } = a();
-	return /* @__PURE__ */ i(c, {
-		isOpen: l,
-		onOpenChange: u,
-		isDismissable: d,
-		className: r,
-		dir: h,
-		children: /* @__PURE__ */ i(s, {
-			className: n,
-			children: /* @__PURE__ */ i(o, {
-				"aria-label": f,
-				className: e(t, p),
-				children: m
+function d({ isOpen: d, onOpenChange: f, isDismissable: p = !0, "aria-label": m, className: h, children: g }) {
+	let { direction: _ } = u();
+	return /* @__PURE__ */ o(l, {
+		isOpen: d,
+		onOpenChange: f,
+		isDismissable: p,
+		className: i,
+		dir: _,
+		children: [/* @__PURE__ */ a(t, {}), /* @__PURE__ */ a(c, {
+			className: r,
+			children: /* @__PURE__ */ a(s, {
+				"aria-label": m,
+				className: e(n, h),
+				children: g
 			})
-		})
+		})]
 	});
 }
 //#endregion
-export { l as FullscreenOverlay };
+export { d as FullscreenOverlay };
 
 //# sourceMappingURL=FullscreenOverlay.js.map

package/dist/components/FullscreenOverlay/FullscreenOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenOverlay.js","names":[],"sources":["../../../src/components/FullscreenOverlay/FullscreenOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tfullscreenDialog,\n\tfullscreenModal,\n\tfullscreenScrim,\n} from \"./FullscreenOverlay.css.js\";\n\nexport interface FullscreenOverlayProps {\n\t/** Whether the overlay is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on outside tap. Escape always cancels (RAC default). Defaults to `true`. (The surface fills the window, so there is no scrim to tap.) */\n\tisDismissable?: boolean;\n\t/** Accessible name fallback when the child has no `Sheet.Header` title. */\n\t\"aria-label\"?: string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Modal presentation that fills the whole chat window — no size cap, no rounded\n * corners, focus-trap, slide-up. Wraps arbitrary children (typically a `Sheet`).\n * For a bottom card use `SheetOverlay`; for a centered dialog `Dialog`.\n *\n * Give the dialog an accessible name via a `Sheet.Header` title or the\n * `aria-label` prop.\n */\nexport function FullscreenOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\t\"aria-label\": ariaLabel,\n\tclassName,\n\tchildren,\n}: FullscreenOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={fullscreenScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<Modal className={fullscreenModal}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\tclassName={cx(fullscreenDialog, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;AAmCA,SAAgB,EAAkB,EACjC,WACA,iBACA,mBAAgB,IAChB,cAAc,GACd,cACA,eAC0B;CAI1B,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YAEL,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACC,cAAY;IACZ,WAAW,EAAG,GAAkB,EAAU;IAEzC;IACW,CAAA;GACN,CAAA;EACM,CAAA"}
+{"version":3,"file":"FullscreenOverlay.js","names":[],"sources":["../../../src/components/FullscreenOverlay/FullscreenOverlay.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useLocale } from \"react-aria\";\nimport {\n\tDialog as AriaDialog,\n\tModal,\n\tModalOverlay,\n} from \"react-aria-components\";\nimport { OverlayRegistration } from \"../../hooks/overlayRegistry.js\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tfullscreenDialog,\n\tfullscreenModal,\n\tfullscreenScrim,\n} from \"./FullscreenOverlay.css.js\";\n\nexport interface FullscreenOverlayProps {\n\t/** Whether the overlay is open. */\n\tisOpen: boolean;\n\t/** Called with the next open state on dismiss (Escape) or programmatic close. */\n\tonOpenChange: (isOpen: boolean) => void;\n\t/** Dismiss on outside tap. Escape always cancels (RAC default). Defaults to `true`. (The surface fills the window, so there is no scrim to tap.) */\n\tisDismissable?: boolean;\n\t/** Accessible name fallback when the child has no `Sheet.Header` title. */\n\t\"aria-label\"?: string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\n/**\n * Modal presentation that fills the whole chat window — no size cap, no rounded\n * corners, focus-trap, slide-up. Wraps arbitrary children (typically a `Sheet`).\n * For a bottom card use `SheetOverlay`; for a centered dialog `Dialog`.\n *\n * Give the dialog an accessible name via a `Sheet.Header` title or the\n * `aria-label` prop.\n */\nexport function FullscreenOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\t\"aria-label\": ariaLabel,\n\tclassName,\n\tchildren,\n}: FullscreenOverlayProps) {\n\t// Stated, not inherited: this renders through a portal, so its direction must\n\t// not depend on where the portal lands. See the portalled-surface scenario\n\t// under the RTL requirement in openspec/specs/accessibility/spec.md.\n\tconst { direction } = useLocale();\n\n\treturn (\n\t\t<ModalOverlay\n\t\t\tisOpen={isOpen}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tisDismissable={isDismissable}\n\t\t\tclassName={fullscreenScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<OverlayRegistration />\n\t\t\t<Modal className={fullscreenModal}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\tclassName={cx(fullscreenDialog, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</AriaDialog>\n\t\t\t</Modal>\n\t\t</ModalOverlay>\n\t);\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,EAAkB,EACjC,WACA,iBACA,mBAAgB,IAChB,cAAc,GACd,cACA,eAC0B;CAI1B,IAAM,EAAE,iBAAc,GAAW;AAEjC,QACC,kBAAC,GAAD;EACS;EACM;EACC;EACf,WAAW;EACX,KAAK;YALN,CAOC,kBAAC,GAAD,EAAuB,CAAA,EACvB,kBAAC,GAAD;GAAO,WAAW;aACjB,kBAAC,GAAD;IACC,cAAY;IACZ,WAAW,EAAG,GAAkB,EAAU;IAEzC;IACW,CAAA;GACN,CAAA,CACM"}

package/dist/components/Input/InputRoot.js

@@ -2,11 +2,11 @@ import { cx as e } from "../../utils/cx.js";
 import { InputContext as t } from "./Input.context.js";
 import { inputRoot as n } from "./Input.css.js";
 import { jsx as r } from "react/jsx-runtime";
-import { TextField as i } from "react-aria-components";
-import { useMemo as a } from "react";
+import { useMemo as i } from "react";
+import { TextField as a } from "react-aria-components";
 //#region src/components/Input/InputRoot.tsx
 function o({ className: o, children: s, variant: c = "default", ...l }) {
-	let u = l.isDisabled ?? !1, d = l.isInvalid ?? !1, f = a(() => ({
+	let u = l.isDisabled ?? !1, d = l.isInvalid ?? !1, f = i(() => ({
 		isDisabled: u,
 		isInvalid: d,
 		variant: c
@@ -15,7 +15,7 @@ function o({ className: o, children: s, variant: c = "default", ...l }) {
 		d,
 		c
 	]);
-	return /* @__PURE__ */ r(i, {
+	return /* @__PURE__ */ r(a, {
 		...l,
 		className: e(n, o),
 		children: /* @__PURE__ */ r(t.Provider, {

package/dist/components/Input/InputTextArea.js

@@ -1,12 +1,12 @@
 import { cx as e } from "../../utils/cx.js";
 import { inputTextArea as t } from "./Input.css.js";
 import { jsx as n } from "react/jsx-runtime";
-import { TextArea as r } from "react-aria-components";
-import { useCallback as i, useLayoutEffect as a } from "react";
-import { useObjectRef as o } from "react-aria/useObjectRef";
+import { useCallback as r, useLayoutEffect as i } from "react";
+import { useObjectRef as a } from "react-aria/useObjectRef";
+import { TextArea as o } from "react-aria-components";
 //#region src/components/Input/InputTextArea.tsx
 function s({ className: s, ref: c, minRows: l = 1, maxRows: u, rows: d, onInput: f, ...p }) {
-	let m = o(c), h = i(() => {
+	let m = a(c), h = r(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = Number.parseFloat(getComputedStyle(e).lineHeight);
@@ -19,13 +19,13 @@ function s({ className: s, ref: c, minRows: l = 1, maxRows: u, rows: d, onInput:
 		l,
 		u
 	]);
-	a(() => {
+	i(() => {
 		h();
 	});
-	let g = i((e) => {
+	let g = r((e) => {
 		h(), f?.(e);
 	}, [h, f]);
-	return /* @__PURE__ */ n(r, {
+	return /* @__PURE__ */ n(o, {
 		...p,
 		ref: m,
 		rows: d ?? l,

package/dist/components/MenuItem/MenuItemRoot.js

@@ -2,20 +2,20 @@ import { cx as e } from "../../utils/cx.js";
 import { menuItem as t } from "./MenuItem.css.js";
 import { MenuItemLabel as n } from "./MenuItemLabel.js";
 import { jsx as r } from "react/jsx-runtime";
-import { MenuItem as i } from "react-aria-components";
-import { Children as a, isValidElement as o } from "react";
+import { Children as i, isValidElement as a } from "react";
+import { MenuItem as o } from "react-aria-components";
 //#region src/components/MenuItem/MenuItemRoot.tsx
 function s(e) {
-	let t = a.toArray(e).find((e) => o(e) && e.type === n);
-	if (o(t)) return typeof t.props.children == "string" ? t.props.children : void 0;
+	let t = i.toArray(e).find((e) => a(e) && e.type === n);
+	if (a(t)) return typeof t.props.children == "string" ? t.props.children : void 0;
 }
-function c({ className: n, children: a, textValue: o, ...c }) {
-	let l = s(typeof a == "function" ? null : a);
-	return /* @__PURE__ */ r(i, {
+function c({ className: n, children: i, textValue: a, ...c }) {
+	let l = s(typeof i == "function" ? null : i);
+	return /* @__PURE__ */ r(o, {
 		...c,
-		textValue: o ?? l,
+		textValue: a ?? l,
 		className: e(t, n),
-		children: a
+		children: i
 	});
 }
 //#endregion

package/dist/components/Sheet/SheetBody.d.ts

@@ -2,10 +2,12 @@ import type { ReactNode } from "react";
 export interface SheetBodyProps {
     children?: ReactNode;
     className?: string;
+    /** Target for the overlay's `aria-describedby`. */
+    id?: string;
     /**
      * Opts the body into a named keyboard-scroll region. Use this only when the
      * body can overflow without containing an enabled, focusable descendant.
      */
     keyboardScrollLabel?: string;
 }
-export declare function SheetBody({ children, className, keyboardScrollLabel, }: SheetBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function SheetBody({ children, className, id, keyboardScrollLabel, }: SheetBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sheet/SheetBody.js

@@ -2,15 +2,16 @@ import { cx as e } from "../../utils/cx.js";
 import { sheetBody as t } from "./Sheet.css.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Sheet/SheetBody.tsx
-function r({ children: r, className: i, keyboardScrollLabel: a }) {
-	let o = a === void 0 ? {} : {
-		"aria-label": a,
+function r({ children: r, className: i, id: a, keyboardScrollLabel: o }) {
+	let s = o === void 0 ? {} : {
+		"aria-label": o,
 		role: "region",
 		tabIndex: 0
 	};
 	return /* @__PURE__ */ n("div", {
+		id: a,
 		className: e(t, i),
-		...o,
+		...s,
 		children: r
 	});
 }

package/dist/components/Sheet/SheetBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetBody.js","names":[],"sources":["../../../src/components/Sheet/SheetBody.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { sheetBody } from \"./Sheet.css.js\";\n\nexport interface SheetBodyProps {\n\tchildren?: ReactNode;\n\tclassName?: string;\n\t/**\n\t * Opts the body into a named keyboard-scroll region. Use this only when the\n\t * body can overflow without containing an enabled, focusable descendant.\n\t */\n\tkeyboardScrollLabel?: string;\n}\n\nexport function SheetBody({\n\tchildren,\n\tclassName,\n\tkeyboardScrollLabel,\n}: SheetBodyProps) {\n\tconst keyboardScrollProps =\n\t\tkeyboardScrollLabel === undefined\n\t\t\t? {}\n\t\t\t: {\n\t\t\t\t\t\"aria-label\": keyboardScrollLabel,\n\t\t\t\t\trole: \"region\" as const,\n\t\t\t\t\ttabIndex: 0,\n\t\t\t\t};\n\n\treturn (\n\t\t<div className={cx(sheetBody, className)} {...keyboardScrollProps}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAU,EACzB,aACA,cACA,0BACkB;CAClB,IAAM,IACL,MAAwB,KAAA,IACrB,EAAE,GACF;EACA,cAAc;EACd,MAAM;EACN,UAAU;EACV;AAEJ,QACC,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAW,EAAU;EAAE,GAAI;EAC5C;EACI,CAAA"}
+{"version":3,"file":"SheetBody.js","names":[],"sources":["../../../src/components/Sheet/SheetBody.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { sheetBody } from \"./Sheet.css.js\";\n\nexport interface SheetBodyProps {\n\tchildren?: ReactNode;\n\tclassName?: string;\n\t/** Target for the overlay's `aria-describedby`. */\n\tid?: string;\n\t/**\n\t * Opts the body into a named keyboard-scroll region. Use this only when the\n\t * body can overflow without containing an enabled, focusable descendant.\n\t */\n\tkeyboardScrollLabel?: string;\n}\n\nexport function SheetBody({\n\tchildren,\n\tclassName,\n\tid,\n\tkeyboardScrollLabel,\n}: SheetBodyProps) {\n\tconst keyboardScrollProps =\n\t\tkeyboardScrollLabel === undefined\n\t\t\t? {}\n\t\t\t: {\n\t\t\t\t\t\"aria-label\": keyboardScrollLabel,\n\t\t\t\t\trole: \"region\" as const,\n\t\t\t\t\ttabIndex: 0,\n\t\t\t\t};\n\n\treturn (\n\t\t<div id={id} className={cx(sheetBody, className)} {...keyboardScrollProps}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;AAgBA,SAAgB,EAAU,EACzB,aACA,cACA,OACA,0BACkB;CAClB,IAAM,IACL,MAAwB,KAAA,IACrB,EAAE,GACF;EACA,cAAc;EACd,MAAM;EACN,UAAU;EACV;AAEJ,QACC,kBAAC,OAAD;EAAS;EAAI,WAAW,EAAG,GAAW,EAAU;EAAE,GAAI;EACpD;EACI,CAAA"}

package/dist/components/SheetOverlay/SheetOverlay.d.ts

@@ -8,6 +8,8 @@ export interface SheetOverlayProps {
     isDismissable?: boolean;
     /** Accessible name fallback when the child has no `Sheet.Header` title. */
     "aria-label"?: string;
+    /** Id of the element describing the sheet, typically a `Sheet.Body`. */
+    "aria-describedby"?: string;
     className?: string;
     children: ReactNode;
 }
@@ -21,4 +23,4 @@ export interface SheetOverlayProps {
  * `aria-label` prop — with neither (e.g. an actions-only Confirm sheet) RAC
  * emits a missing-name warning.
  */
-export declare function SheetOverlay({ isOpen, onOpenChange, isDismissable, "aria-label": ariaLabel, className, children, }: SheetOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function SheetOverlay({ isOpen, onOpenChange, isDismissable, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, className, children, }: SheetOverlayProps): import("react/jsx-runtime").JSX.Element;