agnosticui-core 2.0.0-alpha.2

package/dist/components/Menu/react/ReactMenu.js

@@ -0,0 +1,36 @@
+import * as e from "react";
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import "../core/Menu.js";
+import { AgMenuButton as n, AgMenu as a, AgMenuItem as m, AgMenuSeparator as o } from "../core/_Menu.js";
+const c = t({
+  tagName: "ag-menu-button",
+  elementClass: n,
+  react: e,
+  events: {
+    // Map custom events only (native events work automatically)
+    onMenuOpen: "menu-open",
+    onMenuClose: "menu-close"
+  }
+}), g = t({
+  tagName: "ag-menu",
+  elementClass: a,
+  react: e
+}), l = t({
+  tagName: "ag-menu-item",
+  elementClass: m,
+  react: e,
+  events: {
+    // Map custom events only (native events work automatically)
+    onMenuSelect: "menu-select"
+  }
+}), M = t({
+  tagName: "ag-menu-separator",
+  elementClass: o,
+  react: e
+});
+export {
+  g as ReactMenu,
+  c as ReactMenuButton,
+  l as ReactMenuItem,
+  M as ReactMenuSeparator
+};

package/dist/components/Menu/react/index.d.ts

@@ -0,0 +1,4 @@
+export { ReactMenuButton, ReactMenu, ReactMenuItem, ReactMenuSeparator } from './ReactMenu';
+export type { ReactMenuButtonProps, ReactMenuProps, ReactMenuItemProps, ReactMenuSeparatorProps } from './ReactMenu';
+export type { MenuOpenEvent, MenuCloseEvent, MenuSelectEvent } from './ReactMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC5F,YAAY,EACV,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Menu/react/index.js

@@ -0,0 +1,7 @@
+import { ReactMenu as a, ReactMenuButton as n, ReactMenuItem as u, ReactMenuSeparator as c } from "./ReactMenu.js";
+export {
+  a as ReactMenu,
+  n as ReactMenuButton,
+  u as ReactMenuItem,
+  c as ReactMenuSeparator
+};

package/dist/components/Menu/vue/VueMenu.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueMenu.vue_vue_type_script_setup_true_lang-bnn7ochj.js";
+export {
+  f as default
+};

package/dist/components/Menu/vue/VueMenu.vue.d.ts

