@mercurjs/vendor 2.1.2-canary.5 → 2.1.2

package/dist/{chunk-W4727YRF.js → chunk-STR3NGWE.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk-WFE6CT6M.js";
 import {
   CategoryCombobox
-} from "./chunk-TZTKHOEK.js";
+} from "./chunk-PFU6FSXY.js";
 import {
   useComboboxData
 } from "./chunk-OVPAOBZB.js";
 import {
   UploadMediaFormItem
-} from "./chunk-3BZBEC3Y.js";
+} from "./chunk-PDQSPKG5.js";
 import {
   CountrySelect
 } from "./chunk-7CAFYKKA.js";
 import {
   UserCreatedOptionsList
-} from "./chunk-I5K5USJM.js";
+} from "./chunk-QJEOPT2P.js";
 import {
   PRODUCT_CREATE_FORM_DEFAULTS,
   ProductCreateSchema,
@@ -46,7 +46,7 @@ import {
   DataGridMediaCell,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-W3TUVTRK.js";
+} from "./chunk-Y2QI7KWS.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
@@ -61,7 +61,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   DataTable
-} from "./chunk-5LKZCG77.js";
+} from "./chunk-PPLC4IKI.js";
 import {
   useStockLocations
 } from "./chunk-NBPMNUKZ.js";
@@ -379,6 +379,7 @@ var MultiSelect = forwardRef(
           onBlur,
           tabIndex: 0,
           role: "combobox",
+          "aria-controls": isOpen ? `${name}-listbox` : void 0,
           "aria-expanded": isOpen,
           "aria-haspopup": "listbox",
           "aria-invalid": ariaInvalid,
@@ -447,8 +448,7 @@ var MultiSelect = forwardRef(
                   value: searchValue,
                   onChange: handleSearchChange,
                   placeholder: t("general.searchOptions"),
-                  className: "w-full bg-transparent pr-8 shadow-none focus:!shadow-none",
-                  autoFocus: true
+                  className: "w-full bg-transparent pr-8 shadow-none focus:!shadow-none"
                 }
               ),
               searchValue && /* @__PURE__ */ jsx(
@@ -469,17 +469,20 @@ var MultiSelect = forwardRef(
                 children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "txt-compact-small-plus p-3 text-ui-fg-subtle", children: showSearch && searchValue.trim() ? t("general.noOptionsFound") : t("general.noOptionsAvailable") }) : filteredOptions.map((option) => {
                   const currentValue = value || [];
                   const isSelected = currentValue.includes(option.value);
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "flex cursor-pointer items-center px-1 py-1 hover:bg-ui-bg-base-hover",
-                      onClick: () => handleItemClick(option.value),
-                      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-x-2 rounded-md px-2", children: [
-                        /* @__PURE__ */ jsx("div", { className: "flex size-5 shrink-0 items-center justify-center", children: isSelected && /* @__PURE__ */ jsx(CheckMini, {}) }),
-                        /* @__PURE__ */ jsx(Text, { className: "truncate", children: option.label })
-                      ] })
-                    },
-                    option.value
+                  return (
+                    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "flex cursor-pointer items-center px-1 py-1 hover:bg-ui-bg-base-hover",
+                        onClick: () => handleItemClick(option.value),
+                        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-x-2 rounded-md px-2", children: [
+                          /* @__PURE__ */ jsx("div", { className: "flex size-5 shrink-0 items-center justify-center", children: isSelected && /* @__PURE__ */ jsx(CheckMini, {}) }),
+                          /* @__PURE__ */ jsx(Text, { className: "truncate", children: option.label })
+                        ] })
+                      },
+                      option.value
+                    )
                   );
                 })
               }
@@ -741,7 +744,12 @@ var ProductCreateAttributesForm = forwardRef2(({ form }, ref) => {
       validateAttributes,
       requiredFormFields
     }),
