@ada-cx/lovelace 1.0.0-setup.0

package/dist/components/Dialog/DialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogRoot.js","names":[],"sources":["../../../src/components/Dialog/DialogRoot.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { dialogContentSurface } from \"./Dialog.css.js\";\n\nexport interface DialogProps {\n\tclassName?: string;\n\t/** Composed parts, canonical order: `Icon` → `Content` → `Actions`. */\n\tchildren: ReactNode;\n}\n\n/**\n * Centered dialog content surface — the icon → content → actions stack. Pure\n * presentation; wrap it in `DialogOverlay` for the scrim-backed, focus-trapped\n * modal (choose `role` / `isDismissable` there).\n *\n * Give the dialog an accessible name via a `Dialog.Title` or the overlay's\n * `aria-label`.\n */\nexport function DialogRoot({ className, children }: DialogProps) {\n\treturn <div className={cx(dialogContentSurface, className)}>{children}</div>;\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAAW,EAAE,cAAW,eAAyB;AAChE,QAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAsB,EAAU;EAAG;EAAe,CAAA"}

package/dist/components/Dialog/DialogTitle.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export interface DialogTitleProps {
+    children?: ReactNode;
+    className?: string;
+}
+/** Centered heading. Renders `slot="title"` so RAC derives the accessible name. */
+export declare function DialogTitle({ children, className }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogTitle.js

@@ -0,0 +1,16 @@
+import { cx as e } from "../../utils/cx.js";
+import { dialogTitle as t } from "./Dialog.css.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Heading as r } from "react-aria-components";
+//#region src/components/Dialog/DialogTitle.tsx
+function i({ children: i, className: a }) {
+	return /* @__PURE__ */ n(r, {
+		slot: "title",
+		className: e(t, a),
+		children: i
+	});
+}
+//#endregion
+export { i as DialogTitle };
+
+//# sourceMappingURL=DialogTitle.js.map

package/dist/components/Dialog/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","names":[],"sources":["../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Heading } from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport { dialogTitle } from \"./Dialog.css.js\";\n\nexport interface DialogTitleProps {\n\tchildren?: ReactNode;\n\tclassName?: string;\n}\n\n/** Centered heading. Renders `slot=\"title\"` so RAC derives the accessible name. */\nexport function DialogTitle({ children, className }: DialogTitleProps) {\n\treturn (\n\t\t<Heading slot=\"title\" className={cx(dialogTitle, className)}>\n\t\t\t{children}\n\t\t</Heading>\n\t);\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAAY,EAAE,aAAU,gBAA+B;AACtE,QACC,kBAAC,GAAD;EAAS,MAAK;EAAQ,WAAW,EAAG,GAAa,EAAU;EACzD;EACQ,CAAA"}

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

@@ -0,0 +1,6 @@
+export { Dialog, type DialogIntent, type DialogProps } from "./Dialog.js";
+export type { DialogActionsProps } from "./DialogActions.js";
+export type { DialogBodyProps } from "./DialogBody.js";
+export type { DialogContentProps } from "./DialogContent.js";
+export type { DialogIconProps } from "./DialogIcon.js";
+export type { DialogTitleProps } from "./DialogTitle.js";

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

@@ -0,0 +1,3 @@
+export declare const dialogOverlayScrim: string;
+export declare const dialogOverlayCard: string;
+export declare const dialogOverlaySurface: string;

package/dist/components/DialogOverlay/DialogOverlay.css.js

@@ -0,0 +1,8 @@
+/* empty css                                    */
+/* empty css                                 */
+//#region src/components/DialogOverlay/DialogOverlay.css.ts
+var e = "_9zd2r40 _1r1codi0", t = "_9zd2r41", n = "_9zd2r42";
+//#endregion
+export { t as dialogOverlayCard, e as dialogOverlayScrim, n as dialogOverlaySurface };
+
+//# sourceMappingURL=DialogOverlay.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogOverlay.css.js","names":[],"sources":["../../../src/components/DialogOverlay/DialogOverlay.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\nimport { t } from \"../../tokens/index.js\";\nimport { overlayScrimBase, SURFACE_SHADOW } from \"../Overlay/overlay.css.js\";\n\n// Dark-scrim backdrop, centered. Padding keeps the card off the chat-window\n// edges on narrow widths.\nexport const dialogOverlayScrim = style([\n\toverlayScrimBase,\n\t{\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\tpadding: t(\"padding-16\"),\n\t\tbackgroundColor: t(\"color-background-neutral-overlay\"),\n\t},\n]);\n\n// The centered card. overflow:hidden clips the child's corners; a box's own\n// shadow is not clipped by its own overflow, so the shadow survives.\nexport const dialogOverlayCard = style({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\twidth: \"366px\",\n\tmaxWidth: \"100%\",\n\t// Figma: card caps at 90% of the chat window; taller content scrolls inside.\n\tmaxHeight: \"90%\",\n\tbackgroundColor: t(\"color-background-default\"),\n\tborderRadius: t(\"border-radius-container\"),\n\toverflow: \"hidden\",\n\tboxShadow: SURFACE_SHADOW,\n\tselectors: {\n\t\t\"&[data-entering]\": { opacity: 0, transform: \"scale(0.95)\" },\n\t\t\"&[data-exiting]\": { opacity: 0, transform: \"scale(0.95)\" },\n\t},\n\t\"@media\": {\n\t\t\"(prefers-reduced-motion: no-preference)\": {\n\t\t\ttransitionProperty: \"opacity, transform\",\n\t\t\ttransitionDuration: t(\"duration-medium\"),\n\t\t\ttransitionTimingFunction: t(\"easing-standard\"),\n\t\t},\n\t},\n});\n\n// The RAC Dialog element (focus-trap) doubles as the scroll region: flex:1 +\n// min-height:0 takes the card's height cap, and when content exceeds it the whole\n// stack scrolls as one. Consumers add content arrangement via `className`.\nexport const dialogOverlaySurface = style({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tflex: \"1 1 auto\",\n\twidth: \"100%\",\n\tminHeight: 0,\n\toverflowY: \"auto\",\n\tboxSizing: \"border-box\",\n\toutline: \"none\",\n});\n"],"mappings":""}

