@codeandfunction/callaloo 3.23.0 → 4.1.0

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -1,12 +1,12 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
-import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, onBeforeUnmount as ie, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as re, withCtx as Et, createTextVNode as le, toDisplayString as se, normalizeStyle as ce, renderSlot as ae } from "vue";
-import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-kYdsi6-T.js";
-import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-C8dDRXYZ.js";
-import { c as de, i as mt } from "../../../chunks/helper-BYpahJAh.js";
-import { useDropdown as me } from "../../../composables/useDropdown.js";
-import { useEsc as he } from "../../../composables/useEsc.js";
-import { CLPlacement as ge, CLIconSizes as Lt, CLIconNames as pe, CLColorVariants as Dt, CLSizes as we, CLColors as Tt } from "../../../index.js";
+import { computed as V, ref as E, shallowRef as Qt, watch as ut, getCurrentScope as te, onScopeDispose as ee, shallowReadonly as _, unref as A, defineComponent as ne, onBeforeUnmount as oe, createElementBlock as St, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as ie, withCtx as Et, createTextVNode as re, toDisplayString as le, normalizeStyle as se, renderSlot as ce } from "vue";
+import { _ as ae } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
+import { _ as fe } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-DZ-2FEcq.js";
+import { c as ue, i as mt } from "../../../chunks/helper-oZuRnF9g.js";
+import { useDropdown as de } from "../../../composables/useDropdown.js";
+import { useEsc as me } from "../../../composables/useEsc.js";
+import { CLPlacement as he, CLIconSizes as ge, CLIconNames as pe, CLColorVariants as Lt, CLSizes as we, CLColors as Dt } from "../../../index.js";
 const tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => ({
   x: t,
   y: t
@@ -19,7 +19,7 @@ const tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => (
   start: "end",
   end: "start"
 };
-function Bt(t, e, n) {
+function Tt(t, e, n) {
   return W(t, tt(e, n));
 }
 function it(t, e) {
@@ -31,22 +31,22 @@ function N(t) {
 function rt(t) {
   return t.split("-")[1];
 }
-function Wt(t) {
+function It(t) {
   return t === "x" ? "y" : "x";
 }
-function Nt(t) {
+function Wt(t) {
   return t === "y" ? "height" : "width";
 }
 const xe = /* @__PURE__ */ new Set(["top", "bottom"]);
-function z(t) {
+function F(t) {
   return xe.has(N(t)) ? "y" : "x";
 }
-function Xt(t) {
-  return Wt(z(t));
+function Nt(t) {
+  return It(F(t));
 }
 function be(t, e, n) {
   n === void 0 && (n = !1);
-  const o = rt(t), i = Xt(t), l = Nt(i);
+  const o = rt(t), i = Nt(t), l = Wt(i);
   let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return e.reference[l] > e.floating[l] && (r = nt(r)), [r, nt(r)];
 }
@@ -57,15 +57,15 @@ function Ce(t) {
 function gt(t) {
   return t.replace(/start|end/g, (e) => ve[e]);
 }
-const Pt = ["left", "right"], kt = ["right", "left"], Se = ["top", "bottom"], Re = ["bottom", "top"];
+const Bt = ["left", "right"], Pt = ["right", "left"], Re = ["top", "bottom"], Se = ["bottom", "top"];
 function Ae(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? kt : Pt : e ? Pt : kt;
+      return n ? e ? Pt : Bt : e ? Bt : Pt;
     case "left":
     case "right":
-      return e ? Se : Re;
+      return e ? Re : Se;
     default:
       return [];
   }
@@ -113,12 +113,12 @@ function ot(t) {
     y: n
   };
 }
-function Vt(t, e, n) {
+function kt(t, e, n) {
   let {
     reference: o,
     floating: i
   } = t;
-  const l = z(e), r = Xt(e), s = Nt(r), c = N(e), a = l === "y", f = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, m = o[s] / 2 - i[s] / 2;
+  const l = F(e), r = Nt(e), s = Wt(r), c = N(e), a = l === "y", f = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, m = o[s] / 2 - i[s] / 2;
   let d;
   switch (c) {
     case "top":
@@ -175,7 +175,7 @@ const De = async (t, e, n) => {
   }), {
     x: f,
     y: u
-  } = Vt(a, o, c), m = o, d = {}, h = 0;
+  } = kt(a, o, c), m = o, d = {}, h = 0;
   for (let y = 0; y < s.length; y++) {
     const {
       name: v,
@@ -212,7 +212,7 @@ const De = async (t, e, n) => {
     }) : b.rects), {
       x: f,
       y: u
-    } = Vt(a, m, c)), y = -1);
+    } = kt(a, m, c)), y = -1);
   }
   return {
     x: f,
@@ -222,7 +222,7 @@ const De = async (t, e, n) => {
     middlewareData: d
   };
 };
-async function jt(t, e) {
+async function Xt(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -291,23 +291,23 @@ const Te = function(t) {
       } = it(t, e);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
-      const g = N(i), p = z(s), x = N(s) === s, C = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), b = m || (x || !y ? [nt(s)] : Ce(s)), T = h !== "none";
+      const g = N(i), p = F(s), x = N(s) === s, C = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), b = m || (x || !y ? [nt(s)] : Ce(s)), T = h !== "none";
       !m && T && b.push(...Oe(s, y, h, C));
-      const w = [s, ...b], S = await jt(e, v), M = [];
+      const w = [s, ...b], R = await Xt(e, v), z = [];
       let Y = ((o = l.flip) == null ? void 0 : o.overflows) || [];
-      if (f && M.push(S[g]), u) {
+      if (f && z.push(R[g]), u) {
         const H = be(i, r, C);
-        M.push(S[H[0]], S[H[1]]);
+        z.push(R[H[0]], R[H[1]]);
       }
       if (Y = [...Y, {
         placement: i,
-        overflows: M
-      }], !M.every((H) => H <= 0)) {
+        overflows: z
+      }], !z.every((H) => H <= 0)) {
         var bt, Ct;
         const H = (((bt = l.flip) == null ? void 0 : bt.index) || 0) + 1, ft = w[H];
-        if (ft && (!(u === "alignment" ? p !== z(ft) : !1) || // We leave the current main axis only if every placement on that axis
+        if (ft && (!(u === "alignment" ? p !== F(ft) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        Y.every((O) => z(O.placement) === p ? O.overflows[0] > 0 : !0)))
+        Y.every((O) => F(O.placement) === p ? O.overflows[0] > 0 : !0)))
           return {
             data: {
               index: H,
@@ -321,16 +321,16 @@ const Te = function(t) {
         if (!G)
           switch (d) {
             case "bestFit": {
-              var St;
-              const I = (St = Y.filter((O) => {
+              var Rt;
+              const I = (Rt = Y.filter((O) => {
                 if (T) {
-                  const $ = z(O.placement);
+                  const $ = F(O.placement);
                   return $ === p || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   $ === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter(($) => $ > 0).reduce(($, Qt) => $ + Qt, 0)]).sort((O, $) => O[1] - $[1])[0]) == null ? void 0 : St[0];
+              }).map((O) => [O.placement, O.overflows.filter(($) => $ > 0).reduce(($, Jt) => $ + Jt, 0)]).sort((O, $) => O[1] - $[1])[0]) == null ? void 0 : Rt[0];
               I && (G = I);
               break;
             }
@@ -354,7 +354,7 @@ async function Pe(t, e) {
     placement: n,
     platform: o,
     elements: i
-  } = t, l = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = N(n), s = rt(n), c = z(n) === "y", a = Be.has(r) ? -1 : 1, f = l && c ? -1 : 1, u = it(e, t);
+  } = t, l = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = N(n), s = rt(n), c = F(n) === "y", a = Be.has(r) ? -1 : 1, f = l && c ? -1 : 1, u = it(e, t);
   let {
     mainAxis: m,
     crossAxis: d,
@@ -426,15 +426,15 @@ const ke = function(t) {
       } = it(t, e), a = {
         x: n,
         y: o
-      }, f = await jt(e, c), u = z(N(i)), m = Wt(u);
+      }, f = await Xt(e, c), u = F(N(i)), m = It(u);
       let d = a[m], h = a[u];
       if (l) {
         const v = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", p = d + f[v], x = d - f[g];
-        d = Bt(p, d, x);
+        d = Tt(p, d, x);
       }
       if (r) {
         const v = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", p = h + f[v], x = h - f[g];
-        h = Bt(p, h, x);
+        h = Tt(p, h, x);
       }
       const y = s.fn({
         ...e,
@@ -461,7 +461,7 @@ function lt() {
 function j(t) {
   return wt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function R(t) {
+function S(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -470,16 +470,16 @@ function k(t) {
   return (e = (wt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function wt(t) {
-  return lt() ? t instanceof Node || t instanceof R(t).Node : !1;
+  return lt() ? t instanceof Node || t instanceof S(t).Node : !1;
 }
 function L(t) {
-  return lt() ? t instanceof Element || t instanceof R(t).Element : !1;
+  return lt() ? t instanceof Element || t instanceof S(t).Element : !1;
 }
 function P(t) {
-  return lt() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
+  return lt() ? t instanceof HTMLElement || t instanceof S(t).HTMLElement : !1;
 }
-function $t(t) {
-  return !lt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
+function Vt(t) {
+  return !lt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof S(t).ShadowRoot;
 }
 const $e = /* @__PURE__ */ new Set(["inline", "contents"]);
 function J(t) {
@@ -491,13 +491,13 @@ function J(t) {
   } = D(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !$e.has(i);
 }
-const ze = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Fe(t) {
-  return ze.has(j(t));
+const Fe = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Me(t) {
+  return Fe.has(j(t));
 }
-const Me = [":popover-open", ":modal"];
+const ze = [":popover-open", ":modal"];
 function st(t) {
-  return Me.some((e) => {
+  return ze.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -511,13 +511,13 @@ function yt(t) {
   return He.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Ie.some((o) => (n.willChange || "").includes(o)) || We.some((o) => (n.contain || "").includes(o));
 }
 function Ne(t) {
-  let e = F(t);
-  for (; P(e) && !_(e); ) {
+  let e = M(t);
+  for (; P(e) && !U(e); ) {
     if (yt(e))
       return e;
     if (st(e))
       return null;
-    e = F(e);
+    e = M(e);
   }
   return null;
 }
@@ -525,11 +525,11 @@ function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const Xe = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function _(t) {
+function U(t) {
   return Xe.has(j(t));
 }
 function D(t) {
-  return R(t).getComputedStyle(t);
+  return S(t).getComputedStyle(t);
 }
 function ct(t) {
   return L(t) ? {
@@ -540,26 +540,26 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function F(t) {
+function M(t) {
   if (j(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    $t(t) && t.host || // Fallback.
+    Vt(t) && t.host || // Fallback.
     k(t)
   );
-  return $t(e) ? e.host : e;
+  return Vt(e) ? e.host : e;
 }
-function Yt(t) {
-  const e = F(t);
-  return _(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(e) && J(e) ? e : Yt(e);
+function jt(t) {
+  const e = M(t);
+  return U(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(e) && J(e) ? e : jt(e);
 }
 function Z(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const i = Yt(t), l = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = R(i);
+  const i = jt(t), l = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = S(i);
   if (l) {
     const s = pt(r);
     return e.concat(r, r.visualViewport || [], J(i) ? i : [], s && n ? Z(s) : []);
@@ -569,7 +569,7 @@ function Z(t, e, n) {
 function pt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function qt(t) {
+function Yt(t) {
   const e = D(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
   const i = P(t), l = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, s = et(n) !== l || et(o) !== r;
@@ -582,7 +582,7 @@ function qt(t) {
 function xt(t) {
   return L(t) ? t : t.contextElement;
 }
-function U(t) {
+function q(t) {
   const e = xt(t);
   if (!P(e))
     return B(1);
@@ -590,7 +590,7 @@ function U(t) {
     width: o,
     height: i,
     $: l
-  } = qt(e);
+  } = Yt(e);
   let r = (l ? et(n.width) : n.width) / o, s = (l ? et(n.height) : n.height) / i;
   return (!r || !Number.isFinite(r)) && (r = 1), (!s || !Number.isFinite(s)) && (s = 1), {
     x: r,
@@ -598,29 +598,29 @@ function U(t) {
   };
 }
 const je = /* @__PURE__ */ B(0);
-function Ut(t) {
-  const e = R(t);
+function _t(t) {
+  const e = S(t);
   return !vt() || !e.visualViewport ? je : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function Ye(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== R(t) ? !1 : e;
+  return e === void 0 && (e = !1), !n || e && n !== S(t) ? !1 : e;
 }
 function X(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   const i = t.getBoundingClientRect(), l = xt(t);
   let r = B(1);
-  e && (o ? L(o) && (r = U(o)) : r = U(t));
-  const s = Ye(l, n, o) ? Ut(l) : B(0);
+  e && (o ? L(o) && (r = q(o)) : r = q(t));
+  const s = Ye(l, n, o) ? _t(l) : B(0);
   let c = (i.left + s.x) / r.x, a = (i.top + s.y) / r.y, f = i.width / r.x, u = i.height / r.y;
   if (l) {
-    const m = R(l), d = o && L(o) ? R(o) : o;
+    const m = S(l), d = o && L(o) ? S(o) : o;
     let h = m, y = pt(h);
     for (; y && o && d !== h; ) {
-      const v = U(y), g = y.getBoundingClientRect(), p = D(y), x = g.left + (y.clientLeft + parseFloat(p.paddingLeft)) * v.x, C = g.top + (y.clientTop + parseFloat(p.paddingTop)) * v.y;
-      c *= v.x, a *= v.y, f *= v.x, u *= v.y, c += x, a += C, h = R(y), y = pt(h);
+      const v = q(y), g = y.getBoundingClientRect(), p = D(y), x = g.left + (y.clientLeft + parseFloat(p.paddingLeft)) * v.x, C = g.top + (y.clientTop + parseFloat(p.paddingTop)) * v.y;
+      c *= v.x, a *= v.y, f *= v.x, u *= v.y, c += x, a += C, h = S(y), y = pt(h);
     }
   }
   return ot({
@@ -634,14 +634,14 @@ function at(t, e) {
   const n = ct(t).scrollLeft;
   return e ? e.left + n : X(k(t)).left + n;
 }
-function _t(t, e) {
+function qt(t, e) {
   const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - at(t, n), i = n.top + e.scrollTop;
   return {
     x: o,
     y: i
   };
 }
-function qe(t) {
+function _e(t) {
   let {
     elements: e,
     rect: n,
@@ -658,9 +658,9 @@ function qe(t) {
   const f = B(0), u = P(o);
   if ((u || !u && !l) && ((j(o) !== "body" || J(r)) && (c = ct(o)), P(o))) {
     const d = X(o);
-    a = U(o), f.x = d.x + o.clientLeft, f.y = d.y + o.clientTop;
+    a = q(o), f.x = d.x + o.clientLeft, f.y = d.y + o.clientTop;
   }
-  const m = r && !u && !l ? _t(r, c) : B(0);
+  const m = r && !u && !l ? qt(r, c) : B(0);
   return {
     width: n.width * a.x,
     height: n.height * a.y,
@@ -668,10 +668,10 @@ function qe(t) {
     y: n.y * a.y - c.scrollTop * a.y + f.y + m.y
   };
 }
-function Ue(t) {
+function qe(t) {
   return Array.from(t.getClientRects());
 }
-function _e(t) {
+function Ue(t) {
   const e = k(t), n = ct(t), o = t.ownerDocument.body, i = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), l = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + at(t);
   const s = -n.scrollTop;
@@ -682,9 +682,9 @@ function _e(t) {
     y: s
   };
 }
-const zt = 25;
+const $t = 25;
 function Ge(t, e) {
-  const n = R(t), o = k(t), i = n.visualViewport;
+  const n = S(t), o = k(t), i = n.visualViewport;
   let l = o.clientWidth, r = o.clientHeight, s = 0, c = 0;
   if (i) {
     l = i.width, r = i.height;
@@ -694,8 +694,8 @@ function Ge(t, e) {
   const a = at(o);
   if (a <= 0) {
     const f = o.ownerDocument, u = f.body, m = getComputedStyle(u), d = f.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, h = Math.abs(o.clientWidth - u.clientWidth - d);
-    h <= zt && (l -= h);
-  } else a <= zt && (l += a);
+    h <= $t && (l -= h);
+  } else a <= $t && (l += a);
   return {
     width: l,
     height: r,
@@ -705,7 +705,7 @@ function Ge(t, e) {
 }
 const Ke = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Ze(t, e) {
-  const n = X(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, l = P(t) ? U(t) : B(1), r = t.clientWidth * l.x, s = t.clientHeight * l.y, c = i * l.x, a = o * l.y;
+  const n = X(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, l = P(t) ? q(t) : B(1), r = t.clientWidth * l.x, s = t.clientHeight * l.y, c = i * l.x, a = o * l.y;
   return {
     width: r,
     height: s,
@@ -718,11 +718,11 @@ function Ft(t, e, n) {
   if (e === "viewport")
     o = Ge(t, n);
   else if (e === "document")
-    o = _e(k(t));
+    o = Ue(k(t));
   else if (L(e))
     o = Ze(e, n);
   else {
-    const i = Ut(t);
+    const i = _t(t);
     o = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -732,9 +732,9 @@ function Ft(t, e, n) {
   }
   return ot(o);
 }
-function Gt(t, e) {
-  const n = F(t);
-  return n === e || !L(n) || _(n) ? !1 : D(n).position === "fixed" || Gt(n, e);
+function Ut(t, e) {
+  const n = M(t);
+  return n === e || !L(n) || U(n) ? !1 : D(n).position === "fixed" || Ut(n, e);
 }
 function Je(t, e) {
   const n = e.get(t);
@@ -742,10 +742,10 @@ function Je(t, e) {
     return n;
   let o = Z(t, [], !1).filter((s) => L(s) && j(s) !== "body"), i = null;
   const l = D(t).position === "fixed";
-  let r = l ? F(t) : t;
-  for (; L(r) && !_(r); ) {
+  let r = l ? M(t) : t;
+  for (; L(r) && !U(r); ) {
     const s = D(r), c = yt(r);
-    !c && s.position === "fixed" && (i = null), (l ? !c && !i : !c && s.position === "static" && !!i && Ke.has(i.position) || J(r) && !c && Gt(t, r)) ? o = o.filter((f) => f !== r) : i = s, r = F(r);
+    !c && s.position === "fixed" && (i = null), (l ? !c && !i : !c && s.position === "static" && !!i && Ke.has(i.position) || J(r) && !c && Ut(t, r)) ? o = o.filter((f) => f !== r) : i = s, r = M(r);
   }
   return e.set(t, o), o;
 }
@@ -771,7 +771,7 @@ function tn(t) {
   const {
     width: e,
     height: n
-  } = qt(t);
+  } = Yt(t);
   return {
     width: e,
     height: n
@@ -793,7 +793,7 @@ function en(t, e, n) {
       c.x = d.x + e.clientLeft, c.y = d.y + e.clientTop;
     } else i && a();
   l && !o && i && a();
-  const f = i && !o && !l ? _t(i, s) : B(0), u = r.left + s.scrollLeft - c.x - f.x, m = r.top + s.scrollTop - c.y - f.y;
+  const f = i && !o && !l ? qt(i, s) : B(0), u = r.left + s.scrollLeft - c.x - f.x, m = r.top + s.scrollTop - c.y - f.y;
   return {
     x: u,
     y: m,
@@ -812,26 +812,26 @@ function Mt(t, e) {
   let n = t.offsetParent;
   return k(t) === n && (n = n.ownerDocument.body), n;
 }
-function Kt(t, e) {
-  const n = R(t);
+function Gt(t, e) {
+  const n = S(t);
   if (st(t))
     return n;
   if (!P(t)) {
-    let i = F(t);
-    for (; i && !_(i); ) {
+    let i = M(t);
+    for (; i && !U(i); ) {
       if (L(i) && !ht(i))
         return i;
-      i = F(i);
+      i = M(i);
     }
     return n;
   }
   let o = Mt(t, e);
-  for (; o && Fe(o) && ht(o); )
+  for (; o && Me(o) && ht(o); )
     o = Mt(o, e);
-  return o && _(o) && ht(o) && !yt(o) ? n : o || Ne(t) || n;
+  return o && U(o) && ht(o) && !yt(o) ? n : o || Ne(t) || n;
 }
 const nn = async function(t) {
-  const e = this.getOffsetParent || Kt, n = this.getDimensions, o = await n(t.floating);
+  const e = this.getOffsetParent || Gt, n = this.getDimensions, o = await n(t.floating);
   return {
     reference: en(t.reference, await e(t.floating), t.strategy),
     floating: {
@@ -846,18 +846,18 @@ function on(t) {
   return D(t).direction === "rtl";
 }
 const rn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: qe,
+  convertOffsetParentRelativeRectToViewportRelativeRect: _e,
   getDocumentElement: k,
   getClippingRect: Qe,
-  getOffsetParent: Kt,
+  getOffsetParent: Gt,
   getElementRects: nn,
-  getClientRects: Ue,
+  getClientRects: qe,
   getDimensions: tn,
-  getScale: U,
+  getScale: q,
   isElement: L,
   isRTL: on
 };
-function Zt(t, e) {
+function Kt(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
 function ln(t, e) {
@@ -891,7 +891,7 @@ function ln(t, e) {
           r(!1, 1e-7);
         }, 1e3);
       }
-      w === 1 && !Zt(a, t.getBoundingClientRect()) && r(), C = !1;
+      w === 1 && !Kt(a, t.getBoundingClientRect()) && r(), C = !1;
     }
     try {
       n = new IntersectionObserver(b, {
@@ -933,7 +933,7 @@ function sn(t, e, n, o) {
   c && v();
   function v() {
     const g = X(t);
-    y && !Zt(y, g) && n(), y = g, h = requestAnimationFrame(v);
+    y && !Kt(y, g) && n(), y = g, h = requestAnimationFrame(v);
   }
   return n(), () => {
     var g;
@@ -958,7 +958,7 @@ const cn = ke, an = Ve, fn = Te, un = (t, e, n) => {
 function dn(t) {
   return t != null && typeof t == "object" && "$el" in t;
 }
-function Ht(t) {
+function zt(t) {
   if (dn(t)) {
     const e = t.$el;
     return wt(e) && j(e) === "#comment" ? null : e;
@@ -968,11 +968,11 @@ function Ht(t) {
 function K(t) {
   return typeof t == "function" ? t() : A(t);
 }
-function Jt(t) {
+function Zt(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function It(t, e) {
-  const n = Jt(t);
+function Ht(t, e) {
+  const n = Zt(t);
   return Math.round(e * n) / n;
 }
 function mn(t, e, n) {
@@ -989,7 +989,7 @@ function mn(t, e, n) {
   }), c = V(() => {
     var w;
     return (w = K(n.transform)) != null ? w : !0;
-  }), a = V(() => Ht(t.value)), f = V(() => Ht(e.value)), u = E(0), m = E(0), d = E(s.value), h = E(r.value), y = te({}), v = E(!1), g = V(() => {
+  }), a = V(() => zt(t.value)), f = V(() => zt(e.value)), u = E(0), m = E(0), d = E(s.value), h = E(r.value), y = Qt({}), v = E(!1), g = V(() => {
     const w = {
       position: d.value,
       left: "0",
@@ -997,17 +997,17 @@ function mn(t, e, n) {
     };
     if (!f.value)
       return w;
-    const S = It(f.value, u.value), M = It(f.value, m.value);
+    const R = Ht(f.value, u.value), z = Ht(f.value, m.value);
     return c.value ? {
       ...w,
-      transform: "translate(" + S + "px, " + M + "px)",
-      ...Jt(f.value) >= 1.5 && {
+      transform: "translate(" + R + "px, " + z + "px)",
+      ...Zt(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: d.value,
-      left: S + "px",
-      top: M + "px"
+      left: R + "px",
+      top: z + "px"
     };
   });
   let p;
@@ -1019,8 +1019,8 @@ function mn(t, e, n) {
       middleware: l.value,
       placement: r.value,
       strategy: s.value
-    }).then((S) => {
-      u.value = S.x, m.value = S.y, d.value = S.strategy, h.value = S.placement, y.value = S.middlewareData, v.value = w !== !1;
+    }).then((R) => {
+      u.value = R.x, m.value = R.y, d.value = R.strategy, h.value = R.placement, y.value = R.middlewareData, v.value = w !== !1;
     });
   }
   function C() {
@@ -1045,27 +1045,27 @@ function mn(t, e, n) {
     flush: "sync"
   }), ut(i, T, {
     flush: "sync"
-  }), ee() && ne(C), {
-    x: q(u),
-    y: q(m),
-    strategy: q(d),
-    placement: q(h),
-    middlewareData: q(y),
-    isPositioned: q(v),
+  }), te() && ee(C), {
+    x: _(u),
+    y: _(m),
+    strategy: _(d),
+    placement: _(h),
+    middlewareData: _(y),
+    isPositioned: _(v),
     floatingStyles: g,
     update: x
   };
 }
-const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn = /* @__PURE__ */ oe({
+const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Rn = /* @__PURE__ */ ne({
   name: "CLDropdownMenu",
   __name: "CLDropdownMenu",
   props: {
     buttonAriaLabel: {},
     buttonBorderRadius: {},
-    buttonColor: { default: Tt.Secondary },
+    buttonColor: { default: Dt.Secondary },
     buttonHeight: { default: "auto" },
     buttonSize: { default: we.Small },
-    buttonVariant: { default: Dt.Soft },
+    buttonVariant: { default: Lt.Soft },
     buttonWidth: { default: "auto" },
     buttonWrapped: { type: Boolean },
     containerBordered: { type: Boolean, default: !0 },
@@ -1074,21 +1074,20 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn =
     contentWidth: { default: "auto" },
     dropdownId: {},
     iconAfter: { default: pe.ChevronDown },
-    iconAfterSize: { default: Lt.Tiny },
     iconBefore: {},
-    iconSize: { default: Lt.Tiny },
+    iconSize: { default: ge.Tiny },
     isOpen: { type: Boolean, default: !1 },
     label: {},
     onCloseHandler: {},
     onOpenHandler: {},
-    placement: { default: ge.BottomStart },
+    placement: { default: he.BottomStart },
     testId: { default: "clll-dropdown-menu" },
     zIndex: { default: 30 }
   },
   setup(t) {
     const e = t;
     let n = E(), o = E();
-    const i = E(), l = E(), r = E(e.isOpen), s = E(e.placement), c = "clll-dropdown-menu", a = V(() => e.zIndex === "auto" || de(e.zIndex) ? e.zIndex : e.zIndex.toString()), f = () => {
+    const i = E(), l = E(), r = E(e.isOpen), s = E(e.placement), c = "clll-dropdown-menu", a = V(() => e.zIndex === "auto" || ue(e.zIndex) ? e.zIndex : e.zIndex.toString()), f = () => {
       y.value ? u() : m();
     }, u = () => {
       r.value = !0, e?.onOpenHandler?.(), C(), mt && document.addEventListener("click", b);
@@ -1103,7 +1102,7 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn =
       toggleDropdown: v,
       closeDropdown: g,
       clearEventListeners: p
-    } = me({
+    } = de({
       triggerElem: n,
       dropdownRef: l,
       openDropdownHandler: f,
@@ -1115,14 +1114,14 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn =
       whileElementsMounted: sn
     }), b = (w) => {
       r.value && l.value?.contains(w?.target) && g();
-    }, { clearEventListeners: T } = he({ escHandler: g, triggerElem: n });
-    return ie(() => {
+    }, { clearEventListeners: T } = me({ escHandler: g, triggerElem: n });
+    return oe(() => {
       mt && document.removeEventListener("click", b), T(), p();
-    }), (w, S) => (At(), Rt("div", {
+    }), (w, R) => (At(), St("div", {
       class: dt([`${c}__menu`]),
       "data-testid": t.testId
     }, [
-      Ot(A(fe), {
+      Ot(A(ae), {
         id: `${c}__toggle--${t.dropdownId}`,
         ref_key: "anchor",
         ref: i,
@@ -1137,7 +1136,6 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn =
         "icon-after": t.iconAfter,
         "icon-before": t.iconBefore,
         "icon-size": t.iconSize,
-        "icon-after-size": t.iconAfterSize,
         size: t.buttonSize,
         "test-id": `${c}__toggle`,
         variant: t.buttonVariant,
@@ -1146,11 +1144,11 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn =
         onClick: A(v)
       }, {
         default: Et(() => [
-          le(se(t.label), 1)
+          re(le(t.label), 1)
         ]),
         _: 1
-      }, 8, ["id", "aria-controls", "aria-expanded", "aria-label", "class", "color", "border-radius", "height", "icon-after", "icon-before", "icon-size", "icon-after-size", "size", "test-id", "variant", "width", "wrap", "onClick"]),
-      A(r) || t.isOpen ? (At(), Rt("div", {
+      }, 8, ["id", "aria-controls", "aria-expanded", "aria-label", "class", "color", "border-radius", "height", "icon-after", "icon-before", "icon-size", "size", "test-id", "variant", "width", "wrap", "onClick"]),
+      A(r) || t.isOpen ? (At(), St("div", {
         key: 0,
         id: `${c}--${t.dropdownId}`,
         ref_key: "dropdownElem",
@@ -1161,29 +1159,29 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn =
           `${c}__dropdown`,
           `${c}__dropdown--${A(s)}`
         ]),
-        style: ce({ ...A(x), zIndex: A(a) })
+        style: se({ ...A(x), zIndex: A(a) })
       }, [
-        Ot(A(ue), {
+        Ot(A(fe), {
           bordered: t.containerBordered,
           "border-radius": t.containerBorderRadius,
-          color: A(Tt).Neutral,
+          color: A(Dt).Neutral,
           elevated: t.containerElevated,
           "forward-ref": h,
           padded: !1,
           "test-id": `${c}__content`,
-          variant: A(Dt).Ghost,
+          variant: A(Lt).Ghost,
           width: t.contentWidth
         }, {
           default: Et(() => [
-            ae(w.$slots, "content")
+            ce(w.$slots, "content")
           ]),
           _: 3
         }, 8, ["bordered", "border-radius", "color", "elevated", "test-id", "variant", "width"])
-      ], 14, gn)) : re("", !0)
+      ], 14, gn)) : ie("", !0)
     ], 10, hn));
   }
 });
 export {
-  Sn as CLDropdownMenu,
-  Sn as default
+  Rn as CLDropdownMenu,
+  Rn as default
 };