-    [validateAttributes, requiredFormFields, form, t]
+    /* oxlint-disable react-hooks/exhaustive-deps */
+    [
+      requiredFormFields,
+      validateAttributes
+    ]
+    /* oxlint-enable react-hooks/exhaustive-deps */
   );
   useEffect2(() => {
     const subscription = form.watch((values, { name }) => {
@@ -2037,7 +2045,7 @@ var ProductCreateVariantsForm = ({
       }
     });
     return result;
-  }, [allAttributes, formValues]);
+  }, [formValues, allAttributes]);
   const hasProductMedia = productMedia.length > 0;
   const columns = useColumns2({
     variantAttributes,
@@ -2189,7 +2197,12 @@ var ProductCreateVariantsForm = ({
         }
       }
     }
-  }, [variantStructureKey, form]);
+  }, [
+    variantStructureKey,
+    form,
+    variantAttributes,
+    variantAttributes.length
+  ]);
   return /* @__PURE__ */ jsx13("div", { className: "border-ui-border flex h-full flex-col justify-between divide-y", children: /* @__PURE__ */ jsx13(
     DataGrid,
     {
@@ -2208,9 +2221,9 @@ var columnHelper2 = createDataGridHelper();
 var useColumns2 = ({
   variantAttributes = [],
   store,
-  regions = [],
+  regions: _regions = [],
   pricePreferences = [],
-  stockLocations = [],
+  stockLocations: _stockLocations = [],
   onOpenMediaModal,
   form,
   productMedia = [],
@@ -2351,9 +2364,7 @@ var useColumns2 = ({
       variantAttributes,
       t,
       store,
-      regions,
       pricePreferences,
-      stockLocations,
       onOpenMediaModal,
       allSelected,
       someSelected,
@@ -2404,10 +2415,6 @@ var ProductCreateForm = ({
   const { attributes: allAttributes } = useAttributes({
     fields: "id,name,handle,description,ui_component,is_required,product_categories.*,possible_values.*"
   });
-  const { stock_locations = [] } = useStockLocations({
-    limit: 9999,
-    fields: "id,name"
-  });
   const dynamicAttributeSchema = useMemo4(() => {
     const attributeFields = {};
     allAttributes?.forEach((attr) => {
@@ -2538,7 +2545,7 @@ var ProductCreateForm = ({
         );
       }
     }
-  }, [tab]);
+  }, [tab, form]);
   useEffect5(() => {
     if (onSaveVariantMediaRef) {
       onSaveVariantMediaRef.current = handleSaveVariantMedia;
@@ -3561,7 +3568,7 @@ var VariantMediaGallery = ({
     ] }) }) }),
     media.length > 1 && /* @__PURE__ */ jsxs14("div", { className: "flex shrink-0 items-center justify-center gap-x-2 border-t p-3", children: [
       /* @__PURE__ */ jsx16(IconButton3, { size: "small", variant: "transparent", className: "text-ui-fg-muted", type: "button", onClick: prev, children: /* @__PURE__ */ jsx16(TriangleLeftMini, {}) }),
-      /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-x-2", children: media.slice(0, 8).map((item, idx) => {
+      /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-x-2", children: media.slice(0, 8).map((item, _idx) => {
         const isCurrentImage = item.id === media[curr]?.id;
         const originalIndex = media.findIndex((i) => i.id === item.id);
         return /* @__PURE__ */ jsx16(
@@ -3654,7 +3661,7 @@ var ProductCreateFormWithModal = ({
       setProductMedia(currentProductMedia || []);
       setIsOpen("variant-media-modal", true);
     },
-    []
+    [setIsOpen]
   );
   const handleCloseModal = () => {
     setIsOpen("variant-media-modal", false);

package/dist/{chunk-M2RIKNDT.js → chunk-VQ5EKDA3.js}

@@ -10,10 +10,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-QXUKJDZB.js";
+} from "./chunk-AIF2KTEE.js";
 import {
   SingleColumnPage
-} from "./chunk-RM5RSDYP.js";
+} from "./chunk-CAS74NLJ.js";
 import {
   usePayouts
 } from "./chunk-VXWN37PT.js";

package/dist/{chunk-RLETOWCM.js → chunk-WITQNQXN.js}

@@ -17,10 +17,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-QXUKJDZB.js";
+} from "./chunk-AIF2KTEE.js";
 import {
   SingleColumnPage
-} from "./chunk-RM5RSDYP.js";
+} from "./chunk-CAS74NLJ.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";

package/dist/{chunk-WQX4ASK4.js → chunk-WNVEMFIK.js}

@@ -10,10 +10,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-QXUKJDZB.js";
+} from "./chunk-AIF2KTEE.js";
 import {
   SingleColumnPage
-} from "./chunk-RM5RSDYP.js";
+} from "./chunk-CAS74NLJ.js";
 import {
   useCollections
 } from "./chunk-RL7SFZOF.js";

package/dist/{chunk-FQTYHU6G.js → chunk-X4FLOQ45.js}

@@ -4,10 +4,10 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-QXUKJDZB.js";
+} from "./chunk-AIF2KTEE.js";
 import {
   SingleColumnPage
-} from "./chunk-RM5RSDYP.js";
+} from "./chunk-CAS74NLJ.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";

package/dist/{chunk-W3TUVTRK.js → chunk-Y2QI7KWS.js}

@@ -987,7 +987,7 @@ var useDataGridClipboardEvents = ({
         if (typeof value === "object" && value !== null) {
           return JSON.stringify(value);
         }
-        return `${value}` ?? "";
+        return value == null ? "" : `${value}`;
       }).join("	");
       e.clipboardData?.setData("text/plain", text);
     },
@@ -1264,7 +1264,7 @@ function convertToggleableNumber(value) {
     try {
       obj = JSON.parse(obj);
     } catch (error) {
-      throw new Error(`String "${value}" cannot be converted to object.`);
+      throw new Error(`String "${value}" cannot be converted to object.`, { cause: error });
     }
   }
   return obj;
@@ -3070,7 +3070,6 @@ var DataGridKeyboardShortcutModal = ({
             {
               type: "search",
               value: searchValue,
-              autoFocus: true,
               onChange: (e) => onSearchValueChange(e.target.value)
             }
           ) })
@@ -3244,10 +3243,13 @@ var DataGridRoot = ({
     }, 100);
     return () => {
       clearTimeout(timeoutId);
-      const scrollElement = containerRef.current;
-      scrollElement?.removeEventListener("scroll", handleScroll);
+      container.removeEventListener("scroll", handleScroll);
     };
-  }, [isLazyMode, hasData]);
+  }, [
+    isLazyMode,
+    hasData,
+    handleScroll
+  ]);
   const columnVirtualizer = useVirtualizer({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3550,7 +3552,6 @@ var DataGridRoot = ({
       "div",
       {
         ref: containerRef,
-        autoFocus: true,
         tabIndex: 0,
         className: "relative h-full select-none overflow-auto outline-none",
         onFocus: handleRestoreGridFocus,
@@ -4412,7 +4413,7 @@ var OuterComponent2 = ({
 var Inner10 = ({
   field,
   inputProps,
-  placeholder,
+  placeholder: _placeholder,
   hideInput,
   ...props
 }) => {

package/dist/chunk-YGRTRAWX.js

@@ -0,0 +1,163 @@
+// src/components/inputs/chip-input/chip-input.tsx
+import { XMarkMini } from "@medusajs/icons";
+import { Badge, clx } from "@medusajs/ui";
+import { AnimatePresence, motion } from "motion/react";
+import {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChipInput = forwardRef(
+  ({
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    name,
+    showRemove = true,
+    variant = "base",
+    allowDuplicates = false,
+    placeholder,
+    className
+  }, ref) => {
+    const innerRef = useRef(null);
+    const isControlledRef = useRef(typeof value !== "undefined");
+    const isControlled = isControlledRef.current;
+    const [uncontrolledValue, setUncontrolledValue] = useState([]);
+    useImperativeHandle(
+      ref,
+      () => innerRef.current
+    );
+    const [duplicateIndex, setDuplicateIndex] = useState(null);
+    const chips = isControlled ? value : uncontrolledValue;
+    const handleAddChip = (chip) => {
+      const cleanValue = chip.trim();
+      if (!cleanValue) {
+        return;
+      }
+      if (!allowDuplicates && chips.includes(cleanValue)) {
+        setDuplicateIndex(chips.indexOf(cleanValue));
+        setTimeout(() => {
+          setDuplicateIndex(null);
+        }, 300);
+        return;
+      }
+      onChange?.([...chips, cleanValue]);
+      if (!isControlled) {
+        setUncontrolledValue([...chips, cleanValue]);
+      }
+    };
+    const handleRemoveChip = (chip) => {
+      onChange?.(chips.filter((v) => v !== chip));
+      if (!isControlled) {
+        setUncontrolledValue(chips.filter((v) => v !== chip));
+      }
+    };
+    const handleBlur = (e) => {
+      onBlur?.();
+      if (e.target.value) {
+        handleAddChip(e.target.value);
+        e.target.value = "";
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" || e.key === ",") {
+        e.preventDefault();
+        if (!innerRef.current?.value) {
+          return;
+        }
+        handleAddChip(innerRef.current?.value ?? "");
+        innerRef.current.value = "";
+        innerRef.current?.focus();
+      }
+      if (e.key === "Backspace" && innerRef.current?.value === "") {
+        handleRemoveChip(chips[chips.length - 1]);
+      }
+    };
+    const shake = {
+      x: [0, -2, 2, -2, 2, 0],
+      transition: { duration: 0.3 }
+    };
+    return (
+      // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clx(
+            "shadow-borders-base flex min-h-8 flex-wrap items-center gap-1 rounded-md px-2 py-1.5",
+            "transition-fg focus-within:shadow-borders-interactive-with-active",
+            "has-[input:disabled]:bg-ui-bg-disabled has-[input:disabled]:text-ui-fg-disabled has-[input:disabled]:cursor-not-allowed",
+            {
+              "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover": variant === "contrast",
+              "bg-ui-bg-field hover:bg-ui-bg-field-hover": variant === "base"
+            },
+            className
+          ),
+          tabIndex: -1,
+          onClick: () => innerRef.current?.focus(),
+          children: [
+            chips.map((v, index) => {
+              return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  size: "2xsmall",
+                  className: clx("gap-x-0.5 pl-1.5 pr-1.5", {
+                    "transition-fg pr-1": showRemove,
+                    "shadow-borders-focus": index === duplicateIndex
+                  }),
+                  asChild: true,
+                  children: /* @__PURE__ */ jsxs(
+                    motion.div,
+                    {
+                      animate: index === duplicateIndex ? shake : void 0,
+                      children: [
+                        v,
+                        showRemove && /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            tabIndex: -1,
+                            type: "button",
+                            onClick: () => handleRemoveChip(v),
+                            className: clx(
+                              "text-ui-fg-subtle transition-fg outline-none"
+                            ),
+                            children: /* @__PURE__ */ jsx(XMarkMini, {})
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              ) }, `${v}-${index}`);
+            }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                className: clx(
+                  "caret-ui-fg-base text-ui-fg-base txt-compact-small flex-1 appearance-none bg-transparent",
+                  "disabled:text-ui-fg-disabled disabled:cursor-not-allowed",
+                  "focus:outline-none",
+                  "placeholder:text-ui-fg-muted"
+                ),
+                onKeyDown: handleKeyDown,
+                onBlur: handleBlur,
+                disabled,
+                name,
+                ref: innerRef,
+                placeholder: chips.length === 0 ? placeholder : void 0,
+                autoComplete: "off"
+              }
+            )
+          ]
+        }
+      )
+    );
+  }
+);
+ChipInput.displayName = "ChipInput";
+
+export {
+  ChipInput
+};

package/dist/{chunk-LYUCDASZ.js → chunk-YN3FGNJM.js}

@@ -27,7 +27,11 @@ var useSelectedParams = ({
       const updateSingleValue = () => {
         newValue.set(identifier, value);
       };
-      multiple ? updateMultipleValues() : updateSingleValue();
+      if (multiple) {
+        updateMultipleValues();
+      } else {
+        updateSingleValue();
+      }
       newValue.delete(offsetKey);
       return newValue;
     });
@@ -46,7 +50,11 @@ var useSelectedParams = ({
     };
     setSearchParams((prev) => {
       if (value) {
-        multiple ? deleteMultipleValues(prev) : deleteSingleValue(prev);
+        if (multiple) {
+          deleteMultipleValues(prev);
+        } else {
+          deleteSingleValue(prev);
+        }
         if (!prev.get(identifier)) {
           prev.delete(identifier);
         }
@@ -68,7 +76,7 @@ import { jsx } from "react/jsx-runtime";
 var DataTableSearch = ({
   placeholder,
   prefix,
-  autofocus
+  autofocus: _autofocus
 }) => {
   const { t } = useTranslation();
   const placeholderText = placeholder || t("general.search");
@@ -101,7 +109,6 @@ var DataTableSearch = ({
       name: "q",
       type: "search",
       size: "small",
-      autoFocus: autofocus,
       defaultValue: query?.[0] || void 0,
       onChange: debouncedOnChange,
       placeholder: placeholderText

package/dist/{collections-UJ4B6SLM.js → collections-DJZI2RM2.js}

@@ -1,6 +1,6 @@
 import {
   CollectionListPage
-} from "./chunk-WQX4ASK4.js";
+} from "./chunk-WNVEMFIK.js";
 import "./chunk-JQV7CXEC.js";
 import "./chunk-BI2AYXZQ.js";
 import "./chunk-MG4GKUJW.js";
@@ -16,19 +16,19 @@ import "./chunk-26OOAKQ6.js";
 import "./chunk-S2WEYEQR.js";
 import "./chunk-X22KTLZ7.js";
 import "./chunk-6YA3C4NB.js";
-import "./chunk-4DYUQ3G5.js";
+import "./chunk-LQYMBSRQ.js";
 import "./chunk-CMHI2RPL.js";
 import "./chunk-N3T24SEK.js";
 import "./chunk-UAE6XBYL.js";
 import "./chunk-4MFMCZEJ.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-3U63R3MT.js";
+import "./chunk-CNLP35S7.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-QXUKJDZB.js";
-import "./chunk-LYUCDASZ.js";
+import "./chunk-AIF2KTEE.js";
+import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
-import "./chunk-RM5RSDYP.js";
+import "./chunk-CAS74NLJ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
 import "./chunk-47SXTGLN.js";

package/dist/{configuration-O5GDANA7.js → configuration-GN3TO77H.js}

@@ -4,8 +4,7 @@ import {
 } from "./chunk-U2ZFCAPX.js";
 import {
   RouteDrawer,
-  useRouteModal,
-  useStackedModal
+  useRouteModal
 } from "./chunk-3CK6OINO.js";
 import {
   Form
@@ -23,7 +22,7 @@ import "./chunk-RIN4CBRB.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/price-lists/[id]/configuration/index.tsx
-import { Heading as Heading2 } from "@medusajs/ui";
+import { Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
@@ -49,14 +48,12 @@ var PriceListConfigurationSchema = z.object({
     })
   )
 });
-var STACKED_MODAL_ID = "cg";
 var PriceListConfigurationForm = ({
   priceList,
   customerGroups
 }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const { setIsOpen } = useStackedModal();
   const form = useForm({
     defaultValues: {
       ends_at: priceList.ends_at ? new Date(priceList.ends_at) : null,
@@ -65,29 +62,11 @@ var PriceListConfigurationForm = ({
     },
     resolver: zodResolver(PriceListConfigurationSchema)
   });
-  const { fields, remove, append } = useFieldArray({
+  const { remove: _remove } = useFieldArray({
     control: form.control,
     name: "customer_group_id",
     keyName: "cg_id"
   });
-  const handleAddCustomerGroup = (groups) => {
-    if (!groups.length) {
-      form.setValue("customer_group_id", []);
-      setIsOpen(STACKED_MODAL_ID, false);
-      return;
-    }
-    const newIds = groups.map((group) => group.id);
-    const fieldsToAdd = groups.filter(
-      (group) => !fields.some((field) => field.id === group.id)
-    );
-    for (const field of fields) {
-      if (!newIds.includes(field.id)) {
-        remove(fields.indexOf(field));
-      }
-    }
-    append(fieldsToAdd);
-    setIsOpen(STACKED_MODAL_ID, false);
-  };
   const { mutateAsync } = useUpdatePriceList(priceList.id);
   const handleSubmit = form.handleSubmit(async (values) => {
     const rules = { ...priceList.rules };
@@ -190,7 +169,7 @@ var Component = () => {
     throw error;
   }
   return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading2, { children: t("priceLists.configuration.edit.header") }) }) }),
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("priceLists.configuration.edit.header") }) }) }),
     ready && /* @__PURE__ */ jsx2(
       PriceListConfigurationForm,
       {

package/dist/{create-W7DMQS3H.js → create-3DOO3RNH.js}

@@ -15,7 +15,7 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-W3TUVTRK.js";
+} from "./chunk-Y2QI7KWS.js";
 import "./chunk-IQPN4PZJ.js";
 import "./chunk-TKGWSUEI.js";
 import {
@@ -377,7 +377,7 @@ function PricingTab({ form }) {
 var columnHelper = createDataGridHelper();
 var useVariantPriceGridColumns = ({
   currencies = [],
-  regions = [],
+  regions: _regions = [],
   pricePreferences = []
 }) => {
   const { t } = useTranslation3();
@@ -404,7 +404,7 @@ var useVariantPriceGridColumns = ({
         t
       })
     ];
-  }, [t, currencies, regions, pricePreferences]);
+  }, [t, currencies, pricePreferences]);
 };
 var pricing_tab_default = PricingTab;
 
@@ -475,7 +475,11 @@ var CreateProductVariantForm = ({
         required_quantity: void 0
       });
     }
-  }, [isInventoryKitEnabled]);
+  }, [
+    isInventoryKitEnabled,
+    inventoryField.fields.length,
+    inventoryField
+  ]);
   const handleChangeTab = (update) => {
     if (tab === update) {
       return;

package/dist/{create-HDINR4VV.js → create-3EK5CNNX.js}

@@ -3,7 +3,7 @@ import {
   TargetItem,
   TaxRateRuleReferenceSchema,
   createTaxRulePayload
-} from "./chunk-2UBZMAHM.js";
+} from "./chunk-CYTNBXWF.js";
 import "./chunk-Q4UVXS46.js";
 import {
   PercentageInput
@@ -29,7 +29,7 @@ import "./chunk-S2WEYEQR.js";
 import "./chunk-X22KTLZ7.js";
 import "./chunk-6WY5X4PE.js";
 import "./chunk-6YA3C4NB.js";
-import "./chunk-4DYUQ3G5.js";
+import "./chunk-LQYMBSRQ.js";
 import "./chunk-CMHI2RPL.js";
 import "./chunk-VW56KWO2.js";
 import "./chunk-LQSLDDPT.js";
@@ -42,11 +42,11 @@ import "./chunk-PXYDR7WQ.js";
 import "./chunk-GC33DBKG.js";
 import "./chunk-4MFMCZEJ.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-3U63R3MT.js";
+import "./chunk-CNLP35S7.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-QXUKJDZB.js";
-import "./chunk-LYUCDASZ.js";
+import "./chunk-AIF2KTEE.js";
+import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
 import {