@tylertech/forge-ai 0.1.0

package/dist/ai-response-message/ai-response-message.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/* 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/* prettier-ignore */\n.forge-icon-button {\n  --_icon-button-display: var(--forge-icon-button-display, inline-flex);\n  --_icon-button-size: var(--forge-icon-button-size, 48px);\n  --_icon-button-gap: var(--forge-icon-button-gap, 0);\n  --_icon-button-icon-color: var(--forge-icon-button-icon-color, currentColor);\n  --_icon-button-background-color: var(--forge-icon-button-background-color, none);\n  --_icon-button-icon-size: var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));\n  --_icon-button-cursor: var(--forge-icon-button-cursor, pointer);\n  --_icon-button-padding: var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-border: var(--forge-icon-button-border, none);\n  --_icon-button-shadow: var(--forge-icon-button-shadow, none);\n  --_icon-button-transition-duration: var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_icon-button-transition-timing: var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_icon-button-shape: var(--forge-icon-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_icon-button-shape-start-start: var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));\n  --_icon-button-shape-start-end: var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));\n  --_icon-button-shape-end-start: var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));\n  --_icon-button-shape-end-end: var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));\n  --_icon-button-shape-squared: var(--forge-icon-button-shape-squared, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_icon-button-outlined-border-width: var(--forge-icon-button-outlined-border-width, 1px);\n  --_icon-button-outlined-border-style: var(--forge-icon-button-outlined-border-style, solid);\n  --_icon-button-outlined-border-color: var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));\n  --_icon-button-tonal-icon-color: var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));\n  --_icon-button-tonal-background-color: var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-filled-icon-color: var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-filled-background-color: var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-raised-shadow: var(--forge-icon-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  --_icon-button-raised-hover-shadow: var(--forge-icon-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  --_icon-button-raised-active-shadow: var(--forge-icon-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  --_icon-button-raised-disabled-shadow: var(--forge-icon-button-raised-disabled-shadow, none);\n  --_icon-button-density-small-size: var(--forge-icon-button-density-small-size, 24px);\n  --_icon-button-density-small-padding: var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));\n  --_icon-button-density-small-icon-size: var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_icon-button-density-medium-size: var(--forge-icon-button-density-medium-size, 36px);\n  --_icon-button-density-medium-padding: var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-density-large-size: var(--forge-icon-button-density-large-size, var(--_icon-button-size));\n  --_icon-button-toggle-on-background-color: var(--forge-icon-button-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-toggle-on-icon-color: var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-outlined-toggle-on-background-color: var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-outlined-toggle-on-icon-color: var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-tonal-toggle-background-color: var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-tonal-toggle-on-background-color: var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-tonal-toggle-on-icon-color: var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-background-color: var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-filled-toggle-icon-color: var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-background-color: var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-icon-color: var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-disabled-cursor: var(--forge-icon-button-disabled-cursor, not-allowed);\n  --_icon-button-disabled-opacity: var(--forge-icon-button-disabled-opacity, 0.38);\n  --_icon-button-popover-icon-padding: var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));\n  --_icon-button-focus-indicator-color: var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n}\n\n.forge-icon-button {\n  display: var(--_icon-button-display);\n  position: relative;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  z-index: 0;\n  display: var(--_icon-button-display);\n  align-items: center;\n  justify-content: center;\n  gap: var(--_icon-button-gap);\n  box-sizing: border-box;\n  height: var(--_icon-button-density-large-size);\n  min-width: var(--_icon-button-density-large-size);\n  border: var(--_icon-button-border);\n  border-start-start-radius: var(--_icon-button-shape-start-start);\n  border-start-end-radius: var(--_icon-button-shape-start-end);\n  border-end-start-radius: var(--_icon-button-shape-end-start);\n  border-end-end-radius: var(--_icon-button-shape-end-end);\n  padding: var(--_icon-button-padding);\n  box-shadow: var(--_icon-button-shadow);\n  color: var(--_icon-button-icon-color);\n  background: var(--_icon-button-background-color);\n  font-size: var(--_icon-button-icon-size);\n  cursor: var(--_icon-button-cursor);\n  user-select: none;\n  transition-property: box-shadow, background;\n  transition-duration: var(--_icon-button-transition-duration);\n  transition-timing-function: var(--_icon-button-transition-timing);\n}\n\n.forge-icon-button img,\n.forge-icon-button svg {\n  height: var(--_icon-button-icon-size);\n  width: var(--_icon-button-icon-size);\n}\n\n.forge-icon-button svg {\n  fill: currentColor;\n}\n\n.forge-icon-button:not(:disabled) {\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-icon-button:not(:disabled)::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-icon-button:not(:disabled):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-icon-button:not(:disabled):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.forge-icon-button:not(:disabled) {\n  --forge-state-layer-color: var(--_icon-button-icon-color);\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-icon-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-icon-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-icon-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-icon-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_icon-button-focus-indicator-color);\n  --forge-focus-indicator-shape: var(--_icon-button-shape);\n}\n\n.forge-icon-button:not(:disabled):where(.forge-icon-button--text,\n:not(:where(.forge-icon-button--outlined, .forge-icon-button--tonal, .forge-icon-button--filled, .forge-icon-button--raised))) {\n  --forge-focus-indicator-outward-offset: 0px;\n}\n\n.forge-icon-button--outlined {\n  border-width: var(--_icon-button-outlined-border-width);\n  border-style: var(--_icon-button-outlined-border-style);\n  border-color: var(--_icon-button-outlined-border-color);\n}\n\n.forge-icon-button--tonal {\n  --_icon-button-icon-color: var(--_icon-button-tonal-icon-color);\n  --_icon-button-background-color: var(--_icon-button-tonal-background-color);\n}\n\n.forge-icon-button--filled, .forge-icon-button--raised {\n  --_icon-button-icon-color: var(--_icon-button-filled-icon-color);\n  --_icon-button-background-color: var(--_icon-button-filled-background-color);\n}\n\n.forge-icon-button--raised {\n  --_icon-button-shadow: var(--_icon-button-raised-shadow);\n}\n\n.forge-icon-button--raised:hover {\n  --_icon-button-raised-shadow: var(--_icon-button-raised-hover-shadow);\n}\n\n.forge-icon-button--raised:active {\n  --_icon-button-raised-shadow: var(--_icon-button-raised-active-shadow);\n}\n\n.forge-icon-button--squared {\n  --_icon-button-shape: var(--_icon-button-shape-squared);\n}\n\n.forge-icon-button--small {\n  --_icon-button-size: var(--_icon-button-density-small-size);\n  --_icon-button-icon-size: var(--_icon-button-density-small-icon-size);\n  --_icon-button-padding: var(--_icon-button-density-small-padding);\n}\n\n.forge-icon-button--small > * {\n  font-size: var(--_icon-button-density-small-icon-size);\n}\n\n.forge-icon-button--medium {\n  --_icon-button-size: var(--_icon-button-density-medium-size);\n  --_icon-button-padding: var(--_icon-button-density-medium-padding);\n}\n\n.forge-icon-button:disabled {\n  pointer-events: none;\n  opacity: var(--_icon-button-disabled-opacity);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.forge-icon-button forge-circular-progress {\n  --forge-circular-progress-indicator-color: var(--_icon-button-icon-color);\n  --forge-circular-progress-track-color: transparent;\n  --forge-circular-progress-size: 1em;\n}\n\n:host {\n  display: inline-block;\n  box-sizing: border-box;\n}\n\n.grid-container {\n  display: block;\n  position: relative;\n}\n\n.ai-message-container {\n  cursor: pointer;\n  margin-inline-end: var(--forge-spacing-xxlarge, 48px);\n}\n\n.toolbar-container {\n  padding: var(--forge-spacing-xsmall, 8px);\n}\n\nspan {\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  color: var(--forge-theme-on-surface, #000000);\n  overflow-wrap: break-word;\n}';
+export {
+  styles as default
+};

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

@@ -0,0 +1 @@
+export * from './ai-response-message.js';

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

@@ -0,0 +1,5 @@
+import { AiResponseMessageComponent, AiResponseMessageComponentTagName } from "./ai-response-message.mjs";
+export {
+  AiResponseMessageComponent,
+  AiResponseMessageComponentTagName
+};

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

@@ -0,0 +1,44 @@
+import { LitElement, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-sidebar': AiSidebarComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-ai-sidebar-open': CustomEvent<void>;
+        'forge-ai-sidebar-close': CustomEvent<void>;
+    }
+}
+export declare const AiSidebarComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-sidebar
+ *
+ * @slot - Default slot for sidebar content (typically ai-chat-interface)
+ *
+ * @fires forge-ai-sidebar-open - Fired when the sidebar is opened
+ * @fires forge-ai-sidebar-close - Fired when the sidebar is closed
+ */
+export declare class AiSidebarComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    /**
+     * Indicates whether the sidebar is open.
+     */
+    open: boolean;
+    /**
+     * Indicates whether the sidebar is in a closing animation state.
+     */
+    private _closing;
+    render(): TemplateResult;
+    /**
+     * Opens the sidebar.
+     */
+    show(): void;
+    /**
+     * Closes the sidebar.
+     */
+    close(): void;
+    /**
+     * Toggles the sidebar open state.
+     */
+    toggle(): void;
+}

package/dist/ai-sidebar/ai-sidebar.mjs

@@ -0,0 +1,105 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import styles from "./ai-sidebar.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 __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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _AiSidebarComponent_instances, handleTransitionEnd_fn, dispatchEvent_fn;
+const AiSidebarComponentTagName = "forge-ai-sidebar";
+let AiSidebarComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _AiSidebarComponent_instances);
+    this.open = true;
+    this._closing = false;
+  }
+  render() {
+    const classes = {
+      "forge-drawer": true,
+      "forge-drawer--right": true,
+      "forge-drawer--closing": this._closing,
+      "forge-drawer--closed": !this.open && !this._closing
+    };
+    return html`
+      <aside
+        class=${classMap(classes)}
+        ?open=${this.open}
+        role="complementary"
+        aria-hidden=${!this.open}
+        @transitionend=${__privateMethod(this, _AiSidebarComponent_instances, handleTransitionEnd_fn)}>
+        <slot></slot>
+      </aside>
+    `;
+  }
+  /**
+   * Opens the sidebar.
+   */
+  show() {
+    if (!this.open) {
+      this._closing = false;
+      this.open = true;
+      __privateMethod(this, _AiSidebarComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-open");
+    }
+  }
+  /**
+   * Closes the sidebar.
+   */
+  close() {
+    if (this.open && !this._closing) {
+      this._closing = true;
+    }
+  }
+  /**
+   * Toggles the sidebar open state.
+   */
+  toggle() {
+    if (this.open) {
+      this.close();
+    } else {
+      this.show();
+    }
+  }
+};
+_AiSidebarComponent_instances = /* @__PURE__ */ new WeakSet();
+handleTransitionEnd_fn = function() {
+  if (this._closing) {
+    this.open = false;
+    this._closing = false;
+    __privateMethod(this, _AiSidebarComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-close");
+  }
+};
+dispatchEvent_fn = function(type) {
+  const event = new CustomEvent(type, {
+    bubbles: true,
+    composed: true
+  });
+  this.dispatchEvent(event);
+};
+AiSidebarComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Boolean })
+], AiSidebarComponent.prototype, "open", 2);
+__decorateClass([
+  state()
+], AiSidebarComponent.prototype, "_closing", 2);
+AiSidebarComponent = __decorateClass([
+  customElement(AiSidebarComponentTagName)
+], AiSidebarComponent);
+export {
+  AiSidebarComponent,
+  AiSidebarComponentTagName
+};

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

