@mercurjs/vendor 2.0.2 → 2.1.0-canary.5

package/dist/{chunk-LA6XSPQG.js → chunk-FI2RBY7M.js}

@@ -1,9 +1,12 @@
+import {
+  HandleInput
+} from "./chunk-TLE6YHGH.js";
 import {
   useSalesChannelTableColumns,
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-XZG2HZYW.js";
+} from "./chunk-WFE6CT6M.js";
 import {
   CategoryCombobox
 } from "./chunk-TZTKHOEK.js";
@@ -23,7 +26,7 @@ import {
   PRODUCT_CREATE_FORM_DEFAULTS,
   ProductCreateSchema,
   decorateVariantsWithDefaultValues
-} from "./chunk-7XC7ZRG7.js";
+} from "./chunk-5VBEGZ5W.js";
 import {
   NumericInput
 } from "./chunk-DLNNTQRY.js";
@@ -58,7 +61,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   DataTable
-} from "./chunk-CUMY2VZ5.js";
+} from "./chunk-5LKZCG77.js";
 import {
   useStockLocations
 } from "./chunk-NBPMNUKZ.js";
@@ -902,74 +905,49 @@ import { Children } from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
 
 // src/pages/products/create/product-create-details-form/components/product-create-details-general-section/product-create-general-section.tsx
-import { Input as Input3, Textarea as Textarea2 } from "@medusajs/ui";
+import { Input as Input2, Textarea as Textarea2 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
-
-// src/components/inputs/handle-input/handle-input.tsx
-import { Input as Input2, Text as Text3 } from "@medusajs/ui";
-import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var HandleInput = forwardRef3(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx4("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r", children: /* @__PURE__ */ jsx4(
-        Text3,
-        {
-          className: "text-ui-fg-muted",
-          size: "small",
-          leading: "compact",
-          weight: "plus",
-          children: "/"
-        }
-      ) }),
-      /* @__PURE__ */ jsx4(Input2, { ref, ...props, className: "pl-10" })
-    ] });
-  }
-);
-HandleInput.displayName = "HandleInput";
-
-// src/pages/products/create/product-create-details-form/components/product-create-details-general-section/product-create-general-section.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var ProductCreateGeneralSection = () => {
   const { t } = useTranslation4();
   const form = useTabbedForm();
