@leaflink/stash 42.8.1 → 43.0.1

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { computed as T, unref as F, ref as k, shallowRef as bt, watch as Q, getCurrentScope as xt, onScopeDispose as _t, shallowReadonly as oe, defineComponent as Et, useAttrs as St, useSlots as Ct, nextTick as Ne, onMounted as Rt, onUnmounted as Ot, openBlock as B, createBlock as Re, normalizeClass as ue, createSlots as kt, withCtx as fe, createElementVNode as z, createElementBlock as I, Fragment as Oe, renderList as ke, toDisplayString as le, withDirectives as de, withKeys as je, createCommentVNode as pe, renderSlot as Te, createTextVNode as me, withModifiers as he, createVNode as se, Teleport as Tt, Transition as Bt, normalizeStyle as At, vModelText as Lt, vShow as Ve, pushScopeId as Mt, popScopeId as Dt } from "vue";
+import { computed as T, unref as F, ref as k, shallowRef as bt, watch as Q, getCurrentScope as xt, onScopeDispose as _t, shallowReadonly as oe, defineComponent as Et, useAttrs as St, useSlots as Ct, nextTick as Ne, onMounted as Rt, onUnmounted as Ot, openBlock as B, createBlock as Re, normalizeClass as ue, createSlots as kt, withCtx as fe, createElementVNode as z, createElementBlock as I, Fragment as Oe, renderList as ke, toDisplayString as le, withDirectives as de, withKeys as je, createCommentVNode as pe, renderSlot as Te, createTextVNode as he, withModifiers as me, createVNode as se, Teleport as Tt, Transition as Bt, normalizeStyle as At, vModelText as Lt, vShow as Ve, pushScopeId as Mt, popScopeId as Dt } from "vue";
 import Ft from "lodash-es/debounce";
 import Pt from "lodash-es/isEmpty";
 import qe from "lodash-es/isEqual";
@@ -18,7 +18,6 @@ import "./_commonjsHelpers-10dfc225.js";
 import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
-import "./colors-13e95ebf.js";
 import "./utils/colorScheme.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
@@ -122,7 +121,7 @@ function Ye(e, n, t) {
     reference: o,
     floating: l
   } = e;
