@arcgis/ai-components 5.2.0-next.0 → 5.2.0-next.10

package/dist/components/arcgis-assistant-suggested-prompts/customElement.js

@@ -1,27 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as e } from "../../chunks/runtime.js";
-import { css as i, html as s } from "lit";
+import { c as s } from "../../chunks/runtime.js";
+import { css as i, html as e } from "lit";
 import { LitElement as r, createEvent as l } from "@arcgis/lumina";
-import { u as c } from "../../chunks/useT9n.js";
-const a = i`:host{display:block;max-width:100%}.group{max-width:100%}.prompt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;cursor:pointer}calcite-chip{max-width:100%}`;
+import { u as a } from "../../chunks/useT9n.js";
+const c = i`:host{display:block;max-width:100%}.group{max-width:100%}.prompt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;cursor:pointer;font-weight:var(--calcite-font-weight-regular)}calcite-chip{max-width:100%}`;
 class o extends r {
   constructor() {
-    super(...arguments), this._messages = c({ blocking: !0 }), this.prompts = [], this.arcgisPromptSelect = l();
+    super(...arguments), this._messages = a({ blocking: !0 }), this.prompts = [], this.arcgisPromptSelect = l();
   }
   static {
     this.properties = { label: 1, prompts: 0 };
   }
   static {
-    this.styles = a;
+    this.styles = c;
   }
   _emitPromptSelect(t) {
     this.arcgisPromptSelect.emit({ prompt: t });
   }
   render() {
-    return this.prompts.length ? s`<calcite-chip-group class="group" .label=${this.label ?? this._messages.suggestedPromptsLabel}>${this.prompts.map((t) => s`<calcite-chip .value=${t} .label=${t} appearance=outline-fill kind=brand @calciteChipSelect=${() => this._emitPromptSelect(t)}><div class="prompt">${t}</div></calcite-chip>`)}</calcite-chip-group>` : null;
+    return this.prompts.length ? e`<calcite-chip-group class="group" .label=${this.label ?? this._messages.suggestedPromptsLabel}>${this.prompts.map((t) => e`<calcite-chip .value=${t} .label=${t} appearance=outline-fill kind=brand @calciteChipSelect=${() => this._emitPromptSelect(t)}><div class="prompt">${t}</div></calcite-chip>`)}</calcite-chip-group>` : null;
   }
 }
-e("arcgis-assistant-suggested-prompts", o);
+s("arcgis-assistant-suggested-prompts", o);
 export {
   o as ArcgisAssistantSuggestedPrompts
 };

package/dist/components/arcgis-assistant-user-message/customElement.d.ts

@@ -2,7 +2,10 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ChatMessage } from "../arcgis-assistant/types.js";
 
-/** @internal */
+/**
+ * Renders one user-authored chat message row. Use it for displaying what the user sent.
+ * Offers a simple user message presentation primitive for custom message-list rendering.
+ */
 export abstract class ArcgisAssistantUserMessage extends LitElement {
   accessor content: string | undefined;
   accessor message: ChatMessage | undefined;

package/dist/components/arcgis-assistant-user-message/customElement.js

@@ -2,7 +2,7 @@
 import { c as t } from "../../chunks/runtime.js";
 import { css as e, html as s } from "lit";
 import { LitElement as a } from "@arcgis/lumina";
-const i = e`.container{display:flex;align-items:center;gap:var(--calcite-spacing-md);background:color-mix(in srgb,var(--calcite-color-brand) 25%,transparent);color:var(--calcite-color-text-1);padding:var(--calcite-spacing-md);border-radius:var(--calcite-border-radius);width:fit-content;margin-left:auto;justify-content:flex-end}.avatar{display:flex;align-items:center;justify-content:center}@container (min-width: 480px){.container{max-width:80%}}`;
+const i = e`.container{display:flex;align-items:center;gap:var(--calcite-spacing-md);background:color-mix(in srgb,var(--calcite-color-brand) 15%,var(--calcite-color-foreground-1));color:var(--calcite-color-text-1);padding:var(--calcite-spacing-md);border-radius:var(--calcite-border-radius);width:fit-content;margin-left:auto;justify-content:flex-end}.avatar{display:flex;align-items:center;justify-content:center}@container (min-width: 480px){.container{max-width:80%}}`;
 class r extends a {
   static {
     this.properties = { content: 1, user: 1, message: 0 };