@@ -0,0 +1,4 @@
+const styles = "/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n.forge-drawer {\n  --_drawer-background: var(--forge-drawer-background, var(--forge-theme-surface, #ffffff));\n  --_drawer-border-color: var(--forge-drawer-border-color, var(--forge-theme-outline, #e0e0e0));\n  --_drawer-width: var(--forge-drawer-width, 256px);\n  --_drawer-border-width: var(--forge-drawer-border-width, var(--forge-border-thin, 1px));\n  --_drawer-transition-duration: var(--forge-drawer-transition-duration, var(--forge-animation-duration-medium1, 250ms));\n  --_drawer-transition-easing: var(--forge-drawer-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_drawer-transition-duration-close: var(--forge-drawer-transition-duration-close, var(--forge-animation-duration-short4, 200ms));\n}\n\n.forge-drawer {\n  width: var(--_drawer-width);\n  height: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr auto;\n  background-color: var(--_drawer-background);\n  border-color: var(--_drawer-border-color);\n  transition-property: transform;\n  transition-duration: var(--_drawer-transition-duration);\n  transition-timing-function: var(--_drawer-transition-easing);\n  border-right-width: var(--_drawer-border-width);\n  border-right-style: solid;\n}\n\n.forge-drawer--closing {\n  transform: translateX(-100%);\n  left: 0;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--closed {\n  transform: translateX(-100%);\n  left: 0;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--right {\n  border-left-width: var(--_drawer-border-width);\n  border-left-style: solid;\n  border-right: none;\n}\n\n.forge-drawer--right.forge-drawer--closing {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--right.forge-drawer--closed {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--mini {\n  width: var(--_mini-drawer-width);\n  z-index: var(--forge-z-index-surface, 1);\n  transition: width var(--_mini-drawer-transition-duration) var(--_mini-drawer-transition-easing);\n}\n\n:host {\n  display: block;\n  width: auto;\n  height: 100%;\n  overflow: hidden;\n}\n\n.forge-drawer {\n  --forge-drawer-width: 420px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}";
+export {
+  styles as default
+};

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

