@ada-cx/lovelace 1.4.0 → 1.6.0

package/dist/components/ToastRegion/ToastRegionLandmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRegionLandmark.js","names":[],"sources":["../../../src/components/ToastRegion/ToastRegionLandmark.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport {\n\tmergeProps,\n\tuseFocusWithin,\n\tuseHover,\n\tuseToastRegion,\n} from \"react-aria\";\nimport type { QueuedToast, ToastState } from \"react-stately\";\nimport { cx } from \"../../utils/cx.js\";\nimport type { ToastContent } from \"./ToastContent.js\";\nimport { toastRegion } from \"./ToastRegion.css.js\";\nimport { ToastRegionItem } from \"./ToastRegionItem.js\";\n\nexport interface ToastRegionLandmarkProps {\n\t\"aria-label\"?: string;\n\tstate: ToastState<ToastContent>;\n\t/** Visible toasts followed by any still playing their exit animation. */\n\ttoasts: QueuedToast<ToastContent>[];\n\t/** Keys of the leaving toasts that held the top of the region. */\n\tleavingFromTop: Set<string>;\n\tonExited: (key: string) => void;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n}\n\nexport function ToastRegionLandmark({\n\tstate,\n\ttoasts,\n\tleavingFromTop,\n\tonExited,\n\tclassName,\n\tstyle,\n\t...props\n}: ToastRegionLandmarkProps) {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst { regionProps } = useToastRegion(props, state, ref);\n\n\t// `useToastRegion` only pauses on a hover or focus change, while a toast starts\n\t// its own countdown as it mounts. A toast that takes the slot while the reader\n\t// is already on the region would therefore run down under them, since nothing\n\t// enters or leaves to trigger that pause — and on a one-slot surface that is\n\t// the ordinary path, not an edge case.\n\t//\n\t// Hover and focus are tracked apart: leaving one while the other still holds\n\t// is not the reader letting go.\n\tconst isHovered = useRef(false);\n\tconst isFocused = useRef(false);\n\tconst { hoverProps } = useHover({\n\t\tonHoverStart: () => {\n\t\t\tisHovered.current = true;\n\t\t},\n\t\tonHoverEnd: () => {\n\t\t\tisHovered.current = false;\n\t\t},\n\t});\n\tconst { focusWithinProps } = useFocusWithin({\n\t\tonFocusWithin: () => {\n\t\t\tisFocused.current = true;\n\t\t},\n\t\tonBlurWithin: () => {\n\t\t\tisFocused.current = false;\n\t\t},\n\t});\n\tconst stateRef = useRef(state);\n\tstateRef.current = state;\n\tconst { visibleToasts } = state;\n\tuseEffect(() => {\n\t\tif (visibleToasts.length === 0) {\n\t\t\treturn;\n\t\t}\n\t\tconst element = ref.current;\n\t\t// The landmark unmounts whenever the slot empties, so a pointer resting\n\t\t// where the next toast lands has no enter event left to report itself with.\n\t\t// The browser keeps `:hover` current across that, so ask the element.\n\t\tconst isUnderPointer = element?.matches(\":hover\") ?? false;\n\t\tif (!(isHovered.current || isFocused.current || isUnderPointer)) {\n\t\t\treturn;\n\t\t}\n\t\tstateRef.current.pauseAll();\n\n\t\t// The pause has to release itself. `useToastRegion` resumes only from its own\n\t\t// hover and focus callbacks, and `useHover` reports no hover end for a pointer\n\t\t// it never saw arrive — or for a touch pointer, which it ignores in both\n\t\t// directions. Without this the countdown never restarts, so the toast holds\n\t\t// the slot for good and the consumer never hears it close.\n\t\tconst stop = () => {\n\t\t\tdocument.removeEventListener(\"pointerover\", onPointerOver, true);\n\t\t\tdocument.removeEventListener(\"pointerout\", onPointerOut, true);\n\t\t\twindow.removeEventListener(\"blur\", onWindowBlur);\n\t\t};\n\t\tconst release = () => {\n\t\t\tif (isFocused.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tstateRef.current.resumeAll();\n\t\t\tstop();\n\t\t};\n\t\tconst onPointerOver = (event: PointerEvent) => {\n\t\t\tconst target = event.target;\n\t\t\tif (element && target instanceof Node && element.contains(target)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\trelease();\n\t\t};\n\t\t// A pointer that leaves the document reports no further `pointerover`, so\n\t\t// watching that alone leaves the countdown paused for good. Leaving the\n\t\t// document is a null `relatedTarget`; leaving the frame entirely is the blur.\n\t\tconst onPointerOut = (event: PointerEvent) => {\n\t\t\tif (event.relatedTarget === null) {\n\t\t\t\trelease();\n\t\t\t}\n\t\t};\n\t\tconst onWindowBlur = () => release();\n\t\tdocument.addEventListener(\"pointerover\", onPointerOver, true);\n\t\tdocument.addEventListener(\"pointerout\", onPointerOut, true);\n\t\twindow.addEventListener(\"blur\", onWindowBlur);\n\t\treturn stop;\n\t}, [visibleToasts]);\n\n\treturn (\n\t\t<div\n\t\t\t{...mergeProps(regionProps, hoverProps, focusWithinProps)}\n\t\t\tref={ref}\n\t\t\tclassName={cx(toastRegion, className)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{toasts.map((toast) => {\n\t\t\t\tconst isPresent = state.visibleToasts.some(\n\t\t\t\t\t(visible) => visible.key === toast.key,\n\t\t\t\t);\n\t\t\t\treturn (\n\t\t\t\t\t<ToastRegionItem\n\t\t\t\t\t\tkey={toast.key}\n\t\t\t\t\t\ttoast={toast}\n\t\t\t\t\t\tstate={state}\n\t\t\t\t\t\tisPresent={isPresent}\n\t\t\t\t\t\t// A toast leaving the top while another is on screen is the slot\n\t\t\t\t\t\t// changing message, so the two slide past each other rather than\n\t\t\t\t\t\t// each animating alone. The motion takes the leaving one out of\n\t\t\t\t\t\t// flow at the region's top, so it is only right for a toast that\n\t\t\t\t\t\t// sat there — one leaving from deeper in a stack stays in flow and\n\t\t\t\t\t\t// lets the stack close over it.\n\t\t\t\t\t\tisReplacing={\n\t\t\t\t\t\t\t!isPresent &&\n\t\t\t\t\t\t\tleavingFromTop.has(toast.key) &&\n\t\t\t\t\t\t\tstate.visibleToasts.length > 0\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonExited={onExited}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AA0BA,SAAgB,EAAoB,EACnC,UACA,WACA,mBACA,aACA,cACA,UACA,GAAG,KACyB;CAC5B,IAAM,IAAM,EAAuB,KAAK,EAClC,EAAE,mBAAgB,EAAe,GAAO,GAAO,EAAI,EAUnD,IAAY,EAAO,GAAM,EACzB,IAAY,EAAO,GAAM,EACzB,EAAE,kBAAe,EAAS;EAC/B,oBAAoB;AACnB,KAAU,UAAU;;EAErB,kBAAkB;AACjB,KAAU,UAAU;;EAErB,CAAC,EACI,EAAE,wBAAqB,EAAe;EAC3C,qBAAqB;AACpB,KAAU,UAAU;;EAErB,oBAAoB;AACnB,KAAU,UAAU;;EAErB,CAAC,EACI,IAAW,EAAO,EAAM;AAC9B,GAAS,UAAU;CACnB,IAAM,EAAE,qBAAkB;AAsD1B,QArDA,QAAgB;AACf,MAAI,EAAc,WAAW,EAC5B;EAED,IAAM,IAAU,EAAI,SAId,IAAiB,GAAS,QAAQ,SAAS,IAAI;AACrD,MAAI,EAAE,EAAU,WAAW,EAAU,WAAW,GAC/C;AAED,IAAS,QAAQ,UAAU;EAO3B,IAAM,UAAa;AAGlB,GAFA,SAAS,oBAAoB,eAAe,GAAe,GAAK,EAChE,SAAS,oBAAoB,cAAc,GAAc,GAAK,EAC9D,OAAO,oBAAoB,QAAQ,EAAa;KAE3C,UAAgB;AACjB,KAAU,YAGd,EAAS,QAAQ,WAAW,EAC5B,GAAM;KAED,KAAiB,MAAwB;GAC9C,IAAM,IAAS,EAAM;AACjB,QAAW,aAAkB,QAAQ,EAAQ,SAAS,EAAO,IAGjE,GAAS;KAKJ,KAAgB,MAAwB;AAC7C,GAAI,EAAM,kBAAkB,QAC3B,GAAS;KAGL,UAAqB,GAAS;AAIpC,SAHA,SAAS,iBAAiB,eAAe,GAAe,GAAK,EAC7D,SAAS,iBAAiB,cAAc,GAAc,GAAK,EAC3D,OAAO,iBAAiB,QAAQ,EAAa,EACtC;IACL,CAAC,EAAc,CAAC,EAGlB,kBAAC,OAAD;EACC,GAAI,EAAW,GAAa,GAAY,EAAiB;EACpD;EACL,WAAW,EAAG,GAAa,EAAU;EAC9B;YAEN,EAAO,KAAK,MAAU;GACtB,IAAM,IAAY,EAAM,cAAc,MACpC,MAAY,EAAQ,QAAQ,EAAM,IACnC;AACD,UACC,kBAAC,GAAD;IAEQ;IACA;IACI;IAOX,aACC,CAAC,KACD,EAAe,IAAI,EAAM,IAAI,IAC7B,EAAM,cAAc,SAAS;IAEpB;IACT,EAhBI,EAAM,IAgBV;IAEF;EACG,CAAA"}

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

