@mercurjs/vendor 2.0.0 → 2.0.1

package/dist/{chunk-ZZ7VKT2S.js → chunk-5IWBNPZX.js}

@@ -1,6 +1,9 @@
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import {
   ConditionalTooltip
 } from "./chunk-LAVHRER2.js";
@@ -12,7 +15,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   __publicField
-} from "./chunk-PKBMQBKP.js";
+} from "./chunk-NBMM2TZK.js";
 
 // src/components/data-grid/components/data-grid-skeleton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -2194,13 +2197,333 @@ var Inner = ({
   );
 };
 
+// src/components/data-grid/components/data-grid-boolean-with-text-cell.tsx
+import { Switch } from "@medusajs/ui";
+import { Controller as Controller2 } from "react-hook-form";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var DataGridBooleanWithTextCell = ({
+  context,
+  trueLabel = "True",
+  falseLabel = "False"
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx5(
+    Controller2,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx5(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx5(
+          Inner2,
+          {
+            field: field2,
+            inputProps: input,
+            trueLabel,
+            falseLabel
+          }
+        ) });
+      }
+    }
+  );
+};
+var Inner2 = ({
+  field,
+  inputProps,
+  trueLabel,
+  falseLabel
+}) => {
+  const { ref, value, onBlur } = field;
+  const {
+    ref: inputRef,
+    onBlur: onInputBlur,
+    onChange,
+    onFocus,
+    ...attributes
+  } = inputProps;
+  const combinedRefs = useCombinedRefs(ref, inputRef);
+  return /* @__PURE__ */ jsxs4("div", { className: "flex size-full items-center justify-between py-2.5", children: [
+    /* @__PURE__ */ jsx5(
+      Switch,
+      {
+        ref: combinedRefs,
+        size: "small",
+        checked: value,
+        onCheckedChange: (newValue) => {
+          onChange(newValue === true, value);
+        },
+        onFocus,
+        onBlur: () => {
+          onBlur();
+          onInputBlur();
+        },
+        tabIndex: -1,
+        ...attributes
+      }
+    ),
+    /* @__PURE__ */ jsx5("span", { className: "txt-compact-small text-ui-fg-subtle", children: value ? trueLabel : falseLabel })
+  ] });
+};
+
+// src/components/data-grid/components/data-grid-media-cell.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState4 } from "react";
+import { Plus } from "@medusajs/icons";
+import { Controller as Controller3 } from "react-hook-form";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var DataGridMediaCell = ({
+  context,
+  onOpenMediaModal,
+  disabled,
+  ...rest
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx6(
+    Controller3,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx6(
+          DataGridCellContainer,
+          {
+            ...container,
+            ...errorProps,
+            outerComponent: /* @__PURE__ */ jsx6(
+              OuterComponent,
+              {
+                isAnchor: container.isAnchor,
+                onOpenMediaModal,
+                disabled
+              }
+            ),
+            children: /* @__PURE__ */ jsx6(
+              Inner3,
+              {
+                field: field2,
+                inputProps: input,
+                disabled,
+                ...rest
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+var OuterComponent = ({
+  isAnchor,
+  onOpenMediaModal,
+  disabled
+}) => {
+  const buttonRef = useRef3(null);
+  useEffect3(() => {
+    const handleKeyDown = (e) => {
+      if (isAnchor && e.key === "Enter" && onOpenMediaModal && !disabled) {
+        e.preventDefault();
+        onOpenMediaModal();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isAnchor, onOpenMediaModal, disabled]);
+  return /* @__PURE__ */ jsx6("div", { className: "absolute inset-y-0 right-4 z-[3] flex w-fit items-center justify-center opacity-0 transition-opacity group-hover/container:opacity-100", children: /* @__PURE__ */ jsx6(
+    "button",
+    {
+      ref: buttonRef,
+      type: "button",
+      onClick: onOpenMediaModal,
+      className: "txt-compact-small-plus flex items-center justify-center rounded-[4px] p-1 text-ui-fg-interactive outline-none transition-fg hover:text-ui-fg-interactive-hover focus-visible:shadow-borders-focus disabled:cursor-not-allowed disabled:opacity-50",
+      disabled: !onOpenMediaModal || disabled,
+      children: /* @__PURE__ */ jsx6(
+        Plus,
+        {
+          className: disabled ? "text-ui-fg-muted" : void 0
+        }
+      )
+    }
+  ) });
+};
+var Inner3 = ({
+  field,
+  inputProps,
+  disabled
+}) => {
+  const { ref, value, onChange: _, onBlur, ...fieldProps } = field;
+  const {
+    ref: inputRef,
+    onChange,
+    onBlur: onInputBlur,
+    onFocus
+  } = inputProps;
+  const [localValue, setLocalValue] = useState4(value || []);
+  useEffect3(() => {
+    setLocalValue(value || []);
+  }, [value]);
+  const combinedRef = useCombinedRefs2(inputRef, ref);
+  const handleOnChange = () => {
+    onChange(localValue, value);
+  };
+  const hasMedia = localValue && localValue.length > 0;
+  const MAX_VISIBLE_THUMBNAILS = 4;
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: `flex size-full items-center gap-x-2 ${disabled ? "opacity-50" : ""}`,
+      ...fieldProps,
+      children: /* @__PURE__ */ jsx6(
+        "div",
+        {
+          ref: combinedRef,
+          className: `flex h-full flex-1 items-center gap-1.5 overflow-hidden py-2.5 ${disabled ? "cursor-not-allowed" : "cursor-default"}`,
+          onFocus: disabled ? void 0 : onFocus,
+          onBlur: disabled ? void 0 : () => {
+            onBlur();
+            onInputBlur();
+            handleOnChange();
+          },
+          tabIndex: disabled ? -1 : -1,
+          children: hasMedia ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+            localValue.slice(0, MAX_VISIBLE_THUMBNAILS).map((media, index) => /* @__PURE__ */ jsx6(
+              "div",
+              {
+                className: "shrink-0",
+                children: /* @__PURE__ */ jsx6(
+                  Thumbnail,
+                  {
+                    src: media.url,
+                    alt: media.url ? `Product image ${index + 1}` : void 0,
+                    size: "small"
+                  }
+                )
+              },
+              media.id || `media-${index}`
+            )),
+            localValue.length > MAX_VISIBLE_THUMBNAILS && /* @__PURE__ */ jsxs5("div", { className: "flex h-5 w-4 shrink-0 items-center justify-center rounded border border-ui-border-base bg-ui-bg-component text-[10px] font-medium text-ui-fg-subtle", children: [
+              "+",
+              localValue.length - MAX_VISIBLE_THUMBNAILS
+            ] })
+          ] }) : /* @__PURE__ */ jsx6(Thumbnail, { size: "small" })
+        }
+      )
+    }
+  );
+};
+function useCombinedRefs2(...refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref) {
+        ;
+        ref.current = value;
+      }
+    });
+  };
+}
+
+// src/components/data-grid/components/data-grid-status-cell.tsx
+import { clx as clx2, Select } from "@medusajs/ui";
+import { Controller as Controller4 } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var DataGridStatusCell = ({
+  context
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx7(
+    Controller4,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx7(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx7(
+          Inner4,
+          {
+            field: field2,
+            inputProps: input,
+            isAnchor: container.isAnchor
+          }
+        ) });
+      }
+    }
+  );
+};
+var Inner4 = ({
+  field,
+  inputProps,
+  isAnchor
+}) => {
+  const { t } = useTranslation2();
+  const { ref, value, onChange, onBlur } = field;
+  const {
+    ref: inputRef,
+    onBlur: onInputBlur,
+    onFocus,
+    onChange: _onChange,
+    ...attributes
+  } = inputProps;
+  const combinedRefs = useCombinedRefs(ref, inputRef);
+  const options = [
+    {
+      label: t("products.productStatus.draft"),
+      value: "draft"
+    },
+    {
+      label: t("products.productStatus.published"),
+      value: "published"
+    }
+  ];
+  return /* @__PURE__ */ jsxs6(
+    Select,
+    {
+      value,
+      onValueChange: (newValue) => {
+        onChange(newValue);
+      },
+      children: [
+        /* @__PURE__ */ jsx7(
+          Select.Trigger,
+          {
+            ref: combinedRefs,
+            className: clx2(
+              "txt-compact-small h-full w-full rounded-none border-none bg-transparent px-0 py-2.5 shadow-none outline-none",
+              "hover:bg-transparent focus:shadow-none data-[state=open]:!shadow-none"
+            ),
+            onPointerDown: !isAnchor ? (e) => e.preventDefault() : void 0,
+            onFocus,
+            onBlur: () => {
+              onBlur();
+              onInputBlur();
+            },
+            ...attributes,
+            children: /* @__PURE__ */ jsx7(Select.Value, {})
+          }
+        ),
+        /* @__PURE__ */ jsx7(Select.Content, { children: options.map((option) => /* @__PURE__ */ jsx7(Select.Item, { value: option.value, children: option.label }, option.value)) })
+      ]
+    }
+  );
+};
+
 // src/components/data-grid/components/data-grid-currency-cell.tsx
 import CurrencyInput, {
   formatValue
 } from "react-currency-input-field";
