@ada-cx/lovelace 1.0.0-setup.0

package/dist/components/SheetOverlay/SheetOverlay.js

@@ -0,0 +1,28 @@
+import { cx as e } from "../../utils/cx.js";
+import { sheetDialog as t, sheetModal as n, sheetScrim as r } from "./SheetOverlay.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/SheetOverlay/SheetOverlay.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 SheetOverlay };
+
+//# sourceMappingURL=SheetOverlay.js.map

package/dist/components/SheetOverlay/SheetOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetOverlay.js","names":[],"sources":["../../../src/components/SheetOverlay/SheetOverlay.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 { sheetDialog, sheetModal, sheetScrim } from \"./SheetOverlay.css.js\";\n\nexport interface SheetOverlayProps {\n\t/** Whether the sheet 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/** 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 bottom-sheet presentation: dark scrim, focus-trap, dismiss-on-tap/Escape,\n * bottom-anchored, rounded-top corners, slide-up. Wraps arbitrary children\n * (typically a `Sheet`). For a full-window surface use `FullscreenOverlay`; for a\n * centered dialog `Dialog`; for a non-dimming bottom bubble `BubbleOverlay`.\n *\n * Give the dialog an accessible name via either a `Sheet.Header` title or the\n * `aria-label` prop — with neither (e.g. an actions-only Confirm sheet) RAC\n * emits a missing-name warning.\n */\nexport function SheetOverlay({\n\tisOpen,\n\tonOpenChange,\n\tisDismissable = true,\n\t\"aria-label\": ariaLabel,\n\tclassName,\n\tchildren,\n}: SheetOverlayProps) {\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={sheetScrim}\n\t\t\tdir={direction}\n\t\t>\n\t\t\t<Modal className={sheetModal}>\n\t\t\t\t<AriaDialog\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\tclassName={cx(sheetDialog, 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,EAAa,EAC5B,WACA,iBACA,mBAAgB,IAChB,cAAc,GACd,cACA,eACqB;CAIrB,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,GAAa,EAAU;IAEpC;IACW,CAAA;GACN,CAAA;EACM,CAAA"}

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

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

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

@@ -0,0 +1,22 @@
+export declare const spinner: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        sm: {
+            width: "16px";
+            height: "16px";
+            borderWidth: "2px";
+        };
+        lg: {
+            width: "32px";
+            height: "32px";
+            borderWidth: "3px";
+        };
+    };
+    background: {
+        default: {
+            borderTopColor: "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)";
+        };
+        accent: {
+            borderTopColor: "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)";
+        };
+    };
+}>;

package/dist/components/Spinner/Spinner.css.js