@@ -0,0 +1 @@
+export { AiSidebarComponent, AiSidebarComponentTagName } from './ai-sidebar';

package/dist/ai-sidebar/index.mjs

@@ -0,0 +1,5 @@
+import { AiSidebarComponent, AiSidebarComponentTagName } from "./ai-sidebar.mjs";
+export {
+  AiSidebarComponent,
+  AiSidebarComponentTagName
+};

package/dist/ai-sidebar-chat/ai-sidebar-chat.d.ts

@@ -0,0 +1,64 @@
+import { LitElement, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-sidebar-chat': AiSidebarChatComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-ai-sidebar-chat-open': CustomEvent<void>;
+        'forge-ai-sidebar-chat-close': CustomEvent<void>;
+        'forge-ai-sidebar-chat-expand': CustomEvent<void>;
+        'forge-ai-sidebar-chat-collapse': CustomEvent<void>;
+    }
+}
+export declare const AiSidebarChatComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-sidebar-chat
+ *
+ * @slot - Default slot for messages (ai-user-message, ai-response-message components)
+ * @slot suggestions - Slot for AI suggestions component
+ * @slot prompt - Slot for custom AI prompt component. If not provided, a default forge-ai-prompt will be used.
+ *
+ * @fires forge-ai-sidebar-chat-open - Fired when the sidebar chat is opened
+ * @fires forge-ai-sidebar-chat-close - Fired when the sidebar chat is closed
+ * @fires forge-ai-sidebar-chat-expand - Fired when the sidebar chat is expanded to modal
+ * @fires forge-ai-sidebar-chat-collapse - Fired when the sidebar chat is collapsed from modal
+ *
+ * @description A structured form factor component that combines ai-sidebar and ai-chat-interface
+ * with automatic event handling for sidebar-based chat interfaces. When expanded, the chat
+ * content is displayed in a fullscreen modal.
+ */
+export declare class AiSidebarChatComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    /**
+     * Indicates whether the sidebar chat is open.
+     */
+    open: boolean;
+    /**
+     * Controls whether the chat is displayed in an expanded modal state.
+     * When true, the chat content will be shown in a fullscreen modal.
+     * When false, the chat will be displayed in the sidebar.
+     */
+    expanded: boolean;
+    render(): TemplateResult;
+    /**
+     * Opens the sidebar chat.
+     */
+    show(): void;
+    /**
+     * Closes the sidebar chat.
+     */
+    close(): void;
+    /**
+     * Toggles the sidebar chat open state.
+     */
+    toggle(): void;
+    /**
+     * Expands the chat to fullscreen modal.
+     */
+    expand(): void;
+    /**
+     * Collapses the chat from fullscreen modal back to sidebar.
+     */
+    collapse(): void;
+}