package/dist/components/DialogOverlay/DialogOverlay.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+export interface DialogOverlayProps {
+    /** Whether the dialog is open. */
+    isOpen: boolean;
+    /** Called with the next open state on dismiss (scrim tap, Escape) or programmatic close. */
+    onOpenChange: (isOpen: boolean) => void;
+    /** Dismiss on scrim tap. Escape always cancels (RAC default). Defaults to `true`. */
+    isDismissable?: boolean;
+    /**
+     * `alertdialog` for an interruption that must not be dismissed by tapping away;
+     * `dialog` otherwise. Defaults to `dialog`.
+     */
+    role?: "dialog" | "alertdialog";
+    /** Accessible name fallback when the children supply no `slot="title"` heading. */
+    "aria-label"?: string;
+    /** Extends the focus-trap surface (e.g. content arrangement). */
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Centered modal-dialog presentation: dark scrim, centered card, focus-trap,
+ * dismiss-on-tap/Escape, scale-in. Wraps arbitrary children (typically a `Dialog`
+ * content stack). For a bottom sheet use `SheetOverlay`; for a full-window surface
+ * `FullscreenOverlay`; for a non-dimming bubble `BubbleOverlay`.
+ *
+ * `role="alertdialog"` + `isDismissable={false}` for an interruption that must not
+ * be dismissed by tapping away (Escape still cancels); the `dialog` defaults
+ * otherwise. Give it an accessible name via a `Dialog.Title` or `aria-label`.
+ */
+export declare function DialogOverlay({ isOpen, onOpenChange, isDismissable, role, "aria-label": ariaLabel, className, children, }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DialogOverlay/DialogOverlay.js

@@ -0,0 +1,29 @@
+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";
+//#region src/components/DialogOverlay/DialogOverlay.tsx
+function l({ isOpen: l, onOpenChange: u, isDismissable: d = !0, role: f = "dialog", "aria-label": p, className: m, children: h }) {
+	let { direction: g } = a();
+	return /* @__PURE__ */ i(c, {
+		isOpen: l,
+		onOpenChange: u,
+		isDismissable: d,
+		className: n,
+		dir: g,
+		children: /* @__PURE__ */ i(s, {
+			className: t,
+			children: /* @__PURE__ */ i(o, {
+				role: f,
+				"aria-label": p,
+				className: e(r, m),
+				children: h
+			})
+		})
+	});
+}
+//#endregion
+export { l as DialogOverlay };
+
+//# sourceMappingURL=DialogOverlay.js.map

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

@@ -0,0 +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/** 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\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\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":";;;;;;AA2CA,SAAgB,EAAc,EAC7B,WACA,iBACA,mBAAgB,IAChB,UAAO,UACP,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;IACO;IACN,cAAY;IACZ,WAAW,EAAG,GAAsB,EAAU;IAE7C;IACW,CAAA;GACN,CAAA;EACM,CAAA"}

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

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

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

@@ -0,0 +1,27 @@
+export declare const dividerRoot: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        line: {
+            display: "block";
+            width: "100%";
+        };
+        label: {
+            display: "flex";
+            alignItems: "center";
+            justifyContent: "center";
+            gap: "var(--lovelace-color-neutral-0)" | "var(--lovelace-color-neutral-50)" | "var(--lovelace-color-neutral-100)" | "var(--lovelace-color-neutral-200)" | "var(--lovelace-color-neutral-300)" | "var(--lovelace-color-neutral-400)" | "var(--lovelace-color-neutral-500)" | "var(--lovelace-color-neutral-600)" | "var(--lovelace-color-neutral-700)" | "var(--lovelace-color-neutral-800)" | "var(--lovelace-color-neutral-900)" | "var(--lovelace-color-red-50)" | "var(--lovelace-color-orange-50)" | "var(--lovelace-color-green-50)" | "var(--lovelace-color-green-100)" | "var(--lovelace-color-green-200)" | "var(--lovelace-color-green-300)" | "var(--lovelace-color-green-400)" | "var(--lovelace-color-green-500)" | "var(--lovelace-color-green-600)" | "var(--lovelace-color-green-700)" | "var(--lovelace-color-green-800)" | "var(--lovelace-color-green-900)" | "var(--lovelace-color-orange-100)" | "var(--lovelace-color-orange-200)" | "var(--lovelace-color-orange-300)" | "var(--lovelace-color-orange-400)" | "var(--lovelace-color-orange-500)" | "var(--lovelace-color-orange-600)" | "var(--lovelace-color-orange-700)" | "var(--lovelace-color-orange-800)" | "var(--lovelace-color-orange-900)" | "var(--lovelace-color-red-100)" | "var(--lovelace-color-red-200)" | "var(--lovelace-color-red-300)" | "var(--lovelace-color-red-400)" | "var(--lovelace-color-red-500)" | "var(--lovelace-color-red-600)" | "var(--lovelace-color-red-700)" | "var(--lovelace-color-red-800)" | "var(--lovelace-color-red-900)" | "var(--lovelace-spacing-4)" | "var(--lovelace-spacing-8)" | "var(--lovelace-spacing-12)" | "var(--lovelace-spacing-16)" | "var(--lovelace-spacing-20)" | "var(--lovelace-spacing-24)" | "var(--lovelace-spacing-32)" | "var(--lovelace-spacing-40)" | "var(--lovelace-spacing-48)" | "var(--lovelace-font-weight-400)" | "var(--lovelace-font-weight-500)" | "var(--lovelace-font-weight-600)" | "var(--lovelace-color-blue-50)" | "var(--lovelace-color-blue-100)" | "var(--lovelace-color-blue-200)" | "var(--lovelace-color-blue-300)" | "var(--lovelace-color-blue-400)" | "var(--lovelace-color-blue-500)" | "var(--lovelace-color-blue-600)" | "var(--lovelace-color-blue-700)" | "var(--lovelace-color-blue-800)" | "var(--lovelace-color-blue-900)" | "var(--lovelace-font-size-12)" | "var(--lovelace-font-size-14)" | "var(--lovelace-font-size-16)" | "var(--lovelace-font-size-18)" | "var(--lovelace-font-size-20)" | "var(--lovelace-font-size-22)" | "var(--lovelace-font-size-24)" | "var(--lovelace-font-size-26)" | "var(--lovelace-font-size-28)" | "var(--lovelace-font-line-height-16)" | "var(--lovelace-font-line-height-18)" | "var(--lovelace-font-line-height-22)" | "var(--lovelace-font-line-height-24)" | "var(--lovelace-font-line-height-26)" | "var(--lovelace-font-line-height-28)" | "var(--lovelace-font-line-height-30)" | "var(--lovelace-font-line-height-32)" | "var(--lovelace-font-line-height-34)" | "var(--lovelace-border-radius-0)" | "var(--lovelace-p-border-radius-6)" | "var(--lovelace-p-border-radius-10)" | "var(--lovelace-p-border-radius-14)" | "var(--lovelace-p-border-radius-20)" | "var(--lovelace-p-border-radius-24)" | "var(--lovelace-border-radius-999)" | "var(--lovelace-font-paragraph-spacing-4)" | "var(--lovelace-font-paragraph-spacing-6)" | "var(--lovelace-font-paragraph-spacing-8)" | "var(--lovelace-font-paragraph-spacing-10)" | "var(--lovelace-font-paragraph-spacing-12)" | "var(--lovelace-color-accent-50)" | "var(--lovelace-color-accent-100)" | "var(--lovelace-color-accent-200)" | "var(--lovelace-color-accent-300)" | "var(--lovelace-color-accent-400)" | "var(--lovelace-color-accent-500)" | "var(--lovelace-color-accent-600)" | "var(--lovelace-color-accent-700)" | "var(--lovelace-color-accent-800)" | "var(--lovelace-color-accent-900)" | "var(--lovelace-font-family-sans-serif)" | "var(--lovelace-font-family-mono)" | "var(--lovelace-border-width-1)" | "var(--lovelace-border-width-2)" | "var(--lovelace-dimension-16)" | "var(--lovelace-dimension-20)" | "var(--lovelace-dimension-22)" | "var(--lovelace-dimension-24)" | "var(--lovelace-dimension-32)" | "var(--lovelace-dimension-36)" | "var(--lovelace-color-content-default)" | "var(--lovelace-color-content-secondary)" | "var(--lovelace-color-content-secondary-inverse)" | "var(--lovelace-color-content-disabled)" | "var(--lovelace-color-content-inverse)" | "var(--lovelace-color-background-default)" | "var(--lovelace-color-background-secondary)" | "var(--lovelace-color-background-tertiary)" | "var(--lovelace-color-background-quaternary)" | "var(--lovelace-color-background-disabled)" | "var(--lovelace-color-background-inverse)" | "var(--lovelace-color-background-neutral-overlay)" | "var(--lovelace-color-border-default)" | "var(--lovelace-color-border-medium)" | "var(--lovelace-color-border-strong)" | "var(--lovelace-color-content-link)" | "var(--lovelace-color-background-destructive)" | "var(--lovelace-color-content-destructive)" | "var(--lovelace-color-background-destructive-light)" | "var(--lovelace-color-border-destructive)" | "var(--lovelace-color-content-on-destructive)" | "var(--lovelace-color-content-warning)" | "var(--lovelace-color-background-warning)" | "var(--lovelace-color-background-warning-light)" | "var(--lovelace-color-border-warning)" | "var(--lovelace-color-content-success)" | "var(--lovelace-color-background-success)" | "var(--lovelace-color-background-success-light)" | "var(--lovelace-color-border-success)" | "var(--lovelace-color-content-accent)" | "var(--lovelace-color-content-on-accent)" | "var(--lovelace-color-content-on-scrim)" | "var(--lovelace-color-background-accent)" | "var(--lovelace-color-background-highlight-overlay)" | "var(--lovelace-color-border-focus)" | "var(--lovelace-color-border-accent)" | "var(--lovelace-color-border-highlight)" | "var(--lovelace-font-weight-regular)" | "var(--lovelace-font-size-caption)" | "var(--lovelace-line-height-caption)" | "var(--lovelace-paragraph-spacing-caption)" | "var(--lovelace-paragraph-spacing-body)" | "var(--lovelace-paragraph-spacing-title)" | "var(--lovelace-line-height-body)" | "var(--lovelace-line-height-title-small)" | "var(--lovelace-line-height-title-large)" | "var(--lovelace-font-size-body)" | "var(--lovelace-font-size-title-small)" | "var(--lovelace-font-size-title-large)" | "var(--lovelace-font-weight-medium)" | "var(--lovelace-font-weight-semi-bold)" | "var(--lovelace-font-family-body)" | "var(--lovelace-font-family-heading)" | "var(--lovelace-font-family-code)" | "var(--lovelace-border-radius-none)" | "var(--lovelace-border-radius-6)" | "var(--lovelace-border-radius-10)" | "var(--lovelace-border-radius-14)" | "var(--lovelace-border-radius-20)" | "var(--lovelace-border-radius-24)" | "var(--lovelace-border-radius-full)" | "var(--lovelace-padding-4)" | "var(--lovelace-padding-8)" | "var(--lovelace-padding-12)" | "var(--lovelace-gap-4)" | "var(--lovelace-padding-16)" | "var(--lovelace-gap-8)" | "var(--lovelace-gap-12)" | "var(--lovelace-gap-16)" | "var(--lovelace-gap-20)" | "var(--lovelace-padding-20)" | "var(--lovelace-border-width-default)" | "var(--lovelace-border-width-focus)" | "var(--lovelace-opacity-state-hover)" | "var(--lovelace-opacity-state-focus)" | "var(--lovelace-opacity-state-pressed)" | "var(--lovelace-icon-size-sm)" | "var(--lovelace-icon-size-md)" | "var(--lovelace-icon-size-control)" | "var(--lovelace-icon-size-lg)" | "var(--lovelace-easing-standard)" | "var(--lovelace-easing-emphasized)" | "var(--lovelace-easing-decelerate)" | "var(--lovelace-easing-accelerate)" | "var(--lovelace-duration-fast)" | "var(--lovelace-duration-medium)" | "var(--lovelace-duration-slow)" | "var(--lovelace-message-user-background)" | "var(--lovelace-message-user-content)" | "var(--lovelace-button-primary-background)" | "var(--lovelace-button-primary-content)" | "var(--lovelace-header-background)" | "var(--lovelace-pill-content-primary)" | "var(--lovelace-header-content)" | "var(--lovelace-chip-background-selected)" | "var(--lovelace-chatfab-background)" | "var(--lovelace-chatfab-content)" | "var(--lovelace-composer-background)" | "var(--lovelace-composer-border-default)" | "var(--lovelace-composer-content-default)" | "var(--lovelace-composer-content-secondary)" | "var(--lovelace-composer-border-focus)" | "var(--lovelace-composer-border-active)" | "var(--lovelace-avatar-background)" | "var(--lovelace-avatar-content)" | "var(--lovelace-scrollmarker-background)" | "var(--lovelace-scrollmarker-content)" | "var(--lovelace-send-button-background)" | "var(--lovelace-chat-background)" | "var(--lovelace-border-radius-button)" | "var(--lovelace-border-radius-message)" | "var(--lovelace-border-radius-input)" | "var(--lovelace-border-radius-composer)" | "var(--lovelace-border-radius-avatar)" | "var(--lovelace-border-radius-pill)" | "var(--lovelace-border-radius-media-preview)" | "var(--lovelace-border-radius-container)";
+            width: "100%";
+        };
+        message: {
+            display: "flex";
+            flexDirection: "column";
+            alignItems: "center";
+            justifyContent: "center";
+            gap: "var(--lovelace-color-neutral-0)" | "var(--lovelace-color-neutral-50)" | "var(--lovelace-color-neutral-100)" | "var(--lovelace-color-neutral-200)" | "var(--lovelace-color-neutral-300)" | "var(--lovelace-color-neutral-400)" | "var(--lovelace-color-neutral-500)" | "var(--lovelace-color-neutral-600)" | "var(--lovelace-color-neutral-700)" | "var(--lovelace-color-neutral-800)" | "var(--lovelace-color-neutral-900)" | "var(--lovelace-color-red-50)" | "var(--lovelace-color-orange-50)" | "var(--lovelace-color-green-50)" | "var(--lovelace-color-green-100)" | "var(--lovelace-color-green-200)" | "var(--lovelace-color-green-300)" | "var(--lovelace-color-green-400)" | "var(--lovelace-color-green-500)" | "var(--lovelace-color-green-600)" | "var(--lovelace-color-green-700)" | "var(--lovelace-color-green-800)" | "var(--lovelace-color-green-900)" | "var(--lovelace-color-orange-100)" | "var(--lovelace-color-orange-200)" | "var(--lovelace-color-orange-300)" | "var(--lovelace-color-orange-400)" | "var(--lovelace-color-orange-500)" | "var(--lovelace-color-orange-600)" | "var(--lovelace-color-orange-700)" | "var(--lovelace-color-orange-800)" | "var(--lovelace-color-orange-900)" | "var(--lovelace-color-red-100)" | "var(--lovelace-color-red-200)" | "var(--lovelace-color-red-300)" | "var(--lovelace-color-red-400)" | "var(--lovelace-color-red-500)" | "var(--lovelace-color-red-600)" | "var(--lovelace-color-red-700)" | "var(--lovelace-color-red-800)" | "var(--lovelace-color-red-900)" | "var(--lovelace-spacing-4)" | "var(--lovelace-spacing-8)" | "var(--lovelace-spacing-12)" | "var(--lovelace-spacing-16)" | "var(--lovelace-spacing-20)" | "var(--lovelace-spacing-24)" | "var(--lovelace-spacing-32)" | "var(--lovelace-spacing-40)" | "var(--lovelace-spacing-48)" | "var(--lovelace-font-weight-400)" | "var(--lovelace-font-weight-500)" | "var(--lovelace-font-weight-600)" | "var(--lovelace-color-blue-50)" | "var(--lovelace-color-blue-100)" | "var(--lovelace-color-blue-200)" | "var(--lovelace-color-blue-300)" | "var(--lovelace-color-blue-400)" | "var(--lovelace-color-blue-500)" | "var(--lovelace-color-blue-600)" | "var(--lovelace-color-blue-700)" | "var(--lovelace-color-blue-800)" | "var(--lovelace-color-blue-900)" | "var(--lovelace-font-size-12)" | "var(--lovelace-font-size-14)" | "var(--lovelace-font-size-16)" | "var(--lovelace-font-size-18)" | "var(--lovelace-font-size-20)" | "var(--lovelace-font-size-22)" | "var(--lovelace-font-size-24)" | "var(--lovelace-font-size-26)" | "var(--lovelace-font-size-28)" | "var(--lovelace-font-line-height-16)" | "var(--lovelace-font-line-height-18)" | "var(--lovelace-font-line-height-22)" | "var(--lovelace-font-line-height-24)" | "var(--lovelace-font-line-height-26)" | "var(--lovelace-font-line-height-28)" | "var(--lovelace-font-line-height-30)" | "var(--lovelace-font-line-height-32)" | "var(--lovelace-font-line-height-34)" | "var(--lovelace-border-radius-0)" | "var(--lovelace-p-border-radius-6)" | "var(--lovelace-p-border-radius-10)" | "var(--lovelace-p-border-radius-14)" | "var(--lovelace-p-border-radius-20)" | "var(--lovelace-p-border-radius-24)" | "var(--lovelace-border-radius-999)" | "var(--lovelace-font-paragraph-spacing-4)" | "var(--lovelace-font-paragraph-spacing-6)" | "var(--lovelace-font-paragraph-spacing-8)" | "var(--lovelace-font-paragraph-spacing-10)" | "var(--lovelace-font-paragraph-spacing-12)" | "var(--lovelace-color-accent-50)" | "var(--lovelace-color-accent-100)" | "var(--lovelace-color-accent-200)" | "var(--lovelace-color-accent-300)" | "var(--lovelace-color-accent-400)" | "var(--lovelace-color-accent-500)" | "var(--lovelace-color-accent-600)" | "var(--lovelace-color-accent-700)" | "var(--lovelace-color-accent-800)" | "var(--lovelace-color-accent-900)" | "var(--lovelace-font-family-sans-serif)" | "var(--lovelace-font-family-mono)" | "var(--lovelace-border-width-1)" | "var(--lovelace-border-width-2)" | "var(--lovelace-dimension-16)" | "var(--lovelace-dimension-20)" | "var(--lovelace-dimension-22)" | "var(--lovelace-dimension-24)" | "var(--lovelace-dimension-32)" | "var(--lovelace-dimension-36)" | "var(--lovelace-color-content-default)" | "var(--lovelace-color-content-secondary)" | "var(--lovelace-color-content-secondary-inverse)" | "var(--lovelace-color-content-disabled)" | "var(--lovelace-color-content-inverse)" | "var(--lovelace-color-background-default)" | "var(--lovelace-color-background-secondary)" | "var(--lovelace-color-background-tertiary)" | "var(--lovelace-color-background-quaternary)" | "var(--lovelace-color-background-disabled)" | "var(--lovelace-color-background-inverse)" | "var(--lovelace-color-background-neutral-overlay)" | "var(--lovelace-color-border-default)" | "var(--lovelace-color-border-medium)" | "var(--lovelace-color-border-strong)" | "var(--lovelace-color-content-link)" | "var(--lovelace-color-background-destructive)" | "var(--lovelace-color-content-destructive)" | "var(--lovelace-color-background-destructive-light)" | "var(--lovelace-color-border-destructive)" | "var(--lovelace-color-content-on-destructive)" | "var(--lovelace-color-content-warning)" | "var(--lovelace-color-background-warning)" | "var(--lovelace-color-background-warning-light)" | "var(--lovelace-color-border-warning)" | "var(--lovelace-color-content-success)" | "var(--lovelace-color-background-success)" | "var(--lovelace-color-background-success-light)" | "var(--lovelace-color-border-success)" | "var(--lovelace-color-content-accent)" | "var(--lovelace-color-content-on-accent)" | "var(--lovelace-color-content-on-scrim)" | "var(--lovelace-color-background-accent)" | "var(--lovelace-color-background-highlight-overlay)" | "var(--lovelace-color-border-focus)" | "var(--lovelace-color-border-accent)" | "var(--lovelace-color-border-highlight)" | "var(--lovelace-font-weight-regular)" | "var(--lovelace-font-size-caption)" | "var(--lovelace-line-height-caption)" | "var(--lovelace-paragraph-spacing-caption)" | "var(--lovelace-paragraph-spacing-body)" | "var(--lovelace-paragraph-spacing-title)" | "var(--lovelace-line-height-body)" | "var(--lovelace-line-height-title-small)" | "var(--lovelace-line-height-title-large)" | "var(--lovelace-font-size-body)" | "var(--lovelace-font-size-title-small)" | "var(--lovelace-font-size-title-large)" | "var(--lovelace-font-weight-medium)" | "var(--lovelace-font-weight-semi-bold)" | "var(--lovelace-font-family-body)" | "var(--lovelace-font-family-heading)" | "var(--lovelace-font-family-code)" | "var(--lovelace-border-radius-none)" | "var(--lovelace-border-radius-6)" | "var(--lovelace-border-radius-10)" | "var(--lovelace-border-radius-14)" | "var(--lovelace-border-radius-20)" | "var(--lovelace-border-radius-24)" | "var(--lovelace-border-radius-full)" | "var(--lovelace-padding-4)" | "var(--lovelace-padding-8)" | "var(--lovelace-padding-12)" | "var(--lovelace-gap-4)" | "var(--lovelace-padding-16)" | "var(--lovelace-gap-8)" | "var(--lovelace-gap-12)" | "var(--lovelace-gap-16)" | "var(--lovelace-gap-20)" | "var(--lovelace-padding-20)" | "var(--lovelace-border-width-default)" | "var(--lovelace-border-width-focus)" | "var(--lovelace-opacity-state-hover)" | "var(--lovelace-opacity-state-focus)" | "var(--lovelace-opacity-state-pressed)" | "var(--lovelace-icon-size-sm)" | "var(--lovelace-icon-size-md)" | "var(--lovelace-icon-size-control)" | "var(--lovelace-icon-size-lg)" | "var(--lovelace-easing-standard)" | "var(--lovelace-easing-emphasized)" | "var(--lovelace-easing-decelerate)" | "var(--lovelace-easing-accelerate)" | "var(--lovelace-duration-fast)" | "var(--lovelace-duration-medium)" | "var(--lovelace-duration-slow)" | "var(--lovelace-message-user-background)" | "var(--lovelace-message-user-content)" | "var(--lovelace-button-primary-background)" | "var(--lovelace-button-primary-content)" | "var(--lovelace-header-background)" | "var(--lovelace-pill-content-primary)" | "var(--lovelace-header-content)" | "var(--lovelace-chip-background-selected)" | "var(--lovelace-chatfab-background)" | "var(--lovelace-chatfab-content)" | "var(--lovelace-composer-background)" | "var(--lovelace-composer-border-default)" | "var(--lovelace-composer-content-default)" | "var(--lovelace-composer-content-secondary)" | "var(--lovelace-composer-border-focus)" | "var(--lovelace-composer-border-active)" | "var(--lovelace-avatar-background)" | "var(--lovelace-avatar-content)" | "var(--lovelace-scrollmarker-background)" | "var(--lovelace-scrollmarker-content)" | "var(--lovelace-send-button-background)" | "var(--lovelace-chat-background)" | "var(--lovelace-border-radius-button)" | "var(--lovelace-border-radius-message)" | "var(--lovelace-border-radius-input)" | "var(--lovelace-border-radius-composer)" | "var(--lovelace-border-radius-avatar)" | "var(--lovelace-border-radius-pill)" | "var(--lovelace-border-radius-media-preview)" | "var(--lovelace-border-radius-container)";
+            textAlign: "center";
+        };
+    };
+}>;
+export declare const dividerRule: string;
+export declare const dividerLabel: string;
+export declare const dividerHeading: string;
+export declare const dividerCaption: string;

package/dist/components/Divider/Divider.css.js

@@ -0,0 +1,17 @@
+import { createRuntimeFn as e } from "../../vendor/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                           */
+//#region src/components/Divider/Divider.css.ts
+var t = e({
+	defaultClassName: "a07ce60",
+	variantClassNames: { variant: {
+		line: "a07ce61",
+		label: "a07ce62",
+		message: "a07ce63"
+	} },
+	defaultVariants: { variant: "line" },
+	compoundVariants: []
+}), n = "a07ce64", r = "a07ce65", i = "a07ce66", a = "a07ce67";
+//#endregion
+export { a as dividerCaption, i as dividerHeading, r as dividerLabel, t as dividerRoot, n as dividerRule };
+
+//# sourceMappingURL=Divider.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.css.js","names":[],"sources":["../../../src/components/Divider/Divider.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\nimport { recipe } from \"@vanilla-extract/recipes\";\nimport { t } from \"../../tokens/index.js\";\n\nconst captionText = {\n\tfontFamily: t(\"font-family-body\"),\n\tfontSize: t(\"font-size-caption\"),\n\tlineHeight: t(\"line-height-caption\"),\n\tcolor: t(\"color-content-secondary\"),\n} as const;\n\nexport const dividerRoot = recipe({\n\tbase: {\n\t\tboxSizing: \"border-box\",\n\t},\n\tvariants: {\n\t\tvariant: {\n\t\t\tline: {\n\t\t\t\tdisplay: \"block\",\n\t\t\t\twidth: \"100%\",\n\t\t\t},\n\t\t\tlabel: {\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tjustifyContent: \"center\",\n\t\t\t\tgap: t(\"gap-8\"),\n\t\t\t\twidth: \"100%\",\n\t\t\t},\n\t\t\tmessage: {\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tflexDirection: \"column\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tjustifyContent: \"center\",\n\t\t\t\tgap: t(\"gap-4\"),\n\t\t\t\ttextAlign: \"center\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"line\",\n\t},\n});\n\n// The horizontal rule for the `line` variant and the two flanking rules of `label`.\n// A zero-height element with only a top border renders as a 1px line. `flex: 1 1 0`\n// makes the flanking rules share the row equally in `label`; it's inert in `line`'s\n// block context, where `width: 100%` spans the full width instead.\nexport const dividerRule = style({\n\tborder: \"none\",\n\tborderTop: `${t(\"border-width-default\")} solid ${t(\"color-border-default\")}`,\n\tmargin: 0,\n\theight: 0,\n\twidth: \"100%\",\n\tflex: \"1 1 0\",\n\tminWidth: \"1px\",\n});\n\n// `label`'s inline marker stays on one line; message captions may wrap to a sentence.\nexport const dividerLabel = style({\n\t...captionText,\n\tfontWeight: t(\"font-weight-regular\"),\n\twhiteSpace: \"nowrap\",\n\tflexShrink: 0,\n\tmargin: 0,\n});\n\nexport const dividerHeading = style({\n\t...captionText,\n\tfontWeight: t(\"font-weight-medium\"),\n\tmargin: 0,\n});\n\nexport const dividerCaption = style({\n\t...captionText,\n\tfontWeight: t(\"font-weight-regular\"),\n\tmargin: 0,\n});\n"],"mappings":""}

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, ReactNode, Ref } from "react";
+export type DividerVariant = "line" | "label" | "message";
+export interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /**
+     * `line` — a plain full-width rule. `label` — a centered marker flanked by two
+     * rules (e.g. "1 unread message"). `message` — a centered system/status message
+     * with no rule (e.g. "Today", "Agent joined the conversation").
+     */
+    variant?: DividerVariant;
+    /**
+     * Emphasized heading rendered above the caption. Only rendered for `message`;
+     * may lead with an emoji (e.g. "⏳ You are #1 in the queue").
+     */
+    heading?: ReactNode;
+    /** The label text (`label`) or caption text (`message`). Ignored for `line`. */
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * A conversation timeline divider — marks date stamps, unread markers, and
+ * system/status messages in the chat message list.
+ *
+ * The `line` and `label` variants expose a `separator` role; `message` is plain
+ * text. For a `message` that should be announced (e.g. live queue position), pass
+ * `role="status"` / `aria-live` — static stamps like "Today" should not.
+ */
+export declare function Divider({ variant, heading, children, className, ref, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,35 @@
+import { cx as e } from "../../utils/cx.js";
+import { dividerRoot as t } from "./Divider.css.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Separator as a } from "react-aria-components";
+//#region src/components/Divider/Divider.tsx
+function o({ variant: o = "line", heading: s, children: c, className: l, ref: u, ...d }) {
+	return /* @__PURE__ */ i("div", {
+		...d,
+		ref: u,
+		"data-variant": o,
+		className: e(t({ variant: o }), l),
+		children: [
+			o === "line" && /* @__PURE__ */ r(a, { className: "a07ce64" }),
+			o === "label" && /* @__PURE__ */ i(n, { children: [
+				/* @__PURE__ */ r(a, { className: "a07ce64" }),
+				/* @__PURE__ */ r("p", {
+					className: "a07ce65",
+					children: c
+				}),
+				/* @__PURE__ */ r(a, { className: "a07ce64" })
+			] }),
+			o === "message" && /* @__PURE__ */ i(n, { children: [s != null && /* @__PURE__ */ r("p", {
+				className: "a07ce66",
+				children: s
+			}), /* @__PURE__ */ r("p", {
+				className: "a07ce67",
+				children: c
+			})] })
+		]
+	});
+}
+//#endregion
+export { o as Divider };
+
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { Separator } from \"react-aria-components\";\nimport { cx } from \"../../utils/cx.js\";\nimport {\n\tdividerCaption,\n\tdividerHeading,\n\tdividerLabel,\n\tdividerRoot,\n\tdividerRule,\n} from \"./Divider.css.js\";\n\nexport type DividerVariant = \"line\" | \"label\" | \"message\";\n\nexport interface DividerProps\n\textends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n\t/**\n\t * `line` — a plain full-width rule. `label` — a centered marker flanked by two\n\t * rules (e.g. \"1 unread message\"). `message` — a centered system/status message\n\t * with no rule (e.g. \"Today\", \"Agent joined the conversation\").\n\t */\n\tvariant?: DividerVariant;\n\t/**\n\t * Emphasized heading rendered above the caption. Only rendered for `message`;\n\t * may lead with an emoji (e.g. \"⏳ You are #1 in the queue\").\n\t */\n\theading?: ReactNode;\n\t/** The label text (`label`) or caption text (`message`). Ignored for `line`. */\n\tchildren?: ReactNode;\n\tref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A conversation timeline divider — marks date stamps, unread markers, and\n * system/status messages in the chat message list.\n *\n * The `line` and `label` variants expose a `separator` role; `message` is plain\n * text. For a `message` that should be announced (e.g. live queue position), pass\n * `role=\"status\"` / `aria-live` — static stamps like \"Today\" should not.\n */\nexport function Divider({\n\tvariant = \"line\",\n\theading,\n\tchildren,\n\tclassName,\n\tref,\n\t...rest\n}: DividerProps) {\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tref={ref}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cx(dividerRoot({ variant }), className)}\n\t\t>\n\t\t\t{variant === \"line\" && <Separator className={dividerRule} />}\n\t\t\t{variant === \"label\" && (\n\t\t\t\t<>\n\t\t\t\t\t<Separator className={dividerRule} />\n\t\t\t\t\t<p className={dividerLabel}>{children}</p>\n\t\t\t\t\t<Separator className={dividerRule} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{variant === \"message\" && (\n\t\t\t\t<>\n\t\t\t\t\t{heading != null && <p className={dividerHeading}>{heading}</p>}\n\t\t\t\t\t<p className={dividerCaption}>{children}</p>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AAuCA,SAAgB,EAAQ,EACvB,aAAU,QACV,YACA,aACA,cACA,QACA,GAAG,KACa;AAChB,QACC,kBAAC,OAAD;EACC,GAAI;EACC;EACL,gBAAc;EACd,WAAW,EAAG,EAAY,EAAE,YAAS,CAAC,EAAE,EAAU;YAJnD;GAME,MAAY,UAAU,kBAAC,GAAD,EAAW,WAAA,WAA0B,CAAA;GAC3D,MAAY,WACZ,kBAAA,GAAA,EAAA,UAAA;IACC,kBAAC,GAAD,EAAW,WAAA,WAA0B,CAAA;IACrC,kBAAC,KAAD;KAAG,WAAA;KAA0B;KAAa,CAAA;IAC1C,kBAAC,GAAD,EAAW,WAAA,WAA0B,CAAA;IACnC,EAAA,CAAA;GAEH,MAAY,aACZ,kBAAA,GAAA,EAAA,UAAA,CACE,KAAW,QAAQ,kBAAC,KAAD;IAAG,WAAA;cAA4B;IAAY,CAAA,EAC/D,kBAAC,KAAD;IAAG,WAAA;IAA4B;IAAa,CAAA,CAC1C,EAAA,CAAA;GAEC"}

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

@@ -0,0 +1 @@
+export { Divider, type DividerProps, type DividerVariant } from "./Divider.js";

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

@@ -0,0 +1,3 @@
+export declare const fullscreenScrim: string;
+export declare const fullscreenModal: string;
+export declare const fullscreenDialog: string;

package/dist/components/FullscreenOverlay/FullscreenOverlay.css.js

@@ -0,0 +1,8 @@
+/* empty css                                    */
+/* empty css                                     */
+//#region src/components/FullscreenOverlay/FullscreenOverlay.css.ts
+var e = "_6ivfy30 _1r1codi0", t = "_6ivfy31", n = "_6ivfy32";
+//#endregion
+export { n as fullscreenDialog, t as fullscreenModal, e as fullscreenScrim };
+
+//# sourceMappingURL=FullscreenOverlay.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenOverlay.css.js","names":[],"sources":["../../../src/components/FullscreenOverlay/FullscreenOverlay.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\nimport { t } from \"../../tokens/index.js\";\nimport { overlayScrimBase } from \"../Overlay/overlay.css.js\";\n\n// Dark-scrim backdrop. It sits behind the full-window surface (so it's not\n// visible), but its RAC ModalOverlay still provides focus-trap + dismiss + the\n// fade under prefers-reduced-motion.\nexport const fullscreenScrim = style([\n\toverlayScrimBase,\n\t{ backgroundColor: t(\"color-background-neutral-overlay\") },\n]);\n\n// Fills the whole chat window: no size cap, no rounded corners. Same slide-up\n// entrance as the bottom sheet.\nexport const fullscreenModal = style({\n\tposition: \"relative\",\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tminHeight: 0,\n\twidth: \"100%\",\n\theight: \"100%\",\n\tmaxHeight: \"100%\",\n\tbackgroundColor: t(\"color-background-default\"),\n\toverflow: \"hidden\",\n\tselectors: {\n\t\t\"&[data-entering]\": { transform: \"translateY(100%)\" },\n\t\t\"&[data-exiting]\": { transform: \"translateY(100%)\" },\n\t},\n\t\"@media\": {\n\t\t\"(prefers-reduced-motion: no-preference)\": {\n\t\t\ttransition: `transform ${t(\"duration-medium\")} ${t(\"easing-standard\")}`,\n\t\t},\n\t},\n});\n\nexport const fullscreenDialog = style({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tflex: \"1 1 auto\",\n\tminHeight: 0,\n\tmaxHeight: \"100%\",\n\toutline: \"none\",\n});\n"],"mappings":""}

package/dist/components/FullscreenOverlay/FullscreenOverlay.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+export interface FullscreenOverlayProps {
+    /** Whether the overlay is open. */
+    isOpen: boolean;
+    /** Called with the next open state on dismiss (Escape) or programmatic close. */
+    onOpenChange: (isOpen: boolean) => void;
+    /** Dismiss on outside tap. Escape always cancels (RAC default). Defaults to `true`. (The surface fills the window, so there is no scrim to tap.) */
+    isDismissable?: boolean;
+    /** Accessible name fallback when the child has no `Sheet.Header` title. */
+    "aria-label"?: string;
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Modal presentation that fills the whole chat window — no size cap, no rounded
+ * corners, focus-trap, slide-up. Wraps arbitrary children (typically a `Sheet`).
+ * For a bottom card use `SheetOverlay`; for a centered dialog `Dialog`.
+ *
+ * Give the dialog an accessible name via a `Sheet.Header` title or the
+ * `aria-label` prop.
+ */
+export declare function FullscreenOverlay({ isOpen, onOpenChange, isDismissable, "aria-label": ariaLabel, className, children, }: FullscreenOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/FullscreenOverlay/FullscreenOverlay.js

@@ -0,0 +1,28 @@
+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";
+//#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
+			})
+		})
+	});
+}
+//#endregion
+export { l as FullscreenOverlay };
+
+//# sourceMappingURL=FullscreenOverlay.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,2 @@
+export declare const headerRoot: string;
+export declare const headerTitle: string;

