agnosticui-core 2.0.0-alpha.24 → 2.0.0-alpha.26

package/dist/VueAvatarFx.vue_vue_type_script_setup_true_lang-B5zZ0up1.js

@@ -0,0 +1,41 @@
+import { defineComponent as f, ref as l, createElementBlock as i, openBlock as d, mergeProps as s, renderSlot as n } from "vue";
+import "./components/AvatarFx/core/AvatarFx.js";
+const r = ["variant", "size", "shape", "aria-label", "img-src", "img-alt", ".text", "fx", "fx-speed", "fx-ease", ".fxDisabled"], c = /* @__PURE__ */ f({
+  __name: "VueAvatarFx",
+  props: {
+    text: { default: "" },
+    imgSrc: { default: "" },
+    imgAlt: { default: "" },
+    size: { default: "md" },
+    shape: { default: "circle" },
+    variant: { default: "default" },
+    ariaLabel: { default: "" },
+    fx: {},
+    fxSpeed: { default: "md" },
+    fxEase: { default: "ease" },
+    fxDisabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = l(null);
+    return (a, x) => (d(), i("ag-avatar-fx", s({
+      ref_key: "agComponent",
+      ref: t,
+      variant: e.variant,
+      size: e.size,
+      shape: e.shape,
+      "aria-label": e.ariaLabel,
+      "img-src": e.imgSrc,
+      "img-alt": e.imgAlt,
+      ".text": e.text,
+      fx: e.fx,
+      "fx-speed": e.fxSpeed,
+      "fx-ease": e.fxEase,
+      ".fxDisabled": e.fxDisabled
+    }, a.$attrs), [
+      n(a.$slots, "default")
+    ], 48, r));
+  }
+});
+export {
+  c as _
+};

