@orchidui/core 1.8.1-100 → 1.8.1-103

package/dist/DataDisplay/CustomerCard/OcCustomerCard.js

@@ -1,4 +1,4 @@
-import { v as a } from "../../index-DeDsEdk8.js";
+import { v as a } from "../../index-Ov9629Pn.js";
 export {
   a as CustomerCard
 };

package/dist/DataDisplay/FloatContent/OcFloatContent.js

@@ -1,4 +1,4 @@
-import { w as a } from "../../index-DeDsEdk8.js";
+import { w as a } from "../../index-Ov9629Pn.js";
 export {
   a as FloatContent
 };

package/dist/DataDisplay/InfoCard/OcInfoCard.js

@@ -1,4 +1,4 @@
-import { x as a } from "../../index-DeDsEdk8.js";
+import { x as a } from "../../index-Ov9629Pn.js";
 export {
   a as InfoCard
 };

package/dist/DataDisplay/ListDetail/OcListDetail.js

@@ -1,4 +1,4 @@
-import { y as e } from "../../index-DeDsEdk8.js";
+import { y as e } from "../../index-Ov9629Pn.js";
 export {
   e as ListDetail
 };

package/dist/DataDisplay/ListItem/OcListItem.js

@@ -1,4 +1,4 @@
-import { z as r, A as a } from "../../index-DeDsEdk8.js";
+import { z as r, A as a } from "../../index-Ov9629Pn.js";
 export {
   r as ListItem,
   a as ListUrl

package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js

@@ -1,4 +1,4 @@
-import { D as t } from "../../index-DeDsEdk8.js";
+import { D as t } from "../../index-Ov9629Pn.js";
 export {
   t as OcOnboardingListItem
 };

package/dist/DataDisplay/Overview/OcOverview.js

@@ -1,4 +1,4 @@
-import { E as r, F as a, G as i } from "../../index-DeDsEdk8.js";
+import { E as r, F as a, G as i } from "../../index-Ov9629Pn.js";
 export {
   r as Overview,
   a as OverviewIcon,

package/dist/DataDisplay/Pagination/OcPagination.js

@@ -1,4 +1,4 @@
-import { H as i, J as n, I as o } from "../../index-DeDsEdk8.js";
+import { H as i, J as n, I as o } from "../../index-Ov9629Pn.js";
 export {
   i as Pagination,
   n as PaginationNumber,

package/dist/DataDisplay/Table/OcTable.js

@@ -1,4 +1,4 @@
-import { T as l, L as n, R as s, K as T, O as b, P as d, M as o, Q as i } from "../../index-DeDsEdk8.js";
+import { T as l, L as n, R as s, K as T, O as b, P as d, M as o, Q as i } from "../../index-Ov9629Pn.js";
 export {
   l as ExpandingHeaderRow,
   n as ExpandingTable,

package/dist/DataDisplay/TransferSummary/OcTransferSummary.js

@@ -1,4 +1,4 @@
-import { U as m } from "../../index-DeDsEdk8.js";
+import { U as m } from "../../index-Ov9629Pn.js";
 export {
   m as TransferSummary
 };

package/dist/DataTable/useDataTable.js

@@ -1,54 +1,55 @@
 import { ref as s } from "vue";
 function I(m) {
-  const { id: L, name: w, localDb: _ } = m, B = s(L), r = s(w), i = s(_), v = s([]), l = s([]), f = s({}), D = s({
+  const { id: L, name: w, localDb: B } = m, _ = s(L), n = s(w), i = s(B), D = s([]), l = s([]), d = s({}), g = s({
     total: 0,
     last_page: 0
-  }), g = s(!1);
-  let y = null;
+  }), y = s(!1);
+  let b = null;
   const p = async () => {
-    g.value = !0, y && clearTimeout(y), y = setTimeout(async () => {
-      let e = i.value.table(r.value);
+    y.value = !0, b && clearTimeout(b), b = setTimeout(async () => {
+      let e = i.value.table(n.value);
       const t = C();
-      t.filter && Object.entries(t.filter).forEach(([c, o]) => {
-        o && Array.isArray(o) ? e = e.filter((d) => {
-          const u = d[c];
-          return o.some((b) => typeof b == "string" && typeof u == "string" ? u.toLowerCase().includes(b.toLowerCase()) : u === b);
-        }) : o && typeof o == "string" ? e = e.filter((d) => {
-          const u = d[c];
+      console.log("local filter options :", t), t.filter && Object.entries(t.filter).forEach(([c, o]) => {
+        o && Array.isArray(o) ? e = e.filter((f) => {
+          const u = f[c];
+          return o.some((v) => typeof v == "string" && typeof u == "string" ? u.toLowerCase().includes(v.toLowerCase()) : u === v);
+        }) : o && typeof o == "string" ? e = e.filter((f) => {
+          const u = f[c];
           return typeof u == "string" && u.toLowerCase().includes(o.toLowerCase());
-        }) : o != null && (e = e.filter((d) => d[c] === o));
+        }) : o != null && (e = e.filter((f) => f[c] === o));
       }), t.sortBy && t.sortBy.length > 0 && t.sortBy.forEach((c) => {
         e = e.sortBy(c.column), c.direction === "desc" && (e = e.reverse());
       });
       const a = await e.toArray();
-      v.value = a;
-      const n = await i.value.table(r.value).count();
-      D.value = {
-        total: n,
+      D.value = a;
+      const r = await i.value.table(n.value).count();
+      g.value = {
+        total: r,
         page: t.page,
         per_page: t.per_page,
-        last_page: Math.ceil(n / t.per_page)
-      }, g.value = !1;
+        last_page: Math.ceil(r / t.per_page)
+      }, y.value = !1;
     }, 300);
   }, C = () => {
     const e = {}, t = ["columnEdit", "page", "per_page"];
-    return Object.entries(f.value).forEach(([a, n]) => {
-      !t.includes(a) && n !== void 0 && n !== null && n !== "" && (e[a] = n);
+    return Object.entries(d.value).forEach(([a, r]) => {
+      !t.includes(a) && r !== void 0 && r !== null && r !== "" && (e[a] = r);
     }), {
       filter: e,
       sortBy: l.value,
-      page: f.value.page,
-      per_page: f.value.per_page
+      page: d.value.page,
+      per_page: d.value.per_page,
+      pagination: g.value
     };
   };
   return {
     // State
     sortBy: l,
-    localData: v,
-    dataTableId: B,
-    dbTablename: r,
-    paginationData: D,
-    isLoading: g,
+    localData: D,
+    dataTableId: _,
+    dbTablename: n,
+    paginationData: g,
+    isLoading: y,
     // Methods
     toggleSort: (e) => {
       const t = l.value.find((a) => a.column === e);
@@ -57,23 +58,23 @@ function I(m) {
       ) : l.value = l.value.filter((a) => a.column !== e) : l.value = [...l.value, { column: e, direction: "asc" }], p();
     },
     bulkPutLocalData: async (e) => {
-      await i.value.table(r.value).bulkPut(e);
+      await i.value.table(n.value).bulkPut(e);
     },
     bulkDeleteLocalData: async (e) => {
-      await i.value.table(r.value).bulkDelete(e);
+      await i.value.table(n.value).bulkDelete(e);
     },
     getLocalDataUpdatedAt: async () => {
-      const e = await i.value.table(r.value).orderBy("updated_at").reverse().limit(1).first();
+      const e = await i.value.table(n.value).orderBy("updated_at").reverse().limit(1).first();
       return e == null ? void 0 : e.updated_at;
     },
-    getLocalDataIds: async () => await i.value.table(r.value).toCollection().primaryKeys(),
+    getLocalDataIds: async () => await i.value.table(n.value).toCollection().primaryKeys(),
     syncLocalData: p,
     // Setters
     setFilter: (e) => {
-      f.value = { ...e }, p();
+      d.value = { ...e }, console.log("setFilter", d.value), p();
     },
     setSortBy: (e) => {
-      l.value = { ...e }, p();
+      l.value = { ...e }, console.log("setSortBy", l.value), p();
     }
   };
 }

package/dist/Disclosure/Accordion/OcAccordion.js

@@ -1,4 +1,4 @@
-import { V as c } from "../../index-DeDsEdk8.js";
+import { V as c } from "../../index-Ov9629Pn.js";
 export {
   c as Accordion
 };

package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../index-DeDsEdk8.js";
+import { W as n } from "../../index-Ov9629Pn.js";
 export {
   n as OnboardingAccordion
 };

package/dist/Disclosure/Steps/OcSteps.js

@@ -1,4 +1,4 @@
-import { Y as s, X as t } from "../../index-DeDsEdk8.js";
+import { Y as s, X as t } from "../../index-Ov9629Pn.js";
 export {
   s as Step,
   t as Steps

package/dist/Disclosure/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import { $ as b, Z as e } from "../../index-DeDsEdk8.js";
+import { $ as b, Z as e } from "../../index-Ov9629Pn.js";
 export {
   b as PaymentTab,
   e as Tabs

package/dist/Disclosure/Variants/OcVariants.js

@@ -1,4 +1,4 @@
-import { a1 as s, a0 as t } from "../../index-DeDsEdk8.js";
+import { a1 as s, a0 as t } from "../../index-Ov9629Pn.js";
 export {
   s as Variant,
   t as Variants

package/dist/Elements/AdditionalContent/OcAdditionalContent.js

@@ -1,4 +1,4 @@
-import { a2 as t, a3 as n } from "../../index-DeDsEdk8.js";
+import { a2 as t, a3 as n } from "../../index-Ov9629Pn.js";
 export {
   t as AdditionalContent,
   n as InfoCardButton

package/dist/Elements/AuthenticationOption/AuthenticationOption.js

@@ -1,4 +1,4 @@
-import { a4 as a } from "../../index-DeDsEdk8.js";
+import { a4 as a } from "../../index-Ov9629Pn.js";
 export {
   a as AuthenticationOption
 };

package/dist/Elements/Box/OcBox.js

@@ -1,4 +1,4 @@
-import { a5 as r } from "../../index-DeDsEdk8.js";
+import { a5 as r } from "../../index-Ov9629Pn.js";
 export {
   r as Box
 };

package/dist/Elements/EmptyPage/OcEmptyPage.js

@@ -1,4 +1,4 @@
-import { a6 as m } from "../../index-DeDsEdk8.js";
+import { a6 as m } from "../../index-Ov9629Pn.js";
 export {
   m as EmptyPage
 };

package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js

@@ -1,4 +1,4 @@
-import { a7 as a } from "../../index-DeDsEdk8.js";
+import { a7 as a } from "../../index-Ov9629Pn.js";
 export {
   a as FeatureOverviewCard
 };

package/dist/Elements/Header/OcHeader.js

@@ -1,4 +1,4 @@
-import { a8 as r, ab as d, aa as s, ac as t, a9 as H, ad as b } from "../../index-DeDsEdk8.js";
+import { a8 as r, ab as d, aa as s, ac as t, a9 as H, ad as b } from "../../index-Ov9629Pn.js";
 export {
   r as Header,
   d as HeaderCenter,

package/dist/Elements/PageTitle/OcPageTitle.js

@@ -1,4 +1,4 @@
-import { ae as i, af as t, ag as g } from "../../index-DeDsEdk8.js";
+import { ae as i, af as t, ag as g } from "../../index-Ov9629Pn.js";
 export {
   i as PageTitle,
   t as PageTitleRight,

package/dist/Elements/SandboxBanner/OcSandboxBanner.js

@@ -1,4 +1,4 @@
-import { ah as o } from "../../index-DeDsEdk8.js";
+import { ah as o } from "../../index-Ov9629Pn.js";
 export {
   o as SandboxBanner
 };

package/dist/Elements/Sidebar/OcSidebar.js

@@ -1,5 +1,5 @@
-import { ak as r, am as s, ai as u, ap as S, ao as o, al as t, an as d, aj as b } from "../../index-DeDsEdk8.js";
-import { default as n } from "../../OcAccountSetupProgress-BZrI2z-C.js";
+import { ak as r, am as s, ai as u, ap as S, ao as o, al as t, an as d, aj as b } from "../../index-Ov9629Pn.js";
+import { default as n } from "../../OcAccountSetupProgress-BeowOIMh.js";
 export {
   r as AccountSetup,
   n as AccountSetupProgress,

package/dist/Elements/SubSidebar/OcSubSidebar.js

@@ -1,4 +1,4 @@
-import { aq as b } from "../../index-DeDsEdk8.js";
+import { aq as b } from "../../index-Ov9629Pn.js";
 export {
   b as SubSidebar
 };

package/dist/Elements/TopBanner/OcTopBanner.js

@@ -1,4 +1,4 @@
-import { ar as o } from "../../index-DeDsEdk8.js";
+import { ar as o } from "../../index-Ov9629Pn.js";
 export {
   o as TopBanner
 };

package/dist/Elements/VerificationOption/OcVerificationOption.js

@@ -1,4 +1,4 @@
-import { as as a } from "../../index-DeDsEdk8.js";
+import { as as a } from "../../index-Ov9629Pn.js";
 export {
   a as VerificationOption
 };

package/dist/Feedback/Banner/OcBanner.js

@@ -1,4 +1,4 @@
-import { at as e } from "../../index-DeDsEdk8.js";
+import { at as e } from "../../index-Ov9629Pn.js";
 export {
   e as Banner
 };

package/dist/Feedback/Chip/OcChip.js

@@ -1,4 +1,4 @@
-import { au as p } from "../../index-DeDsEdk8.js";
+import { au as p } from "../../index-Ov9629Pn.js";
 export {
   p as Chip
 };

package/dist/Feedback/ShareIcon/OcShareIcon.js

@@ -1,4 +1,4 @@
-import { av as r } from "../../index-DeDsEdk8.js";
+import { av as r } from "../../index-Ov9629Pn.js";
 export {
   r as ShareIcon
 };

package/dist/Feedback/Snackbar/OcSnackbar.js

@@ -1,4 +1,4 @@
-import { aw as o } from "../../index-DeDsEdk8.js";
+import { aw as o } from "../../index-Ov9629Pn.js";
 export {
   o as Snackbar
 };

package/dist/Form/BaseInput/OcBaseInput.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../../index-DeDsEdk8.js";
+import { _ as o } from "../../index-Ov9629Pn.js";
 export {
   o as BaseInput
 };

package/dist/Form/Button/OcButton.js

@@ -1,4 +1,4 @@
-import { B as r } from "../../index-DeDsEdk8.js";
+import { B as r } from "../../index-Ov9629Pn.js";
 export {
   r as Button
 };

package/dist/Form/Calendar/OcCalendar.js

@@ -1,5 +1,5 @@
 import "dayjs";
-import { o as e } from "../../index-DeDsEdk8.js";
+import { o as e } from "../../index-Ov9629Pn.js";
 export {
   e as Calendar
 };

package/dist/Form/CardInput/OcCardInput.js

@@ -1,4 +1,4 @@
-import { a as o } from "../../index-DeDsEdk8.js";
+import { a as o } from "../../index-Ov9629Pn.js";
 export {
   o as CardInput
 };

package/dist/Form/Checkbox/OcCheckbox.js

@@ -1,4 +1,4 @@
-import { C as r } from "../../index-DeDsEdk8.js";
+import { C as r } from "../../index-Ov9629Pn.js";
 export {
   r as Checkbox
 };

package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js

@@ -1,4 +1,4 @@
-import { b as r } from "../../index-DeDsEdk8.js";
+import { b as r } from "../../index-Ov9629Pn.js";
 export {
   r as CheckboxesGroup
 };

package/dist/Form/Criteria/OcCriteria.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-DeDsEdk8.js";
+import { c as e } from "../../index-Ov9629Pn.js";
 export {
   e as Criteria
 };

package/dist/Form/Cropper/OcCropper.js

@@ -1,4 +1,4 @@
-import { default as o } from "../../OcCropper-BMMZRsnp.js";
+import { default as o } from "../../OcCropper-Bgu0Vygr.js";
 export {
   o as Cropper
 };

package/dist/Form/DatePicker/OcDatePicker.js

@@ -1,4 +1,4 @@
-import { p as a } from "../../index-DeDsEdk8.js";
+import { p as a } from "../../index-Ov9629Pn.js";
 export {
   a as DatePicker
 };

package/dist/Form/EmojiPicker/OcEmojiPicker.js

@@ -1,4 +1,4 @@
-import { default as r } from "../../OcEmojiPicker-CjL4Ap4z.js";
+import { default as r } from "../../OcEmojiPicker-BSIj846S.js";
 export {
   r as EmojiPicker
 };

package/dist/Form/Input/OcInput.js

@@ -1,4 +1,4 @@
-import { d as n, e as o } from "../../index-DeDsEdk8.js";
+import { d as n, e as o } from "../../index-Ov9629Pn.js";
 export {
   n as Input,
   o as InputOption

package/dist/Form/LinkInput/OcLinkInput.js

@@ -1,4 +1,4 @@
-import { m as o } from "../../index-DeDsEdk8.js";
+import { m as o } from "../../index-Ov9629Pn.js";
 export {
   o as LinkInput
 };

package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../index-DeDsEdk8.js";
+import { t as o } from "../../index-Ov9629Pn.js";
 export {
   o as MultipleUploadFile
 };

package/dist/Form/NumberInput/OcNumberInput.js

@@ -1,4 +1,4 @@
-import { N as m } from "../../index-DeDsEdk8.js";
+import { N as m } from "../../index-Ov9629Pn.js";
 export {
   m as NumberInput
 };

package/dist/Form/PhoneInput/OcPhoneInput.js

@@ -1,4 +1,4 @@
-import { f } from "../../index-DeDsEdk8.js";
+import { f } from "../../index-Ov9629Pn.js";
 export {
   f as PhoneInput
 };

package/dist/Form/Radio/OcRadio.js

@@ -1,4 +1,4 @@
-import { g as r } from "../../index-DeDsEdk8.js";
+import { g as r } from "../../index-Ov9629Pn.js";
 export {
   r as Radio
 };

package/dist/Form/RadioGroup/OcRadioGroup.js

@@ -1,4 +1,4 @@
-import { h as a } from "../../index-DeDsEdk8.js";
+import { h as a } from "../../index-Ov9629Pn.js";
 export {
   a as RadioGroup
 };

package/dist/Form/RangeInput/OcRangeInput.js

@@ -1,4 +1,4 @@
-import { i as n } from "../../index-DeDsEdk8.js";
+import { i as n } from "../../index-Ov9629Pn.js";
 export {
   n as RangeInput
 };

package/dist/Form/SectionItem/OcSectionItem.js

@@ -1,4 +1,4 @@
-import { q as t } from "../../index-DeDsEdk8.js";
+import { q as t } from "../../index-Ov9629Pn.js";
 export {
   t as SectionItem
 };

package/dist/Form/Select/OcSelect.js

@@ -1,4 +1,4 @@
-import { l as s, k as t, j as a } from "../../index-DeDsEdk8.js";
+import { l as s, k as t, j as a } from "../../index-Ov9629Pn.js";
 export {
   s as GroupOptions,
   t as Option,

package/dist/Form/SelectOptions/OcSelectOptions.js

@@ -1,4 +1,4 @@
-import { r } from "../../index-DeDsEdk8.js";
+import { r } from "../../index-Ov9629Pn.js";
 export {
   r as SelectOptions
 };

package/dist/Form/SingleFileUpload/OcSingleFileUpload.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../index-DeDsEdk8.js";
+import { s as o } from "../../index-Ov9629Pn.js";
 export {
   o as SingleFileUpload
 };

package/dist/Form/Slider/OcSlider.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../index-DeDsEdk8.js";
+import { S as o } from "../../index-Ov9629Pn.js";
 export {
   o as Slider
 };

package/dist/Form/TextArea/OcTextArea.js

@@ -1,4 +1,4 @@
-import { n as a } from "../../index-DeDsEdk8.js";
+import { n as a } from "../../index-Ov9629Pn.js";
 export {
   a as TextArea
 };

package/dist/Form/index.js

@@ -1,4 +1,4 @@
-import { _ as e, B as t, o, a as p, C as n, b as i, c as r, p as u, l, d as I, e as d, m as c, t as C, N as S, k as g, f as k, g as m, h as x, i as b, q as h, j as O, r as f, s as B, S as G, n as R } from "../index-DeDsEdk8.js";
+import { _ as e, B as t, o, a as p, C as n, b as i, c as r, p as u, l, d as I, e as d, m as c, t as C, N as S, k as g, f as k, g as m, h as x, i as b, q as h, j as O, r as f, s as B, S as G, n as R } from "../index-Ov9629Pn.js";
 import { T as F } from "../OcToggle-DOfA-DZ8.js";
 export {
   e as BaseInput,

package/dist/FormBuilder/OcFormBuilder.js

@@ -1,4 +1,4 @@
-import { u as e } from "../index-DeDsEdk8.js";
+import { u as e } from "../index-Ov9629Pn.js";
 export {
   e as FormBuilder
 };

package/dist/{OcAccountSetupProgress-BZrI2z-C.js → OcAccountSetupProgress-BeowOIMh.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as r, openBlock as n, createElementVNode as e, createVNode as o, createTextVNode as d, unref as l, toDisplayString as a, normalizeStyle as u } from "vue";
-import "./index-DeDsEdk8.js";
+import "./index-Ov9629Pn.js";
 import { _ as c } from "./OcIcon-CBf___w1.js";
 const x = { class: "border relative z-10 border-oc-gray-200 shadow-normal bg-white rounded p-2 flex flex-col gap-y-2" }, p = { class: "py-2 px-3 gap-x-3 flex items-center" }, f = { class: "text-base flex-1 font-medium flex items-center gap-x-2" }, m = { class: "px-3 pb-3 flex flex-col gap-y-3" }, h = { class: "relative bg-oc-accent-1-50 rounded-full h-2" }, _ = { class: "flex items-center gap-x-3" }, g = { class: "text-sm text-oc-text-400" }, N = {
   __name: "OcAccountSetupProgress",

package/dist/{OcComplexCalendar-CrhHAVnT.js → OcComplexCalendar-D4s8G5YU.js}

@@ -1,7 +1,7 @@
 import { ref as x, createElementBlock as o, openBlock as n, createElementVNode as b, createCommentVNode as i, createVNode as d, Fragment as V, renderList as v, normalizeClass as k, unref as a, toDisplayString as p, mergeProps as m } from "vue";
 import { DatePicker as B } from "v-calendar";
 import r from "dayjs";
-import { B as f } from "./index-DeDsEdk8.js";
+import { B as f } from "./index-Ov9629Pn.js";
 const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h = { class: "flex gap-x-7" }, M = {
   key: 0,
   class: "flex flex-col py-2 gap-y-4"

package/dist/{OcComplexDatePicker-Cr_6CjYB.js → OcComplexDatePicker-IBeip5hE.js}

@@ -1,5 +1,5 @@
 import { ref as s, createBlock as d, openBlock as m, unref as t, withCtx as l, createVNode as n } from "vue";
-import { aG as c, _ as f, az as b, d as p, aH as V } from "./index-DeDsEdk8.js";
+import { aG as c, _ as f, az as b, d as p, aH as V } from "./index-Ov9629Pn.js";
 import r from "dayjs";
 const x = {
   __name: "OcComplexDatePicker",

package/dist/{OcCropper-BMMZRsnp.js → OcCropper-Bgu0Vygr.js}

@@ -1,5 +1,5 @@
 import { ref as u, watch as D, nextTick as J, createElementBlock as h, openBlock as o, createElementVNode as m, createBlock as r, unref as a, createCommentVNode as s, Fragment as K, createVNode as g, withCtx as T } from "vue";
-import { B as k, d as x, C as y, h as M, aE as P } from "./index-DeDsEdk8.js";
+import { B as k, d as x, C as y, h as M, aE as P } from "./index-Ov9629Pn.js";
 import { Cropper as Q } from "vue-advanced-cropper";
 import { _ as W } from "./OcIcon-CBf___w1.js";
 const X = { class: "flex flex-col gap-y-5" }, Y = ["src"], Z = { class: "flex gap-x-1 justify-center relative" }, _ = { class: "grid grid-cols-2 gap-4" }, ee = {