@orchidui/core 1.97.0 → 1.99.0

package/dist/{OcDraggableList-BXEoN9kd.js → OcDraggableList-CA-wRMAh.js}

@@ -1,7 +1,7 @@
 import { ref as w, createBlock as y, openBlock as c, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
-import { aQ as D, aM as S, aH as M } from "./index-BWAOVIQ_.js";
-import { _ as g } from "./OcIcon-DuLjS3TV.js";
-const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, H = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, T = {
+import { aP as D, aL as S, aG as B } from "./index-BFI9sA-S.js";
+import { _ as g } from "./OcIcon-CUKFUeB7.js";
+const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, P = {
   __name: "OcDraggableList",
   props: {
     /** v-model — array of list item objects. Reordering updates this array. */
@@ -113,7 +113,7 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       "popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
                     }, {
                       popper: r(() => [
-                        o("div", O, x(e[t.linkKey]), 1)
+                        o("div", W, x(e[t.linkKey]), 1)
                       ]),
                       default: r(() => [
                         f(l(g), {
@@ -125,15 +125,15 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
                       ]),
                       _: 2
                     }, 1024),
-                    o("span", W, x(e[t.linkKey]), 1)
-                  ], 8, H)) : m("", !0)
+                    o("span", j, x(e[t.linkKey]), 1)
+                  ], 8, O)) : m("", !0)
                 ])
               ])
             ]),
-            o("div", j, [
+            o("div", z, [
               u(a.$slots, "before-action", { item: e }),
               u(a.$slots, "action", { item: e }, () => [
-                f(l(M), {
+                f(l(B), {
                   modelValue: v.value[e.id],
                   "onUpdate:modelValue": (h) => v.value[e.id] = h,
                   placement: "bottom-end",
@@ -163,18 +163,18 @@ const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify
               ])
             ])
           ]),
-          o("div", z, [
+          o("div", A, [
             u(a.$slots, "content", {
               item: e,
               index: k
             })
           ])
-        ], 42, B))), 128))
+        ], 42, M))), 128))
       ]),
       _: 3
     }, 8, ["model-value"]));
   }
 };
 export {
-  T as default
+  P as default
 };

package/dist/{OcEmojiPicker-CFEFdnO5.js → OcEmojiPicker-DFSKdC63.js}

@@ -1,8 +1,8 @@
 import { ref as m, computed as p, createElementBlock as l, openBlock as s, createVNode as f, createBlock as N, createCommentVNode as z, unref as c, withCtx as v, createElementVNode as n, normalizeClass as T, Fragment as V, renderList as k, createTextVNode as C } from "vue";
-import { aH as U, d as J, B as b } from "./index-BWAOVIQ_.js";
-import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
-import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {
+import { aG as U, d as G, B as b } from "./index-BFI9sA-S.js";
+import { EMOJI_LIST as a, EMOJI_CATEGORIES as J } from "./Form/EmojiPicker/conts/emoji.js";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const A = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, F = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {
   key: 1,
   class: "text-oc-text-400 text-center p-3"
 }, Y = { class: "border-t border-b py-3 grid grid-cols-9 gap-3" }, Z = ["innerHTML", "onClick"], ee = { class: "grid grid-cols-2 gap-5 mt-6" }, te = {
@@ -23,16 +23,16 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
       () => i.value ? a[i.value] : a.sunglasses
     ), y = p(
       () => Object.entries(a).filter(([t]) => t.includes(u.value))
-    ), _ = p(() => Object.entries(P)), O = (t) => {
+    ), _ = p(() => Object.entries(J)), O = (t) => {
       i.value = t;
     }, j = () => {
       d.value = !1, L("update:modelValue", a[i.value]);
     }, B = () => {
       d.value = !1, i.value = g.modelValue;
-    }, H = () => {
+    }, I = () => {
       const t = Object.keys(a), e = Math.round(Math.random() * t.length);
       i.value = t[e], j();
-    }, I = (t) => {
+    }, H = (t) => {
       t && (u.value = "");
     }, S = (t) => {
       const e = document.getElementById(`emoji-${t}`).offsetTop;
@@ -43,12 +43,12 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
         t.target.scrollTop >= o - 20 && (h.value = e);
       });
     };