package/dist/{VueCopyButton.vue_vue_type_script_setup_true_lang-BZi5H42P.js → VueCopyButton.vue_vue_type_script_setup_true_lang-BuxS_2Gx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as u, createElementBlock as r, openBlock as s, mergeProps as d, createCommentVNode as n, renderSlot as i } from "vue";
+import { defineComponent as c, ref as u, createElementBlock as r, openBlock as s, mergeProps as d, createCommentVNode as n, renderSlot as a } from "vue";
 import "./components/CopyButton/core/CopyButton.js";
 const m = ["text", "label", "success-label", "error-label", "timeout", "size", "variant"], p = {
   key: 0,
@@ -12,7 +12,7 @@ const m = ["text", "label", "success-label", "error-label", "timeout", "size", "
 }, $ = /* @__PURE__ */ c({
   __name: "VueCopyButton",
   props: {
-    text: {},
+    text: { default: "" },
     label: { default: "Copy to clipboard" },
     successLabel: { default: "Copied!" },
     errorLabel: { default: "Copy failed" },
@@ -22,10 +22,10 @@ const m = ["text", "label", "success-label", "error-label", "timeout", "size", "
   },
   emits: ["copy", "copy-error"],
   setup(o) {
-    const a = u(null);
+    const i = u(null);
     return (e, t) => (s(), r("ag-copy-button", d({
       ref_key: "agComponent",
-      ref: a,
+      ref: i,
       text: o.text,
       label: o.label,
       "success-label": o.successLabel,
@@ -38,13 +38,13 @@ const m = ["text", "label", "success-label", "error-label", "timeout", "size", "
       onCopyError: t[1] || (t[1] = (l) => e.$emit("copy-error", l))
     }), [
       e.$slots["icon-copy"] ? (s(), r("span", p, [
-        i(e.$slots, "icon-copy")
+        a(e.$slots, "icon-copy")
       ])) : n("", !0),
       e.$slots["icon-copied"] ? (s(), r("span", y, [
-        i(e.$slots, "icon-copied")
+        a(e.$slots, "icon-copied")
       ])) : n("", !0),
       e.$slots["icon-error"] ? (s(), r("span", b, [
-        i(e.$slots, "icon-error")
+        a(e.$slots, "icon-error")
       ])) : n("", !0)
     ], 16, m));
   }

package/dist/VueTagFx.vue_vue_type_script_setup_true_lang-DI_EYIja.js

@@ -0,0 +1,40 @@
+import { defineComponent as r, ref as m, createElementBlock as d, openBlock as i, mergeProps as u, renderSlot as t } from "vue";
+import "./components/TagFx/core/TagFx.js";
+const x = ["variant", "shape", ".uppercase", ".removable", "fx", "fx-speed", "fx-ease", ".fxDisabled"], c = /* @__PURE__ */ r({
+  __name: "VueTagFx",
+  props: {
+    variant: { default: "" },
+    shape: { default: "" },
+    uppercase: { type: Boolean, default: !1 },
+    removable: { type: Boolean, default: !1 },
+    fx: {},
+    fxSpeed: { default: "md" },
+    fxEase: { default: "ease" },
+    fxDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["tag-remove"],
+  setup(e, { emit: o }) {
+    const f = o, s = m(null), l = (a) => {
+      f("tag-remove", a.detail);
+    };
+    return (a, n) => (i(), d("ag-tag-fx", u({
+      ref_key: "agComponent",
+      ref: s,
+      variant: e.variant,
+      shape: e.shape,
+      ".uppercase": e.uppercase,
+      ".removable": e.removable,
+      fx: e.fx,
+      "fx-speed": e.fxSpeed,
+      "fx-ease": e.fxEase,
+      ".fxDisabled": e.fxDisabled,
+      onTagRemove: l
+    }, a.$attrs), [
+      t(a.$slots, "default"),
+      t(a.$slots, "close")
+    ], 48, x));
+  }
+});
+export {
+  c as _
+};

package/dist/VueTooltipFx.vue_vue_type_script_setup_true_lang-B7XF-J_S.js

@@ -0,0 +1,52 @@
+import { defineComponent as f, ref as c, createElementBlock as h, openBlock as g, mergeProps as x, renderSlot as r } from "vue";
+import "./components/TooltipFx/core/TooltipFx.js";
+const u = ["content", "placement", "distance", "skidding", "trigger", ".disabled", "fx", "fx-speed", "fx-ease", ".fxDisabled"], p = /* @__PURE__ */ f({
+  __name: "VueTooltipFx",
+  props: {
+    fx: {},
+    fxSpeed: { default: "md" },
+    fxEase: { default: "ease" },
+    fxDisabled: { type: Boolean, default: !1 },
+    content: { default: "" },
+    placement: { default: "top" },
+    distance: { default: 8 },
+    skidding: { default: 0 },
+    trigger: { default: "hover focus" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["show", "hide"],
+  setup(e, { expose: a, emit: i }) {
+    const n = i, d = c(), s = (t) => {
+      n("show", t.detail);
+    }, l = (t) => {
+      n("hide", t.detail);
+    };
+    return a({ show: () => {
+      d.value?.show();
+    }, hide: () => {
+      d.value?.hide();
+    }, toggle: () => {
+      d.value?.toggle();
+    } }), (t, o) => (g(), h("ag-tooltip-fx", x({
+      ref_key: "tooltipRef",
+      ref: d,
+      content: e.content,
+      placement: e.placement,
+      distance: e.distance,
+      skidding: e.skidding,
+      trigger: e.trigger,
+      ".disabled": e.disabled,
+      fx: e.fx,
+      "fx-speed": e.fxSpeed,
+      "fx-ease": e.fxEase,
+      ".fxDisabled": e.fxDisabled,
+      onShow: s,
+      onHide: l
+    }, t.$attrs), [
+      r(t.$slots, "default")
+    ], 48, u));
+  }
+});
+export {
+  p as _
+};

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

@@ -1,4 +1,3 @@
-export { default } from './VueAccordion.vue';
 export { default as VueAccordion } from './VueAccordion.vue';
 export { default as VueAccordionItem } from './VueAccordionItem.vue';
 export { default as VueAccordionHeader } from './VueAccordionHeader.vue';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAG3E,MAAM,WAAW,iBAAiB;CAEjC;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;CAEvC;AAED,MAAM,WAAW,wBAAwB;CAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAG3E,MAAM,WAAW,iBAAiB;CAEjC;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;CAEvC;AAED,MAAM,WAAW,wBAAwB;CAExC"}

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

@@ -1,11 +1,10 @@
-import { _ as r, _ as c } from "../../../VueAccordion.vue_vue_type_script_setup_true_lang-pDfOQ53K.js";
-import { _ as a } from "../../../VueAccordionItem.vue_vue_type_script_setup_true_lang-iL8z7vQz.js";
-import { _ as n } from "../../../VueAccordionHeader.vue_vue_type_script_setup_true_lang-DpqsrLdr.js";
+import { _ as e } from "../../../VueAccordion.vue_vue_type_script_setup_true_lang-pDfOQ53K.js";
+import { _ as t } from "../../../VueAccordionItem.vue_vue_type_script_setup_true_lang-iL8z7vQz.js";
+import { _ as a } from "../../../VueAccordionHeader.vue_vue_type_script_setup_true_lang-DpqsrLdr.js";
 import { _ as m } from "../../../VueAccordionContent.vue_vue_type_script_setup_true_lang-CoCVRQJg.js";
 export {
-  r as VueAccordion,
+  e as VueAccordion,
   m as VueAccordionContent,
-  n as VueAccordionHeader,
-  a as VueAccordionItem,
-  c as default
+  a as VueAccordionHeader,
+  t as VueAccordionItem
 };

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

@@ -1,4 +1,3 @@
-export { default } from './VueAlert.vue';
 export { default as VueAlert } from './VueAlert.vue';
 export type { AlertProps as VueAlertProps } from '../core/_Alert';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -1,5 +1,4 @@
-import { _ as r, _ as t } from "../../../VueAlert.vue_vue_type_script_setup_true_lang-BSEoqQWL.js";
+import { _ as o } from "../../../VueAlert.vue_vue_type_script_setup_true_lang-BSEoqQWL.js";
 export {
-  r as VueAlert,
-  t as default
+  o as VueAlert
 };

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

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup } from 'lit';
 
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type AvatarShape = 'circle' | 'square' | 'rounded';
@@ -27,7 +27,7 @@ export interface AvatarProps {
     ariaLabel?: string;
 }
 export declare class Avatar extends LitElement implements AvatarProps {
-    static styles: import('lit').CSSResult;
+    static styles: CSSResultGroup;
     text: string;
     imgSrc: string;
     imgAlt: string;

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

@@ -1 +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"}
+{"version":3,"file":"_Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/core/_Avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,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,EAAE,cAAc,CAwG3B;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/AvatarFx/core/AvatarFx.d.ts

@@ -0,0 +1,9 @@
+import { AvatarFx } from './_AvatarFx.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-avatar-fx': AvatarFx;
+    }
+}
+export * from './_AvatarFx.js';
+//# sourceMappingURL=AvatarFx.d.ts.map

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

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

package/dist/components/AvatarFx/core/AvatarFx.js

@@ -0,0 +1,5 @@
+import { AvatarFx as a } from "./_AvatarFx.js";
+customElements.get("ag-avatar-fx") || customElements.define("ag-avatar-fx", a);
+export {
+  a as AvatarFx
+};

package/dist/components/AvatarFx/core/_AvatarFx.d.ts

@@ -0,0 +1,33 @@
+import { CSSResultGroup } from 'lit';
+import { Avatar, AvatarProps } from '../../Avatar/core/_Avatar.js';
+import { FxProps } from '../../../types/fx.js';
+
+export interface AvatarFxProps extends AvatarProps, FxProps {
+}
+/**
+ * AvatarFx - Avatar with CSS animation effects
+ *
+ * Extends Avatar to add optional CSS-only animation effects.
+ * Inherits all Avatar functionality and styling.
+ *
+ * Features:
+ * - CSS-only FX effects
+ * - Automatic reduced-motion support
+ */
+export declare class AvatarFx extends Avatar implements AvatarFxProps {
+    static styles: CSSResultGroup;
+    fx?: 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;
+    private _observer;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _updateTheme;
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    private _applyFxClasses;
+    private _applyFxCustomProperties;
+}
+//# sourceMappingURL=_AvatarFx.d.ts.map

package/dist/components/AvatarFx/core/_AvatarFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_AvatarFx.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarFx/core/_AvatarFx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGpD,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,OAAO;CAAI;AAE/D;;;;;;;;;GASG;AACH,qBAAa,QAAS,SAAQ,MAAO,YAAW,aAAa;IAC3D,OAAgB,MAAM,EAAE,cAAc,CA+IpC;IAIF,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,OAAO,EAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAG3C,MAAM,EAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IAG9G,UAAU,EAAG,OAAO,CAAC;IAErB,OAAO,CAAC,SAAS,CAAiC;;IASzC,iBAAiB;IAkBjB,oBAAoB;IAQ7B,OAAO,CAAC,YAAY;IAcX,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOzD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAgB7D,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,wBAAwB;CAOjC"}

package/dist/components/AvatarFx/core/_AvatarFx.js

@@ -0,0 +1,210 @@
+import { css as d } from "lit";
+import { n as i } from "../../../property-CemaeiRl.js";
+import { Avatar as g } from "../../Avatar/core/_Avatar.js";
+import { motionStyles as x } from "../../../styles/motion.styles.js";
+var h = Object.defineProperty, o = (l, a, e, s) => {
+  for (var t = void 0, n = l.length - 1, p; n >= 0; n--)
+    (p = l[n]) && (t = p(a, e, t) || t);
+  return t && h(a, e, t), t;
+};
+const f = class f extends g {
+  constructor() {
+    super(), this._observer = null, this.fxSpeed = "md", this.fxEase = "ease", this.fxDisabled = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._updateTheme(), this._observer = new MutationObserver((a) => {
+      a.forEach((e) => {
+        e.type === "attributes" && e.attributeName === "data-theme" && this._updateTheme();
+      });
+    }), this._observer.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-theme"]
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._observer && (this._observer.disconnect(), this._observer = null);
+  }
+  _updateTheme() {
+    const a = document.documentElement.getAttribute("data-theme") === "dark", e = this.shadowRoot?.querySelector(".avatar");
+    e instanceof HTMLElement && (e.style.setProperty("--ag-fx-shadow-opacity", a ? "0.8" : "0.4"), a && this.variant === "monochrome" ? e.style.setProperty("--ag-fx-sweep-color", "rgba(0, 0, 0, 0.6)") : e.style.setProperty("--ag-fx-sweep-color", "rgba(255, 255, 255, 0.5)"));
+  }
+  firstUpdated(a) {
+    super.firstUpdated(a), this._applyFxClasses(), this._applyFxCustomProperties(), this._updateTheme();
+  }
+  updated(a) {
+    super.updated(a), (a.has("fx") || a.has("fxDisabled")) && this._applyFxClasses(), a.has("variant") && this._updateTheme(), (a.has("fxSpeed") || a.has("fxEase")) && this._applyFxCustomProperties();
+  }
+  _applyFxClasses() {
+    const a = this.shadowRoot?.querySelector(".avatar");
+    if (a) {
+      const e = [];
+      a.classList.forEach((s) => {
+        s.startsWith("ag-fx-") && e.push(s);
+      }), e.forEach((s) => a.classList.remove(s)), this.fx && !this.fxDisabled && a.classList.add(`ag-fx-${this.fx}`), this.fxDisabled ? a.classList.add("ag-fx-disabled") : a.classList.remove("ag-fx-disabled");
+    }
+  }
+  _applyFxCustomProperties() {
+    const a = this.shadowRoot?.querySelector(".avatar");
+    a instanceof HTMLElement && (a.style.setProperty("--ag-fx-duration", `var(--ag-fx-duration-${this.fxSpeed})`), a.style.setProperty("--ag-fx-ease", `var(--ag-fx-ease-${this.fxEase})`));
+  }
+};
+f.styles = [
+  x,
+  g.styles,
+  d`
+      /* ========================================
+         FX EFFECT SETUP
+         Add necessary CSS properties for effects that need them
+         ======================================== */
+
+      /* Shimmer needs a gradient mask */
+      .avatar.ag-fx-shimmer {
+        overflow: hidden;
+        -webkit-mask-image: linear-gradient(
+          to right,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 0.9) 40%,
+          rgba(0, 0, 0, 0.9) 60%,
+          rgba(0, 0, 0, 0) 100%
+        );
+        mask-image: linear-gradient(
+          to right,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 1) 40%,
+          rgba(0, 0, 0, 1) 60%,
+          rgba(0, 0, 0, 0) 100%
+        );
+        -webkit-mask-size: 250% 100%;
+        mask-size: 250% 100%;
+        -webkit-mask-position: 215% 0;
+        mask-position: 215% 0;
+      }
+
+      /* Ripple needs overflow visible to show expanding ring */
+      .avatar.ag-fx-ripple {
+        overflow: visible;
+      }
+
+      /* Highlight Sweep needs a gradient background overlay */
+      .avatar.ag-fx-highlight-sweep {
+        position: relative;
+        overflow: hidden;
+      }
+
+      .avatar.ag-fx-highlight-sweep::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+          90deg,
+          transparent 0%,
+          transparent 30%,
+          var(--ag-fx-sweep-color, rgba(255, 255, 255, 0.5)) 50%,
+          transparent 70%,
+          transparent 100%
+        );
+        transform: translateX(-100%);
+        pointer-events: none;
+      }
+
+      /* ========================================
+         FX EFFECT CLASSES
+         Applied to target element (.avatar)
+         ======================================== */
+
+      :host([fx="bounce"]) .avatar,
+      :host([fx="flip"]) .avatar,
+      :host([fx="jelly"]) .avatar {
+        animation-iteration-count: 1;
+      }
+
+      /* Hover-triggered effects */
+      :host([fx="bounce"]:hover) .avatar {
+        animation: ag-fx-bounce var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="pulse"]:hover) .avatar {
+        animation: ag-fx-pulse var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="jelly"]:hover) .avatar {
+        animation: ag-fx-jelly var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="shimmer"]:hover) .avatar {
+        animation: ag-fx-shimmer var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="glow"]:hover) .avatar {
+        animation: ag-fx-glow var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="flip"]:hover) .avatar {
+        animation: ag-fx-flip var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="ripple"]:hover) .avatar {
+        animation: ag-fx-ripple var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      :host([fx="highlight-sweep"]:hover) .avatar::before {
+        animation: ag-fx-highlight-sweep var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Active/press effects */
+      .avatar.ag-fx-press-pop {
+        cursor: pointer;
+      }
+
+      .avatar.ag-fx-press-pop:active {
+        animation: ag-fx-press-pop var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Entrance effects */
+      .avatar.ag-fx-slide-in {
+        animation: ag-fx-slide-in var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Disabled state */
+      .avatar.ag-fx-disabled {
+        animation: none !important;
+      }
+
+      .avatar.ag-fx-disabled::before {
+        animation: none !important;
+      }
+
+      /* Reduced motion support */
+      @media (prefers-reduced-motion: reduce) {
+        .avatar.ag-fx-bounce,
+        .avatar.ag-fx-pulse,
+        .avatar.ag-fx-jelly,
+        .avatar.ag-fx-shimmer,
+        .avatar.ag-fx-glow,
+        .avatar.ag-fx-flip,
+        .avatar.ag-fx-ripple,
+        .avatar.ag-fx-highlight-sweep,
+        .avatar.ag-fx-press-pop,
+        .avatar.ag-fx-slide-in {
+          animation-duration: 0.01ms !important;
+          transition-duration: 0.01ms !important;
+        }
+      }
+    `
+];
+let r = f;
+o([
+  i({ type: String, reflect: !0 })
+], r.prototype, "fx");
+o([
+  i({ type: String, attribute: "fx-speed", reflect: !0 })
+], r.prototype, "fxSpeed");
+o([
+  i({ type: String, attribute: "fx-ease", reflect: !0 })
+], r.prototype, "fxEase");
+o([
+  i({ type: Boolean, attribute: "fx-disabled", reflect: !0 })
+], r.prototype, "fxDisabled");
+export {
+  r as AvatarFx
+};

package/dist/components/AvatarFx/react/ReactAvatarFx.d.ts

@@ -0,0 +1,11 @@
+import { AvatarFx, AvatarFxProps } from '../core/AvatarFx';
+import * as React from "react";
+export interface ReactAvatarFxProps extends AvatarFxProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactAvatarFx: import('@lit/react').ReactWebComponent<AvatarFx, {}>;
+export type { AvatarFxProps } from '../core/AvatarFx';
+export type { FxProps } from '../../../types/fx';
+//# sourceMappingURL=ReactAvatarFx.d.ts.map

package/dist/components/AvatarFx/react/ReactAvatarFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactAvatarFx.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarFx/react/ReactAvatarFx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,aAAa,sDAKxB,CAAC;AAEH,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/AvatarFx/react/ReactAvatarFx.js

@@ -0,0 +1,13 @@
+import * as a from "react";
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import "../core/AvatarFx.js";
+import { AvatarFx as r } from "../core/_AvatarFx.js";
+const p = t({
+  tagName: "ag-avatar-fx",
+  elementClass: r,
+  react: a,
+  events: {}
+});
+export {
+  p as ReactAvatarFx
+};

package/dist/components/AvatarFx/vue/VueAvatarFx.js

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

package/dist/components/AvatarFx/vue/VueAvatarFx.vue.d.ts

@@ -0,0 +1,77 @@
+import { AvatarSize, AvatarShape, AvatarVariant } from '../../Avatar/core/Avatar';
+
+interface VueAvatarFxProps {
+    text?: string;
+    imgSrc?: string;
+    imgAlt?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    variant?: AvatarVariant;
+    ariaLabel?: string;
+    fx?: 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;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueAvatarFxProps>, {
+    text: string;
+    imgSrc: string;
+    imgAlt: string;
+    size: string;
+    shape: string;
+    variant: string;
+    ariaLabel: string;
+    fxSpeed: string;
+    fxEase: string;
+    fxDisabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueAvatarFxProps>, {
+    text: string;
+    imgSrc: string;
+    imgAlt: string;
+    size: string;
+    shape: string;
+    variant: string;
+    ariaLabel: string;
+    fxSpeed: string;
+    fxEase: string;
+    fxDisabled: boolean;
+}>>> & Readonly<{}>, {
+    ariaLabel: string;
+    text: 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;
+    size: AvatarSize;
+    variant: AvatarVariant;
+    shape: AvatarShape;
+    imgSrc: string;
+    imgAlt: string;
+}, {}, {}, {}, 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=VueAvatarFx.vue.d.ts.map

package/dist/components/AvatarFx/vue/VueAvatarFx.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueAvatarFx.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarFx/vue/VueAvatarFx.vue"],"names":[],"mappings":"AAmBA;AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEvF,OAAO,kBAAkB,CAAC;AAI1B,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,MAAM,CAAC,EACH,MAAM,GACN,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgCD,iBAAS,cAAc;qBA2CM,GAAG;EAK/B;AASD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;eAtGP,MAAM;UANX,MAAM;aAQH,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;YAEtC,MAAM,GACN,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW;gBACF,OAAO;UAfb,UAAU;aAEP,aAAa;WADf,WAAW;YAHV,MAAM;YACN,MAAM;4EAgHf,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"}