@@ -0,0 +1,25 @@
+import { createRuntimeFn as e } from "../../vendor/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                           */
+//#region src/components/Spinner/Spinner.css.ts
+var t = e({
+	defaultClassName: "_2rqyvg1",
+	variantClassNames: {
+		size: {
+			sm: "_2rqyvg2",
+			lg: "_2rqyvg3"
+		},
+		background: {
+			default: "_2rqyvg4",
+			accent: "_2rqyvg5"
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		background: "default"
+	},
+	compoundVariants: []
+});
+//#endregion
+export { t as spinner };
+
+//# sourceMappingURL=Spinner.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.css.js","names":[],"sources":["../../../src/components/Spinner/Spinner.css.ts"],"sourcesContent":["import { keyframes } from \"@vanilla-extract/css\";\nimport { recipe } from \"@vanilla-extract/recipes\";\nimport { t } from \"../../tokens/index.js\";\n\nconst spin = keyframes({\n\tto: { transform: \"rotate(360deg)\" },\n});\n\n// A loading spinner communicates essential system status, so reduced motion\n// slows the animation rather than freezing it — a stationary spinner reads as\n// \"stuck\". Applied both natively (@media) and via the JS-reflected\n// data-reduced-motion attribute so the behavior is observable in tests.\nconst REDUCED_MOTION_DURATION = \"2.4s\";\n\nexport const spinner = recipe({\n\tbase: {\n\t\tdisplay: \"inline-block\",\n\t\tboxSizing: \"border-box\",\n\t\tborderStyle: \"solid\",\n\t\tborderColor: t(\"color-background-neutral-overlay\"),\n\t\tborderRadius: \"50%\",\n\t\tanimation: `${spin} 0.8s linear infinite`,\n\t\t\"@media\": {\n\t\t\t\"(prefers-reduced-motion: reduce)\": {\n\t\t\t\tanimationDuration: REDUCED_MOTION_DURATION,\n\t\t\t},\n\t\t},\n\t\tselectors: {\n\t\t\t\"&[data-reduced-motion]\": {\n\t\t\t\tanimationDuration: REDUCED_MOTION_DURATION,\n\t\t\t},\n\t\t},\n\t},\n\tvariants: {\n\t\t// Hardcoded sizes and border widths are correct — Figma frame sizes.\n\t\tsize: {\n\t\t\tsm: { width: \"16px\", height: \"16px\", borderWidth: \"2px\" },\n\t\t\tlg: { width: \"32px\", height: \"32px\", borderWidth: \"3px\" },\n\t\t},\n\t\tbackground: {\n\t\t\tdefault: { borderTopColor: t(\"color-content-default\") },\n\t\t\taccent: { borderTopColor: t(\"color-content-on-accent\") },\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"sm\",\n\t\tbackground: \"default\",\n\t},\n});\n"],"mappings":""}

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, Ref } from "react";
+export type SpinnerSize = "sm" | "lg";
+export type SpinnerBackground = "default" | "accent";
+export interface SpinnerProps {
+    /** `sm` (16px) for inline / in-button, `lg` (32px) for region / page. */
+    size?: SpinnerSize;
+    /**
+     * The background the spinner sits on. `default` adapts to light/dark mode;
+     * `accent` is for filled-accent (brand-colored) surfaces where the arc must
+     * stay white in both themes, since the accent color does not invert.
+     */
+    background?: SpinnerBackground;
+    /** Accessible name announced by assistive tech. */
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Spinner({ size, background, label, className, ...rest }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,24 @@
+import { cx as e } from "../../utils/cx.js";
+import { usePrefersReducedMotion as t } from "../../hooks/usePrefersReducedMotion.js";
+import { spinner as n } from "./Spinner.css.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Spinner/Spinner.tsx
+function i({ size: i = "sm", background: a = "default", label: o = "Loading", className: s, ...c }) {
+	let l = t();
+	return /* @__PURE__ */ r("div", {
+		...c,
+		role: "status",
+		"aria-label": o,
+		"data-size": i,
+		"data-background": a,
+		"data-reduced-motion": l || void 0,
+		className: e(n({
+			size: i,
+			background: a
+		}), s)
+	});
+}
+//#endregion
+export { i as Spinner };
+
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { CSSProperties, Ref } from \"react\";\nimport { usePrefersReducedMotion } from \"../../hooks/index.js\";\nimport { cx } from \"../../utils/cx.js\";\nimport { spinner } from \"./Spinner.css.js\";\n\nexport type SpinnerSize = \"sm\" | \"lg\";\nexport type SpinnerBackground = \"default\" | \"accent\";\n\nexport interface SpinnerProps {\n\t/** `sm` (16px) for inline / in-button, `lg` (32px) for region / page. */\n\tsize?: SpinnerSize;\n\t/**\n\t * The background the spinner sits on. `default` adapts to light/dark mode;\n\t * `accent` is for filled-accent (brand-colored) surfaces where the arc must\n\t * stay white in both themes, since the accent color does not invert.\n\t */\n\tbackground?: SpinnerBackground;\n\t/** Accessible name announced by assistive tech. */\n\tlabel?: string;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLDivElement>;\n}\n\nexport function Spinner({\n\tsize = \"sm\",\n\tbackground = \"default\",\n\tlabel = \"Loading\",\n\tclassName,\n\t...rest\n}: SpinnerProps) {\n\tconst reducedMotion = usePrefersReducedMotion();\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\trole=\"status\"\n\t\t\taria-label={label}\n\t\t\tdata-size={size}\n\t\t\tdata-background={background}\n\t\t\tdata-reduced-motion={reducedMotion || undefined}\n\t\t\tclassName={cx(spinner({ size, background }), className)}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAwBA,SAAgB,EAAQ,EACvB,UAAO,MACP,gBAAa,WACb,WAAQ,WACR,cACA,GAAG,KACa;CAChB,IAAM,IAAgB,GAAyB;AAC/C,QACC,kBAAC,OAAD;EACC,GAAI;EACJ,MAAK;EACL,cAAY;EACZ,aAAW;EACX,mBAAiB;EACjB,uBAAqB,KAAiB,KAAA;EACtC,WAAW,EAAG,EAAQ;GAAE;GAAM;GAAY,CAAC,EAAE,EAAU;EACtD,CAAA"}

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

@@ -0,0 +1,2 @@
+export type { SpinnerBackground, SpinnerProps, SpinnerSize, } from "./Spinner.js";
+export { Spinner } from "./Spinner.js";

package/dist/components/Survey/SurveyRating/SurveyRating.css.d.ts

@@ -0,0 +1,3 @@
+export declare const surveyRatingRoot: string;
+export declare const surveyRatingScale: string;
+export declare const surveyRatingLabels: string;

package/dist/components/Survey/SurveyRating/SurveyRating.css.js

@@ -0,0 +1,7 @@
+/* empty css                                */
+//#region src/components/Survey/SurveyRating/SurveyRating.css.ts
+var e = "jzxfg70", t = "jzxfg71", n = "jzxfg72";
+//#endregion
+export { n as surveyRatingLabels, e as surveyRatingRoot, t as surveyRatingScale };
+
+//# sourceMappingURL=SurveyRating.css.js.map

package/dist/components/Survey/SurveyRating/SurveyRating.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyRating.css.js","names":[],"sources":["../../../../src/components/Survey/SurveyRating/SurveyRating.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\nimport { t } from \"../../../tokens/index.js\";\n\nexport const surveyRatingRoot = style({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tgap: t(\"gap-8\"),\n\twidth: \"fit-content\",\n});\n\nexport const surveyRatingScale = style({\n\tdisplay: \"flex\",\n\tflexWrap: \"wrap\",\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n\tgap: t(\"gap-8\"),\n\twidth: \"100%\",\n});\n\nexport const surveyRatingLabels = style({\n\tdisplay: \"flex\",\n\tjustifyContent: \"space-between\",\n\twidth: \"100%\",\n\tfontFamily: t(\"font-family-body\"),\n\tfontWeight: t(\"font-weight-regular\"),\n\tfontSize: t(\"font-size-caption\"),\n\tlineHeight: t(\"line-height-caption\"),\n\tcolor: t(\"color-content-secondary\"),\n});\n"],"mappings":""}

package/dist/components/Survey/SurveyRating/SurveyRating.d.ts

