agnosticui-core 2.0.0-alpha.2

package/dist/components/IconButtonFx/react/ReactIconButtonFx.js

@@ -0,0 +1,16 @@
+import * as t from "react";
+import { o } from "../../../create-component-BPMDMe-q.js";
+import "../core/IconButtonFx.js";
+import { IconButtonFx as n } from "../core/_IconButtonFx.js";
+const i = o({
+  tagName: "ag-icon-button-fx",
+  elementClass: n,
+  react: t,
+  events: {
+    onIconButtonClick: "icon-button-click",
+    onIconButtonActivate: "icon-button-activate"
+  }
+});
+export {
+  i as ReactIconButtonFx
+};

package/dist/components/IconButtonFx/vue/VueIconButtonFx.js

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

package/dist/components/IconButtonFx/vue/VueIconButtonFx.vue.d.ts

@@ -0,0 +1,81 @@
+import { IconButtonFxProps } from '../core/IconButtonFx';
+import { IconButtonClickEventDetail, IconButtonActivateEventDetail } from '../../IconButton/core/IconButton';
+
+export interface VueIconButtonFxProps extends Omit<IconButtonFxProps, "onIconButtonClick" | "onIconButtonActivate"> {
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueIconButtonFxProps>, {
+    label: string;
+    icon: string;
+    unicode: string;
+    size: string;
+    variant: string;
+    type: string;
+    disabled: boolean;
+    pressed: boolean;
+    loading: boolean;
+    fxSpeed: string;
+    fxEase: string;
+    fxDisabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+    "icon-button-click": (detail: IconButtonClickEventDetail) => void;
+    "icon-button-activate": (detail: IconButtonActivateEventDetail) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueIconButtonFxProps>, {
+    label: string;
+    icon: string;
+    unicode: string;
+    size: string;
+    variant: string;
+    type: string;
+    disabled: boolean;
+    pressed: boolean;
+    loading: boolean;
+    fxSpeed: string;
+    fxEase: string;
+    fxDisabled: boolean;
+}>>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    "onIcon-button-click"?: ((detail: IconButtonClickEventDetail) => any) | undefined;
+    "onIcon-button-activate"?: ((detail: IconButtonActivateEventDetail) => any) | undefined;
+}>, {
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    label: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "primary" | "secondary" | "success" | "warning" | "danger" | "ghost" | "monochrome";
+    loading: boolean;
+    pressed: boolean;
+    icon: string;
+    unicode: string;
+    fxSpeed: "xs" | "sm" | "md" | "lg" | "xl";
+    fxEase: "ease" | "ease-in" | "ease-out" | "ease-in-out" | "bounce" | "spring-sm" | "spring-md" | "spring-lg";
+    fxDisabled: 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=VueIconButtonFx.vue.d.ts.map

package/dist/components/IconButtonFx/vue/VueIconButtonFx.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueIconButtonFx.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButtonFx/vue/VueIconButtonFx.vue"],"names":[],"mappings":"AAwBA;AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAGV,0BAA0B,EAC1B,6BAA6B,EAC9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,sBAAsB,CAAC;AAG9B,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,iBAAiB,EACjB,mBAAmB,GAAG,sBAAsB,CAC7C;CAAG;AA8DN,iBAAS,cAAc;qBAiDO,GAAG;EAKhC;AAaD,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/IconButtonFx/vue/index.d.ts

@@ -0,0 +1,6 @@
+import { default as VueIconButtonFx } from './VueIconButtonFx.vue';
+import { IconButtonFxProps as VueIconButtonFxProps } from '../core/_IconButtonFx';
+
+export { VueIconButtonFx };
+export type { VueIconButtonFxProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButtonFx/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { _ as e } from "../../../VueIconButtonFx.vue_vue_type_script_setup_true_lang-Dky-zgVc.js";
+export {
+  e as VueIconButtonFx
+};

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

@@ -0,0 +1,9 @@
+import { AgImage } from './_Image.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-image': AgImage;
+    }
+}
+export * from './_Image.js';
+//# sourceMappingURL=Image.d.ts.map

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

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

package/dist/components/Image/core/Image.js

@@ -0,0 +1,5 @@
+import { AgImage as e } from "./_Image.js";
+customElements.get("ag-image") || customElements.define("ag-image", e);
+export {
+  e as AgImage
+};

package/dist/components/Image/core/_Image.d.ts

@@ -0,0 +1,97 @@
+import { LitElement } from 'lit';
+
+/**
+ * Source configuration for responsive images using <picture> element
+ */
+export interface AgImageSource {
+    /** Required srcset attribute for this source */
+    srcset: string;
+    /** MIME type (e.g., "image/webp") */
+    type?: string;
+    /** Media query (e.g., "(min-width: 768px)") */
+    media?: string;
+    /** Sizes attribute for responsive sizing */
+    sizes?: string;
+}
+/**
+ * Props interface for AgImage component
+ */
+export interface AgImageProps {
+    /** Image source URL */
+    src: string;
+    /** Alternative text for accessibility (required) */
+    alt: string;
+    /** Array of source configurations for <picture> element */
+    sources?: AgImageSource[];
+    /** Intrinsic width in pixels */
+    width?: number;
+    /** Intrinsic height in pixels */
+    height?: number;
+    /** Aspect ratio in format "16/9" or auto-calculated from width/height */
+    aspectRatio?: string;
+    /** CSS object-fit value */
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /** CSS object-position value */
+    position?: string;
+    /** Native browser lazy loading */
+    loading?: 'lazy' | 'eager';
+    /** Enable simple opacity fade transition */
+    fade?: boolean;
+    /** Fade transition duration in milliseconds */
+    duration?: number;
+    /** Backup image source if primary fails to load */
+    fallbackSrc?: string;
+}
+/**
+ * AgImage - A lightweight, performant image component with responsive sources,
+ * lazy loading, error recovery, and CLS prevention.
+ *
+ * @element ag-image
+ *
+ * @fires ag-load - Dispatched when image successfully loads
+ * @fires ag-error - Dispatched when image fails to load
+ *
+ * @slot - Default slot for caption content
+ * @slot placeholder - Custom placeholder content during loading
+ * @slot error - Custom error content when image fails to load
+ *
+ * @csspart ag-img - The img element
+ * @csspart ag-placeholder - The placeholder overlay
+ * @csspart ag-error - The error overlay
+ *
+ * @cssprop --ag-image-transition-duration - Fade transition duration (default: var(--ag-motion-medium))
+ * @cssprop --ag-image-bg-color - Background color during loading (default: var(--ag-background-secondary))
+ * @cssprop --ag-image-fit - Default object-fit value (default: cover)
+ */
+/**
+ * Custom event types
+ */
+export type ImageLoadEvent = CustomEvent<void>;
+export type ImageErrorEvent = CustomEvent<void>;
+export declare class AgImage extends LitElement implements AgImageProps {
+    src: string;
+    alt: string;
+    sources: AgImageSource[];
+    width?: number;
+    height?: number;
+    aspectRatio?: string;
+    fit: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    position: string;
+    loading: 'lazy' | 'eager';
+    fade: boolean;
+    duration: number;
+    fallbackSrc?: string;
+    private _loaded;
+    private _errored;
+    private _currentSrc;
+    constructor();
+    static styles: import('lit').CSSResult;
+    willUpdate(changed: Map<PropertyKey, unknown>): void;
+    private _handleLoad;
+    private _handleError;
+    private _renderImage;
+    private _renderPicture;
+    private _renderOverlay;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Image.d.ts.map

package/dist/components/Image/core/_Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Image.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/core/_Image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAE3B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,GAAG,EAAE,MAAM,CAAC;IAGZ,2DAA2D;IAC3D,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAG1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IAC3D,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAEhD,qBAAa,OAAQ,SAAQ,UAAW,YAAW,YAAY;IAKrD,GAAG,EAAE,MAAM,CAAC;IAGZ,GAAG,EAAE,MAAM,CAAC;IAGZ,OAAO,EAAE,aAAa,EAAE,CAAC;IAGzB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,GAAG,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IAG1D,QAAQ,EAAE,MAAM,CAAC;IAGjB,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAG1B,IAAI,EAAE,OAAO,CAAC;IAGd,QAAQ,EAAE,MAAM,CAAC;IAGjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAK7B,QACgB,OAAO,CAAU;IAEjC,QACgB,QAAQ,CAAU;IAElC,QACgB,WAAW,CAAS;;IA2BpC,MAAM,CAAC,MAAM,0BA+DX;IAKO,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IA8CtD,OAAO,CAAC,WAAW,CAUjB;IAEF,OAAO,CAAC,YAAY,CAgBlB;IAKF,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,cAAc;IAuBb,MAAM;CAShB"}

package/dist/components/Image/core/_Image.js

@@ -0,0 +1,213 @@
+import { LitElement as g, css as y, nothing as a, html as o } from "lit";
+import { n as r } from "../../../property-CemaeiRl.js";
+import { r as n } from "../../../state-CovhUvdr.js";
+var u = Object.defineProperty, i = (p, t, l, f) => {
+  for (var s = void 0, h = p.length - 1, c; h >= 0; h--)
+    (c = p[h]) && (s = c(t, l, s) || s);
+  return s && u(t, l, s), s;
+};
+const d = class d extends g {
+  // ──────────────────────────────────────────────────────────────
+  // Constructor
+  // ──────────────────────────────────────────────────────────────
+  constructor() {
+    super(), this._handleLoad = () => {
+      this._loaded = !0, this._errored = !1, this.dispatchEvent(
+        new CustomEvent("ag-load", {
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this._handleError = () => {
+      if (this._loaded = !1, this._errored = !0, this.fallbackSrc && this._currentSrc !== this.fallbackSrc) {
+        this._currentSrc = this.fallbackSrc;
+        return;
+      }
+      this.dispatchEvent(
+        new CustomEvent("ag-error", {
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }, this.src = "", this.alt = "", this.sources = [], this.fit = "cover", this.position = "center", this.loading = "lazy", this.fade = !1, this.duration = 200, this._loaded = !1, this._errored = !1, this._currentSrc = "";
+  }
+  // ──────────────────────────────────────────────────────────────
+  // Lifecycle
+  // ──────────────────────────────────────────────────────────────
+  willUpdate(t) {
+    super.willUpdate(t), t.has("fit") && this.style.setProperty("--ag-image-fit", this.fit), t.has("position") && this.style.setProperty("--ag-image-position", this.position), t.has("width") && (this.style.width = this.width != null ? `${this.width}px` : ""), t.has("height") && (this.style.height = this.height != null ? `${this.height}px` : ""), (t.has("aspectRatio") || t.has("width") || t.has("height")) && (this.aspectRatio ? this.style.aspectRatio = this.aspectRatio : this.width != null && this.height != null ? this.style.aspectRatio = `${this.width} / ${this.height}` : this.style.aspectRatio = ""), t.has("src") && t.get("src") !== this.src && (this._loaded = !1, this._errored = !1, this._currentSrc = this.src);
+  }
+  // ──────────────────────────────────────────────────────────────
+  // Render Helpers
+  // ──────────────────────────────────────────────────────────────
+  _renderImage() {
+    const t = this._errored && this.fallbackSrc ? this.fallbackSrc : this._currentSrc;
+    return o`
+      <img
+        part="ag-img"
+        class=${this._loaded ? "loaded" : ""}
+        src=${t}
+        alt=${this.alt}
+        loading=${this.loading}
+        decoding="async"
+        width=${this.width ?? a}
+        height=${this.height ?? a}
+        @load=${this._handleLoad}
+        @error=${this._handleError}
+      />
+    `;
+  }
+  _renderPicture() {
+    return !this.sources || this.sources.length === 0 ? this._renderImage() : o`
+      <picture>
+        ${this.sources.map(
+      (t) => o`
+            <source
+              srcset=${t.srcset}
+              type=${t.type ?? a}
+              media=${t.media ?? a}
+              sizes=${t.sizes ?? a}
+            />
+          `
+    )}
+        ${this._renderImage()}
+      </picture>
+    `;
+  }
+  _renderOverlay() {
+    return this._loaded ? a : this._errored ? o`
+        <div class="overlay error" part="ag-error" role="alert" aria-label="Image failed to load">
+          <slot name="error">Failed to load image</slot>
+        </div>
+      ` : o`
+      <div class="overlay" part="ag-placeholder" aria-label="Image loading">
+        <slot name="placeholder">Loading…</slot>
+      </div>
+    `;
+  }
+  // ──────────────────────────────────────────────────────────────
+  // Main Render
+  // ──────────────────────────────────────────────────────────────
+  render() {
+    return o`
+      <div class="wrapper">
+        ${this._renderPicture()}
+        ${this._renderOverlay()}
+      </div>
+      <slot></slot>
+    `;
+  }
+};
+d.styles = y`
+    :host {
+      display: inline-block;
+      position: relative;
+      overflow: hidden;
+      /* Remove inline spacing around image element - images are inline by default and can create unwanted gaps. This doesn't affect slotted content. */
+      line-height: 0;
+      background: var(--ag-image-bg-color, var(--ag-background-secondary));
+    }
+
+    .wrapper {
+      display: block;
+      width: 100%;
+      height: 100%;
+      position: relative;
+    }
+
+    img {
+      display: block;
+      width: 100%;
+      height: 100%;
+      object-fit: var(--ag-image-fit, cover);
+      object-position: var(--ag-image-position, center);
+    }
+
+    /* Fade transition when enabled */
+    :host([fade]) img {
+      opacity: 0;
+      transition: opacity var(--ag-image-transition-duration, var(--ag-motion-medium, 200ms)) ease;
+    }
+
+    :host([fade]) img.loaded {
+      opacity: 1;
+    }
+
+    /* Non-fade components are always visible */
+    :host(:not([fade])) img {
+      opacity: 1;
+    }
+
+    /* Overlay styles for placeholder and error states */
+    .overlay {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: var(--ag-font-size-sm);
+      background: var(--ag-image-bg-color, var(--ag-background-secondary));
+      color: var(--ag-text-muted);
+      z-index: 1;
+      /* Reset line-height for slotted content so text displays properly. The line-height: 0 on :host would otherwise be inherited here. */line-height: normal;
+    }
+
+    .overlay.error {
+      background: var(--ag-danger-background);
+      color: var(--ag-danger-text);
+    }
+
+    /* Hide overlay when image is loaded */
+    .overlay.hidden {
+      display: none;
+    }
+  `;
+let e = d;
+i([
+  r({ type: String })
+], e.prototype, "src");
+i([
+  r({ type: String })
+], e.prototype, "alt");
+i([
+  r({ type: Array })
+], e.prototype, "sources");
+i([
+  r({ type: Number })
+], e.prototype, "width");
+i([
+  r({ type: Number })
+], e.prototype, "height");
+i([
+  r({ type: String, attribute: "aspect-ratio" })
+], e.prototype, "aspectRatio");
+i([
+  r({ type: String })
+], e.prototype, "fit");
+i([
+  r({ type: String })
+], e.prototype, "position");
+i([
+  r({ type: String })
+], e.prototype, "loading");
+i([
+  r({ type: Boolean, reflect: !0 })
+], e.prototype, "fade");
+i([
+  r({ type: Number })
+], e.prototype, "duration");
+i([
+  r({ type: String, attribute: "fallback-src" })
+], e.prototype, "fallbackSrc");
+i([
+  n()
+], e.prototype, "_loaded");
+i([
+  n()
+], e.prototype, "_errored");
+i([
+  n()
+], e.prototype, "_currentSrc");
+export {
+  e as AgImage
+};

package/dist/components/Image/react/ReactImage.d.ts

@@ -0,0 +1,17 @@
+import { AgImage, AgImageProps, ImageLoadEvent, ImageErrorEvent } from '../core/Image';
+import * as React from "react";
+/**
+ * React-specific props interface for Image component
+ */
+export interface ReactImageProps extends AgImageProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    onLoad?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    onAgLoad?: (event: ImageLoadEvent) => void;
+    onAgError?: (event: ImageErrorEvent) => void;
+}
+export declare const ReactImage: React.ForwardRefExoticComponent<ReactImageProps & React.RefAttributes<AgImage>>;
+//# sourceMappingURL=ReactImage.d.ts.map

package/dist/components/Image/react/ReactImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactImage.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/react/ReactImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC9C;AAGD,eAAO,MAAM,UAAU,EASjB,KAAK,CAAC,yBAAyB,CACnC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAC/C,CAAC"}

package/dist/components/Image/react/ReactImage.js

@@ -0,0 +1,17 @@
+import * as o from "react";
+import { o as a } from "../../../create-component-BPMDMe-q.js";
+import "../core/Image.js";
+import { AgImage as r } from "../core/_Image.js";
+const g = a({
+  tagName: "ag-image",
+  elementClass: r,
+  react: o,
+  events: {
+    // Map custom events only (native events work automatically)
+    onAgLoad: "ag-load",
+    onAgError: "ag-error"
+  }
+});
+export {
+  g as ReactImage
+};

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

@@ -0,0 +1,4 @@
+export { ReactImage } from './ReactImage';
+export type { ReactImageProps } from './ReactImage';
+export type { ImageLoadEvent, ImageErrorEvent } from '../core/Image';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

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

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

package/dist/components/Image/vue/VueImage.js

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

package/dist/components/Image/vue/VueImage.vue.d.ts

@@ -0,0 +1,70 @@
+import { AgImageProps, AgImageSource } from '../core/Image';
+
+export interface VueImageProps extends Omit<AgImageProps, "sources"> {
+    sources?: AgImageSource[];
+}
+declare function __VLS_template(): {
+    placeholder?(_: {
+        slot: string;
+    }): any;
+    error?(_: {
+        slot: string;
+    }): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueImageProps>, {
+    src: string;
+    alt: string;
+    fit: string;
+    position: string;
+    loading: string;
+    fade: boolean;
+    duration: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "ag-load": () => void;
+    "ag-error": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueImageProps>, {
+    src: string;
+    alt: string;
+    fit: string;
+    position: string;
+    loading: string;
+    fade: boolean;
+    duration: number;
+}>>> & Readonly<{
+    "onAg-load"?: (() => any) | undefined;
+    "onAg-error"?: (() => any) | undefined;
+}>, {
+    duration: number;
+    position: string;
+    loading: "lazy" | "eager";
+    src: string;
+    alt: string;
+    fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    fade: 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=VueImage.vue.d.ts.map

package/dist/components/Image/vue/VueImage.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/vue/VueImage.vue"],"names":[],"mappings":"AA6BA;AAGA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EAGd,MAAM,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAClE,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;CAC3B;AA6CD,iBAAS,cAAc;;;QAiEW,GAAG;;;QACT,GAAG;qBACD,GAAG;EAKhC;AAYD,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/Image/vue/index.d.ts

@@ -0,0 +1,22 @@
+export { default } from './VueImage.vue';
+export { default as VueImage } from './VueImage.vue';
+export interface VueImageProps {
+    src?: string;
+    alt?: string;
+    sources?: Array<{
+        srcset: string;
+        type?: string;
+        media?: string;
+        sizes?: string;
+    }>;
+    width?: number;
+    height?: number;
+    aspectRatio?: string;
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    position?: string;
+    loading?: 'lazy' | 'eager';
+    fade?: boolean;
+    duration?: number;
+    fallbackSrc?: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/vue/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

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

@@ -0,0 +1,5 @@
+import { _ as f, _ as m } from "../../../VueImage.vue_vue_type_script_setup_true_lang-CUwbK3NF.js";
+export {
+  f as VueImage,
+  m as default
+};

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

@@ -0,0 +1,9 @@
+import { AgInput } from './_Input.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-input': AgInput;
+    }
+}
+export * from './_Input.js';
+//# sourceMappingURL=Input.d.ts.map

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

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

package/dist/components/Input/core/Input.js

@@ -0,0 +1,5 @@
+import { AgInput as t } from "./_Input.js";
+customElements.get("ag-input") || customElements.define("ag-input", t);
+export {
+  t as AgInput
+};