-    return (t, e) => (s(), l("div", F, [
+    return (t, e) => (s(), l("div", A, [
       f(c(U), {
         modelValue: d.value,
         "onUpdate:modelValue": [
           e[1] || (e[1] = (o) => d.value = o),
-          I
+          H
         ],
         "max-menu-height": 600,
         class: "!w-auto z-50",
@@ -72,7 +72,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
               }, null, 8, K)
             ]),
             n("div", Q, [
-              f(c(J), {
+              f(c(G), {
                 modelValue: u.value,
                 "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
                 placeholder: "Search",
@@ -128,7 +128,7 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
             class: T(["flex items-center justify-center w-12 h-12 text-[40px] transition rounded", {
               "cursor-pointer hover:bg-oc-gray-200": !r.isDisabled
             }])
-          }, null, 10, G)
+          }, null, 10, F)
         ]),
         _: 1
       }, 8, ["modelValue", "popper-options", "is-disabled"]),
@@ -137,11 +137,11 @@ const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[14
         "left-icon": "shuffle",
         variant: "secondary",
         class: "absolute top-5 right-5",
-        onClick: H
+        onClick: I
       }))
     ]));
   }
-}, ie = /* @__PURE__ */ A(te, [["__scopeId", "data-v-6a3c86cb"]]);
+}, ie = /* @__PURE__ */ P(te, [["__scopeId", "data-v-6a3c86cb"]]);
 export {
   ie as default
 };