@@ -0,0 +1,39 @@
+import type { CSSProperties, ReactNode, Ref } from "react";
+import type { Key } from "react-aria-components";
+export interface SurveyRatingOption {
+    /** Numeric value shown on the chip (e.g. 1–5, 1–10). Rendered unless `icon` is set. */
+    value: number;
+    /** Stable identity used for selection. Defaults to the option's array index. */
+    key?: Key;
+    /** Endpoint label to render as selected option. */
+    label?: string;
+    /** Renders an icon chip (emoji, thumbs) instead of the numeric value. */
+    icon?: ReactNode;
+    /** Accessible name for the option. Overrides the numeric value / icon; icon options fall back to `label`. */
+    "aria-label"?: string;
+}
+export interface SurveyRatingProps {
+    /** Ordered rating options, lowest value first. */
+    options: SurveyRatingOption[];
+    /** Accessible name for the rating group. */
+    "aria-label": string;
+    /** Show the first and last options' labels as scale endpoints. */
+    showLabels?: boolean;
+    isDisabled?: boolean;
+    /** Selected option key (controlled). `null` means nothing selected. */
+    selectedKey?: Key | null;
+    /** Initially-selected option key (uncontrolled). */
+    defaultSelectedKey?: Key | null;
+    /** Fires with the newly-selected key and option, or `null` when deselected. */
+    onChange?: (key: Key | null, option: SurveyRatingOption | null) => void;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Single-select rating scale for post-conversation surveys. Renders each option as a
+ * square {@link Chip}; a numeric `value` or an `icon` (emoji, thumbs) per option supports
+ * arbitrary scales. Exactly one option is selectable at a time, and tapping the selected
+ * option deselects it (React Aria toggle semantics).
+ */
+export declare function SurveyRating({ options, showLabels, isDisabled, selectedKey, defaultSelectedKey, onChange, className, style, ref, "aria-label": ariaLabel, }: SurveyRatingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Survey/SurveyRating/SurveyRating.js

@@ -0,0 +1,51 @@
+import { cx as e } from "../../../utils/cx.js";
+import { Chip as t } from "../../Chip/Chip.js";
+import { surveyRatingRoot as n, surveyRatingScale as r } from "./SurveyRating.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ToggleButtonGroup as o } from "react-aria-components";
+//#region src/components/Survey/SurveyRating/SurveyRating.tsx
+var s = (e, t) => e.key ?? t, c = 7, l = 48, u = 8, d = (e) => {
+	let t = Math.max(1, Math.ceil(e / c));
+	return Math.max(1, Math.ceil(e / t));
+}, f = (e) => {
+	let t = d(e);
+	return t * l + (t - 1) * u;
+};
+function p({ options: c, showLabels: l = !1, isDisabled: u, selectedKey: d, defaultSelectedKey: p, onChange: m, className: h, style: g, ref: _, "aria-label": v }) {
+	let y = c[0]?.label, b = c[c.length - 1]?.label, x = (e) => {
+		let t = e.size ? [...e][0] : null, n = t == null ? null : c.find((e, n) => s(e, n) === t) ?? null;
+		m?.(t, n);
+	}, S = (e) => e == null ? [] : [e], C = d !== void 0;
+	return /* @__PURE__ */ a("div", {
+		ref: _,
+		className: e(n, h),
+		style: g,
+		children: [/* @__PURE__ */ i(o, {
+			selectionMode: "single",
+			isDisabled: u,
+			"aria-label": v,
+			className: r,
+			style: { maxWidth: f(c.length) },
+			onSelectionChange: x,
+			selectedKeys: C ? S(d) : void 0,
+			defaultSelectedKeys: C ? void 0 : S(p),
+			children: c.map((e, n) => {
+				let r = e.icon != null;
+				return /* @__PURE__ */ i(t, {
+					id: s(e, n),
+					variant: r ? "icon" : "number",
+					size: "lg",
+					"aria-label": e["aria-label"] ?? (r ? e.label : void 0),
+					children: e.icon ?? e.value
+				}, s(e, n));
+			})
+		}), l && (y != null || b != null) && /* @__PURE__ */ a("div", {
+			className: "jzxfg72",
+			children: [/* @__PURE__ */ i("span", { children: y }), /* @__PURE__ */ i("span", { children: b })]
+		})]
+	});
+}
+//#endregion
+export { p as SurveyRating };
+
+//# sourceMappingURL=SurveyRating.js.map

package/dist/components/Survey/SurveyRating/SurveyRating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyRating.js","names":[],"sources":["../../../../src/components/Survey/SurveyRating/SurveyRating.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, Ref } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport { ToggleButtonGroup } from \"react-aria-components\";\nimport { cx } from \"../../../utils/cx.js\";\nimport { Chip } from \"../../Chip/index.js\";\nimport {\n\tsurveyRatingLabels,\n\tsurveyRatingRoot,\n\tsurveyRatingScale,\n} from \"./SurveyRating.css.js\";\n\nexport interface SurveyRatingOption {\n\t/** Numeric value shown on the chip (e.g. 1–5, 1–10). Rendered unless `icon` is set. */\n\tvalue: number;\n\t/** Stable identity used for selection. Defaults to the option's array index. */\n\tkey?: Key;\n\t/** Endpoint label to render as selected option. */\n\tlabel?: string;\n\t/** Renders an icon chip (emoji, thumbs) instead of the numeric value. */\n\ticon?: ReactNode;\n\t/** Accessible name for the option. Overrides the numeric value / icon; icon options fall back to `label`. */\n\t\"aria-label\"?: string;\n}\n\nexport interface SurveyRatingProps {\n\t/** Ordered rating options, lowest value first. */\n\toptions: SurveyRatingOption[];\n\t/** Accessible name for the rating group. */\n\t\"aria-label\": string;\n\t/** Show the first and last options' labels as scale endpoints. */\n\tshowLabels?: boolean;\n\tisDisabled?: boolean;\n\t/** Selected option key (controlled). `null` means nothing selected. */\n\tselectedKey?: Key | null;\n\t/** Initially-selected option key (uncontrolled). */\n\tdefaultSelectedKey?: Key | null;\n\t/** Fires with the newly-selected key and option, or `null` when deselected. */\n\tonChange?: (key: Key | null, option: SurveyRatingOption | null) => void;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLDivElement>;\n}\n\nconst keyFor = (option: SurveyRatingOption, index: number) =>\n\toption.key ?? index;\n\n/** Most chips allowed on one row before the scale wraps to a balanced grid. */\nconst MAX_PER_ROW = 7;\n\n/** Chip footprint at `size=\"lg\"` — mirrors Chip.css.ts's fixed 48px square + gap-8. */\nconst CHIP_SIZE_LG = 48;\nconst CHIP_GAP = 8;\n\n/** Column count that splits `count` options into evenly-sized rows (11 → 6, 10 → 5, 7 → 7). */\nconst balancedColumns = (count: number) => {\n\tconst rows = Math.max(1, Math.ceil(count / MAX_PER_ROW));\n\treturn Math.max(1, Math.ceil(count / rows));\n};\n\n/**\n * Width that wraps the scale at the balanced column count. A cap rather than a fixed\n * track count, so a container narrower than this wraps further instead of overflowing\n * (the 0-10 scale is 328px wide — wider than the 320px BubbleOverlay cap).\n */\nconst balancedMaxWidth = (count: number) => {\n\tconst cols = balancedColumns(count);\n\treturn cols * CHIP_SIZE_LG + (cols - 1) * CHIP_GAP;\n};\n\n/**\n * Single-select rating scale for post-conversation surveys. Renders each option as a\n * square {@link Chip}; a numeric `value` or an `icon` (emoji, thumbs) per option supports\n * arbitrary scales. Exactly one option is selectable at a time, and tapping the selected\n * option deselects it (React Aria toggle semantics).\n */\nexport function SurveyRating({\n\toptions,\n\tshowLabels = false,\n\tisDisabled,\n\tselectedKey,\n\tdefaultSelectedKey,\n\tonChange,\n\tclassName,\n\tstyle,\n\tref,\n\t\"aria-label\": ariaLabel,\n}: SurveyRatingProps) {\n\tconst lowLabel = options[0]?.label;\n\tconst highLabel = options[options.length - 1]?.label;\n\n\tconst handleSelectionChange = (keys: Set<Key>) => {\n\t\tconst key = keys.size ? [...keys][0] : null;\n\t\tconst option =\n\t\t\tkey == null\n\t\t\t\t? null\n\t\t\t\t: (options.find((o, i) => keyFor(o, i) === key) ?? null);\n\t\tonChange?.(key, option);\n\t};\n\n\t// Translate the single-key facade into RAC's Set-based controlled/uncontrolled props:\n\t// a defined `selectedKey` (including `null`) is controlled; otherwise it's uncontrolled.\n\tconst toKeys = (key: Key | null | undefined) => (key == null ? [] : [key]);\n\tconst isControlled = selectedKey !== undefined;\n\n\treturn (\n\t\t<div ref={ref} className={cx(surveyRatingRoot, className)} style={style}>\n\t\t\t<ToggleButtonGroup\n\t\t\t\tselectionMode=\"single\"\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={surveyRatingScale}\n\t\t\t\tstyle={{ maxWidth: balancedMaxWidth(options.length) }}\n\t\t\t\tonSelectionChange={handleSelectionChange}\n\t\t\t\tselectedKeys={isControlled ? toKeys(selectedKey) : undefined}\n\t\t\t\tdefaultSelectedKeys={\n\t\t\t\t\tisControlled ? undefined : toKeys(defaultSelectedKey)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{options.map((option, index) => {\n\t\t\t\t\tconst isIcon = option.icon != null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tkey={keyFor(option, index)}\n\t\t\t\t\t\t\tid={keyFor(option, index)}\n\t\t\t\t\t\t\tvariant={isIcon ? \"icon\" : \"number\"}\n\t\t\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\toption[\"aria-label\"] ?? (isIcon ? option.label : undefined)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option.icon ?? option.value}\n\t\t\t\t\t\t</Chip>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ToggleButtonGroup>\n\t\t\t{showLabels && (lowLabel != null || highLabel != null) && (\n\t\t\t\t<div className={surveyRatingLabels}>\n\t\t\t\t\t<span>{lowLabel}</span>\n\t\t\t\t\t<span>{highLabel}</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AA2CA,IAAM,KAAU,GAA4B,MAC3C,EAAO,OAAO,GAGT,IAAc,GAGd,IAAe,IACf,IAAW,GAGX,KAAmB,MAAkB;CAC1C,IAAM,IAAO,KAAK,IAAI,GAAG,KAAK,KAAK,IAAQ,EAAY,CAAC;AACxD,QAAO,KAAK,IAAI,GAAG,KAAK,KAAK,IAAQ,EAAK,CAAC;GAQtC,KAAoB,MAAkB;CAC3C,IAAM,IAAO,EAAgB,EAAM;AACnC,QAAO,IAAO,KAAgB,IAAO,KAAK;;AAS3C,SAAgB,EAAa,EAC5B,YACA,gBAAa,IACb,eACA,gBACA,uBACA,aACA,cACA,UACA,QACA,cAAc,KACO;CACrB,IAAM,IAAW,EAAQ,IAAI,OACvB,IAAY,EAAQ,EAAQ,SAAS,IAAI,OAEzC,KAAyB,MAAmB;EACjD,IAAM,IAAM,EAAK,OAAO,CAAC,GAAG,EAAK,CAAC,KAAK,MACjC,IACL,KAAO,OACJ,OACC,EAAQ,MAAM,GAAG,MAAM,EAAO,GAAG,EAAE,KAAK,EAAI,IAAI;AACrD,MAAW,GAAK,EAAO;IAKlB,KAAU,MAAiC,KAAO,OAAO,EAAE,GAAG,CAAC,EAAI,EACnE,IAAe,MAAgB,KAAA;AAErC,QACC,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,GAAkB,EAAU;EAAS;YAAlE,CACC,kBAAC,GAAD;GACC,eAAc;GACF;GACZ,cAAY;GACZ,WAAW;GACX,OAAO,EAAE,UAAU,EAAiB,EAAQ,OAAO,EAAE;GACrD,mBAAmB;GACnB,cAAc,IAAe,EAAO,EAAY,GAAG,KAAA;GACnD,qBACC,IAAe,KAAA,IAAY,EAAO,EAAmB;aAGrD,EAAQ,KAAK,GAAQ,MAAU;IAC/B,IAAM,IAAS,EAAO,QAAQ;AAC9B,WACC,kBAAC,GAAD;KAEC,IAAI,EAAO,GAAQ,EAAM;KACzB,SAAS,IAAS,SAAS;KAC3B,MAAK;KACL,cACC,EAAO,kBAAkB,IAAS,EAAO,QAAQ,KAAA;eAGjD,EAAO,QAAQ,EAAO;KACjB,EATD,EAAO,GAAQ,EAAM,CASpB;KAEP;GACiB,CAAA,EACnB,MAAe,KAAY,QAAQ,KAAa,SAChD,kBAAC,OAAD;GAAK,WAAA;aAAL,CACC,kBAAC,QAAD,EAAA,UAAO,GAAgB,CAAA,EACvB,kBAAC,QAAD,EAAA,UAAO,GAAiB,CAAA,CACnB;KAEF"}

