agnosticui-core 2.0.0-alpha.2

package/dist/components/IconButton/svelte/SvelteIconButtonDemo.js

@@ -0,0 +1,323 @@
+import { H as ae, I as me, J as W, K as q, M as ne, U as we, N as le, O as Y, Q as ie, b as S, h as Ce, R as oe, T as ke, V as Le, F as $, s as te, W as Ee, X as O, Y as se, Z as ye, _ as Se, $ as Ie, a0 as Ae, a1 as Me, a2 as Te, a as xe, y as De, z as G, a3 as n, a4 as V, a5 as y, B as Z, C as Ne, E as ze, a6 as E, a7 as p, d as F } from "../../../lifecycle-BbESl1Js.js";
+import "../core/_IconButton.js";
+let Be = !1;
+function He(i, a) {
+  var e = a == null ? "" : typeof a == "object" ? a + "" : a;
+  e !== (i.__t ??= i.nodeValue) && (i.__t = e, i.nodeValue = e + "");
+}
+function Re(i, a, e = !1) {
+  var u = i, o = null, s = null, f = we, C = e ? me : 0, k = !1;
+  const h = (d, t = !0) => {
+    k = !0, l(t, d);
+  };
+  var g = null;
+  function b() {
+    g !== null && (g.lastChild.remove(), u.before(g), g = null);
+    var d = f ? o : s, t = f ? s : o;
+    d && Y(d), t && ie(t, () => {
+      f ? s = null : o = null;
+    });
+  }
+  const l = (d, t) => {
+    if (f !== (f = d)) {
+      var v = le(), c = u;
+      if (v && (g = document.createDocumentFragment(), g.append(c = W())), f ? o ??= t && q(() => t(c)) : s ??= t && q(() => t(c)), v) {
+        var w = (
+          /** @type {Batch} */
+          ne
+        ), _ = f ? o : s, r = f ? s : o;
+        _ && w.skipped_effects.delete(_), r && w.skipped_effects.add(r), w.add_callback(b);
+      } else
+        b();
+    }
+  };
+  ae(() => {
+    k = !1, a(h), k || l(null, null);
+  }, C);
+}
+function Ve(i, a) {
+  return a;
+}
+function Fe(i, a, e) {
+  for (var u = i.items, o = [], s = a.length, f = 0; f < s; f++)
+    Ae(a[f].e, o, !0);
+  var C = s > 0 && o.length === 0 && e !== null;
+  if (C) {
+    var k = (
+      /** @type {Element} */
+      /** @type {Element} */
+      e.parentNode
+    );
+    Me(k), k.append(
+      /** @type {Element} */
+      e
+    ), u.clear(), M(i, a[0].prev, a[s - 1].next);
+  }
+  Te(o, () => {
+    for (var h = 0; h < s; h++) {
+      var g = a[h];
+      C || (u.delete(g.k), M(i, g.prev, g.next)), se(g.e, !C);
+    }
+  });
+}
+function Pe(i, a, e, u, o, s = null) {
+  var f = i, C = { flags: a, items: /* @__PURE__ */ new Map(), first: null };
+  {
+    var k = (
+      /** @type {Element} */
+      i
+    );
+    f = k.appendChild(W());
+  }
+  var h = null, g = !1, b = /* @__PURE__ */ new Map(), l = Ce(() => {
+    var c = e();
+    return ke(c) ? c : c == null ? [] : oe(c);
+  }), d, t;
+  function v() {
+    Xe(
+      t,
+      d,
+      C,
+      b,
+      f,
+      o,
+      a,
+      u,
+      e
+    ), s !== null && (d.length === 0 ? h ? Y(h) : h = q(() => s(f)) : h !== null && ie(h, () => {
+      h = null;
+    }));
+  }
+  ae(() => {
+    t ??= /** @type {Effect} */
+    xe, d = /** @type {V[]} */
+    S(l);
+    var c = d.length;
+    if (!(g && c === 0)) {
+      g = c === 0;
+      var w, _, r, m;
+      if (le()) {
+        var I = /* @__PURE__ */ new Set(), T = (
+          /** @type {Batch} */
+          ne
+        );
+        for (_ = 0; _ < c; _ += 1) {
+          r = d[_], m = u(r, _);
+          var B = C.items.get(m) ?? b.get(m);
+          B ? re(B, r, _) : (w = ce(
+            null,
+            C,
+            null,
+            null,
+            r,
+            m,
+            _,
+            o,
+            a,
+            e,
+            !0
+          ), b.set(m, w)), I.add(m);
+        }
+        for (const [N, L] of C.items)
+          I.has(N) || T.skipped_effects.add(L.e);
+        T.add_callback(v);
+      } else
+        v();
+      S(l);
+    }
+  });
+}
+function Xe(i, a, e, u, o, s, f, C, k) {
+  var h = a.length, g = e.items, b = e.first, l = b, d, t = null, v = [], c = [], w, _, r, m;
+  for (m = 0; m < h; m += 1) {
+    if (w = a[m], _ = C(w, m), r = g.get(_), r === void 0) {
+      var I = u.get(_);
+      if (I !== void 0) {
+        u.delete(_), g.set(_, I);
+        var T = t ? t.next : l;
+        M(e, t, I), M(e, I, T), Q(I, T, o), t = I;
+      } else {
+        var B = l ? (
+          /** @type {TemplateNode} */
+          l.e.nodes_start
+        ) : o;
+        t = ce(
+          B,
+          e,
+          t,
+          t === null ? e.first : t.next,
+          w,
+          _,
+          m,
+          s,
+          f,
+          k
+        );
+      }
+      g.set(_, t), v = [], c = [], l = t.next;
+      continue;
+    }
+    if (re(r, w, m), (r.e.f & O) !== 0 && Y(r.e), r !== l) {
+      if (d !== void 0 && d.has(r)) {
+        if (v.length < c.length) {
+          var N = c[0], L;
+          t = N.prev;
+          var z = v[0], x = v[v.length - 1];
+          for (L = 0; L < v.length; L += 1)
+            Q(v[L], N, o);
+          for (L = 0; L < c.length; L += 1)
+            d.delete(c[L]);
+          M(e, z.prev, x.next), M(e, t, z), M(e, x, N), l = N, t = x, m -= 1, v = [], c = [];
+        } else
+          d.delete(r), Q(r, l, o), M(e, r.prev, r.next), M(e, r, t === null ? e.first : t.next), M(e, t, r), t = r;
+        continue;
+      }
+      for (v = [], c = []; l !== null && l.k !== _; )
+        (l.e.f & O) === 0 && (d ??= /* @__PURE__ */ new Set()).add(l), c.push(l), l = l.next;
+      if (l === null)
+        continue;
+      r = l;
+    }
+    v.push(r), t = r, l = r.next;
+  }
+  if (l !== null || d !== void 0) {
+    for (var D = d === void 0 ? [] : oe(d); l !== null; )
+      (l.e.f & O) === 0 && D.push(l), l = l.next;
+    var H = D.length;
+    if (H > 0) {
+      var P = h === 0 ? o : null;
+      Fe(e, D, P);
+    }
+  }
+  i.first = e.first && e.first.e, i.last = t && t.e;
+  for (var J of u.values())
+    se(J.e);
+  u.clear();
+}
+function re(i, a, e, u) {
+  Le(i.v, a), i.i = e;
+}
+function ce(i, a, e, u, o, s, f, C, k, h, g) {
+  var b = (k & ye) !== 0, l = (k & Se) === 0, d = b ? l ? $(o, !1, !1) : te(o) : o, t = (k & Ee) === 0 ? f : te(f), v = {
+    i: t,
+    v: d,
+    k: s,
+    a: null,
+    // @ts-expect-error
+    e: null,
+    prev: e,
+    next: u
+  };
+  try {
+    if (i === null) {
+      var c = document.createDocumentFragment();
+      c.append(i = W());
+    }
+    return v.e = q(() => C(
+      /** @type {Node} */
+      i,
+      d,
+      t,
+      h
+    ), Be), v.e.prev = e && e.e, v.e.next = u && u.e, e === null ? g || (a.first = v) : (e.next = v, e.e.next = v.e), u !== null && (u.prev = v, u.e.prev = v.e), v;
+  } finally {
+  }
+}
+function Q(i, a, e) {
+  for (var u = i.next ? (
+    /** @type {TemplateNode} */
+    i.next.e.nodes_start
+  ) : e, o = a ? (
+    /** @type {TemplateNode} */
+    a.e.nodes_start
+  ) : e, s = (
+    /** @type {TemplateNode} */
+    i.e.nodes_start
+  ); s !== null && s !== u; ) {
+    var f = (
+      /** @type {TemplateNode} */
+      Ie(s)
+    );
+    o.before(s), s = f;
+  }
+}
+function M(i, a, e) {
+  a === null ? i.first = e : (a.next = e, a.e.next = e && e.e), e !== null && (e.prev = a, e.e.prev = a && a.e);
+}
+var Ue = G('<p class="empty-state svelte-1pf13wd">No actions yet. Click some buttons above!</p>'), Ze = G('<li class="svelte-1pf13wd"> </li>'), $e = G('<ul class="svelte-1pf13wd"></ul>'), qe = G('<div class="demo-container svelte-1pf13wd"><h2>IconButton Svelte Integration Demo</h2> <div class="demo-section svelte-1pf13wd"><h3 class="svelte-1pf13wd">Basic Icon Buttons</h3> <div class="button-group svelte-1pf13wd"><ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button></div></div> <div class="demo-section svelte-1pf13wd"><h3 class="svelte-1pf13wd">Custom Icon with SVG</h3> <div class="button-group svelte-1pf13wd"><ag-icon-button><svg viewBox="0 0 24 24" style="width: 1em; height: 1em; fill: currentColor;"><path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11.03L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.22,8.95 2.27,9.22 2.46,9.37L4.57,11.03C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.22,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.68 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"></path></svg></ag-icon-button></div></div> <div class="demo-section svelte-1pf13wd"><h3 class="svelte-1pf13wd">Different Sizes</h3> <div class="button-group svelte-1pf13wd"><ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button> <ag-icon-button></ag-icon-button></div></div> <div class="demo-section svelte-1pf13wd"><h3 class="svelte-1pf13wd">Loading State</h3> <div class="button-group svelte-1pf13wd"><ag-icon-button><span slot="loading" style="font-size: 0.75em;">Saving...</span></ag-icon-button></div></div> <div class="demo-section svelte-1pf13wd"><h3 class="svelte-1pf13wd">Disabled State</h3> <div class="button-group svelte-1pf13wd"><ag-icon-button></ag-icon-button></div></div> <div class="demo-section svelte-1pf13wd"><h3 class="svelte-1pf13wd">Action Log</h3> <div class="action-log svelte-1pf13wd"><button class="clear-button svelte-1pf13wd">Clear Log</button> <!></div></div></div>', 2);
+function Ke(i, a) {
+  ze(a, !1);
+  let e = !1, u = $(!1), o = $(!1), s = $([]);
+  function f() {
+    e = !e, b(`Close button ${e ? "pressed" : "released"}`);
+  }
+  function C() {
+    F(u, !S(u)), b(`Menu button ${S(u) ? "opened" : "closed"}`);
+  }
+  async function k() {
+    S(o) || (F(o, !0), b("Save started..."), await new Promise((A) => setTimeout(A, 2e3)), F(o, !1), b("Save completed!"));
+  }
+  function h() {
+    b("Edit button clicked");
+  }
+  function g() {
+    confirm("Are you sure you want to delete this item?") && b("Item deleted");
+  }
+  function b(A) {
+    F(s, [
+      `${(/* @__PURE__ */ new Date()).toLocaleTimeString()}: ${A}`,
+      ...S(
+        s
+        // Keep last 10 actions
+      ).slice(0, 9)
+    ]);
+  }
+  function l() {
+    F(s, []);
+  }
+  De();
+  var d = qe(), t = p(E(d), 2), v = p(E(t), 2), c = E(v);
+  n(c, "label", "Close"), n(c, "unicode", "×"), n(c, "variant", "ghost");
+  var w = p(c, 2);
+  n(w, "label", "Menu"), n(w, "unicode", "☰"), V(() => n(w, "pressed", S(u)));
+  var _ = p(w, 2);
+  n(_, "label", "Edit"), n(_, "unicode", "✎"), n(_, "variant", "primary");
+  var r = p(_, 2);
+  n(r, "label", "Delete"), n(r, "unicode", "🗑"), n(r, "variant", "danger");
+  var m = p(t, 2), I = p(E(m), 2), T = E(I);
+  n(T, "label", "Settings"), n(T, "variant", "secondary");
+  var B = p(m, 2), N = p(E(B), 2), L = E(N);
+  n(L, "label", "Extra small"), n(L, "unicode", "×"), n(L, "size", "xs");
+  var z = p(L, 2);
+  n(z, "label", "Small"), n(z, "unicode", "×"), n(z, "size", "sm");
+  var x = p(z, 2);
+  n(x, "label", "Medium"), n(x, "unicode", "×"), n(x, "size", "md");
+  var D = p(x, 2);
+  n(D, "label", "Large"), n(D, "unicode", "×"), n(D, "size", "lg");
+  var H = p(D, 2);
+  n(H, "label", "Extra large"), n(H, "unicode", "×"), n(H, "size", "xl");
+  var P = p(B, 2), J = p(E(P), 2), R = E(J);
+  n(R, "label", "Save"), n(R, "unicode", "💾"), V(() => n(R, "loading", S(o))), V(() => n(R, "disabled", S(o))), n(R, "variant", "primary");
+  var j = p(P, 2), ue = p(E(j), 2), X = E(ue);
+  n(X, "label", "Disabled button"), n(X, "unicode", "🚫"), n(X, "disabled", !0);
+  var ve = p(j, 2), de = p(E(ve), 2), K = E(de), fe = p(K, 2);
+  {
+    var _e = (A) => {
+      var U = Ue();
+      Z(A, U);
+    }, be = (A) => {
+      var U = $e();
+      Pe(U, 5, () => S(s), Ve, (ge, pe) => {
+        var ee = Ze(), he = E(ee);
+        V(() => He(he, S(pe))), Z(ge, ee);
+      }), Z(A, U);
+    };
+    Re(fe, (A) => {
+      S(s).length === 0 ? A(_e) : A(be, !1);
+    });
+  }
+  V(() => K.disabled = S(s).length === 0), y("icon-button-click", c, f), y("icon-button-click", w, C), y("icon-button-click", _, h), y("icon-button-click", r, g), y("icon-button-click", T, () => b("Settings opened")), y("icon-button-click", L, () => b("XS button clicked")), y("icon-button-click", z, () => b("Small button clicked")), y("icon-button-click", x, () => b("Medium button clicked")), y("icon-button-click", D, () => b("Large button clicked")), y("icon-button-click", H, () => b("XL button clicked")), y("icon-button-click", R, k), y("icon-button-click", X, () => b("This should not fire")), y("click", K, l), Z(i, d), Ne();
+}
+export {
+  Ke as default
+};