-import { Controller as Controller2 } from "react-hook-form";
-import { useCallback as useCallback12, useEffect as useEffect3, useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Controller as Controller5 } from "react-hook-form";
+import { useCallback as useCallback12, useEffect as useEffect4, useState as useState5 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var DataGridCurrencyCell = ({
   context,
   code
@@ -2211,18 +2534,18 @@ var DataGridCurrencyCell = ({
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
   const currency = currencies[code.toUpperCase()];
-  return /* @__PURE__ */ jsx5(
-    Controller2,
+  return /* @__PURE__ */ jsx8(
+    Controller5,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx5(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx5(Inner2, { field: field2, inputProps: input, currencyInfo: currency }) });
+        return /* @__PURE__ */ jsx8(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx8(Inner5, { field: field2, inputProps: input, currencyInfo: currency }) });
       }
     }
   );
 };
-var Inner2 = ({
+var Inner5 = ({
   field,
   inputProps,
   currencyInfo
@@ -2247,7 +2570,7 @@ var Inner2 = ({
     },
     [currencyInfo]
   );
-  const [localValue, setLocalValue] = useState4(value || "");
+  const [localValue, setLocalValue] = useState5(value || "");
   const handleValueChange = (value2, _name, _values) => {
     if (!value2) {
       setLocalValue("");
@@ -2255,7 +2578,7 @@ var Inner2 = ({
     }
     setLocalValue(value2);
   };
-  useEffect3(() => {
+  useEffect4(() => {
     let update = value;
     if (!isNaN(Number(value))) {
       update = formatter(update);
@@ -2263,8 +2586,8 @@ var Inner2 = ({
     setLocalValue(update);
   }, [value, formatter]);
   const combinedRed = useCombinedRefs(inputRef, ref);
-  return /* @__PURE__ */ jsxs4("div", { className: "relative flex size-full items-center", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs7("div", { className: "relative flex size-full items-center", children: [
+    /* @__PURE__ */ jsx8(
       "span",
       {
         className: "txt-compact-small text-ui-fg-muted pointer-events-none absolute left-0 w-fit min-w-4",
@@ -2272,7 +2595,7 @@ var Inner2 = ({
         children: currencyInfo.symbol_native
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx8(
       CurrencyInput,
       {
         ...rest,
@@ -2298,10 +2621,10 @@ var Inner2 = ({
 };
 
 // src/components/data-grid/components/data-grid-multiline-cell.tsx
-import { clx as clx2 } from "@medusajs/ui";
-import { useCallback as useCallback13, useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
-import { Controller as Controller3 } from "react-hook-form";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { clx as clx3 } from "@medusajs/ui";
+import { useCallback as useCallback13, useEffect as useEffect5, useRef as useRef4, useState as useState6 } from "react";
+import { Controller as Controller6 } from "react-hook-form";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var DataGridMultilineCell = ({
   context
 }) => {
@@ -2310,26 +2633,26 @@ var DataGridMultilineCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx6(
-    Controller3,
+  return /* @__PURE__ */ jsx9(
+    Controller6,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx6(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ jsx6(Inner3, { field: field2, inputProps: input }) });
+        return /* @__PURE__ */ jsx9(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ jsx9(Inner6, { field: field2, inputProps: input }) });
       }
     }
   );
 };
-var Inner3 = ({
+var Inner6 = ({
   field,
   inputProps
 }) => {
   const { onChange: _, onBlur, ref, value, ...rest } = field;
   const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
-  const [localValue, setLocalValue] = useState5(value);
-  const textareaRef = useRef3(null);
-  useEffect4(() => {
+  const [localValue, setLocalValue] = useState6(value);
+  const textareaRef = useRef4(null);
+  useEffect5(() => {
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref, textareaRef);
@@ -2341,18 +2664,18 @@ var Inner3 = ({
       textarea.style.height = `${newHeight}px`;
     }
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     adjustTextareaHeight();
   }, [localValue, adjustTextareaHeight]);
-  useEffect4(() => {
+  useEffect5(() => {
     adjustTextareaHeight();
     const timeoutId = setTimeout(adjustTextareaHeight, 50);
     return () => clearTimeout(timeoutId);
   }, [adjustTextareaHeight]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx9(
     "textarea",
     {
-      className: clx2(
+      className: clx3(
         "txt-compact-small text-ui-fg-subtle flex w-full cursor-pointer bg-transparent outline-none",
         "focus:cursor-text",
         "resize-none overflow-hidden py-2"
@@ -2377,10 +2700,10 @@ var Inner3 = ({
 };
 
 // src/components/data-grid/components/data-grid-number-cell.tsx
-import { clx as clx3 } from "@medusajs/ui";
-import { useEffect as useEffect5, useState as useState6 } from "react";
-import { Controller as Controller4 } from "react-hook-form";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { clx as clx4 } from "@medusajs/ui";
+import { useEffect as useEffect6, useState as useState7 } from "react";
+import { Controller as Controller7 } from "react-hook-form";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var DataGridNumberCell = ({
   context,
   ...rest
@@ -2390,18 +2713,18 @@ var DataGridNumberCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx7(
-    Controller4,
+  return /* @__PURE__ */ jsx10(
+    Controller7,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx7(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx7(Inner4, { field: field2, inputProps: input, ...rest }) });
+        return /* @__PURE__ */ jsx10(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx10(Inner7, { field: field2, inputProps: input, ...rest }) });
       }
     }
   );
 };
-var Inner4 = ({
+var Inner7 = ({
   field,
   inputProps,
   ...props
@@ -2414,12 +2737,12 @@ var Inner4 = ({
     onFocus,
     ...attributes
   } = inputProps;
-  const [localValue, setLocalValue] = useState6(value);
-  useEffect5(() => {
+  const [localValue, setLocalValue] = useState7(value);
+  useEffect6(() => {
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref);
-  return /* @__PURE__ */ jsx7("div", { className: "size-full", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx10("div", { className: "size-full", children: /* @__PURE__ */ jsx10(
     "input",
     {
       ref: combinedRefs,
@@ -2433,7 +2756,7 @@ var Inner4 = ({
       onFocus,
       type: "number",
       inputMode: "decimal",
-      className: clx3(
+      className: clx4(
         "txt-compact-small size-full bg-transparent outline-none",
         "placeholder:text-ui-fg-muted"
       ),
@@ -2446,8 +2769,8 @@ var Inner4 = ({
 };
 
 // src/components/data-grid/components/data-grid-readonly-cell.tsx
-import { clx as clx4 } from "@medusajs/ui";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { clx as clx5 } from "@medusajs/ui";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var DataGridReadonlyCell = ({
   context,
   color = "muted",
@@ -2455,27 +2778,27 @@ var DataGridReadonlyCell = ({
   isMultiLine = false
 }) => {
   const { rowErrors } = useDataGridCellError({ context });
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
-      className: clx4(
+      className: clx5(
         "txt-compact-small text-ui-fg-subtle flex w-full cursor-not-allowed justify-between overflow-hidden px-4 py-2.5 outline-none",
         color === "muted" && "bg-ui-bg-subtle",
         color === "normal" && "bg-ui-bg-base",
         "h-full items-center"
       ),
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx11(
           "div",
           {
-            className: clx4("flex-1", {
+            className: clx5("flex-1", {
               truncate: !isMultiLine,
               "whitespace-pre-wrap break-words": isMultiLine
             }),
             children
           }
         ),
-        /* @__PURE__ */ jsx8(DataGridRowErrorIndicator, { rowErrors })
+        /* @__PURE__ */ jsx11(DataGridRowErrorIndicator, { rowErrors })
       ]
     }
   );
@@ -2487,7 +2810,7 @@ import {
   AdjustmentsDone,
   ExclamationCircle as ExclamationCircle2
 } from "@medusajs/icons";
-import { Button as Button2, DropdownMenu, clx as clx6 } from "@medusajs/ui";
+import { Button as Button2, DropdownMenu, clx as clx7 } from "@medusajs/ui";
 import {
   flexRender,
   getCoreRowModel,
@@ -2498,18 +2821,18 @@ import {
 } from "@tanstack/react-virtual";
 import {
   useCallback as useCallback15,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useMemo as useMemo5,
-  useRef as useRef4,
-  useState as useState9
+  useRef as useRef5,
+  useState as useState10
 } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
 
 // src/hooks/use-command-history.tsx
-import { useCallback as useCallback14, useState as useState7 } from "react";
+import { useCallback as useCallback14, useState as useState8 } from "react";
 var useCommandHistory = (maxHistory = 20) => {
-  const [past, setPast] = useState7([]);
-  const [future, setFuture] = useState7([]);
+  const [past, setPast] = useState8([]);
+  const [future, setFuture] = useState8([]);
   const canUndo = past.length > 0;
   const canRedo = future.length > 0;
   const undo = useCallback14(() => {
@@ -2553,7 +2876,7 @@ var useCommandHistory = (maxHistory = 20) => {
 import { XMark } from "@medusajs/icons";
 import {
   Button,
-  clx as clx5,
+  clx as clx6,
   Heading,
   IconButton,
   Input,
@@ -2561,11 +2884,11 @@ import {
   Text
 } from "@medusajs/ui";
 import { Dialog as RadixDialog } from "radix-ui";
-import { useMemo as useMemo4, useState as useState8 } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useMemo as useMemo4, useState as useState9 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var useDataGridShortcuts = () => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   const shortcuts = useMemo4(
     () => [
       {
@@ -2710,39 +3033,39 @@ var DataGridKeyboardShortcutModal = ({
   open,
   onOpenChange
 }) => {
-  const { t } = useTranslation2();
-  const [searchValue, onSearchValueChange] = useState8("");
+  const { t } = useTranslation3();
+  const [searchValue, onSearchValueChange] = useState9("");
   const shortcuts = useDataGridShortcuts();
   const searchResults = useMemo4(() => {
     return shortcuts.filter(
       (shortcut) => shortcut.label.toLowerCase().includes(searchValue.toLowerCase())
     );
   }, [searchValue, shortcuts]);
-  return /* @__PURE__ */ jsxs6(RadixDialog.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx9(RadixDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx9(Button, { size: "small", variant: "secondary", children: t("dataGrid.shortcuts.label") }) }),
-    /* @__PURE__ */ jsxs6(RadixDialog.Portal, { children: [
-      /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs9(RadixDialog.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx12(RadixDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx12(Button, { size: "small", variant: "secondary", children: t("dataGrid.shortcuts.label") }) }),
+    /* @__PURE__ */ jsxs9(RadixDialog.Portal, { children: [
+      /* @__PURE__ */ jsx12(
         RadixDialog.Overlay,
         {
-          className: clx5(
+          className: clx6(
             "bg-ui-bg-overlay fixed inset-0",
             "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
           )
         }
       ),
-      /* @__PURE__ */ jsxs6(RadixDialog.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg outline-none", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs6("div", { children: [
-              /* @__PURE__ */ jsx9(RadixDialog.Title, { asChild: true, children: /* @__PURE__ */ jsx9(Heading, { children: t("app.menus.user.shortcuts") }) }),
-              /* @__PURE__ */ jsx9(RadixDialog.Description, { className: "sr-only" })
+      /* @__PURE__ */ jsxs9(RadixDialog.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg outline-none", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12(RadixDialog.Title, { asChild: true, children: /* @__PURE__ */ jsx12(Heading, { children: t("app.menus.user.shortcuts") }) }),
+              /* @__PURE__ */ jsx12(RadixDialog.Description, { className: "sr-only" })
             ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx9(Kbd, { children: "esc" }),
-              /* @__PURE__ */ jsx9(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx9(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx9(XMark, {}) }) })
+            /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx12(Kbd, { children: "esc" }),
+              /* @__PURE__ */ jsx12(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx12(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx12(XMark, {}) }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx12("div", { children: /* @__PURE__ */ jsx12(
             Input,
             {
               type: "search",
@@ -2752,15 +3075,15 @@ var DataGridKeyboardShortcutModal = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx9("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
-          return /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx12("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+          return /* @__PURE__ */ jsxs9(
             "div",
             {
               className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
               children: [
-                /* @__PURE__ */ jsx9(Text, { size: "small", children: shortcut.label }),
-                /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
-                  return /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ jsx9(Kbd, { children: key }) }, index2);
+                /* @__PURE__ */ jsx12(Text, { size: "small", children: shortcut.label }),
+                /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
+                  return /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ jsx12(Kbd, { children: key }) }, index2);
                 }) })
               ]
             },
@@ -2773,7 +3096,7 @@ var DataGridKeyboardShortcutModal = ({
 };
 
 // src/components/data-grid/components/data-grid-root.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var ROW_HEIGHT = 40;
 var getCommonPinningStyles = (column) => {
   const isPinned = column.getIsPinned();
@@ -2805,7 +3128,7 @@ var DataGridRoot = ({
   headerContent
 }) => {
   const isLazyMode = totalRowCount !== void 0;
-  const containerRef = useRef4(null);
+  const containerRef = useRef5(null);
   const { redo, undo, execute } = useCommandHistory();
   const {
     register,
@@ -2814,16 +3137,16 @@ var DataGridRoot = ({
     setValue: setValue2,
     formState: { errors }
   } = state;
-  const [internalTrapActive, setTrapActive] = useState9(true);
+  const [internalTrapActive, setTrapActive] = useState10(true);
   const trapActive = !disableInteractions && internalTrapActive;
-  const [anchor, setAnchor] = useState9(null);
-  const [rangeEnd, setRangeEnd] = useState9(null);
-  const [dragEnd, setDragEnd] = useState9(null);
-  const [isSelecting, setIsSelecting] = useState9(false);
-  const [isDragging, setIsDragging] = useState9(false);
-  const [isEditing, setIsEditing] = useState9(false);
-  const [columnVisibility, setColumnVisibility] = useState9({});
-  const [rowVisibility, setRowVisibility] = useState9({});
+  const [anchor, setAnchor] = useState10(null);
+  const [rangeEnd, setRangeEnd] = useState10(null);
+  const [dragEnd, setDragEnd] = useState10(null);
+  const [isSelecting, setIsSelecting] = useState10(false);
+  const [isDragging, setIsDragging] = useState10(false);
+  const [isEditing, setIsEditing] = useState10(false);
+  const [columnVisibility, setColumnVisibility] = useState10({});
+  const [rowVisibility, setRowVisibility] = useState10({});
   const grid = useReactTable({
     data,
     columns,
@@ -2875,13 +3198,13 @@ var DataGridRoot = ({
     }
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
-  const lazyLoadingRefs = useRef4({
+  const lazyLoadingRefs = useRef5({
     onFetchMore,
     hasNextPage,
     isFetchingMore,
     loadedRowCount: visibleRows.length
   });
-  useEffect6(() => {
+  useEffect7(() => {
     lazyLoadingRefs.current = {
       onFetchMore,
       hasNextPage,
@@ -2904,7 +3227,7 @@ var DataGridRoot = ({
       onFetchMore2();
     }
   }, [lazyLoadingRefs, containerRef]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!isLazyMode || !hasData) {
       return;
     }
@@ -3098,7 +3421,7 @@ var DataGridRoot = ({
   const { getCellErrorMetadata, getCellMetadata } = useDataGridCellMetadata({
     matrix
   });
-  useEffect6(() => {
+  useEffect7(() => {
     if (!trapActive) {
       return;
     }
@@ -3119,7 +3442,7 @@ var DataGridRoot = ({
     handleCopyEvent,
     handlePasteEvent
   ]);
-  useEffect6(() => {
+  useEffect7(() => {
     const specialFocusHandler = (e) => {
       if (isSpecialFocusKey(e)) {
         handleSpecialFocusKeys(e);
@@ -3136,7 +3459,7 @@ var DataGridRoot = ({
       setTrapActive(false);
     }
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!anchor) {
       return;
     }
@@ -3145,7 +3468,7 @@ var DataGridRoot = ({
     }
     setRangeEnd(anchor);
   }, [anchor, rangeEnd]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!anchor && matrix) {
       const coords = matrix.getFirstNavigableCell();
       if (coords) {
@@ -3207,8 +3530,8 @@ var DataGridRoot = ({
       });
     }
   }, [anchor, trapActive, setSingleRange, scrollToCoordinates, queryTool]);
-  return /* @__PURE__ */ jsx10(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ jsxs7("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx13(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ jsxs10("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx13(
       DataGridHeader,
       {
         showColumnsDropdown,
@@ -3223,7 +3546,7 @@ var DataGridRoot = ({
         headerContent
       }
     ),
-    /* @__PURE__ */ jsx10("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx13("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx13(
       "div",
       {
         ref: containerRef,
@@ -3234,19 +3557,19 @@ var DataGridRoot = ({
         onClick: handleRestoreGridFocus,
         "data-container": true,
         role: "application",
-        children: /* @__PURE__ */ jsxs7("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
-          /* @__PURE__ */ jsx10(
+        children: /* @__PURE__ */ jsxs10("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
+          /* @__PURE__ */ jsx13(
             "div",
             {
               role: "rowgroup",
               className: "txt-compact-small-plus bg-ui-bg-subtle sticky top-0 z-[1] grid",
-              children: grid.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs7(
+              children: grid.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs10(
                 "div",
                 {
                   role: "row",
                   className: "flex h-10 w-full",
                   children: [
-                    virtualPaddingLeft ? /* @__PURE__ */ jsx10(
+                    virtualPaddingLeft ? /* @__PURE__ */ jsx13(
                       "div",
                       {
                         role: "presentation",
@@ -3258,7 +3581,7 @@ var DataGridRoot = ({
                       const previousVC = array[index - 1];
                       if (previousVC && vc.index !== previousVC.index + 1) {
                         acc.push(
-                          /* @__PURE__ */ jsx10(
+                          /* @__PURE__ */ jsx13(
                             "div",
                             {
                               role: "presentation",
@@ -3272,7 +3595,7 @@ var DataGridRoot = ({
                         );
                       }
                       acc.push(
-                        /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsx13(
                           "div",
                           {
                             role: "columnheader",
@@ -3292,7 +3615,7 @@ var DataGridRoot = ({
                       );
                       return acc;
                     }, []),
-                    virtualPaddingRight ? /* @__PURE__ */ jsx10(
+                    virtualPaddingRight ? /* @__PURE__ */ jsx13(
                       "div",
                       {
                         role: "presentation",
@@ -3308,7 +3631,7 @@ var DataGridRoot = ({
               ))
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx13(
             "div",
             {
               role: "rowgroup",
@@ -3319,7 +3642,7 @@ var DataGridRoot = ({
               children: virtualRows.map((virtualRow) => {
                 const row = visibleRows[virtualRow.index];
                 if (!row) {
-                  return /* @__PURE__ */ jsx10(
+                  return /* @__PURE__ */ jsx13(
                     DataGridRowSkeleton,
                     {
                       virtualRow,
@@ -3331,7 +3654,7 @@ var DataGridRoot = ({
                   );
                 }
                 const rowIndex = flatRows.findIndex((r) => r.id === row.id);
-                return /* @__PURE__ */ jsx10(
+                return /* @__PURE__ */ jsx13(
                   DataGridRow,
                   {
                     row,
@@ -3368,9 +3691,9 @@ var DataGridHeader = ({
   showColumnsDropdown,
   headerContent
 }) => {
-  const [shortcutsOpen, setShortcutsOpen] = useState9(false);
-  const [columnsOpen, setColumnsOpen] = useState9(false);
-  const { t } = useTranslation3();
+  const [shortcutsOpen, setShortcutsOpen] = useState10(false);
+  const [columnsOpen, setColumnsOpen] = useState10(false);
+  const { t } = useTranslation4();
   const direction = useDocumentDirection();
   const hasChanged = columnOptions.some((column) => !column.checked);
   const handleShortcutsOpenChange = (value) => {
@@ -3381,32 +3704,32 @@ var DataGridHeader = ({
     onHeaderInteractionChange(value);
     setColumnsOpen(value);
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
-    showColumnsDropdown && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
+    showColumnsDropdown && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsxs10(
         DropdownMenu,
         {
           dir: direction,
           open: columnsOpen,
           onOpenChange: handleColumnsOpenChange,
           children: [
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx13(
               ConditionalTooltip,
               {
                 showTooltip: isDisabled,
                 content: t("dataGrid.columns.disabled"),
-                children: /* @__PURE__ */ jsx10(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs7(Button2, { size: "small", variant: "secondary", children: [
-                  hasChanged ? /* @__PURE__ */ jsx10(AdjustmentsDone, {}) : /* @__PURE__ */ jsx10(Adjustments, {}),
+                children: /* @__PURE__ */ jsx13(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs10(Button2, { size: "small", variant: "secondary", children: [
+                  hasChanged ? /* @__PURE__ */ jsx13(AdjustmentsDone, {}) : /* @__PURE__ */ jsx13(Adjustments, {}),
                   t("dataGrid.columns.view")
                 ] }) })
               }
             ),
-            /* @__PURE__ */ jsx10(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
+            /* @__PURE__ */ jsx13(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
               const { checked, disabled, id, name } = column;
               if (disabled) {
                 return null;
               }
-              return /* @__PURE__ */ jsx10(
+              return /* @__PURE__ */ jsx13(
                 DropdownMenu.CheckboxItem,
                 {
                   checked,
@@ -3420,7 +3743,7 @@ var DataGridHeader = ({
           ]
         }
       ),
-      hasChanged && /* @__PURE__ */ jsx10(
+      hasChanged && /* @__PURE__ */ jsx13(
         Button2,
         {
           size: "small",
@@ -3434,26 +3757,26 @@ var DataGridHeader = ({
       )
     ] }),
     headerContent,
-    /* @__PURE__ */ jsxs7("div", { className: "ml-auto flex items-center gap-x-2", children: [
-      errorCount > 0 && /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs10("div", { className: "ml-auto flex items-center gap-x-2", children: [
+      errorCount > 0 && /* @__PURE__ */ jsxs10(
         Button2,
         {
           size: "small",
           variant: "secondary",
           type: "button",
           onClick: onToggleErrorHighlighting,
-          className: clx6({
+          className: clx7({
             "bg-ui-button-neutral-pressed": isHighlighted
           }),
           children: [
-            /* @__PURE__ */ jsx10(ExclamationCircle2, { className: "text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx10("span", { children: t("dataGrid.errors.count", {
+            /* @__PURE__ */ jsx13(ExclamationCircle2, { className: "text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx13("span", { children: t("dataGrid.errors.count", {
               count: errorCount
             }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx13(
         DataGridKeyboardShortcutModal,
         {
           open: shortcutsOpen,
@@ -3476,7 +3799,7 @@ var DataGridCell = ({
     col: columnIndex
   };
   const isAnchor = isCellMatch(coords, anchor);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       role: "gridcell",
@@ -3488,21 +3811,21 @@ var DataGridCell = ({
       },
       "data-row-index": rowIndex,
       "data-column-index": columnIndex,
-      className: clx6(
+      className: clx7(
         "relative flex items-stretch border-b border-r p-0 outline-none"
       ),
       tabIndex: -1,
-      children: /* @__PURE__ */ jsxs7("div", { className: "relative w-full", children: [
+      children: /* @__PURE__ */ jsxs10("div", { className: "relative w-full", children: [
         flexRender(cell.column.columnDef.cell, {
           ...cell.getContext(),
           columnIndex,
           rowIndex
         }),
-        isAnchor && /* @__PURE__ */ jsx10(
+        isAnchor && /* @__PURE__ */ jsx13(
           "div",
           {
             onMouseDown: onDragToFillStart,
-            className: clx6(
+            className: clx7(
               "bg-ui-fg-interactive absolute bottom-0 right-0 z-[3] size-1.5 cursor-ns-resize",
               {
                 "cursor-nwse-resize": multiColumnSelection
@@ -3528,7 +3851,7 @@ var DataGridRow = ({
   multiColumnSelection
 }) => {
   const visibleCells = row.getVisibleCells();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       role: "row",
@@ -3540,7 +3863,7 @@ var DataGridRow = ({
       },
       className: "bg-ui-bg-subtle txt-compact-small absolute flex min-h-10 w-full",
       children: [
-        virtualPaddingLeft ? /* @__PURE__ */ jsx10(
+        virtualPaddingLeft ? /* @__PURE__ */ jsx13(
           "div",
           {
             role: "presentation",
@@ -3554,7 +3877,7 @@ var DataGridRow = ({
           const previousVC = array[index - 1];
           if (previousVC && vc.index !== previousVC.index + 1) {
             acc.push(
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx13(
                 "div",
                 {
                   role: "presentation",
@@ -3568,7 +3891,7 @@ var DataGridRow = ({
             );
           }
           acc.push(
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx13(
               DataGridCell,
               {
                 cell,
@@ -3583,7 +3906,7 @@ var DataGridRow = ({
           );
           return acc;
         }, []),
-        virtualPaddingRight ? /* @__PURE__ */ jsx10(
+        virtualPaddingRight ? /* @__PURE__ */ jsx13(
           "div",
           {
             role: "presentation",
@@ -3600,7 +3923,7 @@ var DataGridRowSkeleton = ({
   virtualPaddingRight,
   virtualColumns
 }) => {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       role: "row",
@@ -3610,7 +3933,7 @@ var DataGridRowSkeleton = ({
       },
       className: "bg-ui-bg-subtle txt-compact-small absolute flex h-10 w-full",
       children: [
-        virtualPaddingLeft ? /* @__PURE__ */ jsx10(
+        virtualPaddingLeft ? /* @__PURE__ */ jsx13(
           "div",
           {
             role: "presentation",
@@ -3622,7 +3945,7 @@ var DataGridRowSkeleton = ({
           const elements = [];
           if (previousVC && vc.index !== previousVC.index + 1) {
             elements.push(
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx13(
                 "div",
                 {
                   role: "presentation",
@@ -3636,20 +3959,20 @@ var DataGridRowSkeleton = ({
             );
           }
           elements.push(
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx13(
               "div",
               {
                 role: "gridcell",
                 style: { width: vc.size },
                 className: "relative flex items-center border-b border-r p-0 outline-none",
-                children: /* @__PURE__ */ jsx10("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ jsx10("div", { className: "bg-ui-bg-component h-4 w-3/4 animate-pulse rounded" }) })
+                children: /* @__PURE__ */ jsx13("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ jsx13("div", { className: "bg-ui-bg-component h-4 w-3/4 animate-pulse rounded" }) })
               },
               `skeleton-cell-${vc.index}`
             )
           );
           return elements;
         }),
-        virtualPaddingRight ? /* @__PURE__ */ jsx10(
+        virtualPaddingRight ? /* @__PURE__ */ jsx13(
           "div",
           {
             role: "presentation",
@@ -3662,10 +3985,10 @@ var DataGridRowSkeleton = ({
 };
 
 // src/components/data-grid/components/data-grid-text-cell.tsx
-import { clx as clx7 } from "@medusajs/ui";
-import { useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
-import { Controller as Controller5 } from "react-hook-form";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { clx as clx8 } from "@medusajs/ui";
+import { useEffect as useEffect8, useRef as useRef6, useState as useState11 } from "react";
+import { Controller as Controller8 } from "react-hook-form";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var DataGridTextCell = ({
   context
 }) => {
@@ -3674,33 +3997,33 @@ var DataGridTextCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx11(
-    Controller5,
+  return /* @__PURE__ */ jsx14(
+    Controller8,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx11(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx11(Inner5, { field: field2, inputProps: input }) });
+        return /* @__PURE__ */ jsx14(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx14(Inner8, { field: field2, inputProps: input }) });
       }
     }
   );
 };
-var Inner5 = ({
+var Inner8 = ({
   field,
   inputProps
 }) => {
   const { onChange: _, onBlur, ref, value, ...rest } = field;
   const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
-  const [localValue, setLocalValue] = useState10(value);
-  const inputElRef = useRef5(null);
-  useEffect7(() => {
+  const [localValue, setLocalValue] = useState11(value);
+  const inputElRef = useRef6(null);
+  useEffect8(() => {
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref, inputElRef);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     "input",
     {
-      className: clx7(
+      className: clx8(
         "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer bg-transparent outline-none",
         "focus:cursor-text",
         "items-center justify-center"
@@ -3722,11 +4045,11 @@ var Inner5 = ({
 };
 
 // src/components/data-grid/components/data-grid-textarea-modal-cell.tsx
-import { clx as clx8, Textarea } from "@medusajs/ui";
+import { clx as clx9, Textarea } from "@medusajs/ui";
 import { Popover as RadixPopover } from "radix-ui";
-import { useCallback as useCallback16, useEffect as useEffect8, useRef as useRef6, useState as useState11 } from "react";
-import { Controller as Controller6 } from "react-hook-form";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useCallback as useCallback16, useEffect as useEffect9, useRef as useRef7, useState as useState12 } from "react";
+import { Controller as Controller9 } from "react-hook-form";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var DataGridExpandableTextCell = ({
   context,
   fieldLabel
@@ -3736,14 +4059,14 @@ var DataGridExpandableTextCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx12(
-    Controller6,
+  return /* @__PURE__ */ jsx15(
+    Controller9,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx12(
-          Inner6,
+        return /* @__PURE__ */ jsx15(
+          Inner9,
           {
             field: field2,
             inputProps: input,
@@ -3756,7 +4079,7 @@ var DataGridExpandableTextCell = ({
     }
   );
 };
-var Inner6 = ({
+var Inner9 = ({
   field,
   inputProps,
   fieldLabel: _fieldLabel,
@@ -3767,19 +4090,19 @@ var Inner6 = ({
   const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
   const { setSingleRange, anchor } = useDataGridContext();
   const { row, col } = anchor || { row: 0, col: 0 };
-  const [localValue, setLocalValue] = useState11(value || "");
-  const [isPopoverOpen, setIsPopoverOpen] = useState11(false);
-  const [popoverValue, setPopoverValue] = useState11(value || "");
-  const popoverContentRef = useRef6(null);
-  useEffect8(() => {
+  const [localValue, setLocalValue] = useState12(value || "");
+  const [isPopoverOpen, setIsPopoverOpen] = useState12(false);
+  const [popoverValue, setPopoverValue] = useState12(value || "");
+  const popoverContentRef = useRef7(null);
+  useEffect9(() => {
     setLocalValue(value || "");
   }, [value]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isPopoverOpen) {
       setPopoverValue(value || "");
     }
   }, [isPopoverOpen, value]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isPopoverOpen || !popoverContentRef.current) {
       return;
     }
@@ -3844,7 +4167,7 @@ var Inner6 = ({
   }, []);
   const displayValue = localValue || "";
   const truncatedValue = displayValue.length > 50 ? `${displayValue.substring(0, 50)}...` : displayValue;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs11(
     RadixPopover.Root,
     {
       open: isPopoverOpen,
@@ -3856,18 +4179,18 @@ var Inner6 = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs8(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
-          /* @__PURE__ */ jsx12(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs11(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
+          /* @__PURE__ */ jsx15(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx15(
             "div",
             {
-              className: clx8(
+              className: clx9(
                 "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer items-center justify-center bg-transparent outline-none",
                 "focus:cursor-text"
               ),
-              children: /* @__PURE__ */ jsx12("span", { className: "w-full truncate text-center", children: truncatedValue })
+              children: /* @__PURE__ */ jsx15("span", { className: "w-full truncate text-center", children: truncatedValue })
             }
           ) }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx15(
             "input",
             {
               className: "sr-only",
@@ -3886,10 +4209,10 @@ var Inner6 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx12(RadixPopover.Portal, { children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx15(RadixPopover.Portal, { children: /* @__PURE__ */ jsx15(
           RadixPopover.Content,
           {
-            className: clx8(
+            className: clx9(
               "bg-ui-bg-base shadow-elevation-flyout flex max-h-[80vh] w-[600px] overflow-hidden p-0 outline-none"
             ),
             align: "start",
@@ -3899,7 +4222,7 @@ var Inner6 = ({
             collisionPadding: 24,
             onEscapeKeyDown: handlePopoverSave,
             onKeyDown: handlePopoverKeyDown,
-            children: /* @__PURE__ */ jsx12("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx12(
+            children: /* @__PURE__ */ jsx15("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx15(
               Textarea,
               {
                 value: popoverValue,
@@ -3918,7 +4241,7 @@ var Inner6 = ({
 };
 
 // src/components/data-grid/data-grid.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var _DataGrid = ({
   isLoading,
   // Lazy loading props - passed through to DataGridRoot
@@ -3928,13 +4251,13 @@ var _DataGrid = ({
   hasNextPage,
   ...props
 }) => {
-  return isLoading ? /* @__PURE__ */ jsx13(
+  return isLoading ? /* @__PURE__ */ jsx16(
     DataGridSkeleton,
     {
       columns: props.columns,
       rows: props.data?.length && props.data.length > 0 ? props.data.length : 10
     }
-  ) : /* @__PURE__ */ jsx13(
+  ) : /* @__PURE__ */ jsx16(
     DataGridRoot,
     {
       ...props,
@@ -3990,27 +4313,260 @@ function createDataGridHelper() {
   };
 }
 
+// src/components/data-grid/components/data-grid-toggleable-number-cell.tsx
+import { Switch as Switch2 } from "@medusajs/ui";
+import { useEffect as useEffect10, useRef as useRef8, useState as useState13 } from "react";
+import CurrencyInput2 from "react-currency-input-field";
+import { Controller as Controller10 } from "react-hook-form";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var DataGridTogglableNumberCell = ({
+  context,
+  disabledToggleTooltip,
+  hideInput,
+  ...rest
+}) => {
+  const { field, control, renderProps } = useDataGridCell({
+    context
+  });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx17(
+    Controller10,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => {
+        return /* @__PURE__ */ jsx17(
+          DataGridCellContainer,
+          {
+            ...container,
+            ...errorProps,
+            outerComponent: /* @__PURE__ */ jsx17(
+              OuterComponent2,
+              {
+                field: field2,
+                inputProps: input,
+                isAnchor: container.isAnchor,
+                tooltip: disabledToggleTooltip
+              }
+            ),
+            children: /* @__PURE__ */ jsx17(Inner10, { field: field2, inputProps: input, hideInput, ...rest })
+          }
+        );
+      }
+    }
+  );
+};
+var OuterComponent2 = ({
+  field,
+  inputProps,
+  isAnchor,
+  tooltip
+}) => {
+  const buttonRef = useRef8(null);
+  const { value } = field;
+  const { onChange } = inputProps;
+  const [localValue, setLocalValue] = useState13(value);
+  useEffect10(() => {
+    setLocalValue(value);
+  }, [value]);
+  const handleCheckedChange = (update) => {
+    const newValue = { ...localValue, checked: update };
+    if (update && (newValue.quantity === "" || newValue.quantity === null || newValue.quantity === void 0)) {
+      newValue.quantity = 0;
+    }
+    setLocalValue(newValue);
+    onChange(newValue, value);
+  };
+  useEffect10(() => {
+    const handleKeyDown = (e) => {
+      if (isAnchor && e.key.toLowerCase() === "x") {
+        e.preventDefault();
+        buttonRef.current?.click();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isAnchor]);
+  return /* @__PURE__ */ jsx17(
+    ConditionalTooltip,
+    {
+      showTooltip: localValue.disabledToggle && tooltip,
+      content: tooltip,
+      children: /* @__PURE__ */ jsx17("div", { className: "absolute inset-y-0 left-4 z-[3] flex w-fit items-center justify-center", children: /* @__PURE__ */ jsx17(
+        Switch2,
+        {
+          dir: "ltr",
+          ref: buttonRef,
+          size: "small",
+          className: "shrink-0 rtl:rotate-180",
+          checked: localValue.checked,
+          disabled: localValue.disabledToggle,
+          onCheckedChange: handleCheckedChange
+        }
+      ) })
+    }
+  );
+};
+var Inner10 = ({
+  field,
+  inputProps,
+  placeholder,
+  hideInput,
+  ...props
+}) => {
+  const { ref, value, onChange: _, onBlur, ...fieldProps } = field;
+  const {
+    ref: inputRef,
+    onChange,
+    onBlur: onInputBlur,
+    onFocus,
+    ...attributes
+  } = inputProps;
+  const [localValue, setLocalValue] = useState13(value);
+  useEffect10(() => {
+    setLocalValue(value);
+  }, [value]);
+  const combinedRefs = useCombinedRefs(inputRef, ref);
+  const handleInputChange = (updatedValue, _name, _values) => {
+    const ensuredValue = updatedValue !== void 0 ? updatedValue : "";
+    const newValue = { ...localValue, quantity: ensuredValue };
+    if (ensuredValue !== "") {
+      newValue.checked = true;
+    } else if (newValue.checked && newValue.disabledToggle === false) {
+      newValue.checked = false;
+    }
+    setLocalValue(newValue);
+  };
+  const handleOnChange = () => {
+    if (localValue.disabledToggle && localValue.quantity === "") {
+      localValue.quantity = 0;
+    }
+    onChange(localValue, value);
+  };
+  if (hideInput) {
+    return /* @__PURE__ */ jsxs12("div", { className: "flex size-full items-center gap-x-2 pl-8", children: [
+      /* @__PURE__ */ jsx17(
+        "input",
+        {
+          ref: combinedRefs,
+          className: "sr-only",
+          onFocus,
+          onBlur: () => {
+            onBlur();
+            onInputBlur();
+          },
+          tabIndex: -1,
+          readOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx17("span", { className: "txt-compact-small text-ui-fg-subtle", children: localValue?.checked ? "Enabled" : "Not enabled" })
+    ] });
+  }
+  if (!localValue?.checked) {
+    return /* @__PURE__ */ jsxs12("div", { className: "flex size-full items-center gap-x-2 pl-8", children: [
+      /* @__PURE__ */ jsx17(
+        "input",
+        {
+          ref: combinedRefs,
+          className: "sr-only",
+          onFocus,
+          onBlur: () => {
+            onBlur();
+            onInputBlur();
+          },
+          tabIndex: -1,
+          readOnly: true
+        }
+      ),
+      /* @__PURE__ */ jsx17("span", { className: "txt-compact-small text-ui-fg-subtle", children: "Not enabled" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx17("div", { className: "flex size-full items-center gap-x-2", children: /* @__PURE__ */ jsx17(
+    CurrencyInput2,
+    {
+      ...fieldProps,
+      ...attributes,
+      ...props,
+      ref: combinedRefs,
+      className: "txt-compact-small w-full flex-1 cursor-default appearance-none bg-transparent pl-8 text-right outline-none",
+      value: localValue?.quantity,
+      onValueChange: handleInputChange,
+      formatValueOnBlur: true,
+      onBlur: () => {
+        onBlur();
+        onInputBlur();
+        handleOnChange();
+      },
+      onFocus,
+      decimalsLimit: 0,
+      autoComplete: "off",
+      tabIndex: -1
+    }
+  ) });
+};
+
+// src/components/data-grid/helpers/create-data-grid-location-stock-columns.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var createDataGridLocationStockColumns = ({
+  stockLocations,
+  isReadyOnly,
+  getFieldName,
+  t
+}) => {
+  const columnHelper = createDataGridHelper();
+  return [
+    ...stockLocations.map((stockLocation, index) => {
+      return columnHelper.column({
+        id: `stock_locations.${stockLocation.id}`,
+        name: stockLocation.name,
+        field: (context) => {
+          const isReadyOnlyValue = isReadyOnly?.(context);
+          if (isReadyOnlyValue) {
+            return null;
+          }
+          return getFieldName(context, index);
+        },
+        type: "togglable-number",
+        header: () => /* @__PURE__ */ jsx18("div", { className: "flex w-full items-center justify-between gap-3", children: /* @__PURE__ */ jsx18("span", { className: "truncate", title: stockLocation.name, children: stockLocation.name }) }),
+        cell: (context) => {
+          if (isReadyOnly?.(context)) {
+            return /* @__PURE__ */ jsx18(DataGridReadonlyCell, { context });
+          }
+          return /* @__PURE__ */ jsx18(
+            DataGridTogglableNumberCell,
+            {
+              context,
+              disabledToggleTooltip: t("inventory.stock.disabledToggleTooltip")
+            }
+          );
+        }
+      });
+    }) ?? []
+  ];
+};
+
 // src/components/common/tax-badge/tax-badge.tsx
 import { TaxExclusive, TaxInclusive } from "@medusajs/icons";
 import { Tooltip as Tooltip3 } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var IncludesTaxTooltip = ({
   includesTax
 }) => {
-  const { t } = useTranslation4();
-  return /* @__PURE__ */ jsx14(
+  const { t } = useTranslation5();
+  return /* @__PURE__ */ jsx19(
     Tooltip3,
     {
       maxWidth: 999,
       content: includesTax ? t("general.includesTaxTooltip") : t("general.excludesTaxTooltip"),
-      children: includesTax ? /* @__PURE__ */ jsx14(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx14(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
+      children: includesTax ? /* @__PURE__ */ jsx19(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx19(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
     }
   );
 };
 
 // src/components/data-grid/helpers/create-data-grid-price-columns.tsx
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var createDataGridPriceColumns = ({
   currencies: currencies2,
   regions,
@@ -4041,15 +4597,15 @@ var createDataGridPriceColumns = ({
           return getFieldName(context, currency);
         },
         type: "number",
-        header: () => /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx15("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
-          /* @__PURE__ */ jsx15(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        header: () => /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx20("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
+          /* @__PURE__ */ jsx20(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
         ] }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx15(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx20(DataGridReadonlyCell, { context });
           }
-          return /* @__PURE__ */ jsx15(DataGridCurrencyCell, { code: currency, context });
+          return /* @__PURE__ */ jsx20(DataGridCurrencyCell, { code: currency, context });
         }
       });
     }) ?? [],
@@ -4073,19 +4629,19 @@ var createDataGridPriceColumns = ({
           return getFieldName(context, region.id);
         },
         type: "number",
-        header: () => /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx15("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
-          /* @__PURE__ */ jsx15(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        header: () => /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx20("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
+          /* @__PURE__ */ jsx20(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
         ] }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx15(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx20(DataGridReadonlyCell, { context });
           }
           const currency = currencies2?.find((c) => c === region.currency_code);
           if (!currency) {
             return null;
           }
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx20(
             DataGridCurrencyCell,
             {
               code: region.currency_code,
@@ -4104,10 +4660,16 @@ export {
   useDataGridCellError,
   useDataGridDuplicateCell,
   DataGridCellContainer,
+  DataGridBooleanWithTextCell,
+  DataGridMediaCell,
+  DataGridStatusCell,
   DataGridReadonlyCell,
   DataGridSkeleton,
+  DataGridTextCell,
   DataGrid,
   createDataGridHelper,
+  DataGridTogglableNumberCell,
+  createDataGridLocationStockColumns,
   IncludesTaxTooltip,
   createDataGridPriceColumns
 };