@feedmepos/mf-menu 0.32.13 → 0.32.15

package/dist/{Product.vue_vue_type_script_setup_true_lang-CdIukLqA.js → Product.vue_vue_type_script_setup_true_lang-BZVvTAOX.js}

@@ -1,22 +1,22 @@
-import { ref as F, computed as h, defineComponent as N, resolveComponent as O, createBlock as I, openBlock as m, withCtx as T, createElementVNode as g, createVNode as d, unref as a, createElementBlock as k, Fragment as pe, renderList as we, createCommentVNode as M, normalizeClass as ve, toDisplayString as K, withModifiers as fe, mergeModels as Ze, useModel as Xe, renderSlot as _e, watch as de, createTextVNode as et, watchEffect as tt, nextTick as Ae, resolveDynamicComponent as lt, onMounted as at, h as q, isRef as je, normalizeStyle as ft } from "vue";
-import { u as Fe, R as Ce, B as me, I as Re, J as ge, V as gt, ad as bt, ae as _t, af as Pe, ag as yt, Q as ht, a3 as be, ah as Ee } from "./index.vue_vue_type_script_setup_true_lang-DxF14kn9.js";
+import { ref as F, computed as h, defineComponent as N, resolveComponent as O, createBlock as I, openBlock as m, withCtx as T, createElementVNode as g, createVNode as d, unref as a, createElementBlock as k, Fragment as pe, renderList as we, createCommentVNode as M, normalizeClass as ve, toDisplayString as K, withModifiers as fe, mergeModels as Ze, useModel as Xe, renderSlot as _e, watch as de, createTextVNode as et, watchEffect as tt, nextTick as Ae, resolveDynamicComponent as lt, onMounted as at, h as W, isRef as je, normalizeStyle as ft } from "vue";
+import { u as Fe, T as Ce, B as me, I as Re, J as ge, W as gt, ae as bt, af as _t, ag as Pe, ah as yt, R as ht, a4 as be, ai as Ee } from "./index.vue_vue_type_script_setup_true_lang-kj6HkxwD.js";
 import { useI18n as Ie, useCoreStore as ze, useCustomAttributes as xt } from "@feedmepos/mf-common";
-import { u as Se } from "./menu-PJc2dQHQ.js";
-import { L as Ge } from "./LinkProductSideSheet-DJj8Nn4X.js";
-import { r as Ct, _ as Le } from "./index-BLUIaanj.js";
-import { _ as Me, a as qe } from "./CustomAttributeChip.vue_vue_type_script_setup_true_lang-DtmrxDZm.js";
-import { _ as Ue, u as kt } from "./Thumbnail.vue_vue_type_script_setup_true_lang-DveI9xvU.js";
-import { f as wt, o as St, a as Vt, m as Ft } from "./menuV2-DinFmdTL.js";
-import { u as ot, C as It } from "./item-lXMLaKOb.js";
-import { b as We, H as $t } from "./app-5fxKLAzS.js";
-import { useBreakpoints as rt, components as te, useDialog as Tt, FmButtonColorThemeVariant as W, FmButtonVariant as ee } from "@feedmepos/ui-library";
+import { u as Se } from "./menu-CgQPOu3W.js";
+import { L as Ge } from "./LinkProductSideSheet-BXW6eNgZ.js";
+import { r as Ct, _ as Le } from "./index-DYxLHjeC.js";
+import { _ as Me, a as We } from "./CustomAttributeChip.vue_vue_type_script_setup_true_lang-8yIVwc8E.js";
+import { _ as Ue, u as kt } from "./Thumbnail.vue_vue_type_script_setup_true_lang-CX8cSbDe.js";
+import { f as wt, o as St, a as Vt, m as Ft } from "./menuV2-DHO9OmzU.js";
+import { u as ot, C as It } from "./item-cmnP2N-a.js";
+import { b as qe, H as $t } from "./app-5fxKLAzS.js";
+import { useBreakpoints as rt, components as te, useDialog as Tt, FmButtonColorThemeVariant as q, FmButtonVariant as ee } from "@feedmepos/ui-library";
 import { F as Pt } from "./index-CisutoS9.js";