@@ -0,0 +1,4 @@
+export type { ToastOptions } from "react-stately";
+export { ToastQueue } from "react-stately";
+export type { ToastContent } from "./ToastContent.js";
+export { ToastRegion, type ToastRegionProps } from "./ToastRegion.js";

package/dist/components/ToastRegion/index.js

@@ -0,0 +1,3 @@
+import "./ToastRegion.js";
+import { ToastQueue as e } from "react-stately";
+export { e as ToastQueue };

package/dist/components/Tooltip/Tooltip.js

@@ -1,19 +1,19 @@
 import { cx as e } from "../../utils/cx.js";
 import { arrow as t, arrowSvg as n, tooltip as r } from "./Tooltip.css.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useLocale as o } from "react-aria";
-import { OverlayArrow as s, Tooltip as c, TooltipTrigger as l } from "react-aria-components";
+import { OverlayArrow as o, Tooltip as s, TooltipTrigger as c } from "react-aria-components";
+import { useLocale as l } from "react-aria";
 //#region src/components/Tooltip/Tooltip.tsx
-function u({ placement: l = "top", offset: u = 6, className: d, style: f, children: p, ...m }) {
-	let { direction: h } = o();
-	return /* @__PURE__ */ a(c, {
+function u({ placement: c = "top", offset: u = 6, className: d, style: f, children: p, ...m }) {
+	let { direction: h } = l();
+	return /* @__PURE__ */ a(s, {
 		...m,
-		placement: l,
+		placement: c,
 		offset: u,
 		className: e(r, d),
 		style: f,
 		dir: h,
-		children: [/* @__PURE__ */ i(s, {
+		children: [/* @__PURE__ */ i(o, {
 			className: t,
 			children: /* @__PURE__ */ i("svg", {
 				className: n,
@@ -27,6 +27,6 @@ function u({ placement: l = "top", offset: u = 6, className: d, style: f, childr
 	});
 }
 //#endregion
-export { u as Tooltip, l as TooltipTrigger };
+export { u as Tooltip, c as TooltipTrigger };
 
 //# sourceMappingURL=Tooltip.js.map

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export { useRegisterOverlay } from "./overlayRegistry.js";
 export { readPrefersReducedMotion, usePrefersReducedMotion, } from "./usePrefersReducedMotion.js";
 export { useSubmitOnEnter } from "./useSubmitOnEnter.js";

package/dist/hooks/overlayRegistry.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Counts one modal overlay as open for as long as the calling component is
+ * mounted, so a surface underneath can stand down while it is.
+ *
+ * Call it from a component rendered **inside** the overlay, not from the one that
+ * renders the overlay. RAC mounts an overlay's children for exactly the window the
+ * scrim is on screen, which includes its exit transition — keying off an `isOpen`
+ * prop instead releases the count while the scrim is still painted and still
+ * blocking the pointer. `OverlayRegistration` is that component; render one inside
+ * any `ModalOverlay` this package does not already wrap.
+ */
+export declare function useRegisterOverlay(): void;
+/** Registers its overlay for as long as it is rendered. Renders nothing. */
+export declare function OverlayRegistration(): null;
+/**
+ * Whether any modal overlay is open.
+ *
+ * For a surface that has to stand down while one is: an overlay traps focus and
+ * paints over everything below it, so anything left underneath is unreachable by
+ * pointer while still being announced and focusable.
+ */
+export declare function useHasOpenOverlay(): boolean;

package/dist/hooks/overlayRegistry.js

@@ -0,0 +1,32 @@
+import { useLayoutEffect as e, useSyncExternalStore as t } from "react";
+//#region src/hooks/overlayRegistry.tsx
+var n = 0, r = /* @__PURE__ */ new Set();
+function i(e) {
+	return r.add(e), () => {
+		r.delete(e);
+	};
+}
+function a() {
+	return n > 0;
+}
+function o() {
+	return !1;
+}
+function s() {
+	for (let e of r) e();
+}
+function c() {
+	e(() => (n += 1, s(), () => {
+		--n, s();
+	}), []);
+}
+function l() {
+	return c(), null;
+}
+function u() {
+	return t(i, a, o);
+}
+//#endregion
+export { l as OverlayRegistration, u as useHasOpenOverlay, c as useRegisterOverlay };
+
+//# sourceMappingURL=overlayRegistry.js.map

package/dist/hooks/overlayRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayRegistry.js","names":[],"sources":["../../src/hooks/overlayRegistry.tsx"],"sourcesContent":["import { useLayoutEffect, useSyncExternalStore } from \"react\";\n\n/**\n * How many modal overlays are mounted right now.\n *\n * Module-level because the reader is not an ancestor of the overlays: the toast\n * region sits in the consumer's chrome while every overlay renders through a\n * portal, so there is no shared provider to hang this on that a consumer could\n * not forget to mount.\n */\nlet openOverlays = 0;\nconst subscribers = new Set<() => void>();\n\nfunction subscribe(onStoreChange: () => void): () => void {\n\tsubscribers.add(onStoreChange);\n\treturn () => {\n\t\tsubscribers.delete(onStoreChange);\n\t};\n}\n\nfunction getSnapshot(): boolean {\n\treturn openOverlays > 0;\n}\n\nfunction getServerSnapshot(): boolean {\n\treturn false;\n}\n\nfunction publish(): void {\n\tfor (const onStoreChange of subscribers) {\n\t\tonStoreChange();\n\t}\n}\n\n/**\n * Counts one modal overlay as open for as long as the calling component is\n * mounted, so a surface underneath can stand down while it is.\n *\n * Call it from a component rendered **inside** the overlay, not from the one that\n * renders the overlay. RAC mounts an overlay's children for exactly the window the\n * scrim is on screen, which includes its exit transition — keying off an `isOpen`\n * prop instead releases the count while the scrim is still painted and still\n * blocking the pointer. `OverlayRegistration` is that component; render one inside\n * any `ModalOverlay` this package does not already wrap.\n */\nexport function useRegisterOverlay(): void {\n\t// Layout, not passive: a passive effect runs after the commit is painted, so\n\t// the frame that puts the scrim up would also show whatever was standing down\n\t// underneath it, and a toast mounted for that frame announces itself.\n\tuseLayoutEffect(() => {\n\t\topenOverlays += 1;\n\t\tpublish();\n\t\treturn () => {\n\t\t\topenOverlays -= 1;\n\t\t\tpublish();\n\t\t};\n\t}, []);\n}\n\n/** Registers its overlay for as long as it is rendered. Renders nothing. */\nexport function OverlayRegistration(): null {\n\tuseRegisterOverlay();\n\treturn null;\n}\n\n/**\n * Whether any modal overlay is open.\n *\n * For a surface that has to stand down while one is: an overlay traps focus and\n * paints over everything below it, so anything left underneath is unreachable by\n * pointer while still being announced and focusable.\n */\nexport function useHasOpenOverlay(): boolean {\n\treturn useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;AAUA,IAAI,IAAe,GACb,oBAAc,IAAI,KAAiB;AAEzC,SAAS,EAAU,GAAuC;AAEzD,QADA,EAAY,IAAI,EAAc,QACjB;AACZ,IAAY,OAAO,EAAc;;;AAInC,SAAS,IAAuB;AAC/B,QAAO,IAAe;;AAGvB,SAAS,IAA6B;AACrC,QAAO;;AAGR,SAAS,IAAgB;AACxB,MAAK,IAAM,KAAiB,EAC3B,IAAe;;AAejB,SAAgB,IAA2B;AAI1C,UACC,KAAgB,GAChB,GAAS,QACI;AAEZ,EADA,KACA,GAAS;KAER,EAAE,CAAC;;AAIP,SAAgB,IAA4B;AAE3C,QADA,GAAoB,EACb;;AAUR,SAAgB,IAA6B;AAC5C,QAAO,EAAqB,GAAW,GAAa,EAAkB"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./components/AgentMessage/index.js";
 export * from "./components/Avatar/index.js";
+export * from "./components/Banner/index.js";
 export * from "./components/BubbleOverlay/index.js";
 export * from "./components/Button/index.js";
 export * from "./components/Checkbox/index.js";
@@ -26,6 +27,7 @@ export * from "./components/Spinner/index.js";
 export * from "./components/Survey/index.js";
 export * from "./components/ThinkingShimmer/index.js";
 export * from "./components/ToastNotification/index.js";
+export * from "./components/ToastRegion/index.js";
 export * from "./components/Toggle/index.js";
 export * from "./components/Tooltip/index.js";
 export * from "./components/TypingIndicator/index.js";

package/dist/index.js

@@ -1,75 +1,80 @@
 import { AvatarPlaceholder as e } from "./components/Avatar/AvatarPlaceholder.js";
 import { Avatar as t } from "./components/Avatar/Avatar.js";
 import { AgentMessage as n } from "./components/AgentMessage/AgentMessage.js";
-import { BubbleOverlay as r } from "./components/BubbleOverlay/BubbleOverlay.js";
-import { Button as i } from "./components/Button/Button.js";
-import { Checkbox as a } from "./components/Checkbox/Checkbox.js";
-import { Chip as o } from "./components/Chip/Chip.js";
-import { Icon as s } from "./components/Icon/Icon.js";
-import { Checkmark as c } from "./components/Icon/icons/Checkmark.js";
-import { ExclamationTriangle as l } from "./components/Icon/icons/ExclamationTriangle.js";
-import { Dialog as u } from "./components/Dialog/Dialog.js";
-import { DialogOverlay as d } from "./components/DialogOverlay/DialogOverlay.js";
-import { Divider as f } from "./components/Divider/Divider.js";
-import { FullscreenOverlay as p } from "./components/FullscreenOverlay/FullscreenOverlay.js";
-import { Header as m } from "./components/Header/Header.js";
-import { AdaLogo as h } from "./components/Icon/icons/AdaLogo.js";
-import { ArrowDown as g } from "./components/Icon/icons/ArrowDown.js";
-import { ArrowLeft as _ } from "./components/Icon/icons/ArrowLeft.js";
-import { ArrowNortheast as v } from "./components/Icon/icons/ArrowNortheast.js";
-import { ArrowNorthwest as y } from "./components/Icon/icons/ArrowNorthwest.js";
-import { ArrowRight as b } from "./components/Icon/icons/ArrowRight.js";
-import { Bell as x } from "./components/Icon/icons/Bell.js";
-import { BellSlash as S } from "./components/Icon/icons/BellSlash.js";
-import { ChevronLeft as C } from "./components/Icon/icons/ChevronLeft.js";
-import { ChevronRight as w } from "./components/Icon/icons/ChevronRight.js";
-import { CloudUpload as T } from "./components/Icon/icons/CloudUpload.js";
-import { Download as E } from "./components/Icon/icons/Download.js";
-import { Ellipses as D } from "./components/Icon/icons/Ellipses.js";
-import { Email as O } from "./components/Icon/icons/Email.js";
-import { ExclamationSync as k } from "./components/Icon/icons/ExclamationSync.js";
-import { Eye as A } from "./components/Icon/icons/Eye.js";
-import { EyeSlash as j } from "./components/Icon/icons/EyeSlash.js";
-import { Language as M } from "./components/Icon/icons/Language.js";
-import { MediaSlash as N } from "./components/Icon/icons/MediaSlash.js";
-import { MessagingFill as P } from "./components/Icon/icons/MessagingFill.js";
-import { Minimize as F } from "./components/Icon/icons/Minimize.js";
-import { Mute as I } from "./components/Icon/icons/Mute.js";
-import { Paperclip as L } from "./components/Icon/icons/Paperclip.js";
-import { PersonFill as R } from "./components/Icon/icons/PersonFill.js";
-import { PlayFill as z } from "./components/Icon/icons/PlayFill.js";
-import { SendFill as B } from "./components/Icon/icons/SendFill.js";
-import { StarBadgeFill as V } from "./components/Icon/icons/StarBadgeFill.js";
-import { ThumbsDown as H } from "./components/Icon/icons/ThumbsDown.js";
-import { ThumbsUp as U } from "./components/Icon/icons/ThumbsUp.js";
-import { Volume as W } from "./components/Icon/icons/Volume.js";
-import { Xmark as G } from "./components/Icon/icons/Xmark.js";
-import { XmarkCircle as K } from "./components/Icon/icons/XmarkCircle.js";
-import { IconButton as q } from "./components/IconButton/IconButton.js";
-import { Image as J } from "./components/Image/Image.js";
-import { Input as Y } from "./components/Input/Input.js";
-import { Link as X } from "./components/Link/Link.js";
-import { Menu as Z } from "./components/MenuItem/Menu.js";
-import { MenuItem as Q } from "./components/MenuItem/MenuItem.js";
-import { PictureMessage as $ } from "./components/PictureMessage/PictureMessage.js";
-import { PillButton as ee } from "./components/PillButton/PillButton.js";
-import { ProactiveMessage as te } from "./components/ProactiveMessage/ProactiveMessage.js";
-import { Radio as ne } from "./components/Radio/Radio.js";
-import { RadioGroup as re } from "./components/Radio/RadioGroup.js";
-import { ScrollMarker as ie } from "./components/ScrollMarker/ScrollMarker.js";
-import { Sheet as ae } from "./components/Sheet/Sheet.js";
-import { SheetOverlay as oe } from "./components/SheetOverlay/SheetOverlay.js";
-import { readPrefersReducedMotion as se, usePrefersReducedMotion as ce } from "./hooks/usePrefersReducedMotion.js";
-import { useSubmitOnEnter as le } from "./hooks/useSubmitOnEnter.js";
-import { Spinner as ue } from "./components/Spinner/Spinner.js";
-import { SurveyRating as de } from "./components/Survey/SurveyRating/SurveyRating.js";
-import { SurveySelect as fe } from "./components/Survey/SurveySelect/SurveySelect.js";
-import { ThinkingShimmer as pe } from "./components/ThinkingShimmer/ThinkingShimmer.js";
-import { ToastNotification as me } from "./components/ToastNotification/ToastNotification.js";
-import { Toggle as he } from "./components/Toggle/Toggle.js";
-import { Tooltip as ge, TooltipTrigger as _e } from "./components/Tooltip/Tooltip.js";
-import { TypingIndicator as ve } from "./components/TypingIndicator/TypingIndicator.js";
-import { UserMessage as ye } from "./components/UserMessage/UserMessage.js";
-import { LOVELACE_SURFACES as be, contrastRatioBetween as xe, createBrandOverrides as Se, isLegibleAgainst as Ce, isLegibleOnSurface as we, readableTextOnAccent as Te } from "./runtime/branding.js";
-import { LovelaceProvider as Ee, useResolvedTheme as De } from "./runtime/LovelaceProvider.js";
-export { h as AdaLogo, n as AgentMessage, g as ArrowDown, _ as ArrowLeft, v as ArrowNortheast, y as ArrowNorthwest, b as ArrowRight, t as Avatar, e as AvatarPlaceholder, x as Bell, S as BellSlash, r as BubbleOverlay, i as Button, a as Checkbox, c as Checkmark, C as ChevronLeft, w as ChevronRight, o as Chip, T as CloudUpload, u as Dialog, d as DialogOverlay, f as Divider, E as Download, D as Ellipses, O as Email, k as ExclamationSync, l as ExclamationTriangle, A as Eye, j as EyeSlash, p as FullscreenOverlay, m as Header, s as Icon, q as IconButton, J as Image, Y as Input, be as LOVELACE_SURFACES, M as Language, X as Link, Ee as LovelaceProvider, N as MediaSlash, Z as Menu, Q as MenuItem, P as MessagingFill, F as Minimize, I as Mute, L as Paperclip, R as PersonFill, $ as PictureMessage, ee as PillButton, z as PlayFill, te as ProactiveMessage, ne as Radio, re as RadioGroup, ie as ScrollMarker, B as SendFill, ae as Sheet, oe as SheetOverlay, ue as Spinner, V as StarBadgeFill, de as SurveyRating, fe as SurveySelect, pe as ThinkingShimmer, H as ThumbsDown, U as ThumbsUp, me as ToastNotification, he as Toggle, ge as Tooltip, _e as TooltipTrigger, ve as TypingIndicator, ye as UserMessage, W as Volume, G as Xmark, K as XmarkCircle, xe as contrastRatioBetween, Se as createBrandOverrides, Ce as isLegibleAgainst, we as isLegibleOnSurface, se as readPrefersReducedMotion, Te as readableTextOnAccent, ce as usePrefersReducedMotion, De as useResolvedTheme, le as useSubmitOnEnter };
+import { readPrefersReducedMotion as r, usePrefersReducedMotion as i } from "./hooks/usePrefersReducedMotion.js";
+import { Icon as a } from "./components/Icon/Icon.js";
+import { AdaLogo as o } from "./components/Icon/icons/AdaLogo.js";
+import { ArrowDown as s } from "./components/Icon/icons/ArrowDown.js";
+import { ArrowLeft as c } from "./components/Icon/icons/ArrowLeft.js";
+import { ArrowNortheast as l } from "./components/Icon/icons/ArrowNortheast.js";
+import { ArrowNorthwest as u } from "./components/Icon/icons/ArrowNorthwest.js";
+import { ArrowRight as d } from "./components/Icon/icons/ArrowRight.js";
+import { Bell as f } from "./components/Icon/icons/Bell.js";
+import { BellSlash as p } from "./components/Icon/icons/BellSlash.js";
+import { Checkmark as m } from "./components/Icon/icons/Checkmark.js";
+import { ChevronLeft as h } from "./components/Icon/icons/ChevronLeft.js";
+import { ChevronRight as g } from "./components/Icon/icons/ChevronRight.js";
+import { CloudUpload as _ } from "./components/Icon/icons/CloudUpload.js";
+import { Download as v } from "./components/Icon/icons/Download.js";
+import { Ellipses as y } from "./components/Icon/icons/Ellipses.js";
+import { Email as b } from "./components/Icon/icons/Email.js";
+import { ExclamationSync as x } from "./components/Icon/icons/ExclamationSync.js";
+import { ExclamationTriangle as S } from "./components/Icon/icons/ExclamationTriangle.js";
+import { Eye as C } from "./components/Icon/icons/Eye.js";
+import { EyeSlash as w } from "./components/Icon/icons/EyeSlash.js";
+import { Language as T } from "./components/Icon/icons/Language.js";
+import { MediaSlash as E } from "./components/Icon/icons/MediaSlash.js";
+import { MessagingFill as D } from "./components/Icon/icons/MessagingFill.js";
+import { Minimize as O } from "./components/Icon/icons/Minimize.js";
+import { Mute as k } from "./components/Icon/icons/Mute.js";
+import { Paperclip as A } from "./components/Icon/icons/Paperclip.js";
+import { PersonFill as j } from "./components/Icon/icons/PersonFill.js";
+import { PlayFill as M } from "./components/Icon/icons/PlayFill.js";
+import { SendFill as N } from "./components/Icon/icons/SendFill.js";
+import { StarBadgeFill as P } from "./components/Icon/icons/StarBadgeFill.js";
+import { ThumbsDown as F } from "./components/Icon/icons/ThumbsDown.js";
+import { ThumbsUp as I } from "./components/Icon/icons/ThumbsUp.js";
+import { Volume as L } from "./components/Icon/icons/Volume.js";
+import { Xmark as R } from "./components/Icon/icons/Xmark.js";
+import { XmarkCircle as z } from "./components/Icon/icons/XmarkCircle.js";
+import { IconButton as B } from "./components/IconButton/IconButton.js";
+import { ToastNotification as V } from "./components/ToastNotification/ToastNotification.js";
+import { Banner as H } from "./components/Banner/Banner.js";
+import { useRegisterOverlay as U } from "./hooks/overlayRegistry.js";
+import { BubbleOverlay as W } from "./components/BubbleOverlay/BubbleOverlay.js";
+import { Button as G } from "./components/Button/Button.js";
+import { Checkbox as K } from "./components/Checkbox/Checkbox.js";
+import { CheckboxGroup as q } from "./components/Checkbox/CheckboxGroup.js";
+import { Chip as J } from "./components/Chip/Chip.js";
+import { Dialog as Y } from "./components/Dialog/Dialog.js";
+import { DialogOverlay as X } from "./components/DialogOverlay/DialogOverlay.js";
+import { Divider as Z } from "./components/Divider/Divider.js";
+import { FullscreenOverlay as Q } from "./components/FullscreenOverlay/FullscreenOverlay.js";
+import { Header as $ } from "./components/Header/Header.js";
+import { Image as ee } from "./components/Image/Image.js";
+import { Input as te } from "./components/Input/Input.js";
+import { Link as ne } from "./components/Link/Link.js";
+import { Menu as re } from "./components/MenuItem/Menu.js";
+import { MenuItem as ie } from "./components/MenuItem/MenuItem.js";
+import { PictureMessage as ae } from "./components/PictureMessage/PictureMessage.js";
+import { PillButton as oe } from "./components/PillButton/PillButton.js";
+import { ProactiveMessage as se } from "./components/ProactiveMessage/ProactiveMessage.js";
+import { Radio as ce } from "./components/Radio/Radio.js";
+import { RadioGroup as le } from "./components/Radio/RadioGroup.js";
+import { ScrollMarker as ue } from "./components/ScrollMarker/ScrollMarker.js";
+import { Sheet as de } from "./components/Sheet/Sheet.js";
+import { SheetOverlay as fe } from "./components/SheetOverlay/SheetOverlay.js";
+import { useSubmitOnEnter as pe } from "./hooks/useSubmitOnEnter.js";
+import { Spinner as me } from "./components/Spinner/Spinner.js";
+import { SurveyRating as he } from "./components/Survey/SurveyRating/SurveyRating.js";
+import { SurveySelect as ge } from "./components/Survey/SurveySelect/SurveySelect.js";
+import { ThinkingShimmer as _e } from "./components/ThinkingShimmer/ThinkingShimmer.js";
+import { ToastRegion as ve } from "./components/ToastRegion/ToastRegion.js";
+import { ToastQueue as ye } from "./components/ToastRegion/index.js";
+import { Toggle as be } from "./components/Toggle/Toggle.js";
+import { Tooltip as xe, TooltipTrigger as Se } from "./components/Tooltip/Tooltip.js";
+import { TypingIndicator as Ce } from "./components/TypingIndicator/TypingIndicator.js";
+import { UserMessage as we } from "./components/UserMessage/UserMessage.js";
+import { LOVELACE_SURFACES as Te, contrastRatioBetween as Ee, createBrandOverrides as De, isLegibleAgainst as Oe, isLegibleOnSurface as ke, readableTextOnAccent as Ae } from "./runtime/branding.js";
+import { LovelaceProvider as je, useResolvedTheme as Me } from "./runtime/LovelaceProvider.js";
+export { o as AdaLogo, n as AgentMessage, s as ArrowDown, c as ArrowLeft, l as ArrowNortheast, u as ArrowNorthwest, d as ArrowRight, t as Avatar, e as AvatarPlaceholder, H as Banner, f as Bell, p as BellSlash, W as BubbleOverlay, G as Button, K as Checkbox, q as CheckboxGroup, m as Checkmark, h as ChevronLeft, g as ChevronRight, J as Chip, _ as CloudUpload, Y as Dialog, X as DialogOverlay, Z as Divider, v as Download, y as Ellipses, b as Email, x as ExclamationSync, S as ExclamationTriangle, C as Eye, w as EyeSlash, Q as FullscreenOverlay, $ as Header, a as Icon, B as IconButton, ee as Image, te as Input, Te as LOVELACE_SURFACES, T as Language, ne as Link, je as LovelaceProvider, E as MediaSlash, re as Menu, ie as MenuItem, D as MessagingFill, O as Minimize, k as Mute, A as Paperclip, j as PersonFill, ae as PictureMessage, oe as PillButton, M as PlayFill, se as ProactiveMessage, ce as Radio, le as RadioGroup, ue as ScrollMarker, N as SendFill, de as Sheet, fe as SheetOverlay, me as Spinner, P as StarBadgeFill, he as SurveyRating, ge as SurveySelect, _e as ThinkingShimmer, F as ThumbsDown, I as ThumbsUp, V as ToastNotification, ye as ToastQueue, ve as ToastRegion, be as Toggle, xe as Tooltip, Se as TooltipTrigger, Ce as TypingIndicator, we as UserMessage, L as Volume, R as Xmark, z as XmarkCircle, Ee as contrastRatioBetween, De as createBrandOverrides, Oe as isLegibleAgainst, ke as isLegibleOnSurface, r as readPrefersReducedMotion, Ae as readableTextOnAccent, i as usePrefersReducedMotion, U as useRegisterOverlay, Me as useResolvedTheme, pe as useSubmitOnEnter };

package/dist/runtime/LovelaceProvider.js

@@ -1,30 +1,30 @@
 import { tokenName as e } from "../tokens/tokens.js";
 import { jsx as t } from "react/jsx-runtime";
-import { UNSAFE_PortalProvider as n } from "react-aria";
-import { useEffect as r, useMemo as i, useState as a } from "react";
+import { useEffect as n, useMemo as r, useState as i } from "react";
+import { UNSAFE_PortalProvider as a } from "react-aria";
 //#region src/runtime/LovelaceProvider.tsx
 var o = "(prefers-color-scheme: dark)";
 function s() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(o).matches;
 }
 function c(e) {
-	let [t, n] = a(() => e === "auto" ? s() ? "dark" : "light" : e);
-	return r(() => {
+	let [t, r] = i(() => e === "auto" ? s() ? "dark" : "light" : e);
+	return n(() => {
 		if (e !== "auto") {
-			n(e);
+			r(e);
 			return;
 		}
 		if (typeof window > "u" || typeof window.matchMedia != "function") return;
-		let t = window.matchMedia(o), r = (e) => {
-			n(e ? "dark" : "light");
+		let t = window.matchMedia(o), n = (e) => {
+			r(e ? "dark" : "light");
 		};
-		r(t.matches);
-		let i = (e) => r(e.matches);
+		n(t.matches);
+		let i = (e) => n(e.matches);
 		return t.addEventListener("change", i), () => t.removeEventListener("change", i);
 	}, [e]), t;
 }
-function l({ theme: r = "auto", override: o, children: s }) {
-	let l = c(r), [u, d] = a(null), f = i(() => {
+function l({ theme: n = "auto", override: o, children: s }) {
+	let l = c(n), [u, d] = i(null), f = r(() => {
 		let t = { display: "contents" };
 		for (let [n, r] of Object.entries(o ?? {})) r != null && (t[e(n)] = r);
 		return t;
@@ -33,7 +33,7 @@ function l({ theme: r = "auto", override: o, children: s }) {
 		ref: d,
 		"data-theme": l,
 		style: f,
-		children: u != null && /* @__PURE__ */ t(n, {
+		children: u != null && /* @__PURE__ */ t(a, {
 			getContainer: () => u,
 			children: s
 		})