-  return /* @__PURE__ */ jsxs5("div", { id: "general", className: "flex flex-col gap-y-6", children: [
-    /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-y-2", children: /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4("div", { id: "general", className: "flex flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-y-2", children: /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ jsx4(
         Form.Field,
         {
           control: form.control,
           name: "title",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs5(Form.Item, { children: [
-              /* @__PURE__ */ jsx5(Form.Label, { children: t("products.fields.title.label") }),
-              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Input3, { ...field, placeholder: "Winter jacket" }) }),
-              /* @__PURE__ */ jsx5(Form.ErrorMessage, { children: form.formState.errors.title?.message })
+            return /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx4(Form.Label, { children: t("products.fields.title.label") }),
+              /* @__PURE__ */ jsx4(Form.Control, { children: /* @__PURE__ */ jsx4(Input2, { ...field, placeholder: "Winter jacket" }) }),
+              /* @__PURE__ */ jsx4(Form.ErrorMessage, { children: form.formState.errors.title?.message })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         Form.Field,
         {
           control: form.control,
           name: "subtitle",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs5(Form.Item, { children: [
-              /* @__PURE__ */ jsx5(Form.Label, { optional: true, children: t("products.fields.subtitle.label") }),
-              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Input3, { ...field, placeholder: "Warm and cosy" }) })
+            return /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx4(Form.Label, { optional: true, children: t("products.fields.subtitle.label") }),
+              /* @__PURE__ */ jsx4(Form.Control, { children: /* @__PURE__ */ jsx4(Input2, { ...field, placeholder: "Warm and cosy" }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         Form.Field,
         {
           control: form.control,
           name: "handle",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs5(Form.Item, { children: [
-              /* @__PURE__ */ jsx5(
+            return /* @__PURE__ */ jsxs4(Form.Item, { children: [
+              /* @__PURE__ */ jsx4(
                 Form.Label,
                 {
                   tooltip: t("products.fields.handle.tooltip"),
@@ -977,22 +955,22 @@ var ProductCreateGeneralSection = () => {
                   children: t("fields.handle")
                 }
               ),
-              /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(HandleInput, { ...field, placeholder: "winter-jacket" }) }),
-              /* @__PURE__ */ jsx5(Form.ErrorMessage, { children: form.formState.errors.handle?.message })
+              /* @__PURE__ */ jsx4(Form.Control, { children: /* @__PURE__ */ jsx4(HandleInput, { ...field, placeholder: "winter-jacket" }) }),
+              /* @__PURE__ */ jsx4(Form.ErrorMessage, { children: form.formState.errors.handle?.message })
             ] });
           }
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       Form.Field,
       {
         control: form.control,
         name: "description",
         render: ({ field }) => {
-          return /* @__PURE__ */ jsxs5(Form.Item, { children: [
-            /* @__PURE__ */ jsx5(Form.Label, { optional: true, children: t("products.fields.description.label") }),
-            /* @__PURE__ */ jsx5(Form.Control, { children: /* @__PURE__ */ jsx5(Textarea2, { ...field, placeholder: "A warm and cozy jacket" }) })
+          return /* @__PURE__ */ jsxs4(Form.Item, { children: [
+            /* @__PURE__ */ jsx4(Form.Label, { optional: true, children: t("products.fields.description.label") }),
+            /* @__PURE__ */ jsx4(Form.Control, { children: /* @__PURE__ */ jsx4(Textarea2, { ...field, placeholder: "A warm and cozy jacket" }) })
           ] });
         }
       }
@@ -1024,11 +1002,11 @@ import {
   Trash,
   XMark
 } from "@medusajs/icons";
-import { IconButton, Text as Text4 } from "@medusajs/ui";
+import { IconButton, Text as Text3 } from "@medusajs/ui";
 import { useState as useState2 } from "react";
 import { useFieldArray as useFieldArray2 } from "react-hook-form";
 import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var dropAnimationConfig = {
   sideEffects: defaultDropAnimationSideEffects({
     styles: {
@@ -1095,9 +1073,9 @@ var ProductCreateMediaSection = () => {
       onMakeThumbnail: getMakeThumbnail(index)
     };
   };
-  return /* @__PURE__ */ jsxs6("div", { id: "media", className: "flex flex-col gap-y-2", children: [
-    /* @__PURE__ */ jsx6(UploadMediaFormItem, { form, append, showHint: false }),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5("div", { id: "media", className: "flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ jsx5(UploadMediaFormItem, { form, append, showHint: false }),
+    /* @__PURE__ */ jsxs5(
       DndContext,
       {
         sensors,
@@ -1105,15 +1083,15 @@ var ProductCreateMediaSection = () => {
         onDragStart: handleDragStart,
         onDragCancel: handleDragCancel,
         children: [
-          /* @__PURE__ */ jsx6(DragOverlay, { dropAnimation: dropAnimationConfig, children: activeId ? /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx5(DragOverlay, { dropAnimation: dropAnimationConfig, children: activeId ? /* @__PURE__ */ jsx5(
             MediaGridItemOverlay,
             {
               field: fields.find((m) => m.field_id === activeId)
             }
           ) : null }),
-          /* @__PURE__ */ jsx6("ul", { className: "flex flex-col gap-y-2", children: /* @__PURE__ */ jsx6(SortableContext, { items: fields.map((field) => field.field_id), children: fields.map((field, index) => {
+          /* @__PURE__ */ jsx5("ul", { className: "flex flex-col gap-y-2", children: /* @__PURE__ */ jsx5(SortableContext, { items: fields.map((field) => field.field_id), children: fields.map((field, index) => {
             const { onDelete, onMakeThumbnail } = getItemHandlers(index);
-            return /* @__PURE__ */ jsx6(
+            return /* @__PURE__ */ jsx5(
               MediaItem,
               {
                 field,
@@ -1147,15 +1125,15 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
   if (!field.file) {
     return null;
   }
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "li",
     {
       className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
       ref: setNodeRef,
       style,
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
-          /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx5(
             IconButton,
             {
               variant: "transparent",
@@ -1165,17 +1143,17 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
               ...listeners,
               ref: setActivatorNodeRef,
               className: "cursor-grab touch-none active:cursor-grabbing",
-              children: /* @__PURE__ */ jsx6(DotsSix, { className: "text-ui-fg-muted" })
+              children: /* @__PURE__ */ jsx5(DotsSix, { className: "text-ui-fg-muted" })
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-3", children: [
-            /* @__PURE__ */ jsx6("div", { className: "bg-ui-bg-base h-10 w-[30px] overflow-hidden rounded-md", children: /* @__PURE__ */ jsx6(ThumbnailPreview, { url: field.url }) }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", children: field.file.name }),
-              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-1", children: [
-                field.isThumbnail && /* @__PURE__ */ jsx6(ThumbnailBadge, {}),
-                /* @__PURE__ */ jsx6(
-                  Text4,
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ jsx5("div", { className: "bg-ui-bg-base h-10 w-[30px] overflow-hidden rounded-md", children: /* @__PURE__ */ jsx5(ThumbnailPreview, { url: field.url }) }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", children: field.file.name }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
+                field.isThumbnail && /* @__PURE__ */ jsx5(ThumbnailBadge, {}),
+                /* @__PURE__ */ jsx5(
+                  Text3,
                   {
                     size: "xsmall",
                     leading: "compact",
@@ -1187,8 +1165,8 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-1", children: [
-          /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ jsx5(
             ActionMenu,
             {
               groups: [
@@ -1196,7 +1174,7 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
                   actions: [
                     {
                       label: t("products.media.makeThumbnail"),
-                      icon: /* @__PURE__ */ jsx6(StackPerspective, {}),
+                      icon: /* @__PURE__ */ jsx5(StackPerspective, {}),
                       onClick: onMakeThumbnail
                     }
                   ]
@@ -1204,7 +1182,7 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
                 {
                   actions: [
                     {
-                      icon: /* @__PURE__ */ jsx6(Trash, {}),
+                      icon: /* @__PURE__ */ jsx5(Trash, {}),
                       label: t("actions.delete"),
                       onClick: onDelete
                     }
@@ -1213,14 +1191,14 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
               ]
             }
           ),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx5(
             IconButton,
             {
               type: "button",
               size: "small",
               variant: "transparent",
               onClick: onDelete,
-              children: /* @__PURE__ */ jsx6(XMark, {})
+              children: /* @__PURE__ */ jsx5(XMark, {})
             }
           )
         ] })
@@ -1229,25 +1207,25 @@ var MediaItem = ({ field, onDelete, onMakeThumbnail }) => {
   );
 };
 var MediaGridItemOverlay = ({ field }) => {
-  return /* @__PURE__ */ jsxs6("li", { className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs5("li", { className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx5(
         IconButton,
         {
           variant: "transparent",
           size: "small",
           className: "cursor-grab touch-none active:cursor-grabbing",
-          children: /* @__PURE__ */ jsx6(DotsSix, { className: "text-ui-fg-muted" })
+          children: /* @__PURE__ */ jsx5(DotsSix, { className: "text-ui-fg-muted" })
         }
       ),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ jsx6("div", { className: "bg-ui-bg-base h-10 w-[30px] overflow-hidden rounded-md", children: /* @__PURE__ */ jsx6(ThumbnailPreview, { url: field.url }) }),
-        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", children: field.file?.name }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-1", children: [
-            field.isThumbnail && /* @__PURE__ */ jsx6(ThumbnailBadge, {}),
-            /* @__PURE__ */ jsx6(
-              Text4,
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx5("div", { className: "bg-ui-bg-base h-10 w-[30px] overflow-hidden rounded-md", children: /* @__PURE__ */ jsx5(ThumbnailPreview, { url: field.url }) }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", children: field.file?.name }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
+            field.isThumbnail && /* @__PURE__ */ jsx5(ThumbnailBadge, {}),
+            /* @__PURE__ */ jsx5(
+              Text3,
               {
                 size: "xsmall",
                 leading: "compact",
@@ -1259,9 +1237,9 @@ var MediaGridItemOverlay = ({ field }) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ jsx6(ActionMenu, { groups: [] }),
-      /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ jsx5(ActionMenu, { groups: [] }),
+      /* @__PURE__ */ jsx5(
         IconButton,
         {
           type: "button",
@@ -1269,7 +1247,7 @@ var MediaGridItemOverlay = ({ field }) => {
           variant: "transparent",
           onClick: () => {
           },
-          children: /* @__PURE__ */ jsx6(XMark, {})
+          children: /* @__PURE__ */ jsx5(XMark, {})
         }
       )
     ] })
@@ -1279,7 +1257,7 @@ var ThumbnailPreview = ({ url }) => {
   if (!url) {
     return null;
   }
-  return /* @__PURE__ */ jsx6("img", { src: url, alt: "", className: "size-full object-cover object-center" });
+  return /* @__PURE__ */ jsx5("img", { src: url, alt: "", className: "size-full object-cover object-center" });
 };
 function formatFileSize(bytes, decimalPlaces = 2) {
   if (bytes === 0) {
@@ -1292,19 +1270,19 @@ function formatFileSize(bytes, decimalPlaces = 2) {
 }
 
 // src/pages/products/create/product-create-details-form/product-create-details-form.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   if (Children.count(children) > 0) {
-    return /* @__PURE__ */ jsx7("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs7("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
-      /* @__PURE__ */ jsx7(Header2, {}),
+    return /* @__PURE__ */ jsx6("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs6("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+      /* @__PURE__ */ jsx6(Header2, {}),
       children
     ] }) });
   }
-  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs7("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx7(Header2, {}),
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-6", children: [
-      /* @__PURE__ */ jsx7(ProductCreateGeneralSection, {}),
-      /* @__PURE__ */ jsx7(ProductCreateMediaSection, {})
+  return /* @__PURE__ */ jsx6("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs6("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx6(Header2, {}),
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-y-6", children: [
+      /* @__PURE__ */ jsx6(ProductCreateGeneralSection, {}),
+      /* @__PURE__ */ jsx6(ProductCreateMediaSection, {})
     ] })
   ] }) });
 };
@@ -1315,7 +1293,7 @@ Root._tabMeta = {
 };
 var Header2 = () => {
   const { t } = useTranslation6();
-  return /* @__PURE__ */ jsx7("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx7(Heading2, { children: t("products.create.tabs.details") }) });
+  return /* @__PURE__ */ jsx6("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx6(Heading2, { children: t("products.create.tabs.details") }) });
 };
 var ProductCreateDetailsForm = Object.assign(Root, {
   _tabMeta: Root._tabMeta,
@@ -1327,11 +1305,11 @@ var ProductCreateDetailsForm = Object.assign(Root, {
 import { Children as Children2 } from "react";
 
 // src/pages/products/create/product-create-inventory-kit-form/components/product-create-inventory-kit-section/product-create-inventory-kit-section.tsx
-import { Button as Button2, Heading as Heading3, IconButton as IconButton2, Input as Input4, Label } from "@medusajs/ui";
+import { Button as Button2, Heading as Heading3, IconButton as IconButton2, Input as Input3, Label } from "@medusajs/ui";
 import { useFieldArray as useFieldArray3, useWatch } from "react-hook-form";
 import { XMarkMini as XMarkMini2 } from "@medusajs/icons";
 import { useTranslation as useTranslation7 } from "react-i18next";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function VariantSection({ variant, index }) {
   const { t } = useTranslation7();
   const form = useTabbedForm();
@@ -1359,13 +1337,13 @@ function VariantSection({ variant, index }) {
       (i, index2) => index2 != inventoryIndex && i.inventory_item_id === option.value
     );
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "grid gap-y-4", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-start justify-between gap-x-4", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx8(Form.Label, { children: variant.title }),
-        /* @__PURE__ */ jsx8(Form.Hint, { children: t("products.create.inventory.label") })
+  return /* @__PURE__ */ jsxs7("div", { className: "grid gap-y-4", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-between gap-x-4", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx7(Form.Label, { children: variant.title }),
+        /* @__PURE__ */ jsx7(Form.Hint, { children: t("products.create.inventory.label") })
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx7(
         Button2,
         {
           size: "small",
@@ -1381,13 +1359,13 @@ function VariantSection({ variant, index }) {
         }
       )
     ] }),
-    inventory.fields.map((inventoryItem, inventoryIndex) => /* @__PURE__ */ jsxs8(
+    inventory.fields.map((inventoryItem, inventoryIndex) => /* @__PURE__ */ jsxs7(
       "li",
       {
         className: "bg-ui-bg-component shadow-elevation-card-rest grid grid-cols-[1fr_28px] items-center gap-1.5 rounded-xl p-1.5",
         children: [
-          /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx8("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx7("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx7(
               Label,
               {
                 size: "xsmall",
@@ -1397,13 +1375,13 @@ function VariantSection({ variant, index }) {
                 children: t("fields.item")
               }
             ) }),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx7(
               Form.Field,
               {
                 control: form.control,
                 name: `variants.${index}.inventory.${inventoryIndex}.inventory_item_id`,
                 render: ({ field }) => {
-                  return /* @__PURE__ */ jsx8(Form.Item, { children: /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(
+                  return /* @__PURE__ */ jsx7(Form.Item, { children: /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(
                     Combobox,
                     {
                       ...field,
@@ -1423,7 +1401,7 @@ function VariantSection({ variant, index }) {
                 }
               }
             ),
-            /* @__PURE__ */ jsx8("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx7("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx7(
               Label,
               {
                 size: "xsmall",
@@ -1433,15 +1411,15 @@ function VariantSection({ variant, index }) {
                 children: t("fields.quantity")
               }
             ) }),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx7(
               Form.Field,
               {
                 control: form.control,
                 name: `variants.${index}.inventory.${inventoryIndex}.required_quantity`,
                 render: ({ field: { onChange, value, ...field } }) => {
-                  return /* @__PURE__ */ jsxs8(Form.Item, { children: [
-                    /* @__PURE__ */ jsx8(Form.Control, { children: /* @__PURE__ */ jsx8(
-                      Input4,
+                  return /* @__PURE__ */ jsxs7(Form.Item, { children: [
+                    /* @__PURE__ */ jsx7(Form.Control, { children: /* @__PURE__ */ jsx7(
+                      Input3,
                       {
                         type: "number",
                         className: "bg-ui-bg-field-component",
@@ -1461,13 +1439,13 @@ function VariantSection({ variant, index }) {
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ jsx8(Form.ErrorMessage, {})
+                    /* @__PURE__ */ jsx7(Form.ErrorMessage, {})
                   ] });
                 }
               }
             )
           ] }),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx7(
             IconButton2,
             {
               type: "button",
@@ -1475,7 +1453,7 @@ function VariantSection({ variant, index }) {
               variant: "transparent",
               className: "text-ui-fg-muted",
               onClick: () => inventory.remove(inventoryIndex),
-              children: /* @__PURE__ */ jsx8(XMarkMini2, {})
+              children: /* @__PURE__ */ jsx7(XMarkMini2, {})
             }
           )
         ]
@@ -1491,9 +1469,9 @@ var ProductCreateInventoryKitSection = () => {
     control: form.control,
     name: "variants"
   });
-  return /* @__PURE__ */ jsxs8("div", { id: "organize", className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx8(Heading3, { children: t("products.create.inventory.heading") }),
-    variants.fields.filter((v) => v.inventory_kit).map((variant, variantIndex) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs7("div", { id: "organize", className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx7(Heading3, { children: t("products.create.inventory.heading") }),
+    variants.fields.filter((v) => v.inventory_kit).map((variant, variantIndex) => /* @__PURE__ */ jsx7(
       VariantSection,
       {
         variant,
@@ -1505,12 +1483,12 @@ var ProductCreateInventoryKitSection = () => {
 };
 
 // src/pages/products/create/product-create-inventory-kit-form/product-create-inventory-kit-form.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var Root2 = ({ children }) => {
   if (Children2.count(children) > 0) {
-    return /* @__PURE__ */ jsx9("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx9("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) });
+    return /* @__PURE__ */ jsx8("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx8("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) });
   }
-  return /* @__PURE__ */ jsx9("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx9("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: /* @__PURE__ */ jsx9(ProductCreateInventoryKitSection, {}) }) });
+  return /* @__PURE__ */ jsx8("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx8("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: /* @__PURE__ */ jsx8(ProductCreateInventoryKitSection, {}) }) });
 };
 Root2._tabMeta = {
   id: "inventory",
@@ -1529,7 +1507,7 @@ import { Children as Children3 } from "react";
 import { useState as useState3 } from "react";
 import { Heading as Heading4 } from "@medusajs/ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ProductCreateOrganizationSection = () => {
   const { t } = useTranslation8();
   const form = useTabbedForm();
@@ -1563,9 +1541,9 @@ var ProductCreateOrganizationSection = () => {
       value: tag.id
     }))
   });
-  return /* @__PURE__ */ jsxs9("div", { id: "organize", className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx10(Heading4, { children: t("products.organization.header") }),
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs8("div", { id: "organize", className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx9(Heading4, { children: t("products.organization.header") }),
+    /* @__PURE__ */ jsx9(
       SwitchBox,
       {
         control: form.control,
@@ -1575,16 +1553,16 @@ var ProductCreateOrganizationSection = () => {
         optional: true
       }
     ),
-    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx9(
         Form.Field,
         {
           control: form.control,
           name: "tags",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
-              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.tags.label") }),
-              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsxs8(Form.Item, { children: [
+              /* @__PURE__ */ jsx9(Form.Label, { optional: true, children: t("products.fields.tags.label") }),
+              /* @__PURE__ */ jsx9(Form.Control, { children: /* @__PURE__ */ jsx9(
                 Combobox,
                 {
                   ...field,
@@ -1594,20 +1572,20 @@ var ProductCreateOrganizationSection = () => {
                   fetchNextPage: tags.fetchNextPage
                 }
               ) }),
-              /* @__PURE__ */ jsx10(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         Form.Field,
         {
           control: form.control,
           name: "type_id",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
-              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.type.label") }),
-              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsxs8(Form.Item, { children: [
+              /* @__PURE__ */ jsx9(Form.Label, { optional: true, children: t("products.fields.type.label") }),
+              /* @__PURE__ */ jsx9(Form.Control, { children: /* @__PURE__ */ jsx9(
                 Combobox,
                 {
                   ...field,
@@ -1618,23 +1596,23 @@ var ProductCreateOrganizationSection = () => {
                   allowClear: true
                 }
               ) }),
-              /* @__PURE__ */ jsx10(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
             ] });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx9(
         Form.Field,
         {
           control: form.control,
           name: "categories",
           render: ({ field }) => {
             const [isFocused, setIsFocused] = useState3(false);
-            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
-              /* @__PURE__ */ jsx10(Form.Label, { tooltip: t("products.fields.primaryCategory.tooltip"), children: t("products.fields.primaryCategory.label") }),
-              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsxs8(Form.Item, { children: [
+              /* @__PURE__ */ jsx9(Form.Label, { tooltip: t("products.fields.primaryCategory.tooltip"), children: t("products.fields.primaryCategory.label") }),
+              /* @__PURE__ */ jsx9(Form.Control, { children: /* @__PURE__ */ jsx9(
                 CategoryCombobox,
                 {
                   ...field,
@@ -1647,41 +1625,41 @@ var ProductCreateOrganizationSection = () => {
                   allowClear: false
                 }
               ) }),
-              !isFocused && /* @__PURE__ */ jsx10(Form.ErrorMessage, {})
+              !isFocused && /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         Form.Field,
         {
           control: form.control,
           name: "secondary_categories",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
-              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.secondaryCategories.label", "Secondary Categories") }),
-              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsxs8(Form.Item, { children: [
+              /* @__PURE__ */ jsx9(Form.Label, { optional: true, children: t("products.fields.secondaryCategories.label", "Secondary Categories") }),
+              /* @__PURE__ */ jsx9(Form.Control, { children: /* @__PURE__ */ jsx9(
                 CategoryCombobox,
                 {
                   ...field,
                   value: field.value || []
                 }
               ) }),
-              /* @__PURE__ */ jsx10(Form.ErrorMessage, {})
+              /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
             ] });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: /* @__PURE__ */ jsx9(
       Form.Field,
       {
         control: form.control,
         name: "collection_id",
         render: ({ field }) => {
-          return /* @__PURE__ */ jsxs9(Form.Item, { children: [
-            /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.collection.label") }),
-            /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsxs8(Form.Item, { children: [
+            /* @__PURE__ */ jsx9(Form.Label, { optional: true, children: t("products.fields.collection.label") }),
+            /* @__PURE__ */ jsx9(Form.Control, { children: /* @__PURE__ */ jsx9(
               Combobox,
               {
                 ...field,
@@ -1692,7 +1670,7 @@ var ProductCreateOrganizationSection = () => {
                 allowClear: true
               }
             ) }),
-            /* @__PURE__ */ jsx10(Form.ErrorMessage, {})
+            /* @__PURE__ */ jsx9(Form.ErrorMessage, {})
           ] });
         }
       }
@@ -1701,117 +1679,117 @@ var ProductCreateOrganizationSection = () => {
 };
 
 // src/pages/products/create/product-create-organize-form/components/product-create-organize-attribute-section/product-create-details-attribute-section.tsx
-import { Heading as Heading5, Input as Input5 } from "@medusajs/ui";
+import { Heading as Heading5, Input as Input4 } from "@medusajs/ui";
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ProductCreateAttributeSection = () => {
   const { t } = useTranslation9();
   const form = useTabbedForm();
-  return /* @__PURE__ */ jsxs10("div", { id: "attributes", className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx11(Heading5, { level: "h2", children: t("products.attributes") }),
-    /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-2 gap-x-4 gap-y-8", children: [
-      /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs9("div", { id: "attributes", className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx10(Heading5, { level: "h2", children: t("products.attributes") }),
+    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-x-4 gap-y-8", children: [
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "origin_country",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.countryOrigin.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(CountrySelect, { ...field }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.countryOrigin.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(CountrySelect, { ...field }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "material",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.material.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.material.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field }) })
             ] });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-2 gap-x-4 gap-y-8", children: [
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-x-4 gap-y-8", children: [
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "width",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.width.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field, type: "number", min: 0 }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.width.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field, type: "number", min: 0 }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "length",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.length.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field, type: "number", min: 0 }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.length.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field, type: "number", min: 0 }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "height",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.height.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field, type: "number", min: 0 }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.height.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field, type: "number", min: 0 }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "weight",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.weight.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field, type: "number", min: 0 }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.weight.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field, type: "number", min: 0 }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "mid_code",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.mid_code.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.mid_code.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field }) })
             ] });
           }
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         Form.Field,
         {
           control: form.control,
           name: "hs_code",
           render: ({ field }) => {
-            return /* @__PURE__ */ jsxs10(Form.Item, { children: [
-              /* @__PURE__ */ jsx11(Form.Label, { optional: true, children: t("products.fields.hs_code.label") }),
-              /* @__PURE__ */ jsx11(Form.Control, { children: /* @__PURE__ */ jsx11(Input5, { ...field }) })
+            return /* @__PURE__ */ jsxs9(Form.Item, { children: [
+              /* @__PURE__ */ jsx10(Form.Label, { optional: true, children: t("products.fields.hs_code.label") }),
+              /* @__PURE__ */ jsx10(Form.Control, { children: /* @__PURE__ */ jsx10(Input4, { ...field }) })
             ] });
           }
         }
@@ -1833,7 +1811,7 @@ import { keepPreviousData } from "@tanstack/react-query";
 var SC_STACKED_MODAL_ID = "sc";
 
 // src/pages/products/create/product-create-organize-form/components/product-create-sales-channel-stacked-modal/product-create-sales-channel-drawer.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var PAGE_SIZE = 50;
 var ProductCreateSalesChannelStackedModal = () => {
   const { t } = useTranslation10();
@@ -1906,9 +1884,9 @@ var ProductCreateSalesChannelStackedModal = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs11(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx12(StackedFocusModal.Header, {}),
-    /* @__PURE__ */ jsx12(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs10(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx11(StackedFocusModal.Header, {}),
+    /* @__PURE__ */ jsx11(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx11(
       DataTable,
       {
         data: sales_channels,
@@ -1927,9 +1905,9 @@ var ProductCreateSalesChannelStackedModal = () => {
         prefix: SC_STACKED_MODAL_ID
       }
     ) }),
-    /* @__PURE__ */ jsx12(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx12(StackedFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx12(Button3, { size: "small", variant: "secondary", type: "button", children: t("actions.cancel") }) }),
-      /* @__PURE__ */ jsx12(Button3, { size: "small", onClick: handleAdd, type: "button", children: t("actions.save") })
+    /* @__PURE__ */ jsx11(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx11(StackedFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx11(Button3, { size: "small", variant: "secondary", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx11(Button3, { size: "small", onClick: handleAdd, type: "button", children: t("actions.save") })
     ] }) })
   ] });
 };
@@ -1940,17 +1918,17 @@ var useColumns = () => {
 };
 
 // src/pages/products/create/product-create-organize-form/product-create-organize-form.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var Root3 = ({ children }) => {
   if (Children3.count(children) > 0) {
-    return /* @__PURE__ */ jsxs12(StackedFocusModal, { id: SC_STACKED_MODAL_ID, children: [
-      /* @__PURE__ */ jsx13("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx13("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) }),
-      /* @__PURE__ */ jsx13(ProductCreateSalesChannelStackedModal, {})
+    return /* @__PURE__ */ jsxs11(StackedFocusModal, { id: SC_STACKED_MODAL_ID, children: [
+      /* @__PURE__ */ jsx12("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx12("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) }),
+      /* @__PURE__ */ jsx12(ProductCreateSalesChannelStackedModal, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs12(StackedFocusModal, { id: SC_STACKED_MODAL_ID, children: [
-    /* @__PURE__ */ jsx13("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx13("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: /* @__PURE__ */ jsx13(ProductCreateOrganizationSection, {}) }) }),
-    /* @__PURE__ */ jsx13(ProductCreateSalesChannelStackedModal, {})
+  return /* @__PURE__ */ jsxs11(StackedFocusModal, { id: SC_STACKED_MODAL_ID, children: [
+    /* @__PURE__ */ jsx12("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx12("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: /* @__PURE__ */ jsx12(ProductCreateOrganizationSection, {}) }) }),
+    /* @__PURE__ */ jsx12(ProductCreateSalesChannelStackedModal, {})
   ] });
 };
 Root3._tabMeta = {
@@ -1970,7 +1948,7 @@ import { useCallback, useEffect as useEffect4, useMemo as useMemo3, useRef as us
 import { Checkbox, Tooltip as Tooltip2 } from "@medusajs/ui";
 import { useWatch as useWatch2 } from "react-hook-form";
 import { useTranslation as useTranslation11 } from "react-i18next";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var ProductCreateVariantsForm = ({
   form,
   store,
@@ -2188,7 +2166,7 @@ var ProductCreateVariantsForm = ({
       }
     }
   }, [variantStructureKey, form]);
-  return /* @__PURE__ */ jsx14("div", { className: "border-ui-border flex h-full flex-col justify-between divide-y", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13("div", { className: "border-ui-border flex h-full flex-col justify-between divide-y", children: /* @__PURE__ */ jsx13(
     DataGrid,
     {
       columns,
@@ -2239,7 +2217,7 @@ var useColumns2 = ({
     () => [
       columnHelper2.column({
         id: "checkbox",
-        header: () => /* @__PURE__ */ jsx14(
+        header: () => /* @__PURE__ */ jsx13(
           Checkbox,
           {
             checked: allSelected ? true : someSelected ? "indeterminate" : false,
@@ -2251,7 +2229,7 @@ var useColumns2 = ({
           return `variants.${rowData.originalIndex}.should_create`;
         },
         type: "boolean",
-        cell: (context) => /* @__PURE__ */ jsx14(DataGrid.BooleanCell, { context }),
+        cell: (context) => /* @__PURE__ */ jsx13(DataGrid.BooleanCell, { context }),
         disableHiding: true,
         size: 52,
         pin: "left"
@@ -2261,17 +2239,17 @@ var useColumns2 = ({
         name: variantAttributes.length > 0 ? variantAttributes.map((attr) => attr.name).join(" / ") : "Options",
         header: () => {
           const label = variantAttributes.length > 0 ? variantAttributes.map((attr) => attr.name).join(" / ") : "Options";
-          return /* @__PURE__ */ jsx14(Tooltip2, { content: label, children: /* @__PURE__ */ jsx14("span", { className: "w-full truncate", children: label }) });
+          return /* @__PURE__ */ jsx13(Tooltip2, { content: label, children: /* @__PURE__ */ jsx13("span", { className: "w-full truncate", children: label }) });
         },
         cell: (context) => {
           if (variantAttributes.length === 0) {
-            return /* @__PURE__ */ jsx14(DataGrid.ReadonlyCell, { context });
+            return /* @__PURE__ */ jsx13(DataGrid.ReadonlyCell, { context });
           }
           const rowData = context.row.original;
           const combinedValue = variantAttributes.map(
             (attr) => rowData.options?.[attr.name] || ""
           ).filter(Boolean).join(" / ");
-          return /* @__PURE__ */ jsx14(DataGrid.ReadonlyCell, { context, children: combinedValue });
+          return /* @__PURE__ */ jsx13(DataGrid.ReadonlyCell, { context, children: combinedValue });
         },
         disableHiding: true,
         pin: "left"
@@ -2285,7 +2263,7 @@ var useColumns2 = ({
           return `variants.${rowData.originalIndex}.title`;
         },
         type: "text",
-        cell: (context) => /* @__PURE__ */ jsx14(DataGrid.TextCell, { context }),
+        cell: (context) => /* @__PURE__ */ jsx13(DataGrid.TextCell, { context }),
         disableHiding: true,
         pin: "left"
       }),
@@ -2304,7 +2282,7 @@ var useColumns2 = ({
         type: "media",
         cell: (context) => {
           const rowData = context.row.original;
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx13(
             DataGridMediaCell,
             {
               context,
@@ -2331,7 +2309,7 @@ var useColumns2 = ({
           return `variants.${rowData.originalIndex}.sku`;
         },
         type: "text",
-        cell: (context) => /* @__PURE__ */ jsx14(DataGrid.TextCell, { context })
+        cell: (context) => /* @__PURE__ */ jsx13(DataGrid.TextCell, { context })
       }),
       ...createDataGridPriceColumns({
         currencies: store?.supported_currencies?.map(
@@ -2363,7 +2341,7 @@ var useColumns2 = ({
 };
 
 // src/pages/products/create/product-create-form/product-create-form.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var SAVE_DRAFT_BUTTON = "save-draft-button";
 var SEC_CAT_PRODUCT_KEY = "sec_cat_product_key";
 var TAB_ORDER = [
@@ -2966,7 +2944,7 @@ var ProductCreateForm = ({
     });
     setTabState(currentState);
   }, [tab, maxReachedTab]);
-  return /* @__PURE__ */ jsx15(TabbedFormContext.Provider, { value: form, children: /* @__PURE__ */ jsx15(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx14(TabbedFormContext.Provider, { value: form, children: /* @__PURE__ */ jsx14(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs12(
     KeyboundForm,
     {
       onKeyDown: (e) => {
@@ -2988,7 +2966,7 @@ var ProductCreateForm = ({
       onSubmit: handleSubmit,
       className: "flex h-full flex-col",
       children: [
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs12(
           ProgressTabs,
           {
             value: tab,
@@ -3039,8 +3017,8 @@ var ProductCreateForm = ({
             },
             className: "flex h-full flex-col overflow-hidden",
             children: [
-              /* @__PURE__ */ jsx15(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx15("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsxs13(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: [
-                /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx14(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx14("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsxs12(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: [
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Trigger,
                   {
                     status: tabState["details" /* DETAILS */],
@@ -3049,7 +3027,7 @@ var ProductCreateForm = ({
                     children: t("products.create.tabs.details")
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Trigger,
                   {
                     status: tabState["organize" /* ORGANIZE */],
@@ -3058,7 +3036,7 @@ var ProductCreateForm = ({
                     children: t("products.create.tabs.organize")
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Trigger,
                   {
                     status: tabState["attributes" /* ATTRIBUTES */],
@@ -3067,7 +3045,7 @@ var ProductCreateForm = ({
                     children: t("products.create.tabs.attributes")
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Trigger,
                   {
                     status: tabState["variants" /* VARIANTS */],
@@ -3076,7 +3054,7 @@ var ProductCreateForm = ({
                     children: t("products.create.tabs.variants")
                   }
                 ),
-                showInventoryTab && /* @__PURE__ */ jsx15(
+                showInventoryTab && /* @__PURE__ */ jsx14(
                   ProgressTabs.Trigger,
                   {
                     status: tabState["inventory" /* INVENTORY */],
@@ -3086,21 +3064,21 @@ var ProductCreateForm = ({
                   }
                 )
               ] }) }) }),
-              /* @__PURE__ */ jsxs13(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: [
-                /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsxs12(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: [
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Content,
                   {
                     className: "size-full overflow-y-auto",
                     value: "details" /* DETAILS */,
-                    children: /* @__PURE__ */ jsx15(ProductCreateDetailsForm, { form })
+                    children: /* @__PURE__ */ jsx14(ProductCreateDetailsForm, { form })
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Content,
                   {
                     className: "size-full overflow-y-auto",
                     value: "organize" /* ORGANIZE */,
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx14(
                       ProductCreateOrganizeForm,
                       {
                         form
@@ -3108,12 +3086,12 @@ var ProductCreateForm = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Content,
                   {
                     className: "size-full overflow-y-auto",
                     value: "attributes" /* ATTRIBUTES */,
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx14(
                       ProductCreateAttributesForm,
                       {
                         form,
@@ -3122,12 +3100,12 @@ var ProductCreateForm = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   ProgressTabs.Content,
                   {
                     className: "size-full overflow-y-auto",
                     value: "variants" /* VARIANTS */,
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx14(
                       ProductCreateVariantsForm,
                       {
                         form,
@@ -3140,12 +3118,12 @@ var ProductCreateForm = ({
                     )
                   }
                 ),
-                showInventoryTab && /* @__PURE__ */ jsx15(
+                showInventoryTab && /* @__PURE__ */ jsx14(
                   ProgressTabs.Content,
                   {
                     className: "size-full overflow-y-auto",
                     value: "inventory" /* INVENTORY */,
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx14(
                       ProductCreateInventoryKitForm,
                       {
                         form
@@ -3157,9 +3135,9 @@ var ProductCreateForm = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx15(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx15(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx15(Button4, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx14(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx14(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx14(Button4, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx14(
             Button4,
             {
               "data-name": SAVE_DRAFT_BUTTON,
@@ -3178,7 +3156,7 @@ var ProductCreateForm = ({
               children: t("actions.saveAsDraft")
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx14(
             PrimaryButton,
             {
               tab,
@@ -3200,7 +3178,7 @@ var PrimaryButton = ({
 }) => {
   const { t } = useTranslation12();
   if (tab === "variants" /* VARIANTS */ && !showInventoryTab || tab === "inventory" /* INVENTORY */ && showInventoryTab) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx14(
       Button4,
       {
         "data-name": "publish-button",
@@ -3213,7 +3191,7 @@ var PrimaryButton = ({
       "submit-button"
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     Button4,
     {
       type: "button",
@@ -3236,7 +3214,7 @@ import { Fragment as Fragment4, useCallback as useCallback3, useEffect as useEff
 import { ThumbnailBadge as ThumbnailBadge2 } from "@medusajs/icons";
 import { Checkbox as Checkbox2, clx, CommandBar, Tooltip as Tooltip3 } from "@medusajs/ui";
 import { useTranslation as useTranslation13 } from "react-i18next";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var EditVariantMediaForm = ({
   variantIndex,
   onSaveMedia,
@@ -3339,12 +3317,12 @@ var EditVariantMediaForm = ({
     saveRef.current = handleSave;
   }, [handleSave, saveRef]);
   const checkedCount = Object.keys(checkedUrls).length;
-  return /* @__PURE__ */ jsxs14("div", { className: "flex size-full flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex size-full", children: [
-      /* @__PURE__ */ jsx16("div", { className: "flex-1 overflow-auto bg-ui-bg-subtle p-6", children: /* @__PURE__ */ jsx16("div", { className: "flex flex-wrap content-start gap-6", children: selectedImages.map((img) => {
+  return /* @__PURE__ */ jsxs13("div", { className: "flex size-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex size-full", children: [
+      /* @__PURE__ */ jsx15("div", { className: "flex-1 overflow-auto bg-ui-bg-subtle p-6", children: /* @__PURE__ */ jsx15("div", { className: "flex flex-wrap content-start gap-6", children: selectedImages.map((img) => {
         const effectiveThumb = getEffectiveThumbnailUrl();
         const isThumb = img.url === effectiveThumb;
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx15(
           SelectedImageCard,
           {
             image: img,
@@ -3355,14 +3333,14 @@ var EditVariantMediaForm = ({
           img.url
         );
       }) }) }),
-      /* @__PURE__ */ jsx16("div", { className: "w-px shrink-0 bg-ui-border-base" }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex w-[318px] shrink-0 flex-col", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "p-4", children: [
-          /* @__PURE__ */ jsx16("p", { className: "txt-compact-small-plus text-ui-fg-base", children: t("products.media.selectImages") }),
-          /* @__PURE__ */ jsx16("p", { className: "txt-small mt-1 text-ui-fg-subtle", children: t("products.media.selectImagesHint") })
+      /* @__PURE__ */ jsx15("div", { className: "w-px shrink-0 bg-ui-border-base" }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex w-[318px] shrink-0 flex-col", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsx15("p", { className: "txt-compact-small-plus text-ui-fg-base", children: t("products.media.selectImages") }),
+          /* @__PURE__ */ jsx15("p", { className: "txt-small mt-1 text-ui-fg-subtle", children: t("products.media.selectImagesHint") })
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "h-px bg-ui-border-base" }),
-        /* @__PURE__ */ jsx16("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsx16("div", { className: "grid grid-cols-2 gap-4", children: unselectedImages.map((img) => /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15("div", { className: "h-px bg-ui-border-base" }),
+        /* @__PURE__ */ jsx15("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-2 gap-4", children: unselectedImages.map((img) => /* @__PURE__ */ jsx15(
           UnselectedImageCard,
           {
             image: img,
@@ -3372,13 +3350,13 @@ var EditVariantMediaForm = ({
         )) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx16(CommandBar, { open: !!checkedCount, children: /* @__PURE__ */ jsxs14(CommandBar.Bar, { children: [
-      /* @__PURE__ */ jsx16(CommandBar.Value, { children: t("general.countSelected", {
+    /* @__PURE__ */ jsx15(CommandBar, { open: !!checkedCount, children: /* @__PURE__ */ jsxs13(CommandBar.Bar, { children: [
+      /* @__PURE__ */ jsx15(CommandBar.Value, { children: t("general.countSelected", {
         count: checkedCount
       }) }),
-      /* @__PURE__ */ jsx16(CommandBar.Seperator, {}),
-      checkedCount === 1 && /* @__PURE__ */ jsxs14(Fragment4, { children: [
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx15(CommandBar.Seperator, {}),
+      checkedCount === 1 && /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsx15(
           CommandBar.Command,
           {
             action: handlePromoteToThumbnail,
@@ -3386,9 +3364,9 @@ var EditVariantMediaForm = ({
             shortcut: "t"
           }
         ),
-        /* @__PURE__ */ jsx16(CommandBar.Seperator, {})
+        /* @__PURE__ */ jsx15(CommandBar.Seperator, {})
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx15(
         CommandBar.Command,
         {
           action: () => {
@@ -3411,7 +3389,7 @@ var SelectedImageCard = ({
   onCheckedChange
 }) => {
   const { t } = useTranslation13();
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: clx(
@@ -3419,14 +3397,14 @@ var SelectedImageCard = ({
         "shadow-elevation-card-rest"
       ),
       children: [
-        isThumbnail && /* @__PURE__ */ jsx16("div", { className: "absolute left-2 top-2 z-[1]", children: /* @__PURE__ */ jsx16(
+        isThumbnail && /* @__PURE__ */ jsx15("div", { className: "absolute left-2 top-2 z-[1]", children: /* @__PURE__ */ jsx15(
           Tooltip3,
           {
             content: t("products.media.thumbnailTooltip"),
-            children: /* @__PURE__ */ jsx16(ThumbnailBadge2, {})
+            children: /* @__PURE__ */ jsx15(ThumbnailBadge2, {})
           }
         ) }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           "div",
           {
             className: clx(
@@ -3434,7 +3412,7 @@ var SelectedImageCard = ({
               "group-hover:opacity-100",
               { "opacity-100": checked }
             ),
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx15(
               Checkbox2,
               {
                 checked,
@@ -3444,7 +3422,7 @@ var SelectedImageCard = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           "img",
           {
             src: image.url,
@@ -3461,7 +3439,7 @@ var UnselectedImageCard = ({
   onSelect
 }) => {
   const { t } = useTranslation13();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       type: "button",
@@ -3473,7 +3451,7 @@ var UnselectedImageCard = ({
         "outline-none focus-visible:shadow-borders-focus"
       ),
       "aria-label": t("products.media.selectImages"),
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx15(
         "img",
         {
           src: image.url,
@@ -3492,7 +3470,7 @@ import {
   TriangleLeftMini,
   TriangleRightMini
 } from "@medusajs/icons";
-import { Button as Button5, clx as clx2, IconButton as IconButton3, Text as Text5, Tooltip as Tooltip4 } from "@medusajs/ui";
+import { Button as Button5, clx as clx2, IconButton as IconButton3, Text as Text4, Tooltip as Tooltip4 } from "@medusajs/ui";
 import { useTranslation as useTranslation14 } from "react-i18next";
 
 // src/pages/products/create/variant-media-view/variant-media-view-context.tsx
@@ -3500,7 +3478,7 @@ import { createContext } from "react";
 var VariantMediaViewContext = createContext(null);
 
 // src/pages/products/create/variant-media-view/components/variant-media-gallery/variant-media-gallery.tsx
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var VariantMediaGallery = ({
   goToEdit,
   variantMedia = []
@@ -3535,16 +3513,16 @@ var VariantMediaGallery = ({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [next, prev]);
   const noMedia = !media.length;
-  return /* @__PURE__ */ jsx17(VariantMediaViewContext.Consumer, { children: () => /* @__PURE__ */ jsx17("div", { className: "flex size-full flex-col bg-ui-bg-subtle", children: noMedia ? /* @__PURE__ */ jsxs15("div", { className: "flex size-full flex-col items-center justify-center gap-y-4 bg-ui-bg-subtle pb-8 pt-6", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx17(Text5, { size: "small", leading: "compact", weight: "plus", className: "text-ui-fg-subtle", children: t("products.media.emptyState.header", "No media") }),
-      /* @__PURE__ */ jsx17(Text5, { size: "small", className: "text-ui-fg-muted", children: t("products.media.emptyState.description", "No images assigned to this variant.") })
+  return /* @__PURE__ */ jsx16(VariantMediaViewContext.Consumer, { children: () => /* @__PURE__ */ jsx16("div", { className: "flex size-full flex-col bg-ui-bg-subtle", children: noMedia ? /* @__PURE__ */ jsxs14("div", { className: "flex size-full flex-col items-center justify-center gap-y-4 bg-ui-bg-subtle pb-8 pt-6", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx16(Text4, { size: "small", leading: "compact", weight: "plus", className: "text-ui-fg-subtle", children: t("products.media.emptyState.header", "No media") }),
+      /* @__PURE__ */ jsx16(Text4, { size: "small", className: "text-ui-fg-muted", children: t("products.media.emptyState.description", "No images assigned to this variant.") })
     ] }),
-    /* @__PURE__ */ jsx17(Button5, { size: "small", variant: "secondary", onClick: goToEdit, children: t("products.media.emptyState.action", "Add images") })
-  ] }) : /* @__PURE__ */ jsxs15(Fragment5, { children: [
-    /* @__PURE__ */ jsx17("div", { className: "relative size-full overflow-hidden bg-ui-bg-subtle", children: /* @__PURE__ */ jsx17("div", { className: "flex size-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs15("div", { className: "relative inline-block max-h-full max-w-full", children: [
-      media[curr]?.isThumbnail && /* @__PURE__ */ jsx17("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsx17(Tooltip4, { content: t("products.media.thumbnailTooltip"), children: /* @__PURE__ */ jsx17(ThumbnailBadge3, {}) }) }),
-      /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(Button5, { size: "small", variant: "secondary", onClick: goToEdit, children: t("products.media.emptyState.action", "Add images") })
+  ] }) : /* @__PURE__ */ jsxs14(Fragment5, { children: [
+    /* @__PURE__ */ jsx16("div", { className: "relative size-full overflow-hidden bg-ui-bg-subtle", children: /* @__PURE__ */ jsx16("div", { className: "flex size-full items-center justify-center p-6", children: /* @__PURE__ */ jsxs14("div", { className: "relative inline-block max-h-full max-w-full", children: [
+      media[curr]?.isThumbnail && /* @__PURE__ */ jsx16("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsx16(Tooltip4, { content: t("products.media.thumbnailTooltip"), children: /* @__PURE__ */ jsx16(ThumbnailBadge3, {}) }) }),
+      /* @__PURE__ */ jsx16(
         "img",
         {
           src: media[curr]?.url,
@@ -3553,12 +3531,12 @@ var VariantMediaGallery = ({
         }
       )
     ] }) }) }),
-    media.length > 1 && /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 items-center justify-center gap-x-2 border-t p-3", children: [
-      /* @__PURE__ */ jsx17(IconButton3, { size: "small", variant: "transparent", className: "text-ui-fg-muted", type: "button", onClick: prev, children: /* @__PURE__ */ jsx17(TriangleLeftMini, {}) }),
-      /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-x-2", children: media.slice(0, 8).map((item, idx) => {
+    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) => {
         const isCurrentImage = item.id === media[curr]?.id;
         const originalIndex = media.findIndex((i) => i.id === item.id);
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
@@ -3566,18 +3544,18 @@ var VariantMediaGallery = ({
             className: clx2("size-7 overflow-hidden rounded-[4px] outline-none transition-fg", {
               "shadow-borders-focus": isCurrentImage
             }),
-            children: /* @__PURE__ */ jsx17("img", { src: item.url, alt: "", className: "size-full object-cover" })
+            children: /* @__PURE__ */ jsx16("img", { src: item.url, alt: "", className: "size-full object-cover" })
           },
           item.id
         );
       }) }),
-      /* @__PURE__ */ jsx17(IconButton3, { size: "small", variant: "transparent", className: "text-ui-fg-muted", type: "button", onClick: next, children: /* @__PURE__ */ jsx17(TriangleRightMini, {}) })
+      /* @__PURE__ */ jsx16(IconButton3, { size: "small", variant: "transparent", className: "text-ui-fg-muted", type: "button", onClick: next, children: /* @__PURE__ */ jsx16(TriangleRightMini, {}) })
     ] })
   ] }) }) });
 };
 
 // src/pages/products/create/variant-media-view/variant-media-view.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var getView = (currentView) => {
   if (currentView === "edit" /* EDIT */) return "edit" /* EDIT */;
   return "gallery" /* GALLERY */;
@@ -3604,11 +3582,11 @@ var VariantMediaView = ({
   const handleFooterSave = () => {
     saveRef.current?.();
   };
-  return /* @__PURE__ */ jsx18(VariantMediaViewContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs16(StackedFocusModal.Content, { children: [
-    /* @__PURE__ */ jsx18(StackedFocusModal.Header, { children: view === "edit" /* EDIT */ ? /* @__PURE__ */ jsx18(Button6, { variant: "secondary", size: "small", onClick: contextValue.goToGallery, children: t("products.media.galleryLabel", "Gallery") }) : /* @__PURE__ */ jsx18(Button6, { variant: "secondary", size: "small", onClick: contextValue.goToEdit, children: t("products.media.editLabel", "Edit") }) }),
-    /* @__PURE__ */ jsxs16(StackedFocusModal.Body, { className: "flex flex-col overflow-hidden", children: [
-      view === "gallery" /* GALLERY */ && /* @__PURE__ */ jsx18(VariantMediaGallery, { goToEdit: contextValue.goToEdit, variantMedia: initialMedia }),
-      view === "edit" /* EDIT */ && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(VariantMediaViewContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs15(StackedFocusModal.Content, { children: [
+    /* @__PURE__ */ jsx17(StackedFocusModal.Header, { children: view === "edit" /* EDIT */ ? /* @__PURE__ */ jsx17(Button6, { variant: "secondary", size: "small", onClick: contextValue.goToGallery, children: t("products.media.galleryLabel", "Gallery") }) : /* @__PURE__ */ jsx17(Button6, { variant: "secondary", size: "small", onClick: contextValue.goToEdit, children: t("products.media.editLabel", "Edit") }) }),
+    /* @__PURE__ */ jsxs15(StackedFocusModal.Body, { className: "flex flex-col overflow-hidden", children: [
+      view === "gallery" /* GALLERY */ && /* @__PURE__ */ jsx17(VariantMediaGallery, { goToEdit: contextValue.goToEdit, variantMedia: initialMedia }),
+      view === "edit" /* EDIT */ && /* @__PURE__ */ jsx17(
         EditVariantMediaForm,
         {
           variantIndex,
@@ -3621,15 +3599,15 @@ var VariantMediaView = ({
         }
       )
     ] }),
-    view === "edit" /* EDIT */ && /* @__PURE__ */ jsx18(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs16("div", { className: "flex justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx18(Button6, { variant: "secondary", size: "small", onClick: onClose, children: t("actions.cancel") }),
-      /* @__PURE__ */ jsx18(Button6, { size: "small", onClick: handleFooterSave, children: t("actions.save") })
+    view === "edit" /* EDIT */ && /* @__PURE__ */ jsx17(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs15("div", { className: "flex justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx17(Button6, { variant: "secondary", size: "small", onClick: onClose, children: t("actions.cancel") }),
+      /* @__PURE__ */ jsx17(Button6, { size: "small", onClick: handleFooterSave, children: t("actions.save") })
     ] }) })
   ] }) });
 };
 
 // src/pages/products/create/product-create-page.tsx
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var ProductCreateFormWithModal = ({
   defaultChannel,
   store
@@ -3663,8 +3641,8 @@ var ProductCreateFormWithModal = ({
     }
     handleCloseModal();
   }, []);
-  return /* @__PURE__ */ jsxs17(Fragment6, { children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    /* @__PURE__ */ jsx18(
       ProductCreateForm,
       {
         defaultChannel,
@@ -3673,7 +3651,7 @@ var ProductCreateFormWithModal = ({
         onSaveVariantMediaRef: saveVariantMediaRef
       }
     ),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx18(
       StackedFocusModal,
       {
         id: "variant-media-modal",
@@ -3682,7 +3660,7 @@ var ProductCreateFormWithModal = ({
             handleCloseModal();
           }
         },
-        children: selectedVariantIndex !== null && /* @__PURE__ */ jsx19(
+        children: selectedVariantIndex !== null && /* @__PURE__ */ jsx18(
           VariantMediaView,
           {
             variantIndex: selectedVariantIndex,
@@ -3703,10 +3681,10 @@ var Root4 = ({ children }) => {
   const { sales_channels, isPending: isSalesChannelPending } = useSalesChannels();
   const ready = !!store && !isStorePending && !!sales_channels && !isSalesChannelPending;
   const defaultChannel = sales_channels?.[0];
-  return /* @__PURE__ */ jsxs17(RouteFocusModal, { children: [
-    /* @__PURE__ */ jsx19(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx19("span", { className: "sr-only", children: t("products.create.title") }) }),
-    /* @__PURE__ */ jsx19(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx19("span", { className: "sr-only", children: t("products.create.description") }) }),
-    ready && (Children4.count(children) > 0 ? children : /* @__PURE__ */ jsx19(ProductCreateFormWithModal, { defaultChannel, store }))
+  return /* @__PURE__ */ jsxs16(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx18(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx18("span", { className: "sr-only", children: t("products.create.title") }) }),
+    /* @__PURE__ */ jsx18(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx18("span", { className: "sr-only", children: t("products.create.description") }) }),
+    ready && (Children4.count(children) > 0 ? children : /* @__PURE__ */ jsx18(ProductCreateFormWithModal, { defaultChannel, store }))
   ] });
 };
 var ProductCreatePage = Object.assign(Root4, {