agnosticui-core 2.0.0-alpha.2

package/dist/components/AspectRatio/core/_AspectRatio.js

@@ -0,0 +1,61 @@
+import { LitElement as p, css as c, html as m } from "lit";
+import { n as r } from "../../../property-CemaeiRl.js";
+var u = Object.defineProperty, h = (n, e, s, l) => {
+  for (var t = void 0, o = n.length - 1, d; o >= 0; o--)
+    (d = n[o]) && (t = d(e, s, t) || t);
+  return t && u(e, s, t), t;
+};
+const a = class a extends p {
+  constructor() {
+    super(), this.width = 1, this.height = 1, this.maxWidth = void 0;
+  }
+  get _aspectStyle() {
+    const e = this.width || 1, s = this.height || 1, l = `${e} / ${s}`, t = [];
+    return t.push(`aspect-ratio: ${l};`), this.maxWidth !== void 0 && this.maxWidth !== null && (t.push(`max-inline-size: ${this.maxWidth}px;`), t.push("margin-inline-start: auto; margin-inline-end: auto;")), t.join(" ");
+  }
+  render() {
+    return m`
+      <div part="ag-aspect-ratio" class="ratio" style=${this._aspectStyle}>
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+a.styles = c`
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    /* wrapper that enforces aspect ratio */
+    .ratio {
+      position: relative;
+      width: 100%;
+      height: auto;
+      overflow: hidden;
+      display: block;
+    }
+
+    /* Make slotted child fill the container */
+    ::slotted(*) {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      border: 0;
+    }
+  `;
+let i = a;
+h([
+  r({ type: Number })
+], i.prototype, "width");
+h([
+  r({ type: Number })
+], i.prototype, "height");
+h([
+  r({ type: Number, attribute: "max-width" })
+], i.prototype, "maxWidth");
+export {
+  i as AgAspectRatio
+};

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

@@ -0,0 +1,2 @@
+export * from './core/AspectRatio.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AspectRatio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/AspectRatio/index.js

@@ -0,0 +1,5 @@
+import "./core/AspectRatio.js";
+import { AgAspectRatio as r } from "./core/_AspectRatio.js";
+export {
+  r as AgAspectRatio
+};

package/dist/components/AspectRatio/react/ReactAspectRatio.d.ts

@@ -0,0 +1,12 @@
+import { AgAspectRatio } from '../core/AspectRatio';
+import * as React from 'react';
+export interface ReactAspectRatioProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+    width?: number;
+    height?: number;
+    maxWidth?: number;
+}
+export declare const ReactAspectRatio: React.ForwardRefExoticComponent<ReactAspectRatioProps & React.RefAttributes<AgAspectRatio>>;
+//# sourceMappingURL=ReactAspectRatio.d.ts.map

package/dist/components/AspectRatio/react/ReactAspectRatio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactAspectRatio.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio/react/ReactAspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAKvB,KAAK,CAAC,yBAAyB,CACnC,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAC3D,CAAC"}

package/dist/components/AspectRatio/react/ReactAspectRatio.js

@@ -0,0 +1,13 @@
+import * as t from "react";
+import { o as e } from "../../../create-component-BPMDMe-q.js";
+import "../core/AspectRatio.js";
+import { AgAspectRatio as o } from "../core/_AspectRatio.js";
+const p = e({
+  tagName: "ag-aspect-ratio",
+  elementClass: o,
+  react: t,
+  events: {}
+});
+export {
+  p as ReactAspectRatio
+};

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

@@ -0,0 +1,2 @@
+export * from './ReactAspectRatio';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { ReactAspectRatio as o } from "./ReactAspectRatio.js";
+export {
+  o as ReactAspectRatio
+};

package/dist/components/AspectRatio/vue/VueAspectRatio.js

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

package/dist/components/AspectRatio/vue/VueAspectRatio.vue.d.ts

@@ -0,0 +1,13 @@
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueAspectRatio.vue.d.ts.map

package/dist/components/AspectRatio/vue/VueAspectRatio.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueAspectRatio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio/vue/VueAspectRatio.vue"],"names":[],"mappings":"AAKA;AAEA,OAAO,qBAAqB,CAAC;AAO7B,iBAAS,cAAc;qBAyCM,GAAG;EAK/B;AAOD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { default as VueAspectRatio } from './VueAspectRatio.vue';
+
+export { VueAspectRatio };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AspectRatio/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { _ as t } from "../../../VueAspectRatio.vue_vue_type_script_setup_true_lang-D5CU4q3M.js";
+export {
+  t as VueAspectRatio
+};

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

@@ -0,0 +1,12 @@
+import { Avatar } from './_Avatar.js';
+import { AvatarGroup } from './AvatarGroup.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-avatar': Avatar;
+        'ag-avatar-group': AvatarGroup;
+    }
+}
+export * from './_Avatar.js';
+export { AvatarGroup } from './AvatarGroup.js';
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/core/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAU/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;QACpB,iBAAiB,EAAE,WAAW,CAAC;KAChC;CACF;AAGD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/Avatar/core/Avatar.js

@@ -0,0 +1,8 @@
+import { Avatar as a } from "./_Avatar.js";
+import { AvatarGroup as t } from "./AvatarGroup.js";
+customElements.get("ag-avatar") || customElements.define("ag-avatar", a);
+customElements.get("ag-avatar-group") || customElements.define("ag-avatar-group", t);
+export {
+  a as Avatar,
+  t as AvatarGroup
+};

package/dist/components/Avatar/core/AvatarGroup.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+
+/**
+ * Container component for grouping multiple Avatar components
+ *
+ * @slot - Default slot for avatar elements
+ * @csspart ag-avatar-group - The main avatar group container element
+ *
+ * @example
+ * ```html
+ * <ag-avatar-group>
+ *   <ag-avatar text="AB" variant="info" size="lg"></ag-avatar>
+ *   <ag-avatar text="RL" variant="info" size="lg"></ag-avatar>
+ *   <ag-avatar img-src="..." size="lg"></ag-avatar>
+ * </ag-avatar-group>
+ * ```
+ *
+ * Note: To add borders for visual separation when avatars overlap, style the
+ * avatar's internal parts using CSS:
+ * ```css
+ * ag-avatar-group ag-avatar::part(ag-avatar) {
+ *   border: 2px solid white;
+ * }
+ * ```
+ */
+export declare class AvatarGroup extends LitElement {
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/components/Avatar/core/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/core/AvatarGroup.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BA0BX;IAEF,MAAM;CAOP"}

package/dist/components/Avatar/core/AvatarGroup.js

@@ -0,0 +1,42 @@
+import { LitElement as e, css as r, html as s } from "lit";
+const a = class a extends e {
+  render() {
+    return s`
+      <div class="avatar-group" part="ag-avatar-group">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+a.styles = r`
+    :host {
+      display: inline-flex;
+    }
+
+    .avatar-group {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+
+    /* Overlap avatars except the first one */
+    ::slotted(ag-avatar:not(:first-child)) {
+      margin-inline-start: calc(-1 * 0.625rem);
+    }
+
+    /* Optional: Add z-index stacking so later avatars appear on top when hovered */
+    ::slotted(ag-avatar) {
+      transition: transform 0.2s ease;
+      position: relative;
+    }
+
+    ::slotted(ag-avatar:hover) {
+      transform: translateY(-2px);
+      z-index: 10;
+    }
+  `;
+let t = a;
+customElements.get("ag-avatar-group") || customElements.define("ag-avatar-group", t);
+export {
+  t as AvatarGroup
+};

package/dist/components/Avatar/core/_Avatar.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square' | 'rounded';
+export type AvatarVariant = 'default' | 'info' | 'warning' | 'success' | 'error' | 'transparent' | 'monochrome';
+/**
+ * Props interface for Avatar component
+ *
+ * @csspart ag-avatar - The main avatar container element
+ * @csspart ag-avatar-image - The image element (when imgSrc is provided)
+ * @csspart ag-avatar-text - The text/initials container (when text is provided)
+ */
+export interface AvatarProps {
+    /** Text content to display (typically initials like "AB") */
+    text?: string;
+    /** Image source URL */
+    imgSrc?: string;
+    /** Alt text for the image (required when imgSrc is provided for accessibility) */
+    imgAlt?: string;
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Shape of the avatar */
+    shape?: AvatarShape;
+    /** Color variant */
+    variant?: AvatarVariant;
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
+}
+export declare class Avatar extends LitElement implements AvatarProps {
+    static styles: import('lit').CSSResult;
+    text: string;
+    imgSrc: string;
+    imgAlt: string;
+    size: AvatarSize;
+    shape: AvatarShape;
+    variant: AvatarVariant;
+    ariaLabel: string;
+    constructor();
+    private _renderContent;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Avatar.d.ts.map

package/dist/components/Avatar/core/_Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/core/_Avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,YAAY,CAAC;AAEhH;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,MAAO,SAAQ,UAAW,YAAW,WAAW;IAC3D,MAAM,CAAC,MAAM,0BAwGX;IAGM,IAAI,EAAE,MAAM,CAAC;IAGb,MAAM,EAAE,MAAM,CAAC;IAGf,MAAM,EAAE,MAAM,CAAC;IAGf,IAAI,EAAE,UAAU,CAAC;IAGjB,KAAK,EAAE,WAAW,CAAC;IAGnB,OAAO,EAAE,aAAa,CAAC;IAGvB,SAAS,EAAE,MAAM,CAAC;;IAa1B,OAAO,CAAC,cAAc;IAkBtB,MAAM;CAeP"}

package/dist/components/Avatar/core/_Avatar.js

@@ -0,0 +1,164 @@
+import { LitElement as h, css as p, html as o } from "lit";
+import { n as t } from "../../../property-CemaeiRl.js";
+var l = Object.defineProperty, r = (v, i, s, d) => {
+  for (var e = void 0, n = v.length - 1, c; n >= 0; n--)
+    (c = v[n]) && (e = c(i, s, e) || e);
+  return e && l(i, s, e), e;
+};
+const g = class g extends h {
+  constructor() {
+    super(), this.text = "", this.imgSrc = "", this.imgAlt = "", this.size = "md", this.shape = "circle", this.variant = "default", this.ariaLabel = "";
+  }
+  _renderContent() {
+    return this.imgSrc ? o`<img
+        class="avatar-image"
+        part="ag-avatar-image"
+        src="${this.imgSrc}"
+        alt="${this.imgAlt}"
+      />` : this.text ? o`<span class="avatar-text" part="ag-avatar-text">${this.text}</span>` : o`<slot></slot>`;
+  }
+  render() {
+    const i = this.imgSrc && !this.imgAlt ? "presentation" : "img", s = this.ariaLabel || (this.imgSrc ? this.imgAlt : this.text);
+    return o`
+      <div
+        class="avatar"
+        part="ag-avatar"
+        role="${i}"
+        aria-label="${s || "Avatar"}"
+      >
+        ${this._renderContent()}
+      </div>
+    `;
+  }
+};
+g.styles = p`
+    :host {
+      display: inline-flex;
+    }
+
+    .avatar {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+      width: var(--ag-space-10);
+      height: var(--ag-space-10);
+      max-inline-size: 100%;
+      background: var(--ag-background-tertiary);
+      color: var(--ag-text-primary);
+      border-radius: 50%;
+      font-size: var(--ag-font-size-base);
+      font-weight: 500;
+    }
+
+    /* Sizes */
+    :host([size="xs"]) .avatar {
+      width: var(--ag-space-6);
+      height: var(--ag-space-6);
+      font-size: var(--ag-font-size-xs);
+    }
+
+    :host([size="sm"]) .avatar {
+      width: var(--ag-space-8);
+      height: var(--ag-space-8);
+      font-size: var(--ag-font-size-sm);
+    }
+
+    :host([size="md"]) .avatar {
+      width: var(--ag-space-10);
+      height: var(--ag-space-10);
+      font-size: var(--ag-font-size-base);
+    }
+
+    :host([size="lg"]) .avatar {
+      width: var(--ag-space-12);
+      height: var(--ag-space-12);
+      font-size: var(--ag-font-size-lg);
+    }
+
+    :host([size="xl"]) .avatar {
+      width: var(--ag-space-14);
+      height: var(--ag-space-14);
+      font-size: var(--ag-font-size-xl);
+    }
+
+    /* Shapes */
+    :host([shape="circle"]) .avatar {
+      border-radius: 50%;
+    }
+
+    :host([shape="square"]) .avatar {
+      border-radius: 0;
+    }
+
+    :host([shape="rounded"]) .avatar {
+      border-radius: var(--ag-radius-md);
+    }
+
+    /* Variants */
+    :host([variant="info"]) .avatar {
+      background: var(--ag-primary-background);
+      color: var(--ag-primary-text);
+    }
+
+    :host([variant="warning"]) .avatar {
+      background: var(--ag-warning-background);
+      color: var(--ag-warning-text);
+    }
+
+    :host([variant="success"]) .avatar {
+      background: var(--ag-success-background);
+      color: var(--ag-success-text);
+    }
+
+    :host([variant="error"]) .avatar {
+      background: var(--ag-danger-background);
+      color: var(--ag-danger-text);
+    }
+
+    :host([variant="transparent"]) .avatar {
+      background: transparent;
+    }
+
+    :host([variant="monochrome"]) .avatar {
+      background: var(--ag-background-primary-inverted);
+      color: var(--ag-text-primary-inverted);
+    }
+
+    .avatar-image {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .avatar-text {
+      user-select: none;
+    }
+  `;
+let a = g;
+r([
+  t({ type: String })
+], a.prototype, "text");
+r([
+  t({ type: String, attribute: "img-src" })
+], a.prototype, "imgSrc");
+r([
+  t({ type: String, attribute: "img-alt" })
+], a.prototype, "imgAlt");
+r([
+  t({ type: String, reflect: !0 })
+], a.prototype, "size");
+r([
+  t({ type: String, reflect: !0 })
+], a.prototype, "shape");
+r([
+  t({ type: String, reflect: !0 })
+], a.prototype, "variant");
+r([
+  t({ type: String, reflect: !0, attribute: "aria-label" })
+], a.prototype, "ariaLabel");
+customElements.get("ag-avatar") || customElements.define("ag-avatar", a);
+export {
+  a as Avatar
+};

package/dist/components/Avatar/react/ReactAvatar.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { Avatar as AvatarElement, AvatarGroup as AvatarGroupElement, AvatarProps } from '../core/Avatar';
+
+/**
+ * React-specific props for Avatar
+ */
+export interface ReactAvatarProps extends AvatarProps {
+    children?: React.ReactNode;
+}
+/**
+ * React-specific props for AvatarGroup
+ */
+export interface ReactAvatarGroupProps {
+    children?: React.ReactNode;
+}
+export declare const ReactAvatar: import('@lit/react').ReactWebComponent<AvatarElement, {}>;
+export declare const ReactAvatarGroup: import('@lit/react').ReactWebComponent<AvatarGroupElement, {}>;
+export type { AvatarSize, AvatarShape, AvatarVariant } from '../core/Avatar';
+//# sourceMappingURL=ReactAvatar.d.ts.map

package/dist/components/Avatar/react/ReactAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/react/ReactAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,IAAI,aAAa,EACvB,WAAW,IAAI,kBAAkB,EACjC,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,2DAOtB,CAAC;AAGH,eAAO,MAAM,gBAAgB,gEAK3B,CAAC;AAGH,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Avatar/react/ReactAvatar.js

@@ -0,0 +1,22 @@
+import a from "react";
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import "../core/Avatar.js";
+import { Avatar as r } from "../core/_Avatar.js";
+import { AvatarGroup as e } from "../core/AvatarGroup.js";
+const c = t({
+  tagName: "ag-avatar",
+  elementClass: r,
+  react: a,
+  events: {
+    // onEventName: 'event-name',
+  }
+}), n = t({
+  tagName: "ag-avatar-group",
+  elementClass: e,
+  react: a,
+  events: {}
+});
+export {
+  c as ReactAvatar,
+  n as ReactAvatarGroup
+};

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

@@ -0,0 +1,3 @@
+export { ReactAvatar, ReactAvatarGroup } from './ReactAvatar';
+export type { ReactAvatarProps, ReactAvatarGroupProps } from './ReactAvatar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,5 @@
+import { ReactAvatar as t, ReactAvatarGroup as e } from "./ReactAvatar.js";
+export {
+  t as ReactAvatar,
+  e as ReactAvatarGroup
+};

package/dist/components/Avatar/vue/VueAvatar.js

@@ -0,0 +1,44 @@
+import { defineComponent as r, ref as i, onMounted as o, nextTick as l, watchEffect as c, createElementBlock as f, openBlock as s, mergeProps as u, renderSlot as m } from "vue";
+import "../core/Avatar.js";
+import { _ as d } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const g = r({
+  name: "VueAvatar",
+  props: {
+    text: { type: String, default: "" },
+    imgSrc: { type: String, default: "" },
+    imgAlt: { type: String, default: "" },
+    size: {
+      type: String,
+      default: "md"
+    },
+    shape: {
+      type: String,
+      default: "circle"
+    },
+    variant: {
+      type: String,
+      default: "default"
+    },
+    ariaLabel: { type: String, default: "" }
+  },
+  setup(t) {
+    const a = i(null), n = () => {
+      const e = a.value;
+      e && (e.text = t.text, e.imgSrc = t.imgSrc, e.imgAlt = t.imgAlt, e.size = t.size, e.shape = t.shape, e.variant = t.variant, e.ariaLabel = t.ariaLabel);
+    };
+    return o(async () => {
+      await customElements.whenDefined("ag-avatar"), await l(), n();
+    }), c(() => {
+      a.value && n();
+    }), { agComponent: a };
+  }
+});
+function p(t, a, n, e, S, v) {
+  return s(), f("ag-avatar", u({ ref: "agComponent" }, t.$attrs), [
+    m(t.$slots, "default")
+  ], 16);
+}
+const $ = /* @__PURE__ */ d(g, [["render", p]]);
+export {
+  $ as default
+};

package/dist/components/Avatar/vue/VueAvatar.vue.d.ts

@@ -0,0 +1,74 @@
+import { PropType } from 'vue';
+import { AvatarProps, AvatarSize, AvatarShape, AvatarVariant } from '../core/Avatar';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    imgSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    imgAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<AvatarSize>;
+        default: AvatarSize;
+    };
+    shape: {
+        type: PropType<AvatarShape>;
+        default: AvatarShape;
+    };
+    variant: {
+        type: PropType<AvatarVariant>;
+        default: AvatarVariant;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & AvatarProps) | null, (HTMLElement & AvatarProps) | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    imgSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    imgAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<AvatarSize>;
+        default: AvatarSize;
+    };
+    shape: {
+        type: PropType<AvatarShape>;
+        default: AvatarShape;
+    };
+    variant: {
+        type: PropType<AvatarVariant>;
+        default: AvatarVariant;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    ariaLabel: string;
+    text: string;
+    size: AvatarSize;
+    variant: AvatarVariant;
+    shape: AvatarShape;
+    imgSrc: string;
+    imgAlt: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueAvatar.vue.d.ts.map

package/dist/components/Avatar/vue/VueAvatar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueAvatar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/vue/VueAvatar.vue"],"names":[],"mappings":"AAQA;AAEA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;;;;;;;;;;;;;;;cASF,QAAQ,CAAC,UAAU,CAAC;iBACnB,UAAU;;;cAGX,QAAQ,CAAC,WAAW,CAAC;iBAChB,WAAW;;;cAGhB,QAAQ,CAAC,aAAa,CAAC;iBACjB,aAAa;;;;;;;;;;;;;;;;;;;;;;cATnB,QAAQ,CAAC,UAAU,CAAC;iBACnB,UAAU;;;cAGX,QAAQ,CAAC,WAAW,CAAC;iBAChB,WAAW;;;cAGhB,QAAQ,CAAC,aAAa,CAAC;iBACjB,aAAa;;;;;;;;;;;;;;;AAhBzC,wBAkDG"}