@mercurjs/vendor 2.2.0-canary.13 → 2.2.0-canary.14

package/dist/{chunk-6OUPJNYO.js → chunk-KCHYLLVG.js}

@@ -11,10 +11,10 @@ import { useSearchParams } from "react-router-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
 var initState = (params, prefix, defaultKey) => {
   const param = prefix ? `${prefix}_order` : "order";
-  const sortParam = params.get(param);
+  const sortParam = params.get(param) ?? defaultKey;
   if (!sortParam) {
     return {
-      key: defaultKey,
+      key: void 0,
       dir: "asc" /* ASC */
     };
   }

package/dist/{chunk-ZBSFGCWY.js → chunk-MGKFVZFH.js}

@@ -1,7 +1,7 @@
 import {
   PriceListUpdateProductsSchema,
   usePriceListGridColumns
-} from "./chunk-YPTJETJQ.js";
+} from "./chunk-4NQJN4KR.js";
 import {
   isProductRow
 } from "./chunk-XRNDVICA.js";
@@ -20,7 +20,7 @@ import {
 } from "./chunk-GDWBOQI5.js";
 import {
   useBatchPriceListPrices
-} from "./chunk-BXRNZS5K.js";
+} from "./chunk-D2KMKWPI.js";
 
 // src/pages/price-lists/[id]/products/[variant_id]/edit/price-list-prices-edit-form/price-list-prices-edit-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";

package/dist/{chunk-ZPH3WXJ6.js → chunk-MQ7AZH5E.js}

@@ -1,6 +1,6 @@
 import {
   StatusCell
-} from "./chunk-STWHJLVV.js";
+} from "./chunk-FW6NLFW2.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-TF6V3TFG.js → chunk-N7RHA7GE.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-Y2MQ5EMD.js";
+} from "./chunk-QCAMAXTE.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-5YCDZ4AU.js → chunk-NN7E6UBM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AJLGY3LQ.js";
 import {
   i18n
-} from "./chunk-A6QH53CS.js";
+} from "./chunk-BSBEIZPO.js";
 
 // src/pages/products/create/constants.ts
 import { z } from "zod";
@@ -507,7 +507,6 @@ var FileUpload = ({
 
 export {
   normalizeProductFormValues,
-  decorateVariantsWithDefaultValues,
   generateVariantsFromAttributes,
   MediaSchema,
   ProductCreateSchema,

package/dist/{chunk-2QTNCGKX.js → chunk-NXSUJYZ4.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceList
-} from "./chunk-BXRNZS5K.js";
+} from "./chunk-D2KMKWPI.js";
 
 // src/pages/price-lists/common/hooks/use-delete-price-list-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-TW324MAT.js → chunk-PR4GU3GB.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-Y2MQ5EMD.js";
+} from "./chunk-QCAMAXTE.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-Y2MQ5EMD.js → chunk-QCAMAXTE.js}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-7CMRFP5Q.js → chunk-QS35HWC5.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E2HQPY32.js";
 import {
   DataTableOrderBy
-} from "./chunk-6OUPJNYO.js";
+} from "./chunk-KCHYLLVG.js";
 import {
   NoRecords,
   NoResults

package/dist/{chunk-U6PBLMXD.js → chunk-REUNEGSN.js}

@@ -1,6 +1,9 @@
 // src/pages/products/common/constants.ts
 var PRODUCT_DETAIL_FIELDS = [
   "*variants.images",
+  // Variant identity used by the active edit-request block (MER-168).
+  "variants.title",
+  "variants.sku",
   "*categories",
   "+additional_data",
   "*scoped_attributes",

package/dist/{chunk-DEJIBIQZ.js → chunk-RIF5X77T.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-UCYSCKZV.js";
 import {
   useProductTags
-} from "./chunk-R5QZO3QY.js";
+} from "./chunk-UZQKGNIW.js";
 import {
   useProductTypes
 } from "./chunk-VV6IKGCN.js";
 import {
   useCollections
-} from "./chunk-DDJQRV6E.js";
+} from "./chunk-AQ7HHCHJ.js";
 import {
   useProductCategories
-} from "./chunk-5QI3NDJG.js";
+} from "./chunk-TFGWDC2N.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-J7ZU2HZZ.js → chunk-SL4HFNPH.js}

@@ -1,14 +1,14 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-ZPH3WXJ6.js";
+} from "./chunk-MQ7AZH5E.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";