package/dist/components/Survey/SurveyRating/index.d.ts

@@ -0,0 +1 @@
+export { SurveyRating, type SurveyRatingOption, type SurveyRatingProps, } from "./SurveyRating.js";

package/dist/components/Survey/SurveySelect/SurveySelect.css.d.ts

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

package/dist/components/Survey/SurveySelect/SurveySelect.css.js

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

package/dist/components/Survey/SurveySelect/SurveySelect.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveySelect.css.js","names":[],"sources":["../../../../src/components/Survey/SurveySelect/SurveySelect.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\nimport { t } from \"../../../tokens/index.js\";\n\nexport const surveySelectRoot = style({\n\tdisplay: \"flex\",\n\tflexWrap: \"wrap\",\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n\tgap: t(\"gap-8\"),\n\twidth: \"100%\",\n});\n"],"mappings":""}

package/dist/components/Survey/SurveySelect/SurveySelect.d.ts

@@ -0,0 +1,40 @@
+import type { CSSProperties, Ref } from "react";
+import type { Key } from "react-aria-components";
+export interface SurveySelectOption {
+    /** Chip label text. */
+    label: string;
+    /** Stable identity used for selection. Defaults to the option's array index. */
+    key?: Key;
+}
+export interface SurveySelectProps {
+    /** Selectable options, rendered in order. */
+    options: SurveySelectOption[];
+    /** Accessible name for the group. */
+    "aria-label": string;
+    /**
+     * `multiple` (default) allows any number of selected chips; `single` allows at
+     * most one (e.g. a Yes/No question) and renders as a radiogroup.
+     */
+    selectionMode?: "single" | "multiple";
+    /**
+     * When `true`, a selected option can't be toggled back off — restores radio
+     * semantics for a required single-select (e.g. a Yes/No question).
+     */
+    disallowEmptySelection?: boolean;
+    isDisabled?: boolean;
+    /** Selected option keys (controlled). */
+    selectedKeys?: Key[];
+    /** Initially-selected option keys (uncontrolled). */
+    defaultSelectedKeys?: Key[];
+    /** Fires with the full set of selected keys and their options, in option order. */
+    onChange?: (keys: Key[], options: SurveySelectOption[]) => void;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Multi-select chip group for surveys — the labelled-pill counterpart to the single-select
+ * {@link SurveyRating}. Any number of options can be selected at once; selection state
+ * renders the accent fill on each {@link Chip}.
+ */
+export declare function SurveySelect({ options, selectionMode, disallowEmptySelection, isDisabled, selectedKeys, defaultSelectedKeys, onChange, className, style, ref, "aria-label": ariaLabel, }: SurveySelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Survey/SurveySelect/SurveySelect.js

@@ -0,0 +1,38 @@
+import { cx as e } from "../../../utils/cx.js";
+import { Chip as t } from "../../Chip/Chip.js";
+import { surveySelectRoot as n } from "./SurveySelect.css.js";
+import { jsx as r } from "react/jsx-runtime";
+import { ToggleButtonGroup as i } from "react-aria-components";
+//#region src/components/Survey/SurveySelect/SurveySelect.tsx
+var a = (e, t) => e.key ?? t;
+function o({ options: o, selectionMode: s = "multiple", disallowEmptySelection: c, isDisabled: l, selectedKeys: u, defaultSelectedKeys: d, onChange: f, className: p, style: m, ref: h, "aria-label": g }) {
+	let _ = (e) => {
+		let t = o.map((e, t) => ({
+			option: e,
+			key: a(e, t)
+		})).filter(({ key: t }) => e.has(t));
+		f?.(t.map((e) => e.key), t.map((e) => e.option));
+	}, v = u !== void 0;
+	return /* @__PURE__ */ r(i, {
+		ref: h,
+		selectionMode: s,
+		disallowEmptySelection: c,
+		isDisabled: l,
+		"aria-label": g,
+		className: e(n, p),
+		style: m,
+		onSelectionChange: _,
+		selectedKeys: v ? u : void 0,
+		defaultSelectedKeys: v ? void 0 : d ?? [],
+		children: o.map((e, n) => /* @__PURE__ */ r(t, {
+			id: a(e, n),
+			variant: "text",
+			size: "md",
+			children: e.label
+		}, a(e, n)))
+	});
+}
+//#endregion
+export { o as SurveySelect };
+
+//# sourceMappingURL=SurveySelect.js.map

package/dist/components/Survey/SurveySelect/SurveySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveySelect.js","names":[],"sources":["../../../../src/components/Survey/SurveySelect/SurveySelect.tsx"],"sourcesContent":["import type { CSSProperties, Ref } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport { ToggleButtonGroup } from \"react-aria-components\";\nimport { cx } from \"../../../utils/cx.js\";\nimport { Chip } from \"../../Chip/index.js\";\nimport { surveySelectRoot } from \"./SurveySelect.css.js\";\n\nexport interface SurveySelectOption {\n\t/** Chip label text. */\n\tlabel: string;\n\t/** Stable identity used for selection. Defaults to the option's array index. */\n\tkey?: Key;\n}\n\nexport interface SurveySelectProps {\n\t/** Selectable options, rendered in order. */\n\toptions: SurveySelectOption[];\n\t/** Accessible name for the group. */\n\t\"aria-label\": string;\n\t/**\n\t * `multiple` (default) allows any number of selected chips; `single` allows at\n\t * most one (e.g. a Yes/No question) and renders as a radiogroup.\n\t */\n\tselectionMode?: \"single\" | \"multiple\";\n\t/**\n\t * When `true`, a selected option can't be toggled back off — restores radio\n\t * semantics for a required single-select (e.g. a Yes/No question).\n\t */\n\tdisallowEmptySelection?: boolean;\n\tisDisabled?: boolean;\n\t/** Selected option keys (controlled). */\n\tselectedKeys?: Key[];\n\t/** Initially-selected option keys (uncontrolled). */\n\tdefaultSelectedKeys?: Key[];\n\t/** Fires with the full set of selected keys and their options, in option order. */\n\tonChange?: (keys: Key[], options: SurveySelectOption[]) => void;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLDivElement>;\n}\n\nconst keyFor = (option: SurveySelectOption, index: number) =>\n\toption.key ?? index;\n\n/**\n * Multi-select chip group for surveys — the labelled-pill counterpart to the single-select\n * {@link SurveyRating}. Any number of options can be selected at once; selection state\n * renders the accent fill on each {@link Chip}.\n */\nexport function SurveySelect({\n\toptions,\n\tselectionMode = \"multiple\",\n\tdisallowEmptySelection,\n\tisDisabled,\n\tselectedKeys,\n\tdefaultSelectedKeys,\n\tonChange,\n\tclassName,\n\tstyle,\n\tref,\n\t\"aria-label\": ariaLabel,\n}: SurveySelectProps) {\n\tconst handleSelectionChange = (keys: Set<Key>) => {\n\t\tconst selected = options\n\t\t\t.map((option, index) => ({ option, key: keyFor(option, index) }))\n\t\t\t.filter(({ key }) => keys.has(key));\n\t\tonChange?.(\n\t\t\tselected.map((s) => s.key),\n\t\t\tselected.map((s) => s.option),\n\t\t);\n\t};\n\n\tconst isControlled = selectedKeys !== undefined;\n\n\treturn (\n\t\t<ToggleButtonGroup\n\t\t\tref={ref}\n\t\t\tselectionMode={selectionMode}\n\t\t\tdisallowEmptySelection={disallowEmptySelection}\n\t\t\tisDisabled={isDisabled}\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cx(surveySelectRoot, className)}\n\t\t\tstyle={style}\n\t\t\tonSelectionChange={handleSelectionChange}\n\t\t\tselectedKeys={isControlled ? selectedKeys : undefined}\n\t\t\tdefaultSelectedKeys={\n\t\t\t\tisControlled ? undefined : (defaultSelectedKeys ?? [])\n\t\t\t}\n\t\t>\n\t\t\t{options.map((option, index) => (\n\t\t\t\t<Chip\n\t\t\t\t\tkey={keyFor(option, index)}\n\t\t\t\t\tid={keyFor(option, index)}\n\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\tsize=\"md\"\n\t\t\t\t>\n\t\t\t\t\t{option.label}\n\t\t\t\t</Chip>\n\t\t\t))}\n\t\t</ToggleButtonGroup>\n\t);\n}\n"],"mappings":";;;;;;AAyCA,IAAM,KAAU,GAA4B,MAC3C,EAAO,OAAO;AAOf,SAAgB,EAAa,EAC5B,YACA,mBAAgB,YAChB,2BACA,eACA,iBACA,wBACA,aACA,cACA,UACA,QACA,cAAc,KACO;CACrB,IAAM,KAAyB,MAAmB;EACjD,IAAM,IAAW,EACf,KAAK,GAAQ,OAAW;GAAE;GAAQ,KAAK,EAAO,GAAQ,EAAM;GAAE,EAAE,CAChE,QAAQ,EAAE,aAAU,EAAK,IAAI,EAAI,CAAC;AACpC,MACC,EAAS,KAAK,MAAM,EAAE,IAAI,EAC1B,EAAS,KAAK,MAAM,EAAE,OAAO,CAC7B;IAGI,IAAe,MAAiB,KAAA;AAEtC,QACC,kBAAC,GAAD;EACM;EACU;EACS;EACZ;EACZ,cAAY;EACZ,WAAW,EAAG,GAAkB,EAAU;EACnC;EACP,mBAAmB;EACnB,cAAc,IAAe,IAAe,KAAA;EAC5C,qBACC,IAAe,KAAA,IAAa,KAAuB,EAAE;YAGrD,EAAQ,KAAK,GAAQ,MACrB,kBAAC,GAAD;GAEC,IAAI,EAAO,GAAQ,EAAM;GACzB,SAAQ;GACR,MAAK;aAEJ,EAAO;GACF,EAND,EAAO,GAAQ,EAAM,CAMpB,CACN;EACiB,CAAA"}