package/dist/ai-sidebar-chat/ai-sidebar-chat.mjs

@@ -0,0 +1,170 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { when } from "lit/directives/when.js";
+import "../ai-sidebar/ai-sidebar.mjs";
+import "../ai-chat-interface/ai-chat-interface.mjs";
+import "../ai-modal/ai-modal.mjs";
+import styles from "./ai-sidebar-chat.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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _sidebarRef, _modalRef, _AiSidebarChatComponent_instances, chatInterface_get, handleSidebarOpen_fn, handleSidebarClose_fn, handleHeaderExpand_fn, handleHeaderMinimize_fn, handleModalClose_fn, dispatchEvent_fn;
+const AiSidebarChatComponentTagName = "forge-ai-sidebar-chat";
+let AiSidebarChatComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _AiSidebarChatComponent_instances);
+    this.open = false;
+    this.expanded = false;
+    __privateAdd(this, _sidebarRef, createRef());
+    __privateAdd(this, _modalRef, createRef());
+  }
+  render() {
+    return html`
+      ${when(
+      this.expanded,
+      () => html`
+          <forge-ai-modal
+            ${ref(__privateGet(this, _modalRef))}
+            ?open=${this.open && this.expanded}
+            @forge-ai-modal-close=${__privateMethod(this, _AiSidebarChatComponent_instances, handleModalClose_fn)}>
+            ${__privateGet(this, _AiSidebarChatComponent_instances, chatInterface_get)}
+          </forge-ai-modal>
+        `,
+      () => html`
+          <forge-ai-sidebar
+            ${ref(__privateGet(this, _sidebarRef))}
+            ?open=${this.open && !this.expanded}
+            @forge-ai-sidebar-open=${__privateMethod(this, _AiSidebarChatComponent_instances, handleSidebarOpen_fn)}
+            @forge-ai-sidebar-close=${__privateMethod(this, _AiSidebarChatComponent_instances, handleSidebarClose_fn)}>
+            ${__privateGet(this, _AiSidebarChatComponent_instances, chatInterface_get)}
+          </forge-ai-sidebar>
+        `
+    )}
+    `;
+  }
+  /**
+   * Opens the sidebar chat.
+   */
+  show() {
+    this.open = true;
+    __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-open");
+  }
+  /**
+   * Closes the sidebar chat.
+   */
+  close() {
+    if (this.expanded) {
+      this.expanded = false;
+      __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-collapse");
+    }
+    this.open = false;
+    __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-close");
+  }
+  /**
+   * Toggles the sidebar chat open state.
+   */
+  toggle() {
+    if (this.open) {
+      this.close();
+    } else {
+      this.show();
+    }
+  }
+  /**
+   * Expands the chat to fullscreen modal.
+   */
+  expand() {
+    if (!this.expanded) {
+      this.expanded = true;
+      __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-expand");
+    }
+  }
+  /**
+   * Collapses the chat from fullscreen modal back to sidebar.
+   */
+  collapse() {
+    if (this.expanded) {
+      this.expanded = false;
+      __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-collapse");
+    }
+  }
+};
+_sidebarRef = /* @__PURE__ */ new WeakMap();
+_modalRef = /* @__PURE__ */ new WeakMap();
+_AiSidebarChatComponent_instances = /* @__PURE__ */ new WeakSet();
+chatInterface_get = function() {
+  return html`
+      <forge-ai-chat-interface
+        show-expand-button
+        ?show-minimize-button=${!this.expanded}
+        minimize-icon=${this.expanded ? "default" : "panel"}
+        ?expanded=${this.expanded}
+        @forge-ai-chat-header-expand=${__privateMethod(this, _AiSidebarChatComponent_instances, handleHeaderExpand_fn)}
+        @forge-ai-chat-header-minimize=${__privateMethod(this, _AiSidebarChatComponent_instances, handleHeaderMinimize_fn)}>
+        <slot></slot>
+        <slot name="suggestions" slot="suggestions"></slot>
+        <slot name="prompt" slot="prompt"></slot>
+      </forge-ai-chat-interface>
+    `;
+};
+handleSidebarOpen_fn = function() {
+  this.open = true;
+  __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-open");
+};
+handleSidebarClose_fn = function() {
+  this.open = false;
+  __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-close");
+};
+handleHeaderExpand_fn = function() {
+  this.expanded = !this.expanded;
+  if (this.expanded) {
+    __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-expand");
+  } else {
+    __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-collapse");
+  }
+};
+handleHeaderMinimize_fn = function() {
+  this.close();
+};
+handleModalClose_fn = function() {
+  if (this.expanded) {
+    this.collapse();
+  }
+};
+dispatchEvent_fn = function(type) {
+  const event = new CustomEvent(type, {
+    bubbles: true,
+    composed: true
+  });
+  this.dispatchEvent(event);
+};
+AiSidebarChatComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Boolean })
+], AiSidebarChatComponent.prototype, "open", 2);
+__decorateClass([
+  property({ type: Boolean })
+], AiSidebarChatComponent.prototype, "expanded", 2);
+AiSidebarChatComponent = __decorateClass([
+  customElement(AiSidebarChatComponentTagName)
+], AiSidebarChatComponent);
+export {
+  AiSidebarChatComponent,
+  AiSidebarChatComponentTagName
+};