package/dist/{chunk-5QI3NDJG.js → chunk-TFGWDC2N.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-6FUIK3PX.js → chunk-U6AAK4OP.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceListAction
-} from "./chunk-2QTNCGKX.js";
+} from "./chunk-NXSUJYZ4.js";
 import {
   getPriceListStatus
 } from "./chunk-XRNDVICA.js";
@@ -17,7 +17,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   usePriceLists
-} from "./chunk-BXRNZS5K.js";
+} from "./chunk-D2KMKWPI.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-R5QZO3QY.js → chunk-UZQKGNIW.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-Y2MQ5EMD.js";
+} from "./chunk-QCAMAXTE.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-6UZERVBI.js → chunk-VKMU4ONH.js}

@@ -4,7 +4,7 @@ import {
 import {
   categoriesQueryKeys,
   useProductCategories
-} from "./chunk-5QI3NDJG.js";
+} from "./chunk-TFGWDC2N.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-SSUUT5LK.js → chunk-WKRW5OPL.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-YN3FGNJM.js";
 import {
   DataTableOrderBy
-} from "./chunk-6OUPJNYO.js";
+} from "./chunk-KCHYLLVG.js";
 import {
   NoRecords,
   NoResults

package/dist/{chunk-XCIMOIX6.js → chunk-XBKWFLJG.js}

@@ -32,7 +32,7 @@ var useOrderTableQuery = ({
     request: request?.split(","),
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
-    order: order ? order : "-created_at",
+    order: order ? order : "-display_id",
     q
   };
   return {

package/dist/{chunk-UFFVRF4V.js → chunk-Y34BG5JZ.js}

@@ -10,7 +10,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";

package/dist/{chunk-SJT6A4AV.js → chunk-YMDSGETV.js}

@@ -14,14 +14,14 @@ import {
 } from "./chunk-FWPGOIFA.js";
 import {
   useProductTableFilters
-} from "./chunk-DEJIBIQZ.js";
+} from "./chunk-RIF5X77T.js";
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-WKRW5OPL.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
@@ -30,13 +30,13 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   useBulkDeleteOffers
-} from "./chunk-SIEEMXNZ.js";
+} from "./chunk-5ZJE3O2T.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useProducts
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-6ORRPSPG.js";
 
 // src/pages/offers/offer-list-page.tsx
 import { Children as Children2 } from "react";

package/dist/{chunk-VZUA5SRD.js → chunk-Z2OUSXGV.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-Y2MQ5EMD.js";
+} from "./chunk-QCAMAXTE.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{collections-HO2F62RN.js → collections-R7DDMVEO.js}

@@ -1,6 +1,6 @@
 import {
   CollectionListPage
-} from "./chunk-YHIJCI4U.js";
+} from "./chunk-2XOEFFYB.js";
 import "./chunk-JQV7CXEC.js";
 import "./chunk-BI2AYXZQ.js";
 import "./chunk-MG4GKUJW.js";
@@ -15,49 +15,49 @@ import "./chunk-HHD2VUED.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-XCIMOIX6.js";
+import "./chunk-XBKWFLJG.js";
 import "./chunk-LFX6WU4A.js";
 import "./chunk-CMHI2RPL.js";
 import "./chunk-X22KTLZ7.js";
 import "./chunk-UAE6XBYL.js";
 import "./chunk-MJCL3WID.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-DEJIBIQZ.js";
+import "./chunk-RIF5X77T.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-SSUUT5LK.js";
+import "./chunk-WKRW5OPL.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
+import "./chunk-KCHYLLVG.js";
 import "./chunk-3EF54XFY.js";
 import "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
 import "./chunk-UCYSCKZV.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-R5QZO3QY.js";
+import "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{configuration-7IYZ6GNP.js → configuration-O6BMBYJZ.js}

@@ -12,9 +12,9 @@ import {
 import {
   usePriceList,
   useUpdatePriceList
-} from "./chunk-BXRNZS5K.js";
+} from "./chunk-D2KMKWPI.js";
 import "./chunk-LWJF63JW.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{create-DB4EYPJ5.js → create-5NSIF5BL.js}

@@ -17,7 +17,7 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
-import "./chunk-R5QZO3QY.js";
+import "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import {
@@ -25,22 +25,22 @@ import {
 } from "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import "./chunk-IQWK723D.js";
 import "./chunk-4S6XGIC6.js";
 import "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import "./chunk-VXMOPVRH.js";
 import "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{create-J5OLH7OJ.js → create-5T2D7D4M.js}

@@ -39,13 +39,13 @@ import "./chunk-WIYFXWRI.js";
 import "./chunk-INNFZYX2.js";
 import {
   useRegions
-} from "./chunk-R5QZO3QY.js";
+} from "./chunk-UZQKGNIW.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
 import "./chunk-S7EKBD2C.js";
 import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
