@aura360/aura-nine-dot-menu 1.0.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './react/AuraNineDotMenu';

package/dist/index.es.js

@@ -0,0 +1,875 @@
+import $t, { useRef as gt, useEffect as Q } from "react";
+const N = globalThis, W = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Z = /* @__PURE__ */ Symbol(), X = /* @__PURE__ */ new WeakMap();
+let pt = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== Z) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (W && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = X.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && X.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const _t = (i) => new pt(typeof i == "string" ? i : i + "", void 0, Z), k = (i, ...t) => {
+  const e = i.length === 1 ? i[0] : t.reduce((s, r, o) => s + ((n) => {
+    if (n._$cssResult$ === !0) return n.cssText;
+    if (typeof n == "number") return n;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(r) + i[o + 1], i[0]);
+  return new pt(e, i, Z);
+}, mt = (i, t) => {
+  if (W) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of t) {
+    const s = document.createElement("style"), r = N.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+  }
+}, tt = W ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return _t(e);
+})(i) : i;
+const { is: vt, defineProperty: yt, getOwnPropertyDescriptor: At, getOwnPropertyNames: bt, getOwnPropertySymbols: xt, getPrototypeOf: Et } = Object, j = globalThis, et = j.trustedTypes, wt = et ? et.emptyScript : "", St = j.reactiveElementPolyfillSupport, S = (i, t) => i, R = { toAttribute(i, t) {
+  switch (t) {
+    case Boolean:
+      i = i ? wt : null;
+      break;
+    case Object:
+    case Array:
+      i = i == null ? i : JSON.stringify(i);
+  }
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
+  switch (t) {
+    case Boolean:
+      e = i !== null;
+      break;
+    case Number:
+      e = i === null ? null : Number(i);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(i);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, F = (i, t) => !vt(i, t), st = { attribute: !0, type: String, converter: R, reflect: !1, useDefault: !1, hasChanged: F };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), j.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let y = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ??= []).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = st) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, s, e);
+      r !== void 0 && yt(this.prototype, t, r);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: r, set: o } = At(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(n) {
+      this[e] = n;
+    } };
+    return { get: r, set(n) {
+      const h = r?.call(this);
+      o?.call(this, n), this.requestUpdate(t, h, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? st;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(S("elementProperties"))) return;
+    const t = Et(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(S("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(S("properties"))) {
+      const e = this.properties, s = [...bt(e), ...xt(e)];
+      for (const r of s) this.createProperty(r, e[r]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const r = this._$Eu(e, s);
+      r !== void 0 && this._$Eh.set(r, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const r of s) e.unshift(tt(r));
+    } else t !== void 0 && e.push(tt(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return mt(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t) => t.hostDisconnected?.());
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$ET(t, e) {
+    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
+    if (r !== void 0 && s.reflect === !0) {
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : R).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    const s = this.constructor, r = s._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const o = s.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : R;
+      this._$Em = r;
+      const h = n.fromAttribute(e, o.type);
+      this[r] = h ?? this._$Ej?.get(r) ?? h, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s, r = !1, o) {
+    if (t !== void 0) {
+      const n = this.constructor;
+      if (r === !1 && (o = this[t]), s ??= n.getPropertyOptions(t), !((s.hasChanged ?? F)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, s)))) return;
+      this.C(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: s, reflect: r, wrapped: o }, n) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? e ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [r, o] of this._$Ep) this[r] = o;
+        this._$Ep = void 0;
+      }
+      const s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [r, o] of s) {
+        const { wrapped: n } = o, h = this[r];
+        n !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, void 0, o, h);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((s) => s.hostUpdate?.()), this.update(e)) : this._$EM();
+    } catch (s) {
+      throw t = !1, this._$EM(), s;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[S("elementProperties")] = /* @__PURE__ */ new Map(), y[S("finalized")] = /* @__PURE__ */ new Map(), St?.({ ReactiveElement: y }), (j.reactiveElementVersions ??= []).push("2.1.2");
+const J = globalThis, rt = (i) => i, D = J.trustedTypes, it = D ? D.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ct = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, dt = "?" + $, Pt = `<${dt}>`, v = document, P = () => v.createComment(""), C = (i) => i === null || typeof i != "object" && typeof i != "function", K = Array.isArray, Ct = (i) => K(i) || typeof i?.[Symbol.iterator] == "function", I = `[ 	
+\f\r]`, w = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ot = /-->/g, nt = />/g, _ = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), at = /'/g, ht = /"/g, ut = /^(?:script|style|textarea|title)$/i, Ot = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), A = Ot(1), b = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), lt = /* @__PURE__ */ new WeakMap(), m = v.createTreeWalker(v, 129);
+function ft(i, t) {
+  if (!K(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return it !== void 0 ? it.createHTML(t) : t;
+}
+const Ut = (i, t) => {
+  const e = i.length - 1, s = [];
+  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = w;
+  for (let h = 0; h < e; h++) {
+    const a = i[h];
+    let p, d, l = -1, u = 0;
+    for (; u < a.length && (n.lastIndex = u, d = n.exec(a), d !== null); ) u = n.lastIndex, n === w ? d[1] === "!--" ? n = ot : d[1] !== void 0 ? n = nt : d[2] !== void 0 ? (ut.test(d[2]) && (r = RegExp("</" + d[2], "g")), n = _) : d[3] !== void 0 && (n = _) : n === _ ? d[0] === ">" ? (n = r ?? w, l = -1) : d[1] === void 0 ? l = -2 : (l = n.lastIndex - d[2].length, p = d[1], n = d[3] === void 0 ? _ : d[3] === '"' ? ht : at) : n === ht || n === at ? n = _ : n === ot || n === nt ? n = w : (n = _, r = void 0);
+    const f = n === _ && i[h + 1].startsWith("/>") ? " " : "";
+    o += n === w ? a + Pt : l >= 0 ? (s.push(p), a.slice(0, l) + ct + a.slice(l) + $ + f) : a + $ + (l === -2 ? h : f);
+  }
+  return [ft(i, o + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+};
+class O {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let r;
+    this.parts = [];
+    let o = 0, n = 0;
+    const h = t.length - 1, a = this.parts, [p, d] = Ut(t, e);
+    if (this.el = O.createElement(p, s), m.currentNode = this.el.content, e === 2 || e === 3) {
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
+    }
+    for (; (r = m.nextNode()) !== null && a.length < h; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(ct)) {
+          const u = d[n++], f = r.getAttribute(l).split($), H = /([.?@])?(.*)/.exec(u);
+          a.push({ type: 1, index: o, name: H[2], strings: f, ctor: H[1] === "." ? Mt : H[1] === "?" ? Ht : H[1] === "@" ? Nt : z }), r.removeAttribute(l);
+        } else l.startsWith($) && (a.push({ type: 6, index: o }), r.removeAttribute(l));
+        if (ut.test(r.tagName)) {
+          const l = r.textContent.split($), u = l.length - 1;
+          if (u > 0) {
+            r.textContent = D ? D.emptyScript : "";
+            for (let f = 0; f < u; f++) r.append(l[f], P()), m.nextNode(), a.push({ type: 2, index: ++o });
+            r.append(l[u], P());
+          }
+        }
+      } else if (r.nodeType === 8) if (r.data === dt) a.push({ type: 2, index: o });
+      else {
+        let l = -1;
+        for (; (l = r.data.indexOf($, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += $.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const s = v.createElement("template");
+    return s.innerHTML = t, s;
+  }
+}
+function x(i, t, e = i, s) {
+  if (t === b) return t;
+  let r = s !== void 0 ? e._$Co?.[s] : e._$Cl;
+  const o = C(t) ? void 0 : t._$litDirective$;
+  return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = r : e._$Cl = r), r !== void 0 && (t = x(i, r._$AS(i, t.values), r, s)), t;
+}
+class Tt {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: e }, parts: s } = this._$AD, r = (t?.creationScope ?? v).importNode(e, !0);
+    m.currentNode = r;
+    let o = m.nextNode(), n = 0, h = 0, a = s[0];
+    for (; a !== void 0; ) {
+      if (n === a.index) {
+        let p;
+        a.type === 2 ? p = new T(o, o.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (p = new Rt(o, this, t)), this._$AV.push(p), a = s[++h];
+      }
+      n !== a?.index && (o = m.nextNode(), n++);
+    }
+    return m.currentNode = v, r;
+  }
+  p(t) {
+    let e = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+  }
+}
+class T {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t, e, s, r) {
+    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = x(this, t, e), C(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== b && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ct(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== c && C(this._$AH) ? this._$AA.nextSibling.data = t : this.T(v.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = O.createElement(ft(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === r) this._$AH.p(e);
+    else {
+      const o = new Tt(r, this), n = o.u(this.options);
+      o.p(e), this.T(n), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = lt.get(t.strings);
+    return e === void 0 && lt.set(t.strings, e = new O(t)), e;
+  }
+  k(t) {
+    K(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let s, r = 0;
+    for (const o of t) r === e.length ? e.push(s = new T(this.O(P()), this.O(P()), this, this.options)) : s = e[r], s._$AI(o), r++;
+    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
+      const s = rt(t).nextSibling;
+      rt(t).remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  }
+}
+class z {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, e, s, r, o) {
+    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
+  }
+  _$AI(t, e = this, s, r) {
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0) t = x(this, t, e, 0), n = !C(t) || t !== this._$AH && t !== b, n && (this._$AH = t);
+    else {
+      const h = t;
+      let a, p;
+      for (t = o[0], a = 0; a < o.length - 1; a++) p = x(this, h[s + a], e, a), p === b && (p = this._$AH[a]), n ||= !C(p) || p !== this._$AH[a], p === c ? t = c : t !== c && (t += (p ?? "") + o[a + 1]), this._$AH[a] = p;
+    }
+    n && !r && this.j(t);
+  }
+  j(t) {
+    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class Mt extends z {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === c ? void 0 : t;
+  }
+}
+class Ht extends z {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== c);
+  }
+}
+class Nt extends z {
+  constructor(t, e, s, r, o) {
+    super(t, e, s, r, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    if ((t = x(this, t, e, 0) ?? c) === b) return;
+    const s = this._$AH, r = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== c && (s === c || r);
+    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class Rt {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    x(this, t);
+  }
+}
+const Dt = J.litHtmlPolyfillSupport;
+Dt?.(O, T), (J.litHtmlVersions ??= []).push("3.3.2");
+const kt = (i, t, e) => {
+  const s = e?.renderBefore ?? t;
+  let r = s._$litPart$;
+  if (r === void 0) {
+    const o = e?.renderBefore ?? null;
+    s._$litPart$ = r = new T(t.insertBefore(P(), o), o, void 0, e ?? {});
+  }
+  return r._$AI(i), r;
+};
+const Y = globalThis;
+class g extends y {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = kt(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return b;
+  }
+}
+g._$litElement$ = !0, g.finalized = !0, Y.litElementHydrateSupport?.({ LitElement: g });
+const jt = Y.litElementPolyfillSupport;
+jt?.({ LitElement: g });
+(Y.litElementVersions ??= []).push("4.2.2");
+const L = (i) => (t, e) => {
+  e !== void 0 ? e.addInitializer(() => {
+    customElements.define(i, t);
+  }) : customElements.define(i, t);
+};
+const zt = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: F }, Lt = (i = zt, t, e) => {
+  const { kind: s, metadata: r } = e;
+  let o = globalThis.litPropertyMetadata.get(r);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), o.set(e.name, i), s === "accessor") {
+    const { name: n } = e;
+    return { set(h) {
+      const a = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(n, a, i, !0, h);
+    }, init(h) {
+      return h !== void 0 && this.C(n, void 0, i, h), h;
+    } };
+  }
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(h) {
+      const a = this[n];
+      t.call(this, h), this.requestUpdate(n, a, i, !0, h);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+function M(i) {
+  return (t, e) => typeof e == "object" ? Lt(i, t, e) : ((s, r, o) => {
+    const n = r.hasOwnProperty(o);
+    return r.constructor.createProperty(o, s), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
+  })(i, t, e);
+}
+function Bt(i) {
+  return M({ ...i, state: !0, attribute: !1 });
+}
+var It = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, B = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? qt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && It(t, e, r), r;
+};
+let E = class extends g {
+  constructor() {
+    super(...arguments), this.data = [], this.position = "top-right", this.open = !1;
+  }
+  render() {
+    return A`
+      <div class="trigger" @click=${this.toggle}> 
+        <div class="dots"> ${Array.from({ length: 9 }).map(() => A`<span class="dot"></span>`)} </div> </div>
+
+      <div class="panel ${this.open ? "open" : ""}">
+        <div class="apps">
+          ${this.data.map((i) => this.renderCard(i))}
+        </div>
+      </div>
+    `;
+  }
+  renderCard(i) {
+    return A`
+      <aura-app
+        href=${i.url}
+        .newTab=${i.newTab ?? !0}
+        key=${i.id}
+      >
+        <aura-app-icon>
+          <img src=${i.icon} alt=${i.label}
+          @error=${() => console.error("Failed to load icon")} alt="ACT icon"/>
+        </aura-app-icon>
+
+        <aura-app-text>${i.label}</aura-app-text>
+      </aura-app>
+    `;
+  }
+  toggle() {
+    this.open = !this.open;
+  }
+};
+E.styles = k`
+    :host {
+      --menu-bg: #ffffff;
+      --menu-text: #000000;
+      --dot-color: #000000;
+      --hover-bg: rgba(0, 0, 0, 0.08);
+      position: fixed;
+      z-index: 1000;
+      --offset: 16px;
+      font-family: system-ui, sans-serif;
+      --box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);
+    }
+
+    :host([position="top-right"]) {
+      top: var(--offset);
+      right: var(--offset);
+    }
+
+    :host([position="top-left"]) {
+      top: var(--offset);
+      left: var(--offset);
+    }
+
+    :host([position="bottom-right"]) {
+      bottom: var(--offset);
+      right: var(--offset);
+    }
+
+    :host([position="bottom-left"]) {
+      bottom: var(--offset);
+      left: var(--offset);
+    }
+
+    :host([position*="right"]) .panel {
+      right: 0;
+    }
+
+    :host([position*="left"]) .panel {
+      left: 0;
+    }
+
+
+    @media (prefers-color-scheme: dark) {
+      :host {
+        --menu-bg: #202124;
+        --menu-text: #ffffff;
+        --dot-color: #ffffff;
+        --hover-bg: rgba(255, 255, 255, 0.1);
+        --box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4),
+        0 6px 16px rgba(0, 0, 0, 0.6),
+        0 12px 32px rgba(0, 0, 0, 0.4);
+      }
+    }
+
+    /* Trigger nine-dot button */
+    .trigger {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      display: grid;
+      place-items: center;
+      cursor: pointer;
+      transition: background 0.2s ease;
+    }
+
+    .trigger:hover {
+      background: var(--hover-bg);
+    }
+
+
+    .dots {
+      display: grid;
+      grid-template-columns: repeat(3, 6px);
+      gap: 4px;
+    }
+
+    .dot {
+      width: 6px;
+      height: 6px;
+      background: var(--dot-color);
+      border-radius: 50%;
+    }
+
+    /* Panel / card container */
+    .panel {
+        position: absolute;
+        margin-top: 12px;
+        background: var(--menu-bg);
+        color: var(--menu-text);
+        border-radius: 16px;
+        padding: 16px 12px;
+        width: 340px;
+        max-height: 420px;
+        overflow-y: auto;
+
+      opacity: 0;
+      transform: translateY(-8px) scale(0.96);
+      pointer-events: none;
+      transition: opacity 160ms ease-out, transform 160ms ease-out;
+
+      box-shadow: var(--box-shadow);
+    }
+
+    .panel.open {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+      pointer-events: auto;
+    }
+
+    /* App cards grid */
+    .apps {
+    display: grid;
+    grid-template-columns: repeat(3, 96px);
+    justify-content: center;
+    gap: 12px;
+    }
+
+
+    .app {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8px;
+      padding: 12px;
+      border-radius: 12px;
+      color: var(--menu-text);
+      text-decoration: none;
+      cursor: pointer;
+      transition: background 0.15s ease;
+    }
+
+    .app:hover {
+      background: var(--hover-bg);
+    }
+
+    .app img {
+      width: 40px;
+      height: 40px;
+    }
+
+    .label {
+      font-size: 13px;
+      text-align: center;
+    }
+
+    .panel {
+        scrollbar-width: thin;
+    }
+
+    .panel::-webkit-scrollbar {
+        width: 6px;
+    }
+
+    .panel::-webkit-scrollbar-thumb {
+        background: rgba(255, 255, 255, 0.2);
+        border-radius: 4px;
+    }
+
+  `;
+B([
+  M({ type: Array })
+], E.prototype, "data", 2);
+B([
+  M({ reflect: !0 })
+], E.prototype, "position", 2);
+B([
+  Bt()
+], E.prototype, "open", 2);
+E = B([
+  L("aura-nine-dot-menu")
+], E);
+var Vt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, G = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Wt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && Vt(t, e, r), r;
+};
+let U = class extends g {
+  constructor() {
+    super(...arguments), this.href = "", this.newTab = !0;
+  }
+  render() {
+    return A`
+      <a
+        href=${this.href}
+        target=${this.newTab ? "_blank" : "_self"}
+        rel="noopener"
+      >
+        <slot></slot>
+      </a>
+    `;
+  }
+};
+U.styles = k`
+  :host {
+    display: block;
+  }
+
+  a {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    padding: 12px;
+    border-radius: 12px;
+    text-decoration: none;
+    color: white;
+    cursor: pointer;
+  }
+
+  a:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+`;
+G([
+  M()
+], U.prototype, "href", 2);
+G([
+  M({ type: Boolean })
+], U.prototype, "newTab", 2);
+U = G([
+  L("aura-app")
+], U);
+var Zt = Object.getOwnPropertyDescriptor, Ft = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Zt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let q = class extends g {
+  // <-- Close the template literal here
+  render() {
+    return A`<slot></slot>`;
+  }
+};
+q.styles = k`
+    :host {
+      display: inline-flex;
+      color: white;
+    }
+
+    ::slotted(img),
+    ::slotted(svg) {
+      width: 40px;
+      height: 40px;
+      display: block;
+    }
+
+    ::slotted(svg) {
+      fill: currentColor;
+    }
+  `;
+q = Ft([
+  L("aura-app-icon")
+], q);
+var Jt = Object.getOwnPropertyDescriptor, Kt = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Jt(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let V = class extends g {
+  render() {
+    return A`<slot></slot>`;
+  }
+};
+V.styles = k`
+    :host {
+      font-size: 13px;
+      color: #000000;
+      text-align: center;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :host {
+        color: #ffff !important;
+      } 
+    }
+  `;
+V = Kt([
+  L("aura-app-text")
+], V);
+const Xt = ({
+  data: i,
+  position: t = "top-right",
+  onItemClick: e
+}) => {
+  const s = gt(null);
+  return Q(() => {
+    s.current && (s.current.data = i, s.current.position = t);
+  }, [i, t]), Q(() => {
+    const r = s.current, o = (n) => {
+      e?.(n.detail);
+    };
+    return r?.addEventListener("item-click", o), () => r?.removeEventListener("item-click", o);
+  }, [e]), $t.createElement("aura-nine-dot-menu", { ref: s });
+};
+export {
+  Xt as AuraNineDotMenu
+};

package/dist/index.umd.js

@@ -0,0 +1,239 @@
+(function(m,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],f):(m=typeof globalThis<"u"?globalThis:m||self,f(m.AuraNineDotMenu={},m.React))})(this,(function(m,f){"use strict";const R=globalThis,V=R.ShadowRoot&&(R.ShadyCSS===void 0||R.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),tt=new WeakMap;let et=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(V&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=tt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&tt.set(e,t))}return t}toString(){return this.cssText}};const gt=i=>new et(typeof i=="string"?i:i+"",void 0,W),D=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[o+1],i[0]);return new et(e,i,W)},_t=(i,t)=>{if(V)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=R.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},st=V?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return gt(e)})(i):i;const{is:mt,defineProperty:vt,getOwnPropertyDescriptor:yt,getOwnPropertyNames:At,getOwnPropertySymbols:bt,getPrototypeOf:xt}=Object,j=globalThis,rt=j.trustedTypes,Et=rt?rt.emptyScript:"",wt=j.reactiveElementPolyfillSupport,P=(i,t)=>i,k={toAttribute(i,t){switch(t){case Boolean:i=i?Et:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},Z=(i,t)=>!mt(i,t),it={attribute:!0,type:String,converter:k,reflect:!1,useDefault:!1,hasChanged:Z};Symbol.metadata??=Symbol("metadata"),j.litPropertyMetadata??=new WeakMap;let b=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=it){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&vt(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:o}=yt(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get:r,set(n){const h=r?.call(this);o?.call(this,n),this.requestUpdate(t,h,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??it}static _$Ei(){if(this.hasOwnProperty(P("elementProperties")))return;const t=xt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(P("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P("properties"))){const e=this.properties,s=[...At(e),...bt(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(st(r))}else t!==void 0&&e.push(st(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return _t(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const o=(s.converter?.toAttribute!==void 0?s.converter:k).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const o=s.getPropertyOptions(r),n=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:k;this._$Em=r;const h=n.fromAttribute(e,o.type);this[r]=h??this._$Ej?.get(r)??h,this._$Em=null}}requestUpdate(t,e,s,r=!1,o){if(t!==void 0){const n=this.constructor;if(r===!1&&(o=this[t]),s??=n.getPropertyOptions(t),!((s.hasChanged??Z)(o,e)||s.useDefault&&s.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:o},n){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),o!==!0||n!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,o]of s){const{wrapped:n}=o,h=this[r];n!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,o,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[P("elementProperties")]=new Map,b[P("finalized")]=new Map,wt?.({ReactiveElement:b}),(j.reactiveElementVersions??=[]).push("2.1.2");const F=globalThis,ot=i=>i,z=F.trustedTypes,nt=z?z.createPolicy("lit-html",{createHTML:i=>i}):void 0,at="$lit$",$=`lit$${Math.random().toFixed(9).slice(2)}$`,ht="?"+$,St=`<${ht}>`,v=document,C=()=>v.createComment(""),O=i=>i===null||typeof i!="object"&&typeof i!="function",J=Array.isArray,Pt=i=>J(i)||typeof i?.[Symbol.iterator]=="function",K=`[ 	
+\f\r]`,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lt=/-->/g,pt=/>/g,y=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ct=/'/g,dt=/"/g,ut=/^(?:script|style|textarea|title)$/i,Ct=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),x=Ct(1),E=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),ft=new WeakMap,A=v.createTreeWalker(v,129);function $t(i,t){if(!J(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return nt!==void 0?nt.createHTML(t):t}const Ot=(i,t)=>{const e=i.length-1,s=[];let r,o=t===2?"<svg>":t===3?"<math>":"",n=T;for(let h=0;h<e;h++){const a=i[h];let c,d,l=-1,u=0;for(;u<a.length&&(n.lastIndex=u,d=n.exec(a),d!==null);)u=n.lastIndex,n===T?d[1]==="!--"?n=lt:d[1]!==void 0?n=pt:d[2]!==void 0?(ut.test(d[2])&&(r=RegExp("</"+d[2],"g")),n=y):d[3]!==void 0&&(n=y):n===y?d[0]===">"?(n=r??T,l=-1):d[1]===void 0?l=-2:(l=n.lastIndex-d[2].length,c=d[1],n=d[3]===void 0?y:d[3]==='"'?dt:ct):n===dt||n===ct?n=y:n===lt||n===pt?n=T:(n=y,r=void 0);const _=n===y&&i[h+1].startsWith("/>")?" ":"";o+=n===T?a+St:l>=0?(s.push(c),a.slice(0,l)+at+a.slice(l)+$+_):a+$+(l===-2?h:_)}return[$t(i,o+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class U{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let o=0,n=0;const h=t.length-1,a=this.parts,[c,d]=Ot(t,e);if(this.el=U.createElement(c,s),A.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(r=A.nextNode())!==null&&a.length<h;){if(r.nodeType===1){if(r.hasAttributes())for(const l of r.getAttributeNames())if(l.endsWith(at)){const u=d[n++],_=r.getAttribute(l).split($),q=/([.?@])?(.*)/.exec(u);a.push({type:1,index:o,name:q[2],strings:_,ctor:q[1]==="."?Ut:q[1]==="?"?Mt:q[1]==="@"?Ht:L}),r.removeAttribute(l)}else l.startsWith($)&&(a.push({type:6,index:o}),r.removeAttribute(l));if(ut.test(r.tagName)){const l=r.textContent.split($),u=l.length-1;if(u>0){r.textContent=z?z.emptyScript:"";for(let _=0;_<u;_++)r.append(l[_],C()),A.nextNode(),a.push({type:2,index:++o});r.append(l[u],C())}}}else if(r.nodeType===8)if(r.data===ht)a.push({type:2,index:o});else{let l=-1;for(;(l=r.data.indexOf($,l+1))!==-1;)a.push({type:7,index:o}),l+=$.length-1}o++}}static createElement(t,e){const s=v.createElement("template");return s.innerHTML=t,s}}function w(i,t,e=i,s){if(t===E)return t;let r=s!==void 0?e._$Co?.[s]:e._$Cl;const o=O(t)?void 0:t._$litDirective$;return r?.constructor!==o&&(r?._$AO?.(!1),o===void 0?r=void 0:(r=new o(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??=[])[s]=r:e._$Cl=r),r!==void 0&&(t=w(i,r._$AS(i,t.values),r,s)),t}class Tt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,r=(t?.creationScope??v).importNode(e,!0);A.currentNode=r;let o=A.nextNode(),n=0,h=0,a=s[0];for(;a!==void 0;){if(n===a.index){let c;a.type===2?c=new M(o,o.nextSibling,this,t):a.type===1?c=new a.ctor(o,a.name,a.strings,this,t):a.type===6&&(c=new Nt(o,this,t)),this._$AV.push(c),a=s[++h]}n!==a?.index&&(o=A.nextNode(),n++)}return A.currentNode=v,r}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=w(this,t,e),O(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==E&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Pt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==p&&O(this._$AH)?this._$AA.nextSibling.data=t:this.T(v.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=U.createElement($t(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(e);else{const o=new Tt(r,this),n=o.u(this.options);o.p(e),this.T(n),this._$AH=o}}_$AC(t){let e=ft.get(t.strings);return e===void 0&&ft.set(t.strings,e=new U(t)),e}k(t){J(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const o of t)r===e.length?e.push(s=new M(this.O(C()),this.O(C()),this,this.options)):s=e[r],s._$AI(o),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const s=ot(t).nextSibling;ot(t).remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class L{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,o){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=p}_$AI(t,e=this,s,r){const o=this.strings;let n=!1;if(o===void 0)t=w(this,t,e,0),n=!O(t)||t!==this._$AH&&t!==E,n&&(this._$AH=t);else{const h=t;let a,c;for(t=o[0],a=0;a<o.length-1;a++)c=w(this,h[s+a],e,a),c===E&&(c=this._$AH[a]),n||=!O(c)||c!==this._$AH[a],c===p?t=p:t!==p&&(t+=(c??"")+o[a+1]),this._$AH[a]=c}n&&!r&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ut extends L{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}}class Mt extends L{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}}class Ht extends L{constructor(t,e,s,r,o){super(t,e,s,r,o),this.type=5}_$AI(t,e=this){if((t=w(this,t,e,0)??p)===E)return;const s=this._$AH,r=t===p&&s!==p||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==p&&(s===p||r);r&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Nt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){w(this,t)}}const Rt=F.litHtmlPolyfillSupport;Rt?.(U,M),(F.litHtmlVersions??=[]).push("3.3.2");const Dt=(i,t,e)=>{const s=e?.renderBefore??t;let r=s._$litPart$;if(r===void 0){const o=e?.renderBefore??null;s._$litPart$=r=new M(t.insertBefore(C(),o),o,void 0,e??{})}return r._$AI(i),r};const Y=globalThis;class g extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Dt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return E}}g._$litElement$=!0,g.finalized=!0,Y.litElementHydrateSupport?.({LitElement:g});const jt=Y.litElementPolyfillSupport;jt?.({LitElement:g}),(Y.litElementVersions??=[]).push("4.2.2");const B=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};const kt={attribute:!0,type:String,converter:k,reflect:!1,hasChanged:Z},zt=(i=kt,t,e)=>{const{kind:s,metadata:r}=e;let o=globalThis.litPropertyMetadata.get(r);if(o===void 0&&globalThis.litPropertyMetadata.set(r,o=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(e.name,i),s==="accessor"){const{name:n}=e;return{set(h){const a=t.get.call(this);t.set.call(this,h),this.requestUpdate(n,a,i,!0,h)},init(h){return h!==void 0&&this.C(n,void 0,i,h),h}}}if(s==="setter"){const{name:n}=e;return function(h){const a=this[n];t.call(this,h),this.requestUpdate(n,a,i,!0,h)}}throw Error("Unsupported decorator location: "+s)};function H(i){return(t,e)=>typeof e=="object"?zt(i,t,e):((s,r,o)=>{const n=r.hasOwnProperty(o);return r.constructor.createProperty(o,s),n?Object.getOwnPropertyDescriptor(r,o):void 0})(i,t,e)}function Lt(i){return H({...i,state:!0,attribute:!1})}var Bt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,I=(i,t,e,s)=>{for(var r=s>1?void 0:s?It(t,e):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(r=(s?n(t,e,r):n(r))||r);return s&&r&&Bt(t,e,r),r};let S=class extends g{constructor(){super(...arguments),this.data=[],this.position="top-right",this.open=!1}render(){return x`
+      <div class="trigger" @click=${this.toggle}> 
+        <div class="dots"> ${Array.from({length:9}).map(()=>x`<span class="dot"></span>`)} </div> </div>
+
+      <div class="panel ${this.open?"open":""}">
+        <div class="apps">
+          ${this.data.map(i=>this.renderCard(i))}
+        </div>
+      </div>
+    `}renderCard(i){return x`
+      <aura-app
+        href=${i.url}
+        .newTab=${i.newTab??!0}
+        key=${i.id}
+      >
+        <aura-app-icon>
+          <img src=${i.icon} alt=${i.label}
+          @error=${()=>console.error("Failed to load icon")} alt="ACT icon"/>
+        </aura-app-icon>
+
+        <aura-app-text>${i.label}</aura-app-text>
+      </aura-app>
+    `}toggle(){this.open=!this.open}};S.styles=D`
+    :host {
+      --menu-bg: #ffffff;
+      --menu-text: #000000;
+      --dot-color: #000000;
+      --hover-bg: rgba(0, 0, 0, 0.08);
+      position: fixed;
+      z-index: 1000;
+      --offset: 16px;
+      font-family: system-ui, sans-serif;
+      --box-shadow: 0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.3);
+    }
+
+    :host([position="top-right"]) {
+      top: var(--offset);
+      right: var(--offset);
+    }
+
+    :host([position="top-left"]) {
+      top: var(--offset);
+      left: var(--offset);
+    }
+
+    :host([position="bottom-right"]) {
+      bottom: var(--offset);
+      right: var(--offset);
+    }
+
+    :host([position="bottom-left"]) {
+      bottom: var(--offset);
+      left: var(--offset);
+    }
+
+    :host([position*="right"]) .panel {
+      right: 0;
+    }
+
+    :host([position*="left"]) .panel {
+      left: 0;
+    }
+
+
+    @media (prefers-color-scheme: dark) {
+      :host {
+        --menu-bg: #202124;
+        --menu-text: #ffffff;
+        --dot-color: #ffffff;
+        --hover-bg: rgba(255, 255, 255, 0.1);
+        --box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4),
+        0 6px 16px rgba(0, 0, 0, 0.6),
+        0 12px 32px rgba(0, 0, 0, 0.4);
+      }
+    }
+
+    /* Trigger nine-dot button */
+    .trigger {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      display: grid;
+      place-items: center;
+      cursor: pointer;
+      transition: background 0.2s ease;
+    }
+
+    .trigger:hover {
+      background: var(--hover-bg);
+    }
+
+
+    .dots {
+      display: grid;
+      grid-template-columns: repeat(3, 6px);
+      gap: 4px;
+    }
+
+    .dot {
+      width: 6px;
+      height: 6px;
+      background: var(--dot-color);
+      border-radius: 50%;
+    }
+
+    /* Panel / card container */
+    .panel {
+        position: absolute;
+        margin-top: 12px;
+        background: var(--menu-bg);
+        color: var(--menu-text);
+        border-radius: 16px;
+        padding: 16px 12px;
+        width: 340px;
+        max-height: 420px;
+        overflow-y: auto;
+
+      opacity: 0;
+      transform: translateY(-8px) scale(0.96);
+      pointer-events: none;
+      transition: opacity 160ms ease-out, transform 160ms ease-out;
+
+      box-shadow: var(--box-shadow);
+    }
+
+    .panel.open {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+      pointer-events: auto;
+    }
+
+    /* App cards grid */
+    .apps {
+    display: grid;
+    grid-template-columns: repeat(3, 96px);
+    justify-content: center;
+    gap: 12px;
+    }
+
+
+    .app {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8px;
+      padding: 12px;
+      border-radius: 12px;
+      color: var(--menu-text);
+      text-decoration: none;
+      cursor: pointer;
+      transition: background 0.15s ease;
+    }
+
+    .app:hover {
+      background: var(--hover-bg);
+    }
+
+    .app img {
+      width: 40px;
+      height: 40px;
+    }
+
+    .label {
+      font-size: 13px;
+      text-align: center;
+    }
+
+    .panel {
+        scrollbar-width: thin;
+    }
+
+    .panel::-webkit-scrollbar {
+        width: 6px;
+    }
+
+    .panel::-webkit-scrollbar-thumb {
+        background: rgba(255, 255, 255, 0.2);
+        border-radius: 4px;
+    }
+
+  `,I([H({type:Array})],S.prototype,"data",2),I([H({reflect:!0})],S.prototype,"position",2),I([Lt()],S.prototype,"open",2),S=I([B("aura-nine-dot-menu")],S);var qt=Object.defineProperty,Vt=Object.getOwnPropertyDescriptor,G=(i,t,e,s)=>{for(var r=s>1?void 0:s?Vt(t,e):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(r=(s?n(t,e,r):n(r))||r);return s&&r&&qt(t,e,r),r};let N=class extends g{constructor(){super(...arguments),this.href="",this.newTab=!0}render(){return x`
+      <a
+        href=${this.href}
+        target=${this.newTab?"_blank":"_self"}
+        rel="noopener"
+      >
+        <slot></slot>
+      </a>
+    `}};N.styles=D`
+  :host {
+    display: block;
+  }
+
+  a {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    padding: 12px;
+    border-radius: 12px;
+    text-decoration: none;
+    color: white;
+    cursor: pointer;
+  }
+
+  a:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+`,G([H()],N.prototype,"href",2),G([H({type:Boolean})],N.prototype,"newTab",2),N=G([B("aura-app")],N);var Wt=Object.getOwnPropertyDescriptor,Zt=(i,t,e,s)=>{for(var r=s>1?void 0:s?Wt(t,e):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(r=n(r)||r);return r};let Q=class extends g{render(){return x`<slot></slot>`}};Q.styles=D`
+    :host {
+      display: inline-flex;
+      color: white;
+    }
+
+    ::slotted(img),
+    ::slotted(svg) {
+      width: 40px;
+      height: 40px;
+      display: block;
+    }
+
+    ::slotted(svg) {
+      fill: currentColor;
+    }
+  `,Q=Zt([B("aura-app-icon")],Q);var Ft=Object.getOwnPropertyDescriptor,Jt=(i,t,e,s)=>{for(var r=s>1?void 0:s?Ft(t,e):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(r=n(r)||r);return r};let X=class extends g{render(){return x`<slot></slot>`}};X.styles=D`
+    :host {
+      font-size: 13px;
+      color: #000000;
+      text-align: center;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :host {
+        color: #ffff !important;
+      } 
+    }
+  `,X=Jt([B("aura-app-text")],X);const Kt=({data:i,position:t="top-right",onItemClick:e})=>{const s=f.useRef(null);return f.useEffect(()=>{s.current&&(s.current.data=i,s.current.position=t)},[i,t]),f.useEffect(()=>{const r=s.current,o=n=>{e?.(n.detail)};return r?.addEventListener("item-click",o),()=>r?.removeEventListener("item-click",o)},[e]),f.createElement("aura-nine-dot-menu",{ref:s})};m.AuraNineDotMenu=Kt,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/dist/react/AuraNineDotMenu.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface MenuItem {
+    id: string;
+    label: string;
+    icon: string;
+    url: string;
+    newTab?: boolean;
+}
+export interface Props {
+    data: MenuItem[];
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    onItemClick?: (item: MenuItem) => void;
+}
+export declare const AuraNineDotMenu: React.FC<Props>;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../index'
+export {}

package/dist/web-component/AuraApp.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class AuraApp extends LitElement {
+    href: string;
+    newTab: boolean;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/web-component/AuraAppIcon.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class AuraAppIcon extends LitElement {
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/web-component/AuraAppText.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class AuraAppText extends LitElement {
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/web-component/AuraNineDotMenu.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+interface AuraAppCard {
+    id: string;
+    label: string;
+    icon: string;
+    url: string;
+    newTab?: boolean;
+}
+export declare class AuraAuthenticAppMenu extends LitElement {
+    data: AuraAppCard[];
+    position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    private open;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    private renderCard;
+    private toggle;
+}
+export {};

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@aura360/aura-nine-dot-menu",
+  "version": "1.0.0",
+  "description": "Aura Nine Dot Menu (Lit Web Component + React Wrapper)",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "dependencies": {
+    "lit": "^3.0.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^5.1.4",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}