package/dist/components/Header/Header.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+//#region src/components/Header/Header.css.ts
+var e = "_1x52ra20", t = "_1x52ra21";
+//#endregion
+export { e as headerRoot, t as headerTitle };
+
+//# sourceMappingURL=Header.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.css.js","names":[],"sources":["../../../src/components/Header/Header.css.ts"],"sourcesContent":["import { globalStyle, style } from \"@vanilla-extract/css\";\nimport { t } from \"../../tokens/index.js\";\n\nexport const headerRoot = style({\n\tbackgroundColor: t(\"header-background\"),\n\tcolor: t(\"header-content\"),\n\tdisplay: \"flex\",\n\talignItems: \"center\",\n\tposition: \"relative\",\n\theight: \"56px\",\n\tpadding: `0 ${t(\"padding-12\")}`,\n\tflexShrink: 0,\n\tgap: t(\"spacing-8\"),\n\toverflow: \"hidden\",\n});\n\nglobalStyle(`${headerRoot} [data-slot=\"icon\"]`, {\n\tcolor: t(\"header-content\"),\n});\n\nglobalStyle(`${headerRoot} [data-slot=\"avatar\"] [data-slot=\"icon\"]`, {\n\tcolor: t(\"avatar-content\"),\n});\n\nexport const headerTitle = style({\n\tmargin: 0,\n\tflex: 1,\n\tminWidth: 0,\n\toverflow: \"hidden\",\n\ttextOverflow: \"ellipsis\",\n\twhiteSpace: \"nowrap\",\n\tfontSize: t(\"font-size-title-small\"),\n\tlineHeight: t(\"line-height-title-small\"),\n\tfontWeight: t(\"font-weight-medium\"),\n});\n"],"mappings":""}

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import { HeaderRoot } from "./HeaderRoot";
+import { HeaderTitle } from "./HeaderTitle";
+export type { HeaderProps } from "./HeaderRoot";
+export declare const Header: typeof HeaderRoot & {
+    Title: typeof HeaderTitle;
+};