-import { _ as De, a as At } from "./app-BQUkvrAS.js";
+import { _ as De, a as At } from "./app-CCKI85Te.js";
 import { _ as ke } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
-import { _ as Rt } from "./index-LuH6PJzW.js";
-import { r as Mt, _ as Ut } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-BqhNkaw_.js";
+import { _ as Rt } from "./index-BywPDIFW.js";
+import { r as Mt, _ as Ut } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-C_X-lTnN.js";
 import { c as zt } from "./check-C9mY6LiX.js";
-import { f as Dt } from "./currency-CvoBdMM2.js";
+import { f as Dt } from "./currency-FHrLDvzy.js";
 import { w as Ot } from "./tooltip-B5BiPMx9.js";
 function Bt(C, e, i = C) {
   const n = F(!0), t = h(() => {
@@ -142,7 +142,7 @@ const Kt = { class: "inline-flex items-center" }, Nt = {
       });
     };
   }
-}), Gt = { class: "flex flex-wrap gap-8" }, Lt = { class: "py-12 px-16 space-y-12" }, qt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, Wt = { class: "flex flex-wrap gap-8" }, Ht = {
+}), Gt = { class: "flex flex-wrap gap-8" }, Lt = { class: "py-12 px-16 space-y-12" }, Wt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, qt = { class: "flex flex-wrap gap-8" }, Ht = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Qt = { key: 0 }, Yt = {
@@ -186,8 +186,8 @@ const Kt = { class: "inline-flex items-center" }, Nt = {
       }, {
         content: T(() => [
           g("div", Lt, [
-            g("p", qt, K(a(i)("menu.product.table.category.all")), 1),
-            g("div", Wt, [
+            g("p", Wt, K(a(i)("menu.product.table.category.all")), 1),
+            g("div", qt, [
               (m(!0), k(pe, null, we(e.categories, (w) => (m(), I(ke, {
                 key: w,
                 label: w,
@@ -817,9 +817,9 @@ const Ye = /* @__PURE__ */ N({
   class: "min-w-0 flex flex-1 items-center justify-start space-x-16"
 }, Ll = {
   class: "flex-1 min-w-0"
-}, ql = {
-  class: "flex justify-between items-center gap-8 pb-4"
 }, Wl = {
+  class: "flex justify-between items-center gap-8 pb-4"
+}, ql = {
   class: "flex-1 min-w-0 fm-typo-en-body-lg-600 line-clamp-2"
 }, Hl = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
@@ -908,7 +908,7 @@ const Ye = /* @__PURE__ */ N({
       },
       cell: (o) => {
         var r, c;
-        return q(Ue, {
+        return W(Ue, {
           src: o.getValue(),
           alt: (c = (r = o == null ? void 0 : o.row) == null ? void 0 : r.original) == null ? void 0 : c.name,
           className: "my-8 mx-12",
@@ -928,7 +928,7 @@ const Ye = /* @__PURE__ */ N({
           class: "break-all"
         }, [c]);
         const p = Te(r._id);
-        return q(te.FmTextField, {
+        return W(te.FmTextField, {
           disabled: !y.value.code,
           modelValue: P(r._id, "code") ?? (p == null ? void 0 : p.code),
           placeholder: n.modelValue[r._id].fallbackCode,
@@ -944,7 +944,7 @@ const Ye = /* @__PURE__ */ N({
       size: 200,
       cell: (o) => {
         const r = o.row.original, c = o.getValue();
-        return S.value ? q(te.FmTextField, {
+        return S.value ? W(te.FmTextField, {
           disabled: !y.value.name,
           modelValue: P(r._id, "name") ?? r.name,
           "onUpdate:modelValue": (p) => {
@@ -972,7 +972,7 @@ const Ye = /* @__PURE__ */ N({
         const r = o.getValue();
         if (!S.value) return me.Dinero.fromFdoDinero(r).toFormat();
         const c = n.modelValue[o.row.original._id], p = c.fallbackPrice;
-        return q(Rt, {
+        return W(Rt, {
           min: 0,
           disabled: !c.editPrice,
           // @ts-ignore
@@ -998,7 +998,7 @@ const Ye = /* @__PURE__ */ N({
         if (!S.value)
           return `${V != null && V.meta.rate ? _t(V.meta.rate) : 0}%`;
         const _ = l.getSelectedTax(P(c._id, "taxes") ?? r, c.fallbackTaxes, l.taxSetting.countryTaxOptions);
-        return q(te.FmSelect, {
+        return W(te.FmSelect, {
           disabled: !y.value.tax,
           items: l.taxSetting.countryTaxOptions,
           modelValue: _,
@@ -1016,11 +1016,11 @@ const Ye = /* @__PURE__ */ N({
       cell: (o) => {
         const r = o.row.original;
         if (!S.value)
-          return q(Qe, {
+          return W(Qe, {
             categories: Pe(se.value, r)
           });
         const c = yt(n.originalValue, n.modelValue, r._id) ?? ht(r), p = (c == null ? void 0 : c.map((V) => V._id)) ?? [], x = c == null ? void 0 : c.reduce((V, _) => (V[_._id] = _, V), {});
-        return q(It, {
+        return W(It, {
           shouldShowChips: !1,
           shouldShowSelectedItemsWithinPlaceholder: !0,
           modelValue: p.length > 0 ? p : [null],
@@ -1049,7 +1049,7 @@ const Ye = /* @__PURE__ */ N({
       size: 140,
       cell: (o) => {
         const r = o.row.original;
-        return q(Me, {
+        return W(Me, {
           customAttributes: r.customAttributes
         });
       }
@@ -1064,14 +1064,14 @@ const Ye = /* @__PURE__ */ N({
       size: 140,
       cell: (o) => {
         const r = o.getValue(), c = o.row.original;
-        return S.value ? q(te.FmSelect, {
+        return S.value ? W(te.FmSelect, {
           disabled: !y.value.orderFrom,
           items: Object.values(Ce()),
           modelValue: P(c._id, "orderFrom") ?? r,
           "onUpdate:modelValue": async (p) => {
             $(c._id, "orderFrom", p);
           }
-        }) : q(Ve, {
+        }) : W(Ve, {
           orderFrom: r
         });
       }
@@ -1083,11 +1083,11 @@ const Ye = /* @__PURE__ */ N({
         headerClass: "py-4",
         textAlign: "right"
       },
-      header: () => q("div", {
+      header: () => W("div", {
         class: "w-full px-4 flex justify-end"
-      }, [Ot(q(te.FmButton, {
+      }, [Ot(W(te.FmButton, {
         variant: ee.Tertiary,
-        textColor: W.NeutralGray400,
+        textColor: q.NeutralGray400,
         prependIcon: "edit",
         class: "flex justify-end",
         onClick: oe,
@@ -1103,7 +1103,7 @@ const Ye = /* @__PURE__ */ N({
           }) => d(te.FmButton, {
             icon: "overview",
             variant: "tertiary",
-            textColor: W.NeutralGray400,
+            textColor: q.NeutralGray400,
             onClick: fe(() => {
               c(r._id);
             }, ["stop", "prevent"])
@@ -1111,7 +1111,7 @@ const Ye = /* @__PURE__ */ N({
         }), d(te.FmButton, {
           icon: "delete",
           variant: "tertiary",
-          textColor: W.NeutralGray400,
+          textColor: q.NeutralGray400,
           onClick: fe(async () => {
             await f.deleteItem([{
               _id: r._id,
@@ -1230,7 +1230,7 @@ const Ye = /* @__PURE__ */ N({
         placeholder: a(t)("menu.product.table.search.placeholder")
       }, null, 8, ["model-value", "placeholder"])]), r[8] || (r[8] = g("div", {
         class: "w-full h-[1px] bg-fm-color-neutral-gray-100"
-      }, null, -1)), g("div", Kl, [_e(o.$slots, "filter")]), J.value ? (m(), k("div", Nl, [d(a(We), {
+      }, null, -1)), g("div", Kl, [_e(o.$slots, "filter")]), J.value ? (m(), k("div", Nl, [d(a(qe), {
         ref_key: "attributeFilterRef",
         ref: re,
         attributes: a(B),
@@ -1246,14 +1246,14 @@ const Ye = /* @__PURE__ */ N({
           alt: _.name,
           size: 72,
           src: _.thumbnail
-        }, null, 8, ["alt", "src"]), g("div", Ll, [g("div", ql, [g("p", Wl, K(_.name), 1), d(Ve, {
+        }, null, 8, ["alt", "src"]), g("div", Ll, [g("div", Wl, [g("p", ql, K(_.name), 1), d(Ve, {
           "order-from": _.orderFrom
         }, null, 8, ["order-from"])]), g("p", Hl, K(Be(_)), 1), g("p", Ql, K(a(t)("menu.product.table.columns.code")) + ": " + K(((ae = Te(_._id)) == null ? void 0 : ae.code) || "--"), 1), g("p", Yl, [d(Qe, {
           categories: a(Pe)(a(se), _)
         }, null, 8, ["categories"])]), d(Me, {
           "custom-attributes": _.customAttributes
         }, null, 8, ["custom-attributes"])])]), d(p, {
-          "text-color": a(W).NeutralGray400,
+          "text-color": a(q).NeutralGray400,
           variant: a(ee).Tertiary,
           "prepend-icon": "delete",
           onClick: fe(() => a(f).deleteItem([{
@@ -1275,8 +1275,8 @@ const Ye = /* @__PURE__ */ N({
           default: T(({
             trigger: _
           }) => [d(p, {
-            "bg-color": a(W).NeutralGray100,
-            "text-color": a(W).NeutralGray400,
+            "bg-color": a(q).NeutralGray100,
+            "text-color": a(q).NeutralGray400,
             variant: a(ee).Primary,
             label: a(t)("menu.product.table.empty.actions.import"),
             "prepend-icon": "download",
@@ -1296,7 +1296,7 @@ const Ye = /* @__PURE__ */ N({
           "onUpdate:modelValue": r[0] || (r[0] = (_) => Z.value = _),
           autofocus: "",
           placeholder: a(t)("menu.product.table.search.placeholder")
-        }, null, 8, ["model-value", "placeholder"])])]), J.value ? (m(), k("div", Tl, [d(a(We), {
+        }, null, 8, ["model-value", "placeholder"])])]), J.value ? (m(), k("div", Tl, [d(a(qe), {
           ref_key: "attributeFilterRef",
           ref: re,
           attributes: a(B),
@@ -1310,8 +1310,8 @@ const Ye = /* @__PURE__ */ N({
           variant: "plain",
           onClick: ye
         }, null, 8, ["label"]), d(p, {
-          "border-color": a(W).SystemError300,
-          "text-color": a(W).SystemError300,
+          "border-color": a(q).SystemError300,
+          "text-color": a(q).SystemError300,
           class: "ml-auto",
           label: a(t)("menu.product.table.selection.actions.remove"),
           "prepend-icon": "delete",
@@ -1326,8 +1326,8 @@ const Ye = /* @__PURE__ */ N({
           label: a(t)("menu.common.actions.cancel"),
           onClick: $e
         }, null, 8, ["variant", "label"]), d(p, {
-          borderColor: a(W).ColorPrimary,
-          textColor: a(W).ColorPrimary,
+          borderColor: a(q).ColorPrimary,
+          textColor: a(q).ColorPrimary,
           variant: a(ee).Secondary,
           label: a(t)("menu.product.table.bulk_edit.actions.save"),
           type: "submit"
@@ -1387,8 +1387,8 @@ const Ye = /* @__PURE__ */ N({
             default: T(({
               trigger: _
             }) => [d(p, {
-              "bg-color": a(W).NeutralGray100,
-              "text-color": a(W).NeutralGray400,
+              "bg-color": a(q).NeutralGray100,
+              "text-color": a(q).NeutralGray400,
               variant: a(ee).Primary,
               label: a(t)("menu.product.table.empty.actions.import"),
               "prepend-icon": "download",
@@ -1496,7 +1496,7 @@ const Ye = /* @__PURE__ */ N({
             }, {
               filter: T(() => [
                 d(He, { onToggleAttributeFilter: oe }),
-                u.value.multiScheduler ? (m(), I(qe, { key: 0 })) : M("", !0),
+                u.value.multiScheduler ? (m(), I(We, { key: 0 })) : M("", !0),
                 B.value ? (m(), I(Le, {
                   key: 1,
                   "current-restaurant-attr-params": a(e).state.currentRestaurantAttrParams,
@@ -1510,7 +1510,7 @@ const Ye = /* @__PURE__ */ N({
       ])) : (m(), k("div", aa, [
         g("div", oa, [
           d(He),
-          u.value.multiScheduler ? (m(), I(qe, { key: 0 })) : M("", !0),
+          u.value.multiScheduler ? (m(), I(We, { key: 0 })) : M("", !0),
           B.value ? (m(), I(Le, {
             key: 1,
             "current-restaurant-attr-params": a(e).state.currentRestaurantAttrParams,

package/dist/{ProductInternalTools-CBCyWHOS.js → ProductInternalTools-igbOLRap.js}

@@ -1,22 +1,22 @@
 import { defineComponent as Z, ref as v, computed as $, resolveComponent as G, createElementBlock as c, openBlock as r, createElementVNode as s, createVNode as I, unref as h, createCommentVNode as T, normalizeClass as E, toDisplayString as U, createStaticVNode as B, Fragment as P, renderList as O, createBlock as oe, withCtx as R } from "vue";
-import { J as A, F as ne } from "./jszip.min-CdZ-wY5m.js";
-import { G as le, u as ie, J as D, a0 as re, M as ce, N as de, O as me } from "./index.vue_vue_type_script_setup_true_lang-DxF14kn9.js";
+import { J as A, F as ne } from "./jszip.min-psVCZNVl.js";
+import { G as le, u as ie, J as D, a1 as re, N as ce, O as de, P as me } from "./index.vue_vue_type_script_setup_true_lang-kj6HkxwD.js";
 import { useI18n as ue } from "@feedmepos/mf-common";
-import { FmButtonVariant as z, useSnackbar as V, useDialog as ge, FmButtonColorThemeVariant as S } from "@feedmepos/ui-library";
+import { FmButtonVariant as z, useSnackbar as V, useDialog as ge, FmButtonColorThemeVariant as M } from "@feedmepos/ui-library";
 import { _ as pe } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as fe, a as he } from "./menu-PJc2dQHQ.js";
-import { a as ye } from "./Product.vue_vue_type_script_setup_true_lang-CdIukLqA.js";
-import { s as be, t as ve, v as _e } from "./item-lXMLaKOb.js";
+import { u as fe, a as he } from "./menu-CgQPOu3W.js";
+import { a as ye } from "./Product.vue_vue_type_script_setup_true_lang-BZVvTAOX.js";
+import { t as be, v as ve, w as _e } from "./item-cmnP2N-a.js";
 const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center justify-between p-16 border-b border-gray-200" }, Ie = { class: "flex gap-8" }, ke = { class: "border-b border-gray-200" }, Ce = { class: "flex" }, Ue = { class: "flex-1 overflow-hidden" }, je = {
   key: 0,
   class: "h-full flex flex-col"
 }, Fe = {
   key: 0,
   class: "flex-1 flex items-center justify-center"
-}, Me = {
+}, Se = {
   key: 1,
   class: "flex-1 overflow-y-auto p-16"
-}, Se = { class: "space-y-12" }, $e = { class: "fm-typo-en-body-sm font-medium" }, ze = { class: "flex" }, Pe = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden flex items-center justify-center" }, Le = ["src", "alt"], Ne = {
+}, Me = { class: "space-y-12" }, $e = { class: "fm-typo-en-body-sm font-medium" }, ze = { class: "flex" }, Pe = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden flex items-center justify-center" }, Le = ["src", "alt"], Ne = {
   key: 1,
   class: "text-gray-400 text-xs"
 }, Te = { class: "flex" }, Ee = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Be = ["src", "alt"], Oe = {
@@ -40,7 +40,7 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
     function _() {
       F("cancel");
     }
-    function M() {
+    function S() {
       F("update", u.matchedImages);
     }
     return (w, l) => {
@@ -58,7 +58,7 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
               variant: h(z).Primary,
               label: "Update",
               disabled: b.value === 0,
-              onClick: M
+              onClick: S
             }, null, 8, ["variant", "disabled"])
           ])
         ]),
@@ -85,13 +85,13 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
           y.value === "matched" ? (r(), c("div", je, [
             b.value === 0 ? (r(), c("div", Fe, l[3] || (l[3] = [
               B('<div class="text-center text-gray-500"><svg class="mx-auto h-48 w-48 text-gray-400 mb-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><p class="fm-typo-en-body-lg text-gray-500">No matched images found</p><p class="fm-typo-en-body-sm text-gray-400 mt-4"> Make sure your image filenames match product names </p></div>', 1)
-            ]))) : (r(), c("div", Me, [
+            ]))) : (r(), c("div", Se, [
               l[4] || (l[4] = s("div", { class: "grid grid-cols-3 gap-16 pb-12 border-b border-gray-200 mb-16" }, [
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Product Name"),
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Current Image"),
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "New Image")
               ], -1)),
-              s("div", Se, [
+              s("div", Me, [
                 (r(!0), c(P, null, O(u.matchedImages, (m, C) => (r(), c("div", {
                   key: C,
                   class: "grid grid-cols-3 gap-16 py-12 border-b border-gray-100 items-center"
@@ -151,14 +151,14 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
     };
   }
 });
-var qe = { firebase: { storageBucket: "image.feedme.cc" } };
+var qe = { firebase: { storageBucket: "image.feedmedev.cc" } };
 const He = {
   key: 0,
   class: "h-screen"
 }, Xe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ke = { class: "flex items-center" }, Qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ye = { class: "fm-typo-en-body-md-600 font-semibold" }, et = { class: "flex gap-8" }, dt = /* @__PURE__ */ Z({
   __name: "ProductInternalTools",
   setup(L) {
-    const { t: j } = ue(), u = le(V()), F = V(), y = ge(), b = ie(), { selectedCategories: k } = fe(), _ = v(!1), M = v(), w = v([]), l = v([]), x = $(() => {
+    const { t: j } = ue(), u = le(V()), F = V(), y = ge(), b = ie(), { selectedCategories: k } = fe(), _ = v(!1), S = v(), w = v([]), l = v([]), x = $(() => {
       const e = D.flatten(k.value.map((a) => a.items));
       return D.uniqBy(e, (a) => a._id);
     }), m = $(() => x.value.length);
@@ -343,7 +343,7 @@ const He = {
     }
     function ae() {
       var e;
-      (e = M.value) == null || e.click();
+      (e = S.value) == null || e.click();
     }
     function se(e) {
       const a = e.target;
@@ -379,15 +379,15 @@ const He = {
               ]),
               s("div", et, [
                 I(o, {
-                  "bg-color": h(S).NeutralGray100,
-                  "text-color": h(S).TypoSecondary,
+                  "bg-color": h(M).NeutralGray100,
+                  "text-color": h(M).TypoSecondary,
                   variant: h(z).Primary,
                   label: "Download Images",
                   onClick: W
                 }, null, 8, ["bg-color", "text-color", "variant"]),
                 I(o, {
-                  "bg-color": h(S).NeutralGray100,
-                  "text-color": h(S).TypoSecondary,
+                  "bg-color": h(M).NeutralGray100,
+                  "text-color": h(M).TypoSecondary,
                   variant: h(z).Primary,
                   label: "Update Images",
                   onClick: ae
@@ -399,7 +399,7 @@ const He = {
         }, 8, ["heading"])),
         s("input", {
           ref_key: "fileInput",
-          ref: M,
+          ref: S,
           type: "file",
           multiple: "",
           accept: "image/*,.zip",