+import "./chunk-D2KMKWPI.js";
 import "./chunk-BOZJOOGW.js";
 import {
   shippingProfileQueryKeys
@@ -54,11 +54,11 @@ import "./chunk-4S6XGIC6.js";
 import {
   useCurrentSeller
 } from "./chunk-S23FD6FA.js";
-import "./chunk-DDJQRV6E.js";
+import "./chunk-AQ7HHCHJ.js";
 import "./chunk-LWJF63JW.js";
 import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
+import "./chunk-TFGWDC2N.js";
+import "./chunk-Z2OUSXGV.js";
 import {
   useCreateShippingOptions
 } from "./chunk-VXMOPVRH.js";
@@ -66,12 +66,12 @@ import {
   useFulfillmentProviderOptions,
   useStockLocation
 } from "./chunk-NBPMNUKZ.js";
-import "./chunk-SIEEMXNZ.js";
-import "./chunk-Y2MQ5EMD.js";
+import "./chunk-5ZJE3O2T.js";
+import "./chunk-QCAMAXTE.js";
 import "./chunk-3B34B2M2.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-6ORRPSPG.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/create-AP4P3L3F.js

@@ -0,0 +1,216 @@
+import {
+  AttributeValueInput
+} from "./chunk-ADGVQVHP.js";
+import "./chunk-VBRTC2VU.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  require_dist
+} from "./chunk-UCYSCKZV.js";
+import {
+  PRODUCT_DETAIL_QUERY
+} from "./chunk-REUNEGSN.js";
+import {
+  useCreateProductVariant,
+  useProduct
+} from "./chunk-6ORRPSPG.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-RIN4CBRB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/[id]/variants/create/index.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
+var import_types = __toESM(require_dist(), 1);
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/constants.ts
+import i18next from "i18next";
+import { z } from "zod";
+var CreateProductVariantSchema = z.object({
+  title: z.string().min(1, i18next.t("products.variant.validation.titleRequired")),
+  sku: z.string().optional(),
+  options: z.record(z.string().min(1, i18next.t("products.variant.validation.optionRequired"))).optional()
+});
+
+// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateProductVariantForm = ({
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
+  const defaultOptions = variantAttributes.reduce(
+    (acc, attribute) => {
+      acc[attribute.handle ?? attribute.id] = "";
+      return acc;
+    },
+    {}
+  );
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      sku: "",
+      options: defaultOptions
+    },
+    resolver: zodResolver(CreateProductVariantSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProductVariant(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { title, options } = data;
+    const cleanedOptions = variantAttributes.reduce(
+      (acc, attr) => {
+        const fieldKey = attr.handle ?? attr.id;
+        const v = options?.[fieldKey];
+        if (v && attr.name) acc[attr.name] = v;
+        return acc;
+      },
+      {}
+    );
+    await mutateAsync(
+      {
+        title,
+        options: Object.keys(cleanedOptions).length ? cleanedOptions : void 0
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs(RouteFocusModal.Header, { children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("products.variant.create.header") }) }),
+      /* @__PURE__ */ jsx(RouteFocusModal.Description, { className: "sr-only", children: t("products.variant.create.header") })
+    ] }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-8 py-16", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h1", children: t("products.variant.create.header") }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "title",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...field,
+                    "data-testid": "create-variant-title-input"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control: form.control,
+            name: "sku",
+            render: ({ field }) => {
+              return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.sku") }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...field,
+                    "data-testid": "create-variant-sku-input"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] });
+            }
+          }
+        ),
+        variantAttributes.map((attribute) => {
+          const fieldKey = attribute.handle ?? attribute.id;
+          return /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: `options.${fieldKey}`,
+              render: ({ field: { value, onChange } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: attribute.name }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    AttributeValueInput,
+                    {
+                      type: import_types.AttributeType.SINGLE_SELECT,
+                      value: typeof value === "string" ? value : "",
+                      onChange,
+                      availableValues: (attribute.values ?? []).map(
+                        (v) => ({
+                          id: v.id,
+                          name: v.name
+                        })
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            },
+            attribute.id
+          );
+        })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          variant: "primary",
+          size: "small",
+          isLoading: isPending,
+          "data-testid": "create-variant-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+
+// src/pages/products/[id]/variants/create/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { product, isLoading, isError, error } = useProduct(
+    id,
+    PRODUCT_DETAIL_QUERY
+  );
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx2(CreateProductVariantForm, { product }) });
+};
+export {
+  Component
+};