package/dist/components/Header/Header.js

@@ -0,0 +1,8 @@
+import { HeaderRoot as e } from "./HeaderRoot.js";
+import { HeaderTitle as t } from "./HeaderTitle.js";
+//#region src/components/Header/Header.ts
+var n = Object.assign(e, { Title: t });
+//#endregion
+export { n as Header };
+
+//# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/Header/Header.ts"],"sourcesContent":["import { HeaderRoot } from \"./HeaderRoot\";\nimport { HeaderTitle } from \"./HeaderTitle\";\n\nexport type { HeaderProps } from \"./HeaderRoot\";\n\nexport const Header = Object.assign(HeaderRoot, {\n\tTitle: HeaderTitle,\n});\n"],"mappings":";;;AAKA,IAAa,IAAS,OAAO,OAAO,GAAY,EAC/C,OAAO,GACP,CAAC"}

package/dist/components/Header/HeaderRoot.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface HeaderProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLElement>;
+}
+/**
+ * Chat surface top bar: a `<header>` (implicit `banner`) that lays its children
+ * out in a single centered flex row and paints the `header-background` /
+ * `header-content` tokens. Purely compositional — the consumer drops controls
+ * (`IconButton`, `Avatar`, `Button`, a title) in as children and owns their order.
+ */
+export declare function HeaderRoot({ className, children, ref, ...rest }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/HeaderRoot.js

@@ -0,0 +1,16 @@
+import { cx as e } from "../../utils/cx.js";
+import { headerRoot as t } from "./Header.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Header/HeaderRoot.tsx
+function r({ className: r, children: i, ref: a, ...o }) {
+	return /* @__PURE__ */ n("header", {
+		...o,
+		ref: a,
+		className: e(t, r),
+		children: i
+	});
+}
+//#endregion
+export { r as HeaderRoot };
+
+//# sourceMappingURL=HeaderRoot.js.map

package/dist/components/Header/HeaderRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.js","names":[],"sources":["../../../src/components/Header/HeaderRoot.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { headerRoot } from \"./Header.css.js\";\n\nexport interface HeaderProps extends HTMLAttributes<HTMLElement> {\n\tref?: Ref<HTMLElement>;\n}\n\n/**\n * Chat surface top bar: a `<header>` (implicit `banner`) that lays its children\n * out in a single centered flex row and paints the `header-background` /\n * `header-content` tokens. Purely compositional — the consumer drops controls\n * (`IconButton`, `Avatar`, `Button`, a title) in as children and owns their order.\n */\nexport function HeaderRoot({ className, children, ref, ...rest }: HeaderProps) {\n\treturn (\n\t\t<header {...rest} ref={ref} className={cx(headerRoot, className)}>\n\t\t\t{children}\n\t\t</header>\n\t);\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAW,EAAE,cAAW,aAAU,QAAK,GAAG,KAAqB;AAC9E,QACC,kBAAC,UAAD;EAAQ,GAAI;EAAW;EAAK,WAAW,EAAG,GAAY,EAAU;EAC9D;EACO,CAAA"}