package/dist/ai-sidebar-chat/ai-sidebar-chat.scss.mjs

@@ -0,0 +1,4 @@
+const styles = ":host {\n  display: block;\n  height: 100%;\n}";
+export {
+  styles as default
+};

package/dist/ai-sidebar-chat/index.d.ts

@@ -0,0 +1 @@
+export * from './ai-sidebar-chat';

package/dist/ai-sidebar-chat/index.mjs

@@ -0,0 +1,5 @@
+import { AiSidebarChatComponent, AiSidebarChatComponentTagName } from "./ai-sidebar-chat.mjs";
+export {
+  AiSidebarChatComponent,
+  AiSidebarChatComponentTagName
+};

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

@@ -0,0 +1,39 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ai-suggestions': AiSuggestionsComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-ai-suggestions-select': CustomEvent<AiSuggestionsEventData>;
+    }
+}
+export interface Suggestion {
+    text: string;
+    value: string;
+}
+export interface AiSuggestionsEventData {
+    text: string;
+    value: string;
+}
+export type AiSuggestionsVariant = 'inline' | 'block';
+export declare const AiSuggestionsComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-suggestions
+ *
+ * @state inline - The suggestions are displayed inline.
+ * @state block - The suggestions are displayed as blocks.
+ *
+ * @event {CustomEvent<AiSuggestionsEventData>} forge-ai-suggestions-select - Fired when a suggestion is selected.
+ */
+export declare class AiSuggestionsComponent extends LitElement {
+    #private;
+    static styles: import('lit').CSSResult;
+    /** Array of suggestion objects to display */
+    suggestions: Suggestion[];
+    /** Display variant for suggestions layout */
+    variant: AiSuggestionsVariant;
+    constructor();
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    private _handleSuggestionClick;
+    render(): TemplateResult;
+}

