@tylertech/forge-ai 0.1.0

package/dist/ai-prompt/prompt-button/prompt-button.mjs

@@ -0,0 +1,40 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import styles from "./prompt-button.scss.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const PromptButtonComponentTagName = "forge-prompt-button";
+let PromptButtonComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+  }
+  render() {
+    return html`
+      <button class="button-container forge-button" .disabled=${this.disabled}>
+        <slot name="leading"></slot>
+        <slot></slot>
+        <slot name="trailing"></slot>
+      </button>
+    `;
+  }
+};
+PromptButtonComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PromptButtonComponent.prototype, "disabled", 2);
+PromptButtonComponent = __decorateClass([
+  customElement(PromptButtonComponentTagName)
+], PromptButtonComponent);
+export {
+  PromptButtonComponent,
+  PromptButtonComponentTagName
+};

package/dist/ai-prompt/prompt-button/prompt-button.scss.mjs

@@ -0,0 +1,4 @@
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n.forge-button {\n  --_button-primary-color: var(--forge-button-primary-color, var(--forge-theme-primary, #3f51b5));\n  --_button-text-color: var(--forge-button-text-color, var(--_button-primary-color));\n  --_button-disabled-color: var(--forge-button-disabled-color, var(--forge-theme-surface-container, #e0e0e0));\n  --_button-padding: var(--forge-button-padding, var(--forge-spacing-medium, 16px));\n  --_button-display: var(--forge-button-display, inline-grid);\n  --_button-justify: var(--forge-button-justify, center);\n  --_button-shape: var(--forge-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_button-height: var(--forge-button-height, 36px);\n  --_button-min-width: var(--forge-button-min-width, 64px);\n  --_button-spacing: var(--forge-button-spacing, var(--forge-spacing-xsmall, 8px));\n  --_button-border-width: var(--forge-button-border-width, medium);\n  --_button-border-style: var(--forge-button-border-style, none);\n  --_button-border-color: var(--forge-button-border-color, currentColor);\n  --_button-shape-start-start-radius: var(--forge-button-shape-start-start-radius, var(--_button-shape));\n  --_button-shape-start-end-radius: var(--forge-button-shape-start-end-radius, var(--_button-shape));\n  --_button-shape-end-start-radius: var(--forge-button-shape-end-start-radius, var(--_button-shape));\n  --_button-shape-end-end-radius: var(--forge-button-shape-end-end-radius, var(--_button-shape));\n  --_button-padding-block: var(--forge-button-padding-block, var(--_button-0));\n  --_button-padding-inline: var(--forge-button-padding-inline, var(--_button-padding));\n  --_button-background: var(--forge-button-background, transparent);\n  --_button-hover-background: var(--forge-button-hover-background, var(--_button-background));\n  --_button-active-background: var(--forge-button-active-background, var(--_button-background));\n  --_button-color: var(--forge-button-color, var(--_button-text-color));\n  --_button-icon-size: var(--forge-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_button-shadow: var(--forge-button-shadow, none);\n  --_button-hover-shadow: var(--forge-button-hover-shadow, none);\n  --_button-active-shadow: var(--forge-button-active-shadow, none);\n  --_button-cursor: var(--forge-button-cursor, pointer);\n  --_button-transition-duration: var(--forge-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-transition-timing: var(--forge-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-text-padding-inline: var(--forge-button-text-padding-inline, var(--forge-spacing-xsmall, 8px));\n  --_button-outlined-background: var(--forge-button-outlined-background, transparent);\n  --_button-outlined-color: var(--forge-button-outlined-color, var(--_button-primary-color));\n  --_button-outlined-border-width: var(--forge-button-outlined-border-width, var(--forge-border-thin, 1px));\n  --_button-outlined-border-style: var(--forge-button-outlined-border-style, solid);\n  --_button-outlined-border-color: var(--forge-button-outlined-border-color, var(--_button-primary-color));\n  --_button-tonal-background: var(--forge-button-tonal-background, var(--forge-theme-primary-container, #d1d5ed));\n  --_button-tonal-disabled-background: var(--forge-button-tonal-disabled-background, var(--_button-disabled-color));\n  --_button-tonal-color: var(--forge-button-tonal-color, var(--forge-theme-on-primary-container, #222c62));\n  --_button-tonal-disabled-color: var(--forge-button-tonal-disabled-color, var(--_button-disabled-text-color));\n  --_button-filled-background: var(--forge-button-filled-background, var(--_button-primary-color));\n  --_button-filled-disabled-background: var(--forge-button-filled-disabled-background, var(--_button-disabled-color));\n  --_button-filled-color: var(--forge-button-filled-color, var(--forge-theme-on-primary, #ffffff));\n  --_button-filled-disabled-color: var(--forge-button-filled-disabled-color, var(--_button-disabled-text-color));\n  --_button-raised-background: var(--forge-button-raised-background, var(--_button-primary-color));\n  --_button-raised-disabled-background: var(--forge-button-raised-disabled-background, var(--_button-disabled-color));\n  --_button-raised-color: var(--forge-button-raised-color, var(--forge-theme-on-primary, #ffffff));\n  --_button-raised-disabled-color: var(--forge-button-raised-disabled-color, var(--_button-disabled-text-color));\n  --_button-raised-shadow: var(--forge-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));\n  --_button-raised-hover-shadow: var(--forge-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));\n  --_button-raised-active-shadow: var(--forge-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));\n  --_button-raised-disabled-shadow: var(--forge-button-raised-disabled-shadow, none);\n  --_button-link-color: var(--forge-button-link-color, var(--_button-primary-color));\n  --_button-link-text-decoration: var(--forge-button-link-text-decoration, underline);\n  --_button-link-height: var(--forge-button-link-height, auto);\n  --_button-link-padding: var(--forge-button-link-padding, 0);\n  --_button-link-line-height: var(--forge-button-link-line-height, normal);\n  --_button-link-width: var(--forge-button-link-width, auto);\n  --_button-link-hover-text-decoration: var(--forge-button-link-hover-text-decoration, none);\n  --_button-link-active-opacity: var(--forge-button-link-active-opacity, 0.65);\n  --_button-link-transition-duration: var(--forge-button-link-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-link-transition-timing: var(--forge-button-link-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-disabled-cursor: var(--forge-button-disabled-cursor, not-allowed);\n  --_button-disabled-text-color: var(--forge-button-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));\n  --_button-disabled-background: var(--forge-button-disabled-background, transparent);\n  --_button-disabled-border-color: var(--forge-button-disabled-border-color, var(--_button-disabled-color));\n  --_button-disabled-shadow: var(--forge-button-disabled-shadow, none);\n  --_button-dense-height: var(--forge-button-dense-height, 24px);\n  --_button-pill-shape: var(--forge-button-pill-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_button-pill-padding-inline: var(--forge-button-pill-padding-inline, var(--forge-spacing-small, 12px));\n  --_button-focus-indicator-offset: var(--forge-button-focus-indicator-offset, 4px);\n  --_button-text-focus-indicator-offset: var(--forge-button-text-focus-indicator-offset, 0px);\n  --_button-link-focus-indicator-offset: var(--forge-button-link-focus-indicator-offset, 2px);\n  --_button-popover-icon-transition-duration: var(--forge-button-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-popover-icon-transition-timing: var(--forge-button-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-popover-icon-open-rotation: var(--forge-button-popover-icon-open-rotation, 180deg);\n}\n\n.forge-button {\n  display: var(--_button-display);\n  position: relative;\n  outline: none;\n  vertical-align: middle;\n  -webkit-tap-highlight-color: transparent;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-button-font-weight, 500);\n  line-height: var(--forge-typography-button-line-height, normal);\n  letter-spacing: var(--forge-typography-button-letter-spacing, 0.0714285714em);\n  text-transform: var(--forge-typography-button-text-transform, inherit);\n  text-decoration: var(--forge-typography-button-text-decoration, inherit);\n  position: relative;\n  display: var(--_button-display);\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: var(--_button-justify);\n  gap: var(--_button-spacing);\n  z-index: 0;\n  box-sizing: border-box;\n  min-inline-size: var(--_button-min-width);\n  height: var(--_button-height);\n  inline-size: 100%;\n  border-width: var(--_button-border-width);\n  border-style: var(--_button-border-style);\n  border-color: var(--_button-border-color);\n  border-start-start-radius: var(--_button-shape-start-start-radius);\n  border-start-end-radius: var(--_button-shape-start-end-radius);\n  border-end-start-radius: var(--_button-shape-end-start-radius);\n  border-end-end-radius: var(--_button-shape-end-end-radius);\n  padding-block: var(--_button-padding-block);\n  padding-inline: var(--_button-padding-inline);\n  box-shadow: var(--_button-shadow);\n  outline: none;\n  user-select: none;\n  -webkit-appearance: none;\n  vertical-align: middle;\n  text-decoration: none;\n  white-space: nowrap;\n  background: var(--_button-background);\n  color: var(--_button-color);\n  cursor: var(--_button-cursor);\n  transition-property: box-shadow, background;\n  transition-duration: var(--_button-transition-duration);\n  transition-timing-function: var(--_button-transition-timing);\n}\n\n.forge-button::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n\n.forge-button:hover {\n  --_button-shadow: var(--_button-hover-shadow);\n  background: var(--_button-hover-background);\n}\n\n.forge-button:active {\n  --_button-shadow: var(--_button-active-shadow);\n  background: var(--_button-active-background);\n}\n\n.forge-button {\n  position: relative;\n  inline-size: auto;\n}\n\n.forge-button:not(:disabled):not(.forge-button--link) {\n  --_state-layer-display: var(--forge-state-layer-display, flex);\n  --_state-layer-color: var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));\n  --_state-layer-hover-color: var(--forge-state-layer-hover-color, var(--_state-layer-color));\n  --_state-layer-hover-opacity: var(--forge-state-layer-hover-opacity, 0.08);\n  --_state-layer-pressed-color: var(--forge-state-layer-pressed-color, var(--_state-layer-color));\n  --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.12);\n  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);\n  --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);\n  --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);\n}\n\n.forge-button:not(:disabled):not(.forge-button--link)::before {\n  opacity: 0;\n  position: absolute;\n  background-color: var(--_state-layer-hover-color);\n  inset: 0;\n  transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;\n  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 100ms);\n  content: "";\n  opacity: 0;\n  border-radius: inherit;\n}\n\n.forge-button:not(:disabled):not(.forge-button--link):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-button:not(:disabled):not(.forge-button--link):active::before {\n  opacity: var(--_state-layer-pressed-opacity);\n  transition-duration: var(--_state-layer-pressed-duration);\n  --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.18);\n}\n\n@keyframes forge-focus-indicator-outward-grow {\n  from {\n    outline-width: 0;\n  }\n  to {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-outward-shrink {\n  from {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-grow {\n  from {\n    border-width: 0;\n  }\n  to {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-shrink {\n  from {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n.forge-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-button:not(:disabled):focus-visible::after {\n  --_focus-indicator-display: var(--forge-focus-indicator-display, flex);\n  --_focus-indicator-width: var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));\n  --_focus-indicator-active-width: var(--forge-focus-indicator-active-width, 6px);\n  --_focus-indicator-color: var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n  --_focus-indicator-shape: var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));\n  --_focus-indicator-duration: var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));\n  --_focus-indicator-easing: var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));\n  --_focus-indicator-shape-start-start: var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-start-end: var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-end: var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-start: var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));\n  --_focus-indicator-outward-offset: var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));\n  --_focus-indicator-inward-offset: var(--forge-focus-indicator-inward-offset, 0px);\n  --_focus-indicator-offset-block: var(--forge-focus-indicator-offset-block, 0);\n  --_focus-indicator-offset-inline: var(--forge-focus-indicator-offset-inline, 0);\n}\n\n.forge-button:not(:disabled):focus-visible::after {\n  animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);\n  animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);\n  animation-timing-function: var(--_focus-indicator-easing);\n  box-sizing: border-box;\n  color: var(--_focus-indicator-color);\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin-block: var(--_focus-indicator-offset-block);\n  margin-inline: var(--_focus-indicator-offset-inline);\n  animation-name: forge-focus-indicator-outward-grow, forge-focus-indicator-outward-shrink;\n  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));\n  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));\n  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));\n  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));\n  inset: calc(-1 * var(--_focus-indicator-outward-offset));\n  outline: var(--_focus-indicator-width) solid currentColor;\n  content: "";\n  display: block;\n}\n\n.forge-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_button-primary-color);\n}\n\n.forge-button:disabled {\n  cursor: var(--_button-disabled-cursor);\n  --_button-background: var(--_button-disabled-background);\n  --_button-color: var(--_button-disabled-text-color);\n  --_button-shadow: var(--_button-disabled-shadow);\n  pointer-events: none;\n  pointer-events: initial;\n}\n\n.forge-button:where(:not(.forge-button--outlined, .forge-button--tonal, .forge-button--filled, .forge-button--raised, .forge-button--link)), .forge-button--text {\n  --_button-padding-inline: var(--_button-text-padding-inline);\n}\n\n.forge-button--outlined {\n  --_button-background: var(--_button-outlined-background);\n  --_button-color: var(--_button-outlined-color);\n  --_button-border-width: var(--_button-outlined-border-width);\n  --_button-border-style: var(--_button-outlined-border-style);\n  --_button-border-color: var(--_button-outlined-border-color);\n}\n\n.forge-button--outlined:disabled {\n  --_button-border-color: var(--_button-disabled-border-color);\n}\n\n.forge-button--tonal {\n  --_button-background: var(--_button-tonal-background);\n  --_button-color: var(--_button-tonal-color);\n}\n\n.forge-button--tonal:disabled {\n  --_button-background: var(--_button-tonal-disabled-background);\n  --_button-color: var(--_button-tonal-disabled-color);\n}\n\n.forge-button--filled, .forge-button--raised {\n  --_button-background: var(--_button-filled-background);\n  --_button-color: var(--_button-filled-color);\n  --forge-state-layer-color: var(--_button-filled-color);\n}\n\n.forge-button--filled:disabled, .forge-button--raised:disabled {\n  --_button-background: var(--_button-filled-disabled-background);\n  --_button-color: var(--_button-filled-disabled-color);\n}\n\n.forge-button--raised {\n  --_button-background: var(--_button-raised-background);\n  --_button-color: var(--_button-raised-color);\n  --_button-shadow: var(--_button-raised-shadow);\n}\n\n.forge-button--raised:hover {\n  --_button-shadow: var(--_button-raised-hover-shadow);\n}\n\n.forge-button--raised:active {\n  --_button-shadow: var(--_button-raised-active-shadow);\n}\n\n.forge-button--raised:disabled {\n  --_button-background: var(--_button-raised-disabled-background);\n  --_button-color: var(--_button-raised-disabled-color);\n  --_button-shadow: var(--_button-raised-disabled-shadow);\n}\n\n.forge-button--link {\n  --_button-color: var(--_button-link-color);\n  --_button-height: var(--_button-link-height);\n  --_button-padding: var(--_button-link-padding);\n  --_button-focus-indicator-offset: var(--_button-link-focus-indicator-offset);\n  text-decoration: var(--_button-link-text-decoration);\n  line-height: var(--_button-link-line-height);\n  transition: opacity var(--_button-link-transition-duration) var(--_button-link-transition-timing);\n  inline-size: var(--_button-link-width);\n}\n\n.forge-button--link:hover {\n  text-decoration: var(--_button-link-hover-text-decoration);\n}\n\n.forge-button--link:active {\n  opacity: var(--_button-link-active-opacity);\n}\n\n.forge-button--pill {\n  --_button-shape: var(--_button-pill-shape);\n  --_button-padding-inline: var(--_button-pill-padding-inline);\n  --forge-focus-indicator-shape: var(--_button-pill-shape);\n}\n\n.forge-button {\n  --forge-icon-font-size: var(--_button-icon-size);\n}\n\n.forge-button--dense {\n  --_button-height: var(--_button-dense-height);\n}\n\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n:host {\n  display: inline-block;\n}\n\n.button-container {\n  display: flex;\n  align-items: center;\n  --forge-button-color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n\n.button-container > svg {\n  fill: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}';
+export {
+  styles as default
+};

package/dist/ai-reasoning/ai-reasoning.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-reasoning': AiReasoningComponent;
+    }
+}
+export declare const AiReasoningComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-reasoning
+ */
+export declare class AiReasoningComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    /** Whether the reasoning is expanded */
+    expanded: boolean;
+    render(): TemplateResult;
+    private _handleHeaderToggle;
+}