package/dist/components/Header/HeaderTitle.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface HeaderTitleProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+/**
+ * Header title text, rendered as the surface's top-level `<h1>`. Grows to fill
+ * the bar and truncates with an ellipsis when the label is too long; inherits
+ * `header-content` from the surrounding Header.
+ */
+export declare function HeaderTitle({ className, children, ref, ...rest }: HeaderTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/HeaderTitle.js

@@ -0,0 +1,16 @@
+import { cx as e } from "../../utils/cx.js";
+import { headerTitle as t } from "./Header.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Header/HeaderTitle.tsx
+function r({ className: r, children: i, ref: a, ...o }) {
+	return /* @__PURE__ */ n("h1", {
+		...o,
+		ref: a,
+		className: e(t, r),
+		children: i
+	});
+}
+//#endregion
+export { r as HeaderTitle };
+
+//# sourceMappingURL=HeaderTitle.js.map

package/dist/components/Header/HeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTitle.js","names":[],"sources":["../../../src/components/Header/HeaderTitle.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { headerTitle } from \"./Header.css.js\";\n\nexport interface HeaderTitleProps extends HTMLAttributes<HTMLElement> {\n\tref?: Ref<HTMLHeadingElement>;\n}\n\n/**\n * Header title text, rendered as the surface's top-level `<h1>`. Grows to fill\n * the bar and truncates with an ellipsis when the label is too long; inherits\n * `header-content` from the surrounding Header.\n */\nexport function HeaderTitle({\n\tclassName,\n\tchildren,\n\tref,\n\t...rest\n}: HeaderTitleProps) {\n\treturn (\n\t\t<h1 {...rest} ref={ref} className={cx(headerTitle, className)}>\n\t\t\t{children}\n\t\t</h1>\n\t);\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAY,EAC3B,cACA,aACA,QACA,GAAG,KACiB;AACpB,QACC,kBAAC,MAAD;EAAI,GAAI;EAAW;EAAK,WAAW,EAAG,GAAa,EAAU;EAC3D;EACG,CAAA"}

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