package/dist/ai-suggestions/ai-suggestions.mjs

@@ -0,0 +1,96 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { toggleState } from "../utils.mjs";
+import styles from "./ai-suggestions.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 __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _internals, _AiSuggestionsComponent_instances, setCssState_fn, suggestionButtons_get, inlineLayout_get, blockLayout_get;
+const AiSuggestionsComponentTagName = "forge-ai-suggestions";
+let AiSuggestionsComponent = class extends LitElement {
+  constructor() {
+    super();
+    __privateAdd(this, _AiSuggestionsComponent_instances);
+    this.suggestions = [];
+    this.variant = "inline";
+    __privateAdd(this, _internals);
+    __privateSet(this, _internals, this.attachInternals());
+    __privateMethod(this, _AiSuggestionsComponent_instances, setCssState_fn).call(this);
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("variant")) {
+      __privateMethod(this, _AiSuggestionsComponent_instances, setCssState_fn).call(this);
+    }
+  }
+  _handleSuggestionClick(suggestion) {
+    const event = new CustomEvent("forge-ai-suggestions-select", {
+      detail: {
+        text: suggestion.text,
+        value: suggestion.value
+      },
+      bubbles: true,
+      composed: true,
+      cancelable: true
+    });
+    this.dispatchEvent(event);
+  }
+  render() {
+    return this.variant === "block" ? __privateGet(this, _AiSuggestionsComponent_instances, blockLayout_get) : __privateGet(this, _AiSuggestionsComponent_instances, inlineLayout_get);
+  }
+};
+_internals = /* @__PURE__ */ new WeakMap();
+_AiSuggestionsComponent_instances = /* @__PURE__ */ new WeakSet();
+setCssState_fn = function() {
+  toggleState(__privateGet(this, _internals), "inline", this.variant === "inline");
+  toggleState(__privateGet(this, _internals), "block", this.variant === "block");
+};
+suggestionButtons_get = function() {
+  return this.suggestions.map(
+    (suggestion) => html`<button
+          class="forge-button forge-button--tonal suggestion"
+          @click=${() => this._handleSuggestionClick(suggestion)}>
+          ${suggestion.text}
+        </button>`
+  );
+};
+inlineLayout_get = function() {
+  return html`
+      <div class="scroll-container">
+        <div class="suggestions-container">
+          <div class="suggestions-inline">${__privateGet(this, _AiSuggestionsComponent_instances, suggestionButtons_get)}</div>
+        </div>
+      </div>
+    `;
+};
+blockLayout_get = function() {
+  return html` <div class="suggestions-block">${__privateGet(this, _AiSuggestionsComponent_instances, suggestionButtons_get)}</div> `;
+};
+AiSuggestionsComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Array })
+], AiSuggestionsComponent.prototype, "suggestions", 2);
+__decorateClass([
+  property({ type: String, attribute: "variant" })
+], AiSuggestionsComponent.prototype, "variant", 2);
+AiSuggestionsComponent = __decorateClass([
+  customElement(AiSuggestionsComponentTagName)
+], AiSuggestionsComponent);
+export {
+  AiSuggestionsComponent,
+  AiSuggestionsComponentTagName
+};