package/dist/{OcFilterForm-BMEwZQ3Q.js → OcFilterForm-PI_10uB7.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as c, onMounted as B, createElementBlock as k, openBlock as O, renderSlot as $, createElementVNode as f, createVNode as u, unref as i } from "vue";
-import { t as C, B as m } from "./index-BWAOVIQ_.js";
+import { t as C, B as m } from "./index-BFI9sA-S.js";
 const w = { class: "flex w-[326px] flex-col" }, A = { class: "p-5" }, E = { class: "sticky bottom-0 flex gap-x-5 bg-oc-bg-light px-5 pb-5 pt-3" }, N = {
   __name: "OcFilterForm",
   props: {

package/dist/{OcFilterSearch-NnFSYwj9.js → OcFilterSearch-9_N39knk.js}

@@ -1,7 +1,7 @@
-import { ref as u, computed as I, createElementBlock as d, openBlock as s, Fragment as p, createElementVNode as r, createCommentVNode as f, normalizeClass as O, createVNode as m, unref as c, withKeys as K, createSlots as N, withCtx as h, toDisplayString as Q, renderList as D, createBlock as S, nextTick as E } from "vue";
-import { d as F, aH as U, aI as j, B as w } from "./index-BWAOVIQ_.js";
-import { _ as q } from "./OcIcon-DuLjS3TV.js";
-const A = { class: "flex gap-x-4" }, H = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, L = { class: "p-2 flex flex-col" }, P = {
+import { ref as u, computed as K, createElementBlock as d, openBlock as s, Fragment as p, createElementVNode as r, createCommentVNode as f, normalizeClass as O, createVNode as m, unref as c, withKeys as N, createSlots as Q, withCtx as h, toDisplayString as D, renderList as E, createBlock as S, nextTick as F } from "vue";
+import { d as I, aG as U, aH as j, B as w } from "./index-BFI9sA-S.js";
+import { _ as q } from "./OcIcon-CUKFUeB7.js";
+const A = { class: "flex gap-x-4" }, G = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, H = { class: "p-2 flex flex-col" }, P = {
   __name: "OcFilterSearch",
   props: {
     /** Show the search bar permanently (no expand/collapse toggle). */
@@ -20,8 +20,8 @@ const A = { class: "flex gap-x-4" }, H = { class: "flex gap-x-2 items-center pl-
     "change-search-key": []
   },
   setup(a, { emit: C }) {
-    const o = C, y = a, l = u(!1), t = u(""), v = u(!1), g = u(), V = I(() => y.searchOptions.find((i) => i.value === y.selectedOption)), B = async () => {
-      l.value = !0, o("toggle", l.value), await E(), g.value.focus();
+    const o = C, y = a, l = u(!1), t = u(""), v = u(!1), g = u(), V = K(() => y.searchOptions.find((i) => i.value === y.selectedOption)), B = async () => {
+      l.value = !0, o("toggle", l.value), await F(), g.value.focus();
     }, $ = (i) => {
       o("change-search-key", i), v.value = !1;
     }, b = () => {
@@ -36,7 +36,7 @@ const A = { class: "flex gap-x-4" }, H = { class: "flex gap-x-2 items-center pl-
           class: O(["w-full", l.value || a.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
         }, [
           r("div", A, [
-            m(c(F), {
+            m(c(I), {
               ref_key: "searchInput",
               ref: g,
               modelValue: t.value,
@@ -46,8 +46,8 @@ const A = { class: "flex gap-x-4" }, H = { class: "flex gap-x-2 items-center pl-
               "has-leading-separator": !a.isSearchOnly,
               "input-class": a.isSearchOnly ? "!pr-2" : "!h-[28px]",
               icon: (k = a.searchOptions) != null && k.length ? "" : "search",
-              onKeyup: n[2] || (n[2] = K((e) => i.$emit("addQuery", t.value), ["enter"]))
-            }, N({ _: 2 }, [
+              onKeyup: n[2] || (n[2] = N((e) => i.$emit("addQuery", t.value), ["enter"]))
+            }, Q({ _: 2 }, [
               (x = a.searchOptions) != null && x.length ? {
                 name: "trailing",
                 fn: h(() => [
@@ -58,21 +58,21 @@ const A = { class: "flex gap-x-4" }, H = { class: "flex gap-x-2 items-center pl-
                     skidding: -8
                   }, {
                     menu: h(() => [
-                      r("div", L, [
-                        (s(!0), d(p, null, D(a.searchOptions, (e) => (s(), S(c(j), {
+                      r("div", H, [
+                        (s(!0), d(p, null, E(a.searchOptions, (e) => (s(), S(c(j), {
                           key: e.value,
                           class: "text-sm",
                           text: e.label,
                           active: e.value === a.selectedOption,
-                          onClick: (T) => $(e.value)
+                          onClick: (L) => $(e.value)
                         }, null, 8, ["text", "active", "onClick"]))), 128))
                       ])
                     ]),
                     default: h(() => {
                       var e;
                       return [
-                        r("div", H, [
-                          r("span", null, Q((e = V.value) == null ? void 0 : e.label), 1),
+                        r("div", G, [
+                          r("span", null, D((e = V.value) == null ? void 0 : e.label), 1),
                           m(c(q), {
                             name: "chevron-down",
                             width: "14",

package/dist/{OcFilterSearchFor-Db4MQyBv.js → OcFilterSearchFor-DnQV0beL.js}

@@ -1,6 +1,6 @@
 import { computed as h, createBlock as c, createCommentVNode as k, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as p, renderList as b } from "vue";
-import { T as $, aC as m } from "./index-BWAOVIQ_.js";
-const w = { class: "flex gap-1 items-center normal-case flex-wrap" }, N = {
+import { T as $, aB as m } from "./index-BFI9sA-S.js";
+const w = { class: "flex gap-1 items-center normal-case flex-wrap" }, E = {
   __name: "OcFilterSearchFor",
   props: {
     /** Applied filter chips. Array of `{ name, label, multiNames? }` objects from `formatFilterDisplay`. */
@@ -76,5 +76,5 @@ const w = { class: "flex gap-1 items-center normal-case flex-wrap" }, N = {
   }
 };
 export {
-  N as default
+  E as default
 };

package/dist/OcIcon-CUKFUeB7.js

@@ -0,0 +1,97 @@
+import { ref as p, onMounted as $, nextTick as S, onUnmounted as _, watch as h, createElementBlock as C, openBlock as I } from "vue";
+const b = ["width", "height", "viewBox"], y = {
+  __name: "OcIcon",
+  props: {
+    /** Base URL path where SVG icon files are served from. */
+    path: {
+      type: String,
+      default: "/icons/orchidui"
+    },
+    /** Icon file name (without `.svg` extension). Fetched from `{path}/{name}.svg`. */
+    name: {
+      type: String,
+      required: !0
+    },
+    /** Width of the rendered SVG in pixels. */
+    width: {
+      type: [String, Number],
+      default: "24"
+    },
+    /** Height of the rendered SVG in pixels. */
+    height: {
+      type: [String, Number],
+      default: "24"
+    },
+    /** Fill value applied to the SVG root. Use "none" for stroke-based icons. */
+    fill: {
+      type: String,
+      default: "currentColor"
+    }
+  },
+  setup(w) {
+    const n = w, i = p(null), g = Math.random().toString(36).slice(2, 8);
+    let l = null;
+    const m = (e) => /^[a-zA-Z0-9#(),.\s%_-]+$/.test(e) ? e : "currentColor", v = (e) => e.replace(/[^a-zA-Z0-9_/-]/g, ""), f = (e) => {
+      const t = /* @__PURE__ */ new Set(), c = /\bid="([^"]+)"/g;
+      let r;
+      for (; (r = c.exec(e)) !== null; )
+        t.add(r[1]);
+      let o = e;
+      for (const s of t) {
+        const u = `oc-${n.name}-${g}-${s}`;
+        o = o.replaceAll(`id="${s}"`, `id="${u}"`), o = o.replaceAll(`url(#${s})`, `url(#${u})`), o = o.replaceAll(`href="#${s}"`, `href="#${u}"`);
+      }
+      return o;
+    }, d = (e, t = !0) => {
+      const c = m(n.fill);
+      if (t) {
+        const r = document.createElement("div");
+        r.innerHTML = e, r.querySelector("svg") && (r.querySelector("svg").removeAttribute("id"), r.querySelector("svg").removeAttribute("width"), r.querySelector("svg").removeAttribute("height"), r.querySelector("svg").setAttribute("fill", "currentColor"), window.ORCHID_ICONS ? window.ORCHID_ICONS[n.name] = r.innerHTML : window.ORCHID_ICONS = {
+          [n.name]: r.innerHTML
+        }, i.value && (i.value.innerHTML = f(
+          r.innerHTML.replace(/(<svg\b[^>]*)\bfill="[^"]*"/, `$1fill="${c}"`)
+        ))), r.remove();
+      } else i.value && (i.value.innerHTML = f(
+        e.replace(/(<svg\b[^>]*)\bfill="[^"]*"/, `$1fill="${c}"`)
+      ));
+    }, a = () => {
+      const e = v(n.name);
+      if (e) {
+        if (window.ORCHID_ICONS && window.ORCHID_ICONS[e]) {
+          d(window.ORCHID_ICONS[e], !1);
+          return;
+        }
+        l && l.abort(), l = new AbortController(), fetch(`${n.path}/${e}.svg`, { signal: l.signal }).then((t) => t.status === 200 ? t.text() : "").then((t) => {
+          t && t.includes("<svg") && i.value && d(t, !0);
+        }).catch((t) => {
+          t.name !== "AbortError" && console.error(`Icon ${e} not found`);
+        });
+      }
+    };
+    return $(async () => {
+      await S(), i.value && a();
+    }), _(() => {
+      l && l.abort();
+    }), h(
+      () => n.name,
+      () => {
+        i.value && a();
+      }
+    ), h(
+      () => n.fill,
+      () => {
+        i.value && a();
+      }
+    ), (e, t) => (I(), C("svg", {
+      ref_key: "iconRef",
+      ref: i,
+      width: `${n.width}px`,
+      height: `${n.height}px`,
+      viewBox: `0 0 ${n.width} ${n.height}`,
+      xmlns: "http://www.w3.org/2000/svg"
+    }, null, 8, b));
+  }
+};
+export {
+  y as _
+};

package/dist/{OcModalCropper-9JmjpxIo.js → OcModalCropper-DLQWHv5c.js}

@@ -1,6 +1,6 @@
 import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
-import { aJ as b } from "./index-BWAOVIQ_.js";
-import k from "./OcCropper-CLC1w_np.js";
+import { aI as b } from "./index-BFI9sA-S.js";
+import k from "./OcCropper-2-hX5LQZ.js";
 const h = {
   __name: "OcModalCropper",
   props: {

package/dist/{OcTimePicker-CEvUnEe0.js → OcTimePicker-CFMFwKw-.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, createBlock as m, openBlock as s, unref as o, withCtx as p, createVNode as v, createCommentVNode as y } from "vue";
-import { aH as S, d as h, aR as D } from "./index-BWAOVIQ_.js";
+import { aG as S, d as h, aQ as D } from "./index-BFI9sA-S.js";
 import { d as c } from "./dayjs.min-7xVZzECu.js";
 const w = {
   __name: "OcTimePicker",

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { aF as r } from "../../index-BWAOVIQ_.js";
+import { aE as r } from "../../index-BFI9sA-S.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { aG as a } from "../../index-BWAOVIQ_.js";
+import { aF as a } from "../../index-BFI9sA-S.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { aH as r, aI as p } from "../../index-BWAOVIQ_.js";
+import { aG as r, aH as p } from "../../index-BFI9sA-S.js";
 export {
   r as Dropdown,
   p as DropdownItem

package/dist/Overlay/Modal/OcModal.js

@@ -1,4 +1,4 @@
-import { aJ as d, aK as e } from "../../index-BWAOVIQ_.js";
+import { aI as d, aJ as e } from "../../index-BFI9sA-S.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aL as r } from "../../index-BWAOVIQ_.js";
+import { aK as r } from "../../index-BFI9sA-S.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aM as p } from "../../index-BWAOVIQ_.js";
+import { aL as p } from "../../index-BFI9sA-S.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aN as e } from "../../index-BWAOVIQ_.js";
+import { aM as e } from "../../index-BFI9sA-S.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-tS38P14V.js → SubPlanCard-DJaPa_xX.js}

@@ -1,7 +1,7 @@
 import { computed as l, createElementBlock as o, openBlock as a, normalizeClass as d, createElementVNode as e, createBlock as x, createCommentVNode as u, toDisplayString as r, unref as m, createTextVNode as v, Fragment as T, renderList as k, createVNode as P } from "vue";
-import { aC as _, B as w } from "./index-BWAOVIQ_.js";
+import { aB as _, B as w } from "./index-BFI9sA-S.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as F } from "./OcIcon-DuLjS3TV.js";
+import { _ as F } from "./OcIcon-CUKFUeB7.js";
 const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex items-center gap-4" }, A = { class: "font-medium text-xl" }, N = { class: "flex gap-3 items-center mb-5" }, S = { class: "flex items-start gap-2" }, V = { class: "text-[24px] font-medium tracking-tighter" }, q = { class: "text-[40px] leading-none font-medium" }, z = { key: 0 }, $ = {
   __name: "SubPlanCard",
   props: {

package/dist/{ThumbnailSection-PbsT2ZFh.js → ThumbnailSection-C9OvA18j.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as a, openBlock as d, createElementVNode as t, createVNode as o, unref as i, toDisplayString as r } from "vue";
-import { B as n } from "./index-BWAOVIQ_.js";
+import { B as n } from "./index-BFI9sA-S.js";
 const m = { class: "flex flex-col" }, u = { class: "w-full relative group" }, f = { class: "w-full h-full bg-black/25 absolute top-0 left-0 hidden group-hover:flex rounded-lg" }, v = { class: "w-full px-6 gap-3 m-auto flex" }, b = ["src", "alt"], g = { class: "mt-4 text-md text-center" }, x = {
   __name: "ThumbnailSection",
   props: {

package/dist/{ThumbnailTheme-BDLUnh6F.js → ThumbnailTheme-9hRpzTqQ.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as s, openBlock as i, normalizeClass as f, createElementVNode as l, Fragment as b, createCommentVNode as u, createVNode as m, createBlock as r, unref as a, createTextVNode as c, toDisplayString as g, withCtx as v } from "vue";
-import { B as d, aC as h } from "./index-BWAOVIQ_.js";
-import { _ as k } from "./OcIcon-DuLjS3TV.js";
+import { B as d, aB as h } from "./index-BFI9sA-S.js";
+import { _ as k } from "./OcIcon-CUKFUeB7.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,
   class: "m-auto flex gap-3"