@@ -0,0 +1,2 @@
+export type { HeaderProps } from "./Header.js";
+export { Header } from "./Header.js";

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

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

package/dist/components/Icon/Icon.css.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.css.js","names":[],"sources":["../../../src/components/Icon/Icon.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\nexport const icon = style({\n\tdisplay: \"inline-flex\",\n\tflexShrink: 0,\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n\theight: \"1em\",\n\twidth: \"auto\",\n\taspectRatio: \"1 / 1\",\n\tcolor: \"currentColor\",\n\tlineHeight: 0,\n});\n"],"mappings":""}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, ReactNode, Ref } from "react";
+export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+    label?: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Icon({ children, label, className, ref, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.js

@@ -0,0 +1,22 @@
+import { cx as e } from "../../utils/cx.js";
+import { icon as t } from "./Icon.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Icon/Icon.tsx
+function r({ children: r, label: i, className: a, ref: o, ...s }) {
+	let c = i ? {
+		role: "img",
+		"aria-label": i
+	} : { "aria-hidden": !0 };
+	return /* @__PURE__ */ n("span", {
+		ref: o,
+		...s,
+		"data-slot": "icon",
+		...c,
+		className: e(t, a),
+		children: r
+	});
+}
+//#endregion
+export { r as Icon };
+
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { icon as iconClass } from \"./Icon.css.js\";\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n\tlabel?: string;\n\tref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon({ children, label, className, ref, ...rest }: IconProps) {\n\tconst a11y = label\n\t\t? { role: \"img\" as const, \"aria-label\": label }\n\t\t: { \"aria-hidden\": true as const };\n\treturn (\n\t\t<span\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t\tdata-slot=\"icon\"\n\t\t\t{...a11y}\n\t\t\tclassName={cx(iconClass, className)}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;AAUA,SAAgB,EAAK,EAAE,aAAU,UAAO,cAAW,QAAK,GAAG,KAAmB;CAC7E,IAAM,IAAO,IACV;EAAE,MAAM;EAAgB,cAAc;EAAO,GAC7C,EAAE,eAAe,IAAe;AACnC,QACC,kBAAC,QAAD;EACM;EACL,GAAI;EACJ,aAAU;EACV,GAAI;EACJ,WAAW,EAAG,GAAW,EAAU;EAElC;EACK,CAAA"}

package/dist/components/Icon/icons/AdaLogo.css.d.ts

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

package/dist/components/Icon/icons/AdaLogo.css.js

@@ -0,0 +1,7 @@
+/* empty css                           */
+//#region src/components/Icon/icons/AdaLogo.css.ts
+var e = "_3tx76z0";
+//#endregion
+export { e as adaLogo };
+
+//# sourceMappingURL=AdaLogo.css.js.map

package/dist/components/Icon/icons/AdaLogo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaLogo.css.js","names":[],"sources":["../../../../src/components/Icon/icons/AdaLogo.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\n// The Ada brand mark is a wide wordmark, not a square glyph: it sizes by height\n// (1em, inherited from `icon`) with width tracking the 37.5:12 aspect ratio.\nexport const adaLogo = style({\n\taspectRatio: \"37.5 / 12\",\n});\n"],"mappings":""}

package/dist/components/Icon/icons/AdaLogo.d.ts

@@ -0,0 +1,6 @@
+import type { IconProps } from "../Icon.js";
+/** The Ada symbol + wordmark logomark. Unlike the square `Icon/*` glyphs this is a
+ * wide brand mark (aspect 37.5:12) styled via the `adaLogo` class so a consumer
+ * `className` (merged last by `Icon`) can still override its sizing. Paint is
+ * `currentColor`, so it inherits the surrounding text color. */
+export declare function AdaLogo({ className, ...props }: Omit<IconProps, "children">): import("react/jsx-runtime").JSX.Element;