package/dist/components/IconButton/svelte/SvelteIconButtonDemo.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte';

package/dist/components/IconButton/svelte/types.d.js

@@ -0,0 +1 @@
+

package/dist/components/IconButton/vue/VueIconButton.js

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

package/dist/components/IconButton/vue/VueIconButton.vue.d.ts

@@ -0,0 +1,62 @@
+import { IconButtonProps, IconButtonClickEventDetail, IconButtonActivateEventDetail } from '../core/IconButton';
+
+export interface VueIconButtonProps extends Omit<IconButtonProps, "onIconButtonClick" | "onIconButtonActivate"> {
+    /** Additional ARIA label (will override label prop) */
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueIconButtonProps>, {
+    size: string;
+    variant: string;
+    type: string;
+    disabled: boolean;
+    pressed: boolean;
+    loading: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "icon-button-click": (detail: IconButtonClickEventDetail) => void;
+    "icon-button-activate": (detail: IconButtonActivateEventDetail) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueIconButtonProps>, {
+    size: string;
+    variant: string;
+    type: string;
+    disabled: boolean;
+    pressed: boolean;
+    loading: boolean;
+}>>> & Readonly<{
+    "onIcon-button-click"?: ((detail: IconButtonClickEventDetail) => any) | undefined;
+    "onIcon-button-activate"?: ((detail: IconButtonActivateEventDetail) => any) | undefined;
+}>, {
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "primary" | "secondary" | "success" | "warning" | "danger" | "ghost" | "monochrome";
+    loading: boolean;
+    pressed: 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=VueIconButton.vue.d.ts.map

package/dist/components/IconButton/vue/VueIconButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueIconButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/vue/VueIconButton.vue"],"names":[],"mappings":"AAmBA;AAGA,OAAO,KAAK,EACV,eAAe,EACf,0BAA0B,EAC1B,6BAA6B,EAC9B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,mBAAmB,GAAG,sBAAsB,CAAC;IAC3E,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD,iBAAS,cAAc;qBA+CO,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/IconButton/vue/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,5 @@
+import { _ as a, _ as e } from "../../../VueIconButton.vue_vue_type_script_setup_true_lang-DKCTvvr9.js";
+export {
+  a as VueIconButton,
+  e as default
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonFx.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButtonFx/core/IconButtonFx.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF;AAGD,cAAc,oBAAoB,CAAC"}

package/dist/components/IconButtonFx/core/IconButtonFx.js

@@ -0,0 +1,5 @@
+import { IconButtonFx as t } from "./_IconButtonFx.js";
+customElements.get("ag-icon-button-fx") || customElements.define("ag-icon-button-fx", t);
+export {
+  t as IconButtonFx
+};

package/dist/components/IconButtonFx/core/_IconButtonFx.d.ts

@@ -0,0 +1,31 @@
+import { AgIconButton, IconButtonProps, IconButtonClickEvent, IconButtonActivateEvent } from '../../IconButton/core/_IconButton.js';
+import { FxProps } from '../../../types/fx.js';
+
+export type { IconButtonClickEvent, IconButtonActivateEvent };
+export interface IconButtonFxProps extends IconButtonProps, FxProps {
+}
+/**
+ * IconButtonFx - IconButton with CSS animation effects
+ *
+ * Extends AgIconButton to add optional CSS-only animation effects.
+ * Inherits all IconButton functionality and styling.
+ *
+ * Features:
+ * - CSS-only FX effects (reuses motionStyles keyframes)
+ * - Full control over button hover states
+ * - Automatic reduced-motion support
+ * - Can override IconButton's default hover behaviors
+ */
+export declare class IconButtonFx extends AgIconButton implements FxProps {
+    static styles: import('lit').CSSResult[];
+    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;
+    constructor();
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    private _applyFxClasses;
+    private _applyFxCustomProperties;
+}
+//# sourceMappingURL=_IconButtonFx.d.ts.map

package/dist/components/IconButtonFx/core/_IconButtonFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_IconButtonFx.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButtonFx/core/_IconButtonFx.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGpD,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC;AAG9D,MAAM,WAAW,iBAAkB,SAAQ,eAAe,EAAE,OAAO;CAAG;AAEtE;;;;;;;;;;;GAWG;AAEH,qBAAa,YAAa,SAAQ,YAAa,YAAW,OAAO;IAC/D,MAAM,CAAC,MAAM,4BA6HX;IAIM,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAG1C,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IAG7G,UAAU,EAAE,OAAO,CAAC;;IAUnB,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOzD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAc7D,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,wBAAwB;CAOjC"}

package/dist/components/IconButtonFx/core/_IconButtonFx.js

@@ -0,0 +1,172 @@
+import { css as x } from "lit";
+import { n as o } from "../../../property-CemaeiRl.js";
+import { AgIconButton as g } from "../../IconButton/core/_IconButton.js";
+import { motionStyles as d } from "../../../styles/motion.styles.js";
+var p = Object.defineProperty, r = (f, a, s, b) => {
+  for (var t = void 0, n = f.length - 1, u; n >= 0; n--)
+    (u = f[n]) && (t = u(a, s, t) || t);
+  return t && p(a, s, t), t;
+};
+const i = class i extends g {
+  constructor() {
+    super(), this.fxSpeed = "md", this.fxEase = "ease", this.fxDisabled = !1;
+  }
+  firstUpdated(a) {
+    super.firstUpdated?.(a), this._applyFxClasses(), this._applyFxCustomProperties();
+  }
+  updated(a) {
+    super.updated(a), (a.has("fx") || a.has("fxDisabled")) && this._applyFxClasses(), (a.has("fxSpeed") || a.has("fxEase")) && this._applyFxCustomProperties();
+  }
+  _applyFxClasses() {
+    const a = this.shadowRoot?.querySelector("button");
+    a && (a.classList.forEach((s) => {
+      s.startsWith("ag-fx-") && a.classList.remove(s);
+    }), this.fx && a.classList.add(`ag-fx-${this.fx}`), this.fxDisabled && a.classList.add("ag-fx-disabled"));
+  }
+  _applyFxCustomProperties() {
+    const a = this.shadowRoot?.querySelector("button");
+    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})`));
+  }
+};
+i.styles = [
+  g.styles,
+  d,
+  x`
+      /* ========================================
+         OVERRIDE PARENT HOVER BACKGROUNDS
+         These compete with FX effects
+         ======================================== */
+
+      :host([variant="primary"]) button:hover {
+        background: var(--ag-primary-dark);
+      }
+
+      :host([variant="secondary"]) button:hover {
+        background: var(--ag-neutral-500);
+      }
+
+      :host([variant="success"]) button:hover {
+        background: var(--ag-success-dark);
+      }
+
+      :host([variant="warning"]) button:hover {
+        background: var(--ag-warning-dark);
+      }
+
+      :host([variant="danger"]) button:hover {
+        background: var(--ag-danger-dark);
+      }
+
+      :host([variant="monochrome"]) button:hover {
+        background: var(--ag-background-secondary-inverted);
+      }
+
+      /* ========================================
+         FX EFFECT CLASSES
+         Classes are applied directly to button element
+         Note: Keyframes are imported from motionStyles
+         ======================================== */
+
+      /* Hover-triggered effects */
+      button.ag-fx-bounce:hover {
+        animation: ag-fx-bounce var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      button.ag-fx-pulse:hover {
+        animation: ag-fx-pulse var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      button.ag-fx-jelly:hover {
+        animation: ag-fx-jelly var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Active/press-triggered effects */
+      button.ag-fx-press-pop:active {
+        animation: ag-fx-press-pop var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Entrance effect - plays once on mount */
+      button.ag-fx-slide-in {
+        animation: ag-fx-slide-in var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* ========================================
+         ADDITIONAL EFFECT CLASSES
+         ======================================== */
+
+      /* Grow */
+      button.ag-fx-grow:hover {
+        animation: ag-fx-grow var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease) forwards;
+      }
+
+      /* Shrink */
+      button.ag-fx-shrink:hover {
+        animation: ag-fx-shrink var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease) forwards;
+      }
+
+      /* Push */
+      button.ag-fx-push:hover {
+        animation: ag-fx-push var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Shake */
+      button.ag-fx-shake:hover {
+        animation: ag-fx-shake var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Wobble */
+      button.ag-fx-wobble:hover {
+        animation: ag-fx-wobble var(--ag-fx-duration, 200ms) var(--ag-fx-ease, ease);
+      }
+
+      /* Pulse-Wobble Sequential */
+      button.ag-fx-pulse-wobble:hover {
+        animation:
+          ag-fx-grow 200ms var(--ag-fx-ease-spring-lg) 0ms,
+          ag-fx-wobble 200ms var(--ag-fx-ease-spring-md) 200ms;
+      }
+
+      /* Disabled FX */
+      button.ag-fx-disabled {
+        animation: none !important;
+      }
+
+      button.ag-fx-disabled::after {
+        animation: none !important;
+      }
+
+      /* Automatic reduced-motion support */
+      @media (prefers-reduced-motion: reduce) {
+        button.ag-fx-bounce,
+        button.ag-fx-pulse,
+        button.ag-fx-jelly,
+        button.ag-fx-press-pop,
+        button.ag-fx-slide-in,
+        button.ag-fx-grow,
+        button.ag-fx-shrink,
+        button.ag-fx-push,
+        button.ag-fx-shake,
+        button.ag-fx-wobble,
+        button.ag-fx-pulse-wobble {
+          animation-duration: 0.01ms !important;
+          transition-duration: 0.01ms !important;
+        }
+      }
+    `
+];
+let e = i;
+r([
+  o({ type: String })
+], e.prototype, "fx");
+r([
+  o({ type: String, attribute: "fx-speed" })
+], e.prototype, "fxSpeed");
+r([
+  o({ type: String, attribute: "fx-ease" })
+], e.prototype, "fxEase");
+r([
+  o({ type: Boolean, reflect: !0, attribute: "fx-disabled" })
+], e.prototype, "fxDisabled");
+export {
+  e as IconButtonFx
+};

package/dist/components/IconButtonFx/react/ReactIconButtonFx.d.ts

@@ -0,0 +1,14 @@
+import { EventName } from '@lit/react';
+import { IconButtonFx, IconButtonFxProps, IconButtonClickEvent, IconButtonActivateEvent } from '../core/IconButtonFx';
+import * as React from 'react';
+export interface ReactIconButtonFxProps extends IconButtonFxProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactIconButtonFx: import('@lit/react').ReactWebComponent<IconButtonFx, {
+    onIconButtonClick: EventName<IconButtonClickEvent>;
+    onIconButtonActivate: EventName<IconButtonActivateEvent>;
+}>;
+export type { IconButtonClickEvent, IconButtonActivateEvent } from '../core/_IconButtonFx';
+//# sourceMappingURL=ReactIconButtonFx.d.ts.map

package/dist/components/IconButtonFx/react/ReactIconButtonFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactIconButtonFx.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButtonFx/react/ReactIconButtonFx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,iBAAiB;uBAKgB,SAAS,CAAC,oBAAoB,CAAC;0BACzB,SAAS,CAAC,uBAAuB,CAAC;EAEpF,CAAC;AAEH,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC"}