@@ -0,0 +1,74 @@
+import { MenuOpenEventDetail, MenuCloseEventDetail, MenuSelectEventDetail } from '../core/Menu';
+import { VueMenuProps } from './index';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    menu?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueMenuProps>, {
+    disabled: boolean;
+    placement: string;
+    menuAlign: string;
+    menuType: string;
+    checkHiddenItems: boolean;
+    open: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => void;
+    click: (event: MouseEvent) => void;
+    focus: (event: FocusEvent) => void;
+    keydown: (event: KeyboardEvent) => void;
+    "update:open": (open: boolean) => void;
+    "menu-open": (detail: MenuOpenEventDetail) => void;
+    "menu-close": (detail: MenuCloseEventDetail) => void;
+    "menu-select": (detail: MenuSelectEventDetail) => void;
+    "menu-keydown": (event: KeyboardEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueMenuProps>, {
+    disabled: boolean;
+    placement: string;
+    menuAlign: string;
+    menuType: string;
+    checkHiddenItems: boolean;
+    open: boolean;
+}>>> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onMenu-open"?: ((detail: MenuOpenEventDetail) => any) | undefined;
+    "onMenu-close"?: ((detail: MenuCloseEventDetail) => any) | undefined;
+    "onMenu-select"?: ((detail: MenuSelectEventDetail) => any) | undefined;
+    "onMenu-keydown"?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placement: string;
+    open: boolean;
+    menuAlign: "left" | "right";
+    checkHiddenItems: boolean;
+    menuType: "default" | "single-select";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueMenu.vue.d.ts.map

package/dist/components/Menu/vue/VueMenu.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/vue/VueMenu.vue"],"names":[],"mappings":"AA0CA;AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,cAAc,CAAC;AA4EtB,iBAAS,cAAc;qBAoFO,GAAG;kBACN,GAAG;EAK7B;AAmBD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Menu/vue/VueMenuItem.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueMenuItem.vue_vue_type_script_setup_true_lang-CXdZ61KO.js";
+export {
+  f as default
+};

package/dist/components/Menu/vue/VueMenuItem.vue.d.ts

@@ -0,0 +1,58 @@
+import { MenuItemProps, MenuSelectEventDetail } from '../core/Menu';
+
+export interface VueMenuItemProps extends Omit<MenuItemProps, "onClick" | "onMenuSelect"> {
+    selected?: boolean;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueMenuItemProps>, {
+    value: string;
+    disabled: boolean;
+    variant: string;
+    checked: boolean;
+    selected: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+    "menu-select": (detail: MenuSelectEventDetail) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueMenuItemProps>, {
+    value: string;
+    disabled: boolean;
+    variant: string;
+    checked: boolean;
+    selected: boolean;
+}>>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    "onMenu-select"?: ((detail: MenuSelectEventDetail) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    variant: "default" | "monochrome";
+    value: string;
+    selected: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueMenuItem.vue.d.ts.map

package/dist/components/Menu/vue/VueMenuItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueMenuItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/vue/VueMenuItem.vue"],"names":[],"mappings":"AAgBA;AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,cAAc,CAAC;AAGtB,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,cAAc,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,iBAAS,cAAc;qBA+CO,GAAG;EAKhC;AAYD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;cA3GR,OAAO;4EAkHlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Menu/vue/VueMenuSeparator.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueMenuSeparator.vue_vue_type_script_setup_true_lang-BDuO4gJE.js";
+export {
+  f as default
+};

package/dist/components/Menu/vue/VueMenuSeparator.vue.d.ts

@@ -0,0 +1,4 @@
+
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueMenuSeparator.vue.d.ts.map

package/dist/components/Menu/vue/VueMenuSeparator.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueMenuSeparator.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/vue/VueMenuSeparator.vue"],"names":[],"mappings":"AAMA;AAGA,OAAO,cAAc,CAAC;;AA6DtB,wBAKG"}

package/dist/components/Menu/vue/index.d.ts

@@ -0,0 +1,27 @@
+import { MenuButtonProps } from '../core/Menu';
+export { default } from './VueMenu.vue';
+export { default as VueMenu } from './VueMenu.vue';
+export { default as VueMenuItem } from './VueMenuItem.vue';
+export { default as VueMenuSeparator } from './VueMenuSeparator.vue';
+export type { MenuOpenEventDetail, MenuCloseEventDetail, MenuSelectEventDetail, } from '../core/Menu';
+export interface VueMenuProps extends Omit<MenuButtonProps, "onClick" | "onFocus" | "onBlur" | "onKeyDown" | "onMenuOpen" | "onMenuClose"> {
+    open?: boolean;
+    placement?: string;
+    menuAriaLabel?: string;
+    menuAlign?: "left" | "right";
+    menuType?: "default" | "single-select";
+    selectedValue?: string;
+    checkHiddenItems?: boolean;
+}
+export interface VueMenuItemProps {
+    value: string;
+    disabled?: boolean;
+    href?: string;
+    target?: string;
+    variant?: string;
+    checked?: boolean;
+    selected?: boolean;
+}
+export interface VueMenuSeparatorProps {
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,EACV,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,eAAe,EACb,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,aAAa,CAChB;IACD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;CAErC"}

package/dist/components/Menu/vue/index.js

@@ -0,0 +1,9 @@
+import { _ as a, _ as o } from "../../../VueMenu.vue_vue_type_script_setup_true_lang-bnn7ochj.js";
+import { _ as t } from "../../../VueMenuItem.vue_vue_type_script_setup_true_lang-CXdZ61KO.js";
+import { _ as m } from "../../../VueMenuSeparator.vue_vue_type_script_setup_true_lang-BDuO4gJE.js";
+export {
+  a as VueMenu,
+  t as VueMenuItem,
+  m as VueMenuSeparator,
+  o as default
+};

package/dist/components/MessageBubble/core/MessageBubble.d.ts

@@ -0,0 +1,9 @@
+import { MessageBubble } from './_MessageBubble.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-message-bubble': MessageBubble;
+    }
+}
+export * from './_MessageBubble.js';
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/components/MessageBubble/core/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageBubble/core/MessageBubble.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,aAAa,CAAC;KACpC;CACF;AAED,cAAc,qBAAqB,CAAC"}

package/dist/components/MessageBubble/core/MessageBubble.js

@@ -0,0 +1,5 @@
+import { MessageBubble as e } from "./_MessageBubble.js";
+customElements.get("ag-message-bubble") || customElements.define("ag-message-bubble", e);
+export {
+  e as MessageBubble
+};

package/dist/components/MessageBubble/core/_MessageBubble.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+
+export interface MessageBubbleProps {
+    from?: 'me' | 'them';
+    message?: string;
+    time?: string;
+    author?: string;
+    avatarUrl?: string;
+    footer?: string;
+    variant?: 'default' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'monochrome';
+}
+/**
+ * A message bubble component for chat interfaces.
+ *
+ * @element ag-message-bubble
+ *
+ * @slot - The message content (overrides the message property)
+ * @slot header - Custom header content (overrides author/time)
+ * @slot footer - Custom footer content (overrides footer property)
+ * @slot avatar - Custom avatar content (overrides avatarUrl)
+ *
+ * @csspart ag-bubble - The message bubble container
+ * @csspart ag-header - The header containing author and time
+ * @csspart ag-footer - The footer for delivery status
+ * @csspart ag-chat-avatar - The avatar container
+ * @csspart ag-avatar-image - The avatar image element
+ * @csspart ag-author - The author name
+ * @csspart ag-chat-time - The timestamp
+ *
+ * @cssprop --ag-message-bubble-max-width - Maximum width of the bubble (default: 90%)
+ */
+export declare class MessageBubble extends LitElement implements MessageBubbleProps {
+    static styles: import('lit').CSSResult;
+    from: 'me' | 'them';
+    message: string;
+    time: string;
+    author: string;
+    avatarUrl: string;
+    footer: string;
+    variant: 'default' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'monochrome';
+    private _avatarError;
+    constructor();
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    private _handleAvatarError;
+    private _formatDateTime;
+    private _getAriaLabel;
+    private _renderAvatar;
+    private _renderHeader;
+    private _renderFooter;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_MessageBubble.d.ts.map

package/dist/components/MessageBubble/core/_MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_MessageBubble.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageBubble/core/_MessageBubble.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;CAC5F;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,aAAc,SAAQ,UAAW,YAAW,kBAAkB;IACzE,MAAM,CAAC,MAAM,0BAoLX;IAGM,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IAGpB,OAAO,EAAE,MAAM,CAAC;IAGhB,IAAI,EAAE,MAAM,CAAC;IAGb,MAAM,EAAE,MAAM,CAAC;IAGf,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IAGf,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IAGlG,OAAO,CAAC,YAAY,CAAS;;IAc7B,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOlD,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,aAAa;IAqCrB,OAAO,CAAC,aAAa;IAqBrB,MAAM;CAcP"}

package/dist/components/MessageBubble/core/_MessageBubble.js

@@ -0,0 +1,315 @@
+import { LitElement as m, css as u, html as t, nothing as n } from "lit";
+import { n as i } from "../../../property-CemaeiRl.js";
+import { r as v } from "../../../state-CovhUvdr.js";
+var f = Object.defineProperty, o = (l, a, e, d) => {
+  for (var s = void 0, c = l.length - 1, g; c >= 0; c--)
+    (g = l[c]) && (s = g(a, e, s) || s);
+  return s && f(a, e, s), s;
+};
+const h = class h extends m {
+  constructor() {
+    super(), this._avatarError = !1, this.from = "them", this.message = "", this.time = "", this.author = "", this.avatarUrl = "", this.footer = "", this.variant = "default";
+  }
+  // Reset avatar error state when avatarUrl changes
+  willUpdate(a) {
+    super.willUpdate(a), a.has("avatarUrl") && (this._avatarError = !1);
+  }
+  _handleAvatarError() {
+    this._avatarError = !0;
+  }
+  _formatDateTime(a) {
+    const e = new Date(a);
+    return !isNaN(e.getTime()) && a.includes("T") ? new Intl.DateTimeFormat("default", {
+      hour: "numeric",
+      minute: "numeric"
+    }).format(e) : a;
+  }
+  _getAriaLabel() {
+    const a = [];
+    if (this.author ? a.push(`Message from ${this.author}`) : a.push("Message"), this.time) {
+      const e = this._formatDateTime(this.time);
+      a.push(`at ${e}`);
+    }
+    return a.join(" ");
+  }
+  _renderAvatar() {
+    return this.querySelector('[slot="avatar"]') ? t`
+        <div class="chat-avatar" part="ag-chat-avatar">
+          <slot name="avatar"></slot>
+        </div>
+      ` : this.avatarUrl ? this._avatarError ? t`
+        <div class="chat-avatar" part="ag-chat-avatar">
+          <div class="avatar-placeholder" part="ag-avatar-placeholder">
+            ${this.author ? this.author.charAt(0).toUpperCase() : "?"}
+          </div>
+        </div>
+      ` : t`
+      <div class="chat-avatar" part="ag-chat-avatar">
+        <img
+          class="avatar-image"
+          part="ag-avatar-image"
+          src="${this.avatarUrl}"
+          alt="${this.author || "Avatar"}"
+          @error="${this._handleAvatarError}"
+        />
+      </div>
+    ` : n;
+  }
+  _renderHeader() {
+    if (this.querySelector('[slot="header"]'))
+      return t`
+        <div class="chat-header" part="ag-header">
+          <slot name="header"></slot>
+        </div>
+      `;
+    if (!this.author && !this.time)
+      return n;
+    const e = this.time ? this._formatDateTime(this.time) : "", d = this.time && this.time.includes("T") ? this.time : void 0;
+    return t`
+      <div class="chat-header" part="ag-header">
+        ${this.author ? t`<span part="ag-author">${this.author}</span>` : n}
+        ${this.time ? t`
+              <time 
+                class="chat-time" 
+                part="ag-chat-time"
+                datetime="${d || n}"
+              >
+                ${e}
+              </time>
+            ` : n}
+      </div>
+    `;
+  }
+  _renderFooter() {
+    return this.querySelector('[slot="footer"]') ? t`
+        <div class="chat-footer" part="ag-footer">
+          <slot name="footer"></slot>
+        </div>
+      ` : this.footer ? t`
+      <div class="chat-footer" part="ag-footer">${this.footer}</div>
+    ` : n;
+  }
+  render() {
+    return t`
+      <div class="chat-wrapper" role="article" aria-label="${this._getAriaLabel()}">
+        ${this._renderAvatar()}
+        ${this._renderHeader()}
+        
+        <div class="chat-bubble" part="ag-bubble">
+          <slot>${this.message}</slot>
+        </div>
+        
+        ${this._renderFooter()}
+      </div>
+    `;
+  }
+};
+h.styles = u`
+    :host {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: var(--ag-space-2);
+      margin-block-end: var(--ag-space-4);
+      width: 100%;
+    }
+
+    .chat-wrapper {
+      display: contents;
+    }
+
+    /* Avatar Styles */
+    .chat-avatar {
+      grid-row: span 2 / span 2;
+      align-self: flex-end;
+      width: 2.5rem;
+      height: 2.5rem;
+    }
+
+    .avatar-image {
+      width: 100%;
+      height: 100%;
+      border-radius: var(--ag-radius-full);
+      object-fit: cover;
+      background-color: var(--ag-background-secondary);
+    }
+
+    .avatar-placeholder {
+      width: 100%;
+      height: 100%;
+      border-radius: var(--ag-radius-full);
+      background-color: var(--ag-background-secondary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--ag-text-secondary);
+      font-size: var(--ag-font-size-sm);
+    }
+
+    /* Header Styles */
+    .chat-header {
+      grid-row-start: 1;
+      display: flex;
+      gap: var(--ag-space-2);
+      font-size: var(--ag-font-size-xs);
+      color: var(--ag-text-secondary);
+      align-items: center;
+    }
+
+    /* Bubble Styles */
+    .chat-bubble {
+      grid-row-end: 3;
+      border-radius: var(--ag-radius-lg);
+      min-inline-size: 2.5rem;
+      max-inline-size: var(--ag-message-bubble-max-width, 90%);
+      min-block-size: 2rem;
+      padding: var(--ag-space-3) var(--ag-space-4);
+      display: inline-flex;
+      align-items: center;
+      position: relative;
+      width: fit-content;
+      word-wrap: break-word;
+      overflow-wrap: anywhere;
+      hyphens: auto;
+      font-size: var(--ag-font-size-base);
+      line-height: var(--ag-line-height-base);
+    }
+
+    .chat-bubble::before {
+      content: "";
+      position: absolute;
+      bottom: 0;
+      width: 0.75rem;
+      height: 0.75rem;
+      background-color: inherit;
+    }
+
+    /* Footer Styles */
+    .chat-footer {
+      grid-row-start: 3;
+      display: flex;
+      gap: var(--ag-space-2);
+      font-size: var(--ag-font-size-xs);
+      color: var(--ag-text-secondary);
+      margin-block-start: var(--ag-space-1);
+    }
+
+    /* From Them (Start) Layout */
+    :host([from="them"]) {
+      grid-template-columns: auto 1fr;
+      place-items: start;
+    }
+
+    :host([from="them"]) .chat-avatar {
+      grid-column-start: 1;
+    }
+
+    :host([from="them"]) .chat-header,
+    :host([from="them"]) .chat-footer {
+      grid-column-start: 2;
+    }
+
+    :host([from="them"]) .chat-bubble {
+      grid-column-start: 2;
+      background-color: var(--ag-background-secondary);
+      color: var(--ag-text-primary);
+      border-end-start-radius: var(--ag-radius-sm);
+    }
+
+    :host([from="them"]) .chat-bubble::before {
+      inset-inline-start: -0.5rem;
+      clip-path: polygon(100% 0, 0 100%, 100% 100%);
+    }
+
+    /* From Me (End) Layout */
+    :host([from="me"]) {
+      grid-template-columns: 1fr auto;
+      place-items: end;
+    }
+
+    :host([from="me"]) .chat-avatar {
+      grid-column-start: 2;
+    }
+
+    :host([from="me"]) .chat-header,
+    :host([from="me"]) .chat-footer {
+      grid-column-start: 1;
+      justify-content: flex-end;
+    }
+
+    :host([from="me"]) .chat-bubble {
+      grid-column-start: 1;
+      background-color: var(--ag-primary-background);
+      color: var(--ag-primary-text);
+      border-end-end-radius: var(--ag-radius-sm);
+    }
+
+    :host([from="me"]) .chat-bubble::before {
+      inset-inline-end: -0.5rem;
+      clip-path: polygon(0 0, 0 100%, 100% 100%);
+    }
+
+    /* Variant Styles */
+    /* Success variant */
+    :host([variant="success"]) .chat-bubble {
+      background-color: var(--ag-success-background, #d4edda);
+      color: var(--ag-success-text, #155724);
+    }
+
+    /* Warning variant */
+    :host([variant="warning"]) .chat-bubble {
+      background-color: var(--ag-warning-background, #fff3cd);
+      color: var(--ag-warning-text, #856404);
+    }
+
+    /* Danger variant */
+    :host([variant="danger"]) .chat-bubble {
+      background-color: var(--ag-danger-background, #f8d7da);
+      color: var(--ag-danger-text, #721c24);
+    }
+
+    /* Info variant */
+    :host([variant="info"]) .chat-bubble {
+      background-color: var(--ag-info-background, #d1ecf1);
+      color: var(--ag-info-text, #0c5460);
+    }
+
+    /* Neutral variant */
+    :host([variant="neutral"]) .chat-bubble {
+      background-color: var(--ag-neutral-background, #e2e3e5);
+      color: var(--ag-neutral-text, #383d41);
+    }
+
+    /* Monochrome variant */
+    :host([variant="monochrome"]) .chat-bubble {
+      background-color: var(--ag-monochrome-background, #6c757d);
+      color: var(--ag-monochrome-text, #ffffff);
+    }
+  `;
+let r = h;
+o([
+  i({ type: String, reflect: !0 })
+], r.prototype, "from");
+o([
+  i({ type: String })
+], r.prototype, "message");
+o([
+  i({ type: String })
+], r.prototype, "time");
+o([
+  i({ type: String })
+], r.prototype, "author");
+o([
+  i({ type: String, attribute: "avatar-url" })
+], r.prototype, "avatarUrl");
+o([
+  i({ type: String })
+], r.prototype, "footer");
+o([
+  i({ type: String, reflect: !0 })
+], r.prototype, "variant");
+o([
+  v()
+], r.prototype, "_avatarError");
+export {
+  r as MessageBubble
+};

package/dist/components/MessageBubble/react/ReactMessageBubble.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { MessageBubble, MessageBubbleProps } from '../core/_MessageBubble';
+
+export interface ReactMessageBubbleProps extends MessageBubbleProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const ReactMessageBubble: import('@lit/react').ReactWebComponent<MessageBubble, {}>;
+//# sourceMappingURL=ReactMessageBubble.d.ts.map