package/dist/ai-reasoning/ai-reasoning.mjs

@@ -0,0 +1,44 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import styles from "./ai-reasoning.scss.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const AiReasoningComponentTagName = "forge-ai-reasoning";
+let AiReasoningComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.expanded = false;
+  }
+  render() {
+    return html`
+      <slot name="header" @toggle=${this._handleHeaderToggle}></slot>
+      <div class="reasoning ${this.expanded ? "expanded" : ""}">
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+  _handleHeaderToggle(event) {
+    this.expanded = event.detail.expanded;
+  }
+};
+AiReasoningComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], AiReasoningComponent.prototype, "expanded", 2);
+AiReasoningComponent = __decorateClass([
+  customElement(AiReasoningComponentTagName)
+], AiReasoningComponent);
+export {
+  AiReasoningComponent,
+  AiReasoningComponentTagName
+};

package/dist/ai-reasoning/ai-reasoning.scss.mjs

@@ -0,0 +1,4 @@
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n:host {\n  display: block;\n}\n\n.reasoning {\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 0.3s ease-out;\n}\n.reasoning.expanded {\n  max-height: 500px;\n}\n\n.content {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-body1-font-weight, 400);\n  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));\n  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-body1-text-transform, inherit);\n  text-decoration: var(--forge-typography-body1-text-decoration, inherit);\n  padding: var(--forge-spacing-medium, 16px);\n}';
+export {
+  styles as default
+};

package/dist/ai-reasoning/index.d.ts

@@ -0,0 +1,2 @@
+export { AiReasoningComponent, AiReasoningComponentTagName } from './ai-reasoning';
+export { ReasoningContentComponent, ReasoningContentComponentTagName } from './reasoning-content';

package/dist/ai-reasoning/index.mjs

@@ -0,0 +1,8 @@
+import { AiReasoningComponent, AiReasoningComponentTagName } from "./ai-reasoning.mjs";
+import { ReasoningContentComponent, ReasoningContentComponentTagName } from "./reasoning-content/reasoning-content.mjs";
+export {
+  AiReasoningComponent,
+  AiReasoningComponentTagName,
+  ReasoningContentComponent,
+  ReasoningContentComponentTagName
+};

package/dist/ai-reasoning/reasoning-content/index.d.ts

@@ -0,0 +1 @@
+export { ReasoningContentComponent, ReasoningContentComponentTagName } from './reasoning-content';

package/dist/ai-reasoning/reasoning-content/index.mjs

@@ -0,0 +1,5 @@
+import { ReasoningContentComponent, ReasoningContentComponentTagName } from "./reasoning-content.mjs";
+export {
+  ReasoningContentComponent,
+  ReasoningContentComponentTagName
+};

package/dist/ai-reasoning/reasoning-content/reasoning-content.d.ts

@@ -0,0 +1,22 @@
+import { LitElement, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-reasoning-content': ReasoningContentComponent;
+    }
+}
+export declare const ReasoningContentComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-reasoning-content
+ */
+export declare class ReasoningContentComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    private _displayedText;
+    private _fullText;
+    private _animationId;
+    private _hasStarted;
+    firstUpdated(): void;
+    private _handleSlotChange;
+    private _extractTextAndAnimate;
+    private _startTypingAnimation;
+    render(): TemplateResult;
+}

package/dist/ai-reasoning/reasoning-content/reasoning-content.mjs

@@ -0,0 +1,90 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { state, customElement } from "lit/decorators.js";
+import styles from "./reasoning-content.scss.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const ReasoningContentComponentTagName = "forge-ai-reasoning-content";
+let ReasoningContentComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._displayedText = "";
+    this._fullText = "";
+    this._animationId = null;
+    this._hasStarted = false;
+  }
+  firstUpdated() {
+    setTimeout(() => {
+      this._extractTextAndAnimate();
+    }, 100);
+  }
+  _handleSlotChange() {
+    if (!this._hasStarted) {
+      this._extractTextAndAnimate();
+    }
+  }
+  _extractTextAndAnimate() {
+    if (this._hasStarted) {
+      return;
+    }
+    const slot = this.shadowRoot?.querySelector("slot");
+    if (slot) {
+      const assignedNodes = slot.assignedNodes({ flatten: true });
+      this._fullText = assignedNodes.map((node) => node.textContent || "").join("").trim();
+      if (this._fullText) {
+        this._hasStarted = true;
+        this._startTypingAnimation();
+      }
+    }
+  }
+  _startTypingAnimation() {
+    if (this._animationId) {
+      clearTimeout(this._animationId);
+    }
+    this._displayedText = "";
+    let currentIndex = 0;
+    const typeSpeed = 10;
+    const typeNextCharacter = () => {
+      if (currentIndex < this._fullText.length) {
+        this._displayedText = this._fullText.substring(0, currentIndex + 1);
+        currentIndex++;
+        this._animationId = setTimeout(typeNextCharacter, typeSpeed);
+      } else {
+        this._animationId = null;
+      }
+    };
+    typeNextCharacter();
+  }
+  render() {
+    if (this._hasStarted) {
+      return html`
+        <div class="reasoning-content">
+          <span class="animated-text">${this._displayedText}</span>
+        </div>
+      `;
+    }
+    return html`
+      <div class="reasoning-content">
+        <slot @slotchange=${this._handleSlotChange}></slot>
+      </div>
+    `;
+  }
+};
+ReasoningContentComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  state()
+], ReasoningContentComponent.prototype, "_displayedText", 2);
+ReasoningContentComponent = __decorateClass([
+  customElement(ReasoningContentComponentTagName)
+], ReasoningContentComponent);
+export {
+  ReasoningContentComponent,
+  ReasoningContentComponentTagName
+};

package/dist/ai-reasoning/reasoning-content/reasoning-content.scss.mjs

@@ -0,0 +1,4 @@
+const styles = ":host {\n  display: block;\n}\n\n.reasoning-content {\n  padding: 0.5rem 0;\n}";
+export {
+  styles as default
+};

package/dist/ai-reasoning-header/ai-reasoning-header.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-reasoning-header': AiReasoningHeaderComponent;
+    }
+}
+export declare const AiReasoningHeaderComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-reasoning-header
+ *
+ * @slot title - Content for the header when in regular (non-reasoning) state
+ * @slot reasoning-title - Content for the header when in reasoning state
+ *
+ * @event {CustomEvent<{ expanded: boolean }>} toggle - Fired when the header is clicked and the expanded state changes
+ */
+export declare class AiReasoningHeaderComponent extends LitElement {
+    static styles: import('lit').CSSResult;
+    /** Whether the header is expanded */
+    expanded: boolean;
+    /** Whether this is a reasoning header */
+    reasoning: boolean;
+    private _handleClick;
+    render(): TemplateResult;
+}

package/dist/ai-reasoning-header/ai-reasoning-header.mjs

@@ -0,0 +1,68 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import styles from "./ai-reasoning-header.scss.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const AiReasoningHeaderComponentTagName = "forge-ai-reasoning-header";
+let AiReasoningHeaderComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.expanded = false;
+    this.reasoning = false;
+  }
+  _handleClick() {
+    this.expanded = !this.expanded;
+    this.dispatchEvent(
+      new CustomEvent("toggle", {
+        detail: { expanded: this.expanded },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  render() {
+    return html`
+      <button
+        class="button-header"
+        type="button"
+        @click=${this._handleClick}
+        aria-expanded=${this.expanded}
+        aria-controls="content">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+          <path
+            d="M3.5 19A1.5 1.5 0 0 1 5 20.5 1.5 1.5 0 0 1 3.5 22 1.5 1.5 0 0 1 2 20.5 1.5 1.5 0 0 1 3.5 19m5-3a2.5 2.5 0 0 1 2.5 2.5A2.5 2.5 0 0 1 8.5 21 2.5 2.5 0 0 1 6 18.5 2.5 2.5 0 0 1 8.5 16m6-1c-1.19 0-2.27-.5-3-1.35-.73.85-1.81 1.35-3 1.35-1.96 0-3.59-1.41-3.93-3.26A4.02 4.02 0 0 1 2 8a4 4 0 0 1 4-4l.77.07C7.5 3.41 8.45 3 9.5 3c1.19 0 2.27.5 3 1.35.73-.85 1.81-1.35 3-1.35 1.96 0 3.59 1.41 3.93 3.26A4.02 4.02 0 0 1 22 10a4 4 0 0 1-4 4l-.77-.07c-.73.66-1.68 1.07-2.73 1.07M6 6a2 2 0 0 0-2 2 2 2 0 0 0 2 2c.33 0 .64-.08.92-.22A2 2 0 0 0 6.5 11a2 2 0 0 0 2 2c.6 0 1.14-.27 1.5-.69l1.47-1.68L13 12.34c.38.4.91.66 1.5.66 1 0 1.83-.74 2-1.7.34.43.89.7 1.5.7a2 2 0 0 0 2-2 2 2 0 0 0-2-2c-.33 0-.64.08-.92.22A2 2 0 0 0 17.5 7a2 2 0 0 0-2-2c-.59 0-1.12.26-1.5.66l-1.53 1.71L11 5.69c-.36-.42-.9-.69-1.5-.69-1 0-1.83.74-2 1.7C7.16 6.27 6.61 6 6 6m2.5 11.5a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1" />
+        </svg>
+        <span class="button-header-text">
+          ${this.reasoning ? html`<slot name="reasoning-title"></slot>` : html`<slot name="title"></slot>`}
+        </span>
+        ${this.expanded ? html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+              <path d="M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z" />
+            </svg>` : html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+              <path d="M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z" />
+            </svg>`}
+      </button>
+    `;
+  }
+};
+AiReasoningHeaderComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], AiReasoningHeaderComponent.prototype, "expanded", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], AiReasoningHeaderComponent.prototype, "reasoning", 2);
+AiReasoningHeaderComponent = __decorateClass([
+  customElement(AiReasoningHeaderComponentTagName)
+], AiReasoningHeaderComponent);
+export {
+  AiReasoningHeaderComponent,
+  AiReasoningHeaderComponentTagName
+};

package/dist/ai-reasoning-header/ai-reasoning-header.scss.mjs

@@ -0,0 +1,4 @@
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n}\n\n.button-header {\n  display: grid;\n  grid-template-columns: 56px 1fr auto;\n  align-items: center;\n  padding: 0;\n  width: 100%;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: start;\n}\n.button-header svg {\n  fill: var(--forge-theme-text-medium);\n  height: 24px;\n  width: 24px;\n}\n\n.button-header-text {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));\n  font-weight: var(--forge-typography-body2-font-weight, 400);\n  line-height: var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));\n  letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);\n  text-transform: var(--forge-typography-body2-text-transform, inherit);\n  text-decoration: var(--forge-typography-body2-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  flex: 1;\n}';
+export {
+  styles as default
+};

package/dist/ai-reasoning-header/index.d.ts

@@ -0,0 +1 @@
+export { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName } from './ai-reasoning-header';

package/dist/ai-reasoning-header/index.mjs

@@ -0,0 +1,5 @@
+import { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName } from "./ai-reasoning-header.mjs";
+export {
+  AiReasoningHeaderComponent,
+  AiReasoningHeaderComponentTagName
+};

package/dist/ai-response-message/ai-response-message.d.ts

@@ -0,0 +1,40 @@
+import { LitElement, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-response-message': AiResponseMessageComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-ai-response-message-action': CustomEvent<AiResponseMessageActionEventData>;
+    }
+}
+export type AiResponseMessageActionType = 'refresh' | 'copy' | 'thumbs-up' | 'thumbs-down';
+export interface AiResponseMessageActionEventData {
+    action: AiResponseMessageActionType;
+}
+export declare const AiResponseMessageComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-response-message
+ *
+ * @event {CustomEvent<AiResponseMessageActionEventData>} forge-ai-response-message-action - Fired when an action button is clicked.
+ */
+export declare class AiResponseMessageComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    private _overlayOpen;
+    private _mousePosition;
+    private _hoverTimeoutId;
+    private _messageContainer;
+    private _handleMouseEnter;
+    private _handleMouseMove;
+    private _handleMouseLeave;
+    private _handleOverlayMouseEnter;
+    private _handleOverlayMouseLeave;
+    private _handleOverlayToggle;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private _handleKeyDown;
+    private _handleToolbarAction;
+    private _emitActionEvent;
+    render(): TemplateResult;
+}

package/dist/ai-response-message/ai-response-message.mjs

@@ -0,0 +1,137 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { state, customElement } from "lit/decorators.js";
+import "../ai-actions-toolbar/ai-actions-toolbar.mjs";
+import "../core/popover/popover.mjs";
+import styles from "./ai-response-message.scss.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var _AiResponseMessageComponent_instances, messageContainer_get, actionsToolbarOverlay_get;
+const AiResponseMessageComponentTagName = "forge-ai-response-message";
+let AiResponseMessageComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _AiResponseMessageComponent_instances);
+    this._overlayOpen = false;
+    this._mousePosition = null;
+    this._hoverTimeoutId = null;
+    this._messageContainer = null;
+    this._handleMouseEnter = () => {
+      if (this._hoverTimeoutId) {
+        clearTimeout(this._hoverTimeoutId);
+        this._hoverTimeoutId = null;
+      }
+      this._overlayOpen = true;
+    };
+    this._handleMouseMove = (event) => {
+      this._mousePosition = { x: event.clientX, y: event.clientY };
+    };
+    this._handleMouseLeave = () => {
+      this._hoverTimeoutId = window.setTimeout(() => {
+        this._overlayOpen = false;
+      }, 100);
+    };
+    this._handleOverlayMouseEnter = () => {
+      if (this._hoverTimeoutId) {
+        clearTimeout(this._hoverTimeoutId);
+        this._hoverTimeoutId = null;
+      }
+    };
+    this._handleOverlayMouseLeave = () => {
+      this._overlayOpen = false;
+    };
+    this._handleOverlayToggle = (event) => {
+      this._overlayOpen = event.detail.open;
+    };
+    this._handleKeyDown = (event) => {
+      if (event.key === "Escape" && this._overlayOpen) {
+        this._overlayOpen = false;
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    document.addEventListener("keydown", this._handleKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    document.removeEventListener("keydown", this._handleKeyDown);
+  }
+  firstUpdated() {
+    this._messageContainer = this.shadowRoot?.querySelector(".ai-message-container");
+  }
+  _handleToolbarAction(event) {
+    this._overlayOpen = false;
+    this._emitActionEvent(event.detail.action);
+  }
+  _emitActionEvent(action) {
+    const event = new CustomEvent("forge-ai-response-message-action", {
+      bubbles: true,
+      composed: true,
+      cancelable: true,
+      detail: { action }
+    });
+    this.dispatchEvent(event);
+  }
+  render() {
+    return html` <div class="grid-container">${__privateGet(this, _AiResponseMessageComponent_instances, messageContainer_get)} ${__privateGet(this, _AiResponseMessageComponent_instances, actionsToolbarOverlay_get)}</div> `;
+  }
+};
+_AiResponseMessageComponent_instances = /* @__PURE__ */ new WeakSet();
+messageContainer_get = function() {
+  return html`
+      <div
+        class="ai-message-container"
+        @mouseenter=${this._handleMouseEnter}
+        @mousemove=${this._handleMouseMove}
+        @mouseleave=${this._handleMouseLeave}>
+        <span>
+          <slot></slot>
+        </span>
+      </div>
+    `;
+};
+actionsToolbarOverlay_get = function() {
+  return html`
+      <forge-ai-popover
+        .anchor=${this._messageContainer}
+        placement="top-end"
+        .open=${this._overlayOpen}
+        @ai-popover-toggle=${this._handleOverlayToggle}>
+        <div
+          class="toolbar-container"
+          @mouseenter=${this._handleOverlayMouseEnter}
+          @mouseleave=${this._handleOverlayMouseLeave}>
+          <forge-ai-actions-toolbar
+            @forge-ai-actions-toolbar-action=${this._handleToolbarAction}></forge-ai-actions-toolbar>
+        </div>
+      </forge-ai-popover>
+    `;
+};
+AiResponseMessageComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  state()
+], AiResponseMessageComponent.prototype, "_overlayOpen", 2);
+__decorateClass([
+  state()
+], AiResponseMessageComponent.prototype, "_mousePosition", 2);
+AiResponseMessageComponent = __decorateClass([
+  customElement(AiResponseMessageComponentTagName)
+], AiResponseMessageComponent);
+export {
+  AiResponseMessageComponent,
+  AiResponseMessageComponentTagName
+};