-  const s = Fe(n), i = nt(n), c = tt(i), r = Z(n), u = s === "y", p = o.x + o.width / 2 - l.width / 2, h = o.y + o.height / 2 - l.height / 2, g = o[c] / 2 - l[c] / 2;
+  const s = Fe(n), i = nt(n), c = tt(i), r = Z(n), u = s === "y", p = o.x + o.width / 2 - l.width / 2, m = o.y + o.height / 2 - l.height / 2, g = o[c] / 2 - l[c] / 2;
   let d;
   switch (r) {
     case "top":
@@ -140,13 +139,13 @@ function Ye(e, n, t) {
     case "right":
       d = {
         x: o.x + o.width,
-        y: h
+        y: m
       };
       break;
     case "left":
       d = {
         x: o.x - l.width,
-        y: h
+        y: m
       };
       break;
     default:
@@ -178,7 +177,7 @@ const en = async (e, n, t) => {
     strategy: l
   }), {
     x: p,
-    y: h
+    y: m
   } = Ye(u, o, r), g = o, d = {}, f = 0;
   for (let b = 0; b < c.length; b++) {
     const {
@@ -191,7 +190,7 @@ const en = async (e, n, t) => {
       reset: C
     } = await v({
       x: p,
-      y: h,
+      y: m,
       initialPlacement: o,
       placement: g,
       strategy: l,
@@ -203,7 +202,7 @@ const en = async (e, n, t) => {
         floating: n
       }
     });
-    if (p = y ?? p, h = E ?? h, d = {
+    if (p = y ?? p, m = E ?? m, d = {
       ...d,
       [_]: {
         ...d[_],
@@ -216,14 +215,14 @@ const en = async (e, n, t) => {
         strategy: l
       }) : C.rects), {
         x: p,
-        y: h
+        y: m
       } = Ye(u, g, r)), b = -1;
       continue;
     }
   }
   return {
     x: p,
-    y: h,
+    y: m,
     placement: g,
     strategy: l,
     middlewareData: d
@@ -242,15 +241,15 @@ async function ot(e, n) {
   } = e, {
     boundary: u = "clippingAncestors",
     rootBoundary: p = "viewport",
-    elementContext: h = "floating",
+    elementContext: m = "floating",
     altBoundary: g = !1,
     padding: d = 0
-  } = De(n, e), f = Zt(d), _ = c[g ? h === "floating" ? "reference" : "floating" : h], v = Me(await s.getClippingRect({
+  } = De(n, e), f = Zt(d), _ = c[g ? m === "floating" ? "reference" : "floating" : m], v = Me(await s.getClippingRect({
     element: (t = await (s.isElement == null ? void 0 : s.isElement(_))) == null || t ? _ : _.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(c.floating)),
     boundary: u,
     rootBoundary: p,
     strategy: r
-  })), y = h === "floating" ? {
+  })), y = m === "floating" ? {
     ...i.floating,
     x: o,
     y: l
@@ -287,7 +286,7 @@ const tn = function(e) {
         elements: u
       } = n, {
         mainAxis: p = !0,
-        crossAxis: h = !0,
+        crossAxis: m = !0,
         fallbackPlacements: g,
         fallbackStrategy: d = "bestFit",
         fallbackAxisSideDirection: f = "none",
@@ -300,7 +299,7 @@ const tn = function(e) {
       !g && f !== "none" && R.push(...Jt(c, b, f, E));
       const C = [c, ...R], O = await ot(n, _), x = [];
       let M = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (p && x.push(O[v]), h) {
+      if (p && x.push(O[v]), m) {
         const K = Xt(l, i, E);
         x.push(O[K[0]], O[K[1]]);
       }
@@ -349,20 +348,20 @@ async function nn(e, n) {
     placement: t,
     platform: o,
     elements: l
-  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = Z(t), c = we(t), r = Fe(t) === "y", u = ["left", "top"].includes(i) ? -1 : 1, p = s && r ? -1 : 1, h = De(n, e);
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = Z(t), c = we(t), r = Fe(t) === "y", u = ["left", "top"].includes(i) ? -1 : 1, p = s && r ? -1 : 1, m = De(n, e);
   let {
     mainAxis: g,
     crossAxis: d,
     alignmentAxis: f
-  } = typeof h == "number" ? {
-    mainAxis: h,
+  } = typeof m == "number" ? {
+    mainAxis: m,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...h
+    ...m
   };
   return c && typeof f == "number" && (d = c === "end" ? f * -1 : f), r ? {
     x: d * p,
@@ -408,7 +407,7 @@ const on = function(e) {
         apply: i = () => {
         },
         ...c
-      } = De(e, n), r = await ot(n, c), u = Z(t), p = we(t), h = Fe(t) === "y", {
+      } = De(e, n), r = await ot(n, c), u = Z(t), p = we(t), m = Fe(t) === "y", {
         width: g,
         height: d
       } = o.floating;
@@ -416,7 +415,7 @@ const on = function(e) {
       u === "top" || u === "bottom" ? (f = u, b = p === (await (l.isRTL == null ? void 0 : l.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (b = u, f = p === "end" ? "top" : "bottom");
       const _ = d - r[f], v = g - r[b], y = !n.middlewareData.shift;
       let E = _, R = v;
-      if (h) {
+      if (m) {
         const O = g - r.left - r.right;
         R = p || y ? ge(v, O) : O;
       } else {
@@ -425,7 +424,7 @@ const on = function(e) {
       }
       if (y && !p) {
         const O = N(r.left, 0), x = N(r.right, 0), M = N(r.top, 0), D = N(r.bottom, 0);
-        h ? R = g - 2 * (O !== 0 || x !== 0 ? O + x : N(r.left, r.right)) : E = d - 2 * (M !== 0 || D !== 0 ? M + D : N(r.top, r.bottom));
+        m ? R = g - 2 * (O !== 0 || x !== 0 ? O + x : N(r.left, r.right)) : E = d - 2 * (M !== 0 || D !== 0 ? M + D : N(r.top, r.bottom));
       }
       await i({
         ...n,
@@ -574,18 +573,18 @@ function ee(e, n, t, o) {
   let i = X(1);
   n && (o ? U(o) && (i = re(o)) : i = re(e));
   const c = cn(s, t, o) ? rt(s) : X(0);
-  let r = (l.left + c.x) / i.x, u = (l.top + c.y) / i.y, p = l.width / i.x, h = l.height / i.y;
+  let r = (l.left + c.x) / i.x, u = (l.top + c.y) / i.y, p = l.width / i.x, m = l.height / i.y;
   if (s) {
     const g = P(s), d = o && U(o) ? P(o) : o;
     let f = g.frameElement;
     for (; f && o && d !== g; ) {
       const b = re(f), _ = f.getBoundingClientRect(), v = V(f), y = _.left + (f.clientLeft + parseFloat(v.paddingLeft)) * b.x, E = _.top + (f.clientTop + parseFloat(v.paddingTop)) * b.y;
-      r *= b.x, u *= b.y, p *= b.x, h *= b.y, r += y, u += E, f = P(f).frameElement;
+      r *= b.x, u *= b.y, p *= b.x, m *= b.y, r += y, u += E, f = P(f).frameElement;
     }
   }
   return Me({
     width: p,
-    height: h,
+    height: m,
     x: r,
     y: u
   });
@@ -647,7 +646,7 @@ function pn(e, n) {
     y: r
   };
 }
-function mn(e, n) {
+function hn(e, n) {
   const t = ee(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, s = W(e) ? re(e) : X(1), i = e.clientWidth * s.x, c = e.clientHeight * s.y, r = l * s.x, u = o * s.y;
   return {
     width: i,
@@ -663,7 +662,7 @@ function Je(e, n, t) {
   else if (n === "document")
     o = dn(j(e));
   else if (U(n))
-    o = mn(n, t);
+    o = hn(n, t);
   else {
     const l = rt(e);
     o = {
@@ -678,7 +677,7 @@ function ct(e, n) {
   const t = ae(e);
   return t === n || !U(t) || Pe(t) ? !1 : V(t).position === "fixed" || ct(t, n);
 }
-function hn(e, n) {
+function mn(e, n) {
   const t = n.get(e);
   if (t)
     return t;
@@ -698,9 +697,9 @@ function vn(e) {
     rootBoundary: o,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? hn(n, this._c) : [].concat(t), o], c = i[0], r = i.reduce((u, p) => {
-    const h = Je(n, p, l);
-    return u.top = N(h.top, u.top), u.right = ge(h.right, u.right), u.bottom = ge(h.bottom, u.bottom), u.left = N(h.left, u.left), u;
+  const i = [...t === "clippingAncestors" ? mn(n, this._c) : [].concat(t), o], c = i[0], r = i.reduce((u, p) => {
+    const m = Je(n, p, l);
+    return u.top = N(m.top, u.top), u.right = ge(m.right, u.right), u.bottom = ge(m.bottom, u.bottom), u.left = N(m.left, u.left), u;
   }, Je(n, c, l));
   return {
     width: r.right - r.left,
@@ -786,12 +785,12 @@ function _n(e, n) {
     const {
       left: u,
       top: p,
-      width: h,
+      width: m,
       height: g
     } = e.getBoundingClientRect();
-    if (c || n(), !h || !g)
+    if (c || n(), !m || !g)
       return;
-    const d = Be(p), f = Be(l.clientWidth - (u + h)), b = Be(l.clientHeight - (p + g)), _ = Be(u), y = {
+    const d = Be(p), f = Be(l.clientWidth - (u + m)), b = Be(l.clientHeight - (p + g)), _ = Be(u), y = {
       rootMargin: -d + "px " + -f + "px " + -b + "px " + -_ + "px",
       threshold: N(0, ge(1, r)) || 1
     };
@@ -834,7 +833,7 @@ function En(e, n, t, o) {
       passive: !0
     }), s && v.addEventListener("resize", t);
   });
-  const h = u && c ? _n(u, t) : null;
+  const m = u && c ? _n(u, t) : null;
   let g = -1, d = null;
   i && (d = new ResizeObserver((v) => {
     let [y] = v;
@@ -851,7 +850,7 @@ function En(e, n, t, o) {
   return t(), () => {
     p.forEach((v) => {
       l && v.removeEventListener("scroll", t), s && v.removeEventListener("resize", t);
-    }), h && h(), d && d.disconnect(), d = null, r && cancelAnimationFrame(f);
+    }), m && m(), d && d.disconnect(), d = null, r && cancelAnimationFrame(f);
   };
 }
 const Sn = (e, n, t) => {
@@ -892,7 +891,7 @@ function Cn(e, n, t) {
   }), r = T(() => {
     var x;
     return (x = F(t.transform)) != null ? x : !0;
-  }), u = T(() => Ze(e.value)), p = T(() => Ze(n.value)), h = k(0), g = k(0), d = k(c.value), f = k(i.value), b = bt({}), _ = k(!1), v = T(() => {
+  }), u = T(() => Ze(e.value)), p = T(() => Ze(n.value)), m = k(0), g = k(0), d = k(c.value), f = k(i.value), b = bt({}), _ = k(!1), v = T(() => {
     const x = {
       position: d.value,
       left: "0",
@@ -900,7 +899,7 @@ function Cn(e, n, t) {
     };
     if (!p.value)
       return x;
-    const M = et(p.value, h.value), D = et(p.value, g.value);
+    const M = et(p.value, m.value), D = et(p.value, g.value);
     return r.value ? {
       ...x,
       transform: "translate(" + M + "px, " + D + "px)",
@@ -920,7 +919,7 @@ function Cn(e, n, t) {
       placement: i.value,
       strategy: c.value
     }).then((x) => {
-      h.value = x.x, g.value = x.y, d.value = x.strategy, f.value = x.placement, b.value = x.middlewareData, _.value = !0;
+      m.value = x.x, g.value = x.y, d.value = x.strategy, f.value = x.placement, b.value = x.middlewareData, _.value = !0;
     });
   }
   function R() {
@@ -946,7 +945,7 @@ function Cn(e, n, t) {
   }), Q(l, O, {
     flush: "sync"
   }), xt() && _t(R), {
-    x: oe(h),
+    x: oe(m),
     y: oe(g),
     strategy: oe(d),
     placement: oe(f),
@@ -956,12 +955,12 @@ function Cn(e, n, t) {
     update: E
   };
 }
-const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], kn = ["selected", "value"], Tn = /* @__PURE__ */ Rn(() => /* @__PURE__ */ z("option", { value: "" }, null, -1)), Bn = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled", "onKeyup"], An = ["id"], Ln = ["onKeypress", "onMousedown"], Mn = {
+const Rn = (e) => (Mt("data-v-75b25f64"), e = e(), Dt(), e), On = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], kn = ["selected", "value"], Tn = /* @__PURE__ */ Rn(() => /* @__PURE__ */ z("option", { value: "" }, null, -1)), Bn = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled", "onKeyup"], An = ["id"], Ln = ["onKeypress", "onMousedown"], Mn = {
   key: 0,
   class: "stash-select__total"
 }, Dn = {
   key: 0,
-  class: "tw-flex tw-items-center tw-pr-1.5 tw-border-b tw-border-blue"
+  class: "tw-flex tw-items-center tw-pr-1.5 tw-border-b tw-border-blue-500"
 }, Fn = ["data-test", "placeholder"], Pn = { class: "stash-select__options options tw-my-1.5 tw-bg-white tw-border-white tw-w-full" }, In = ["data-test", "onClick", "onMouseenter"], Nn = { class: "tw-m-1.5 tw-p-1.5 tw-cursor-default" }, Vn = {
   class: "tw-m-1.5 tw-p-1.5 tw-cursor-default",
   "data-test": "stash-select|no-options"
@@ -1009,15 +1008,15 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
   },
   emits: ["update:model-value", "clear", "add", "remove", "opened", "closed"],
   setup(e, { emit: n }) {
-    const t = e, o = 6, l = 300, s = St(), i = Ct(), c = k(null), r = k(null), u = k(null), p = k(null), h = k(null), g = k(0), d = k(0), f = k([]), b = k(() => []), _ = k(""), v = k(-1), y = k(!1), E = k({}), R = k(!1), { floatingStyles: C } = Cn(c, u, {
+    const t = e, o = 6, l = 300, s = St(), i = Ct(), c = k(null), r = k(null), u = k(null), p = k(null), m = k(null), g = k(0), d = k(0), f = k([]), b = k(() => []), _ = k(""), v = k(-1), y = k(!1), E = k({}), R = k(!1), { floatingStyles: C } = Cn(c, u, {
       whileElementsMounted: En,
       placement: t.menuPlacement,
       middleware: [
         tn(),
         on(({ rects: a }) => t.menuPlacement.includes("bottom") && g.value > d.value ? g.value - a.reference.height + o : o),
         ln({
-          apply({ availableHeight: a, elements: m, rects: S }) {
-            t.enableTeleport && Object.assign(m.floating.style, {
+          apply({ availableHeight: a, elements: h, rects: S }) {
+            t.enableTeleport && Object.assign(h.floating.style, {
               maxWidth: `${S.reference.width}px`,
               maxHeight: `${Math.min(a, l)}px`
             });
@@ -1026,16 +1025,16 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
       ]
     }), O = T(() => !t.hideSearch && t.searchable !== "false" && t.searchable !== !1), x = T(() => {
       let a = (R.value && t.lazy ? t.lazy() : t.options).filter(Boolean);
-      return It(a[0]) || (a = a.map((m, S) => ({ name: m, id: S }))), a;
+      return It(a[0]) || (a = a.map((h, S) => ({ name: h, id: S }))), a;
     }), M = T(() => t.searchLoading || Object.keys(E.value).length > 0), D = T(() => t.disableFiltering || !(_.value || "").trim() ? x.value : b.value(_.value)), xe = T(() => g.value <= d.value), _e = T(
       () => !y.value && !t.single && !xe.value && f.value.length
     ), K = T(() => [f.value.length, t.selectItemType, "selected"].filter(Boolean).join(" ")), Ee = T(() => t.preventEmpty || t.allowEmpty === "false" || t.allowEmpty === !1);
-    Q(_, (a, m) => m !== a && Ce(-1)), Q(f, () => ce(), { deep: !0 }), Q(
+    Q(_, (a, h) => h !== a && Ce(-1)), Q(f, () => ce(), { deep: !0 }), Q(
       () => t.modelValue,
       (a) => {
         if (Array.isArray(a)) {
-          const m = a.filter(Boolean);
-          qe(m, f.value) || (f.value = m);
+          const h = a.filter(Boolean);
+          qe(h, f.value) || (f.value = h);
           return;
         }
         if (!Pt(a)) {
@@ -1053,7 +1052,7 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
           fieldNames: t.searchBy.length ? t.searchBy : [t.displayBy],
           trackBy: t.trackBy
         });
-        b.value = (m) => a(m, { fuzzy: t.useFuzzySearch });
+        b.value = (h) => a(h, { fuzzy: t.useFuzzySearch });
       },
       { immediate: !0 }
     );
@@ -1070,13 +1069,13 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
         $(S);
         return;
       }
-      const m = [...a.target.selectedOptions];
+      const h = [...a.target.selectedOptions];
       for (const S of [...f.value])
-        m.find((L) => {
+        h.find((L) => {
           var w;
           return L.value === ((w = S[t.trackBy]) == null ? void 0 : w.toString());
         }) || H(S);
-      for (const S of m) {
+      for (const S of h) {
         const A = x.value.find(
           (L) => {
             var w;
@@ -1088,16 +1087,16 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
     }, H = (a) => {
       if (t.disabled || Ee.value && f.value.length === 1)
         return;
-      const m = f.value.findIndex((S) => S[t.trackBy] === a[t.trackBy]);
-      if (m === -1) {
+      const h = f.value.findIndex((S) => S[t.trackBy] === a[t.trackBy]);
+      if (h === -1) {
         console.warn("ll-select: could not find option to remove", a);
         return;
       }
-      f.value.splice(m, 1), n("update:model-value", t.single ? f.value[0] : f.value), n("remove", a, m);
+      f.value.splice(h, 1), n("update:model-value", t.single ? f.value[0] : f.value), n("remove", a, h);
     }, Se = () => {
       y.value || (ce(), y.value = !0, n("opened"), O.value && Ne(() => {
-        var a, m;
-        (m = (a = h.value) == null ? void 0 : a.inputEl) == null || m.focus();
+        var a, h;
+        (h = (a = m.value) == null ? void 0 : a.inputEl) == null || h.focus();
       }));
     }, te = () => {
       var a;
@@ -1126,8 +1125,8 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
         return;
       a.preventDefault(), dt(a);
     }, Ke = Ft(function() {
-      mt();
-    }, $t.FAST), mt = async function() {
+      ht();
+    }, $t.FAST), ht = async function() {
       if (!t.onSearch)
         return;
       const a = Nt("search-request-");
@@ -1136,33 +1135,33 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
       } finally {
         delete E.value[a];
       }
-    }, ht = (a, m) => [
+    }, mt = (a, h) => [
       {
         "stash-select__option": !0,
         "stash-select__option--disabled": a && typeof a == "object" && "disabled" in a && (a == null ? void 0 : a.disabled),
-        "stash-select__option--highlighted": v.value === m,
+        "stash-select__option--highlighted": v.value === h,
         "stash-select__option--selected": ne(a)
       },
       // @deprecated
       {
-        "is-highlighted": v.value === m,
+        "is-highlighted": v.value === h,
         "is-selected": ne(a)
       }
-    ], ne = (a) => a == null ? !1 : f.value.some((m) => (m == null ? void 0 : m[t.trackBy]) === a[t.trackBy]);
+    ], ne = (a) => a == null ? !1 : f.value.some((h) => (h == null ? void 0 : h[t.trackBy]) === a[t.trackBy]);
     function Ue(a) {
       var A, L;
       if (!a)
         return !1;
-      const m = (A = r.value) == null ? void 0 : A.contains(a), S = (L = u.value) == null ? void 0 : L.contains(a);
-      return m || S;
+      const h = (A = r.value) == null ? void 0 : A.contains(a), S = (L = u.value) == null ? void 0 : L.contains(a);
+      return h || S;
     }
     function vt(a) {
-      const m = a.relatedTarget;
-      !Ue(m) && m && te();
+      const h = a.relatedTarget;
+      !Ue(h) && h && te();
     }
     function gt(a) {
-      const m = a.target;
-      Ue(m) || te();
+      const h = a.target;
+      Ue(h) || te();
     }
     const yt = () => {
       Ce(-1);
@@ -1175,7 +1174,7 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
       window.addEventListener("resize", ce), ce();
     }), Ot(() => {
       window.removeEventListener("resize", ce);
-    }), (a, m) => (B(), Re(Wt, {
+    }), (a, h) => (B(), Re(Wt, {
       id: t.id,
       class: ue(["input ll-select stash-select", F(s).class]),
       "data-test": "stash-select",
@@ -1236,7 +1235,7 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
             class: "input-field stash-select__content",
             tabindex: "0",
             onFocusin: Se,
-            onFocusinOnce: m[4] || (m[4] = (w) => R.value = !0),
+            onFocusinOnce: h[4] || (h[4] = (w) => R.value = !0),
             onFocusout: vt,
             onKeydown: Se,
             onMouseleave: yt
@@ -1255,12 +1254,12 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
                 class: ue(["stash-select__selected tw-pl-1.5 tw-mr-0", { "tw-truncate": !t.noTruncate }])
               }, [
                 Te(a.$slots, "selected", { option: w }, () => [
-                  me(le(w[t.displayBy] || w) + " ", 1),
+                  he(le(w[t.displayBy] || w) + " ", 1),
                   z("button", {
                     tabindex: "-1",
                     class: "stash-select__remove",
-                    onKeypress: je(he((J) => H(w), ["prevent"]), ["enter"]),
-                    onMousedown: he((J) => H(w), ["prevent", "stop"])
+                    onKeypress: je(me((J) => H(w), ["prevent"]), ["enter"]),
+                    onMousedown: me((J) => H(w), ["prevent", "stop"])
                   }, [
                     se(ve, {
                       icon: "close",
@@ -1274,14 +1273,14 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
                 class: "tw-inline-block"
               }, [
                 se(Xe, {
-                  "bg-color": "blue",
+                  "bg-color": "blue-500",
                   "is-removable": "",
                   "text-color": "white",
                   class: "stash-select__chip",
                   onRemove: (J) => H(w)
                 }, {
                   default: fe(() => [
-                    me(le(w[t.displayBy] || w), 1)
+                    he(le(w[t.displayBy] || w), 1)
                   ]),
                   _: 2
                 }, 1032, ["onRemove"])
@@ -1289,14 +1288,14 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
             ], 512),
             _e.value ? (B(), I("div", Mn, [
               se(Xe, {
-                "bg-color": "blue",
+                "bg-color": "blue-500",
                 "is-removable": "",
                 "text-color": "white",
                 class: "stash-select__chip",
                 onRemove: G
               }, {
                 default: fe(() => [
-                  me(le(K.value), 1)
+                  he(le(K.value), 1)
                 ]),
                 _: 1
               })
@@ -1306,7 +1305,7 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
               class: "stash-select__icon",
               "data-test": "stash-select|toggle-icon",
               name: t.icon,
-              onMousedown: m[0] || (m[0] = he((w) => y.value && te(), ["prevent"]))
+              onMousedown: h[0] || (h[0] = me((w) => y.value && te(), ["prevent"]))
             }, null, 8, ["name"])) : pe("", !0),
             (B(), Re(Tt, {
               to: t.teleportTo,
@@ -1319,44 +1318,44 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
                     ref: u,
                     class: "stash-select__border-selector border-selector tw-shadow tw-w-full",
                     style: At(F(C)),
-                    onClick: m[3] || (m[3] = he(() => {
+                    onClick: h[3] || (h[3] = me(() => {
                     }, ["stop"]))
                   }, [
                     O.value ? (B(), I("div", Dn, [
                       de(z("input", {
                         ref_key: "searchRef",
-                        ref: h,
-                        "onUpdate:modelValue": m[1] || (m[1] = (w) => _.value = w),
+                        ref: m,
+                        "onUpdate:modelValue": h[1] || (h[1] = (w) => _.value = w),
                         type: "text",
                         autocomplete: "off",
                         class: "stash-select__search",
                         "data-test": F(s)["data-test"] ? F(s)["data-test"] + "-search" : "stash-select|search",
                         placeholder: t.searchPlaceholder,
                         spellcheck: !1,
-                        onInput: m[2] || (m[2] = //@ts-ignore
+                        onInput: h[2] || (h[2] = //@ts-ignore
                         (...w) => F(Ke) && F(Ke)(...w))
                       }, null, 40, Fn), [
                         [Lt, _.value]
                       ]),
                       se(ve, {
                         name: "search",
-                        class: "tw-text-ice"
+                        class: "tw-text-ice-500"
                       })
                     ])) : pe("", !0),
                     z("ul", Pn, [
                       (B(!0), I(Oe, null, ke(D.value, (w, J) => (B(), I("li", {
                         key: `option-${w[t.trackBy]}`,
                         "data-test": w[t.trackBy],
-                        class: ue(ht(w, J)),
+                        class: ue(mt(w, J)),
                         onClick: (wt) => $(w),
-                        onMouseenter: he((wt) => Ce(J), ["self"])
+                        onMouseenter: me((wt) => Ce(J), ["self"])
                       }, [
                         Te(a.$slots, "option", { option: w }, () => [
-                          me(le(w[t.displayBy] || w), 1)
+                          he(le(w[t.displayBy] || w), 1)
                         ], !0),
                         ne(w) && !t.hideCheck ? (B(), Re(ve, {
                           key: 0,
-                          class: "tw-text-blue tw-ml-auto",
+                          class: "tw-text-blue-500 tw-ml-auto",
                           name: "check"
                         })) : pe("", !0)
                       ], 42, In))), 128)),
@@ -1364,14 +1363,14 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
                         se(ve, {
                           "data-test": "stash-select|options-loading",
                           name: "working",
-                          class: "tw-text-ice fx-spin"
+                          class: "tw-text-ice-500 fx-spin"
                         })
                       ], 512), [
                         [Ve, t.loading || M.value]
                       ]),
                       de(z("li", Vn, [
                         Te(a.$slots, "no-options", {}, () => [
-                          me(" No options ")
+                          he(" No options ")
                         ], !0)
                       ], 512), [
                         [Ve, !t.loading && !M.value && !D.value.length]
@@ -1401,8 +1400,8 @@ const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-e
     ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label"]));
   }
 });
-const mo = /* @__PURE__ */ Kt($n, [["__scopeId", "data-v-7e8a1bc4"]]);
+const po = /* @__PURE__ */ Kt($n, [["__scopeId", "data-v-75b25f64"]]);
 export {
-  mo as default
+  po as default
 };
 //# sourceMappingURL=Select.js.map