package/dist/components/Survey/SurveySelect/index.d.ts

@@ -0,0 +1 @@
+export { SurveySelect, type SurveySelectOption, type SurveySelectProps, } from "./SurveySelect.js";

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

@@ -0,0 +1,2 @@
+export * from "./SurveyRating/index.js";
+export * from "./SurveySelect/index.js";

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

@@ -0,0 +1,6 @@
+export declare const restingColor: string;
+export declare const shimmerGradient: string;
+export declare const root: string;
+export declare const visuallyHidden: string;
+export declare const ellipsis: string;
+export declare const dot: string;

package/dist/components/ThinkingShimmer/ThinkingShimmer.css.js

@@ -0,0 +1,7 @@
+/* empty css                                   */
+//#region src/components/ThinkingShimmer/ThinkingShimmer.css.ts
+var e = "_9az62f2", t = "_9az62f3", n = "_9az62f4", r = "_9az62f5";
+//#endregion
+export { r as dot, n as ellipsis, e as root, t as visuallyHidden };
+
+//# sourceMappingURL=ThinkingShimmer.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingShimmer.css.js","names":[],"sources":["../../../src/components/ThinkingShimmer/ThinkingShimmer.css.ts"],"sourcesContent":["import { keyframes, style } from \"@vanilla-extract/css\";\nimport { t } from \"../../tokens/index.js\";\n\n// Widen to `string` so the multi-stop template literal below doesn't blow up into\n// an intractable union of the tokens' literal `var(--lovelace-…)` types.\n// The base is the *secondary* content token, so the color each glyph shows most of\n// the time — and at rest — reads as a transient status line rather than body text,\n// while a glint sweeps across it (same model as the legacy `ui` shimmer).\n// Secondary is the lightest content-tier token that still clears WCAG AA in both\n// themes (5.05:1 on the light surface, 7.81:1 on dark). Legacy's shimmer is lighter\n// still, but it hardcodes #e8e8e8→#999999 at 1.23:1–2.85:1 with no dark variant;\n// matching it exactly would be a contrast waiver, not a token choice.\nconst shimmerBase: string = t(\"color-content-secondary\");\n// The glint moves AWAY from the surface rather than toward it — darker than the base in\n// light mode (#181a1e on #ffffff), lighter in dark (#ffffff on #181a1e). Stating it as\n// \"lighter\" or \"darker\" is wrong in one theme or the other; what holds in both is that\n// it is the higher-contrast end, 17.42:1.\n//\n// That direction is forced, not a preference. The gradient is clipped to the text, so\n// every stop is a glyph colour and owes AA, and per the note above\n// `color-content-secondary` is already the lightest neutral content token that clears\n// it — so no lighter glint exists. Enumerated the whole content tier to be sure: the\n// only AA-passing tokens lighter in light mode are `success`/`warning`, status hues and\n// wrong for a neutral status line.\n//\n// This was `color-border-default` — a NON-text token, 1.47:1 light and 1.69:1 dark, i.e.\n// under even the 3:1 non-text floor, which made the mid-sweep glyphs very nearly\n// invisible and was exactly the waiver the note above refuses.\nconst shimmerGlint: string = t(\"color-content-default\");\nexport const restingColor: string = t(\"color-content-secondary\");\n\n// Exported so the AA test can read the stops out of the gradient itself rather than a\n// hand-kept list of colours beside it. A stop added as a `t()` token is then checked\n// automatically; one written as a literal is NOT — the scrape only sees `var()` — so a\n// companion test rejects colour literals here rather than letting one ship unchecked.\nexport const shimmerGradient = `linear-gradient(90deg, ${shimmerBase} 0%, ${shimmerBase} 35%, ${shimmerGlint} 50%, ${shimmerBase} 65%, ${shimmerBase} 100%)`;\n\n// One smooth, constant-velocity sweep (linear). The gradient tiles\n// (background-repeat) and each cycle translates by exactly one tile width (200%),\n// so the loop is seamless and the text is always fully covered — no transparent\n// glyphs mid-sweep, no easing pulse.\nconst sweep = keyframes({\n\t\"0%\": { backgroundPositionX: \"200%\" },\n\t\"100%\": { backgroundPositionX: \"0%\" },\n});\n\n// Staggered vertical bounce for the ellipsis, via `vertical-align` — NOT\n// `top`/`transform`, which promote the dot to its own compositing layer and drop it\n// out of the root's `-webkit-background-clip: text`, leaving it invisible.\nconst dotBounce = keyframes({\n\t\"0%, 80%, 100%\": { verticalAlign: \"0\" },\n\t\"40%\": { verticalAlign: \"0.3em\" },\n});\n\nexport const root = style({\n\tdisplay: \"inline-block\",\n\tfontFamily: t(\"font-family-body\"),\n\tfontWeight: t(\"font-weight-medium\"),\n\tfontSize: t(\"font-size-body\"),\n\tlineHeight: t(\"line-height-body\"),\n\twhiteSpace: \"nowrap\",\n\t// A gradient clipped to the text and swept across it. The dots are plain inline\n\t// descendants covered by this same clip, so one band flows through the whole\n\t// label. Stops reference the tokens directly (currentColor can't express the\n\t// theme-aware stops); in dark mode they invert so the sweep keeps matching the\n\t// surface.\n\tbackgroundImage: shimmerGradient,\n\tbackgroundSize: \"200% 100%\",\n\tbackgroundRepeat: \"repeat\",\n\tbackgroundClip: \"text\",\n\tWebkitBackgroundClip: \"text\",\n\tcolor: \"transparent\",\n\tWebkitTextFillColor: \"transparent\",\n\tanimation: `${sweep} 2s linear infinite`,\n\t\"@media\": {\n\t\t// Reduced motion: hold the shimmer static at a flat, muted resting color —\n\t\t// never signal the loading state with animation alone.\n\t\t\"(prefers-reduced-motion: reduce)\": {\n\t\t\tanimation: \"none\",\n\t\t\tbackgroundImage: \"none\",\n\t\t\tcolor: restingColor,\n\t\t\tWebkitTextFillColor: restingColor,\n\t\t},\n\t},\n});\n\n// Carries the announced status string as real text (live regions announce\n// rendered text, not `aria-label`), while staying out of the visual layout.\nexport const visuallyHidden = style({\n\tposition: \"absolute\",\n\twidth: 1,\n\theight: 1,\n\tpadding: 0,\n\tmargin: -1,\n\toverflow: \"hidden\",\n\tclip: \"rect(0, 0, 0, 0)\",\n\twhiteSpace: \"nowrap\",\n\tborder: 0,\n});\n\nexport const ellipsis = style({\n\tdisplay: \"inline\",\n});\n\nexport const dot = style({\n\t// Plain inline and unpositioned so the dots stay in the root's single text clip;\n\t// color and gradient are inherited, only the bounce (see `dotBounce`) moves them.\n\tdisplay: \"inline\",\n\t// Zero line-height so a bounced dot can't grow the line box and shift the whole\n\t// label; the raise fits within the root's existing line-height headroom.\n\tlineHeight: 0,\n\tanimation: `${dotBounce} 1.4s ease-in-out infinite`,\n\tselectors: {\n\t\t\"&:nth-child(2)\": { animationDelay: \"0.16s\" },\n\t\t\"&:nth-child(3)\": { animationDelay: \"0.32s\" },\n\t},\n\t\"@media\": {\n\t\t\"(prefers-reduced-motion: reduce)\": {\n\t\t\tanimation: \"none\",\n\t\t},\n\t},\n});\n"],"mappings":""}

package/dist/components/ThinkingShimmer/ThinkingShimmer.d.ts

@@ -0,0 +1,36 @@
+import type { CSSProperties, HTMLAttributes, Ref } from "react";
+export interface ThinkingShimmerProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Visible and announced label. Trailing dots are normalized before the animated ellipsis is appended. */
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    ref?: Ref<HTMLSpanElement>;
+}
+/**
+ * AI thinking indicator — a label with a trailing ellipsis, shown while the AI
+ * agent is generating a response. A single shimmer band sweeps continuously
+ * through the whole label (word and dots). Render it as a transient status line in
+ * the message list while the assistant is streaming (or before the first token),
+ * and remove it once content arrives. Use only for AI generation, not for a human
+ * agent typing.
+ *
+ * Exposed as a polite live region. Two distinct a11y paths carry the same
+ * `announced` string, which defaults to `label`: `aria-label` gives the region
+ * its accessible name (`role="status"` is not name-from-content, so descendant
+ * text alone yields no name), and a visually-hidden copy of the text drives the
+ * on-appearance announcement (live regions announce rendered text, not
+ * `aria-label`). Both are needed — dropping either loses the name or the
+ * announcement. The visible word (which strips trailing dots before rendering
+ * the animated ellipsis) and dots are hidden from assistive tech. Honors reduced
+ * motion by holding the shimmer static at a flat resting color.
+ *
+ * Reliable on-appearance announcement additionally depends on the consuming
+ * surface keeping a persistent live region present before this mounts (the app's
+ * MessageList/MessageAnnouncer already do); validate with a real screen reader
+ * when a surface adopts this component.
+ *
+ * A surface that already wraps this in its own live region should pass
+ * `aria-live="off"`: two nested regions announce the same text twice, in an order
+ * neither controls.
+ */
+export declare function ThinkingShimmer({ label, className, "aria-label": ariaLabel, "aria-live": ariaLive, ...rest }: ThinkingShimmerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ThinkingShimmer/ThinkingShimmer.js

@@ -0,0 +1,44 @@
+import { cx as e } from "../../utils/cx.js";
+import { dot as t, ellipsis as n, root as r, visuallyHidden as i } from "./ThinkingShimmer.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ThinkingShimmer/ThinkingShimmer.tsx
+function s({ label: s = "Thinking", className: l, "aria-label": u, "aria-live": d = "polite", ...f }) {
+	let p = c(s), m = u ?? s;
+	return /* @__PURE__ */ o("span", {
+		...f,
+		role: "status",
+		"aria-live": d,
+		"aria-label": m,
+		className: e(r, l),
+		children: [/* @__PURE__ */ a("span", {
+			className: i,
+			children: m
+		}), /* @__PURE__ */ o("span", {
+			"aria-hidden": "true",
+			children: [p, /* @__PURE__ */ o("span", {
+				className: n,
+				children: [
+					/* @__PURE__ */ a("span", {
+						className: t,
+						children: "."
+					}),
+					/* @__PURE__ */ a("span", {
+						className: t,
+						children: "."
+					}),
+					/* @__PURE__ */ a("span", {
+						className: t,
+						children: "."
+					})
+				]
+			})]
+		})]
+	});
+}
+function c(e) {
+	return e.replace(/[\s.…]+$/, "");
+}
+//#endregion
+export { s as ThinkingShimmer };
+
+//# sourceMappingURL=ThinkingShimmer.js.map

package/dist/components/ThinkingShimmer/ThinkingShimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingShimmer.js","names":[],"sources":["../../../src/components/ThinkingShimmer/ThinkingShimmer.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, Ref } from \"react\";\nimport { cx } from \"../../utils/cx.js\";\nimport { dot, ellipsis, root, visuallyHidden } from \"./ThinkingShimmer.css.js\";\n\nexport interface ThinkingShimmerProps\n\textends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n\t/** Visible and announced label. Trailing dots are normalized before the animated ellipsis is appended. */\n\tlabel?: string;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tref?: Ref<HTMLSpanElement>;\n}\n\n/**\n * AI thinking indicator — a label with a trailing ellipsis, shown while the AI\n * agent is generating a response. A single shimmer band sweeps continuously\n * through the whole label (word and dots). Render it as a transient status line in\n * the message list while the assistant is streaming (or before the first token),\n * and remove it once content arrives. Use only for AI generation, not for a human\n * agent typing.\n *\n * Exposed as a polite live region. Two distinct a11y paths carry the same\n * `announced` string, which defaults to `label`: `aria-label` gives the region\n * its accessible name (`role=\"status\"` is not name-from-content, so descendant\n * text alone yields no name), and a visually-hidden copy of the text drives the\n * on-appearance announcement (live regions announce rendered text, not\n * `aria-label`). Both are needed — dropping either loses the name or the\n * announcement. The visible word (which strips trailing dots before rendering\n * the animated ellipsis) and dots are hidden from assistive tech. Honors reduced\n * motion by holding the shimmer static at a flat resting color.\n *\n * Reliable on-appearance announcement additionally depends on the consuming\n * surface keeping a persistent live region present before this mounts (the app's\n * MessageList/MessageAnnouncer already do); validate with a real screen reader\n * when a surface adopts this component.\n *\n * A surface that already wraps this in its own live region should pass\n * `aria-live=\"off\"`: two nested regions announce the same text twice, in an order\n * neither controls.\n */\nexport function ThinkingShimmer({\n\tlabel = \"Thinking\",\n\tclassName,\n\t\"aria-label\": ariaLabel,\n\t\"aria-live\": ariaLive = \"polite\",\n\t...rest\n}: ThinkingShimmerProps) {\n\tconst visibleLabel = stripTrailingEllipsis(label);\n\tconst announced = ariaLabel ?? label;\n\treturn (\n\t\t<span\n\t\t\t{...rest}\n\t\t\trole=\"status\"\n\t\t\taria-live={ariaLive}\n\t\t\taria-label={announced}\n\t\t\tclassName={cx(root, className)}\n\t\t>\n\t\t\t<span className={visuallyHidden}>{announced}</span>\n\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t{visibleLabel}\n\t\t\t\t<span className={ellipsis}>\n\t\t\t\t\t<span className={dot}>.</span>\n\t\t\t\t\t<span className={dot}>.</span>\n\t\t\t\t\t<span className={dot}>.</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nfunction stripTrailingEllipsis(label: string): string {\n\treturn label.replace(/[\\s.…]+$/, \"\");\n}\n"],"mappings":";;;;AAwCA,SAAgB,EAAgB,EAC/B,WAAQ,YACR,cACA,cAAc,GACd,aAAa,IAAW,UACxB,GAAG,KACqB;CACxB,IAAM,IAAe,EAAsB,EAAM,EAC3C,IAAY,KAAa;AAC/B,QACC,kBAAC,QAAD;EACC,GAAI;EACJ,MAAK;EACL,aAAW;EACX,cAAY;EACZ,WAAW,EAAG,GAAM,EAAU;YAL/B,CAOC,kBAAC,QAAD;GAAM,WAAW;aAAiB;GAAiB,CAAA,EACnD,kBAAC,QAAD;GAAM,eAAY;aAAlB,CACE,GACD,kBAAC,QAAD;IAAM,WAAW;cAAjB;KACC,kBAAC,QAAD;MAAM,WAAW;gBAAK;MAAQ,CAAA;KAC9B,kBAAC,QAAD;MAAM,WAAW;gBAAK;MAAQ,CAAA;KAC9B,kBAAC,QAAD;MAAM,WAAW;gBAAK;MAAQ,CAAA;KACxB;MACD;KACD;;;AAIT,SAAS,EAAsB,GAAuB;AACrD,QAAO,EAAM,QAAQ,YAAY,GAAG"}

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

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