@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/{chunk-Y2QI7KWS.js → chunk-4LVP635F.js}

@@ -2,73 +2,18 @@ import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
 import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
+  Skeleton
+} from "./chunk-INNFZYX2.js";
 import {
   ConditionalTooltip
 } from "./chunk-LAVHRER2.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
-import {
-  Skeleton
-} from "./chunk-INNFZYX2.js";
 import {
   __publicField
 } from "./chunk-NBMM2TZK.js";
 
-// src/components/data-grid/components/data-grid-skeleton.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DataGridSkeleton = ({
-  columns,
-  rows: rowCount = 10
-}) => {
-  const rows = Array.from({ length: rowCount }, (_, i) => i);
-  const colCount = columns.length;
-  return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle size-full", children: [
-    /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base border-b p-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-button-neutral h-7 w-[116px] animate-pulse rounded-md" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle size-full overflow-auto", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "grid",
-          style: {
-            gridTemplateColumns: `repeat(${colCount}, 1fr)`
-          },
-          children: columns.map((_col, i) => {
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
-                children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[14px] w-[164px]" })
-              },
-              i
-            );
-          })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { children: rows.map((_, j) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "grid",
-          style: { gridTemplateColumns: `repeat(${colCount}, 1fr)` },
-          children: columns.map((_col, k) => {
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
-                children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[14px] w-[164px]" })
-              },
-              k
-            );
-          })
-        },
-        j
-      )) })
-    ] })
-  ] });
-};
-
 // src/components/data-grid/components/data-grid-boolean-cell.tsx
 import { Checkbox } from "@medusajs/ui";
 import { Controller } from "react-hook-form";
@@ -274,7 +219,7 @@ var useDataGridCell = ({
     return anchor ? isCellMatch(coords, anchor) : false;
   }, [anchor, coords]);
   const fieldWithoutOverlay = useMemo(() => {
-    return type === "boolean";
+    return type === "boolean" || type === "select";
   }, [type]);
   useEffect(() => {
     if (isAnchor && !containerRef.current?.contains(document.activeElement)) {
@@ -1082,15 +1027,6 @@ function getColumnName(column) {
 
 // src/components/data-grid/hooks/use-data-grid-duplicate-cell.tsx
 import { useWatch } from "react-hook-form";
-var useDataGridDuplicateCell = ({
-  duplicateOf
-}) => {
-  const { control } = useDataGridContext();
-  const watchedValue = useWatch({ control, name: duplicateOf });
-  return {
-    watchedValue
-  };
-};
 
 // src/components/data-grid/hooks/use-data-grid-error-highlighting.tsx
 import { useCallback as useCallback7, useMemo as useMemo3, useState as useState3 } from "react";
@@ -1331,6 +1267,7 @@ function convertArrayToPrimitive(values, type) {
       return values.map(convertToBoolean);
     case "text":
     case "multiline-text":
+    case "select":
       return values.map(covertToString);
     default:
       throw new Error(`Unsupported target type "${type}".`);
@@ -2024,7 +1961,7 @@ import { get as get2 } from "react-hook-form";
 // src/components/data-grid/components/data-grid-row-error-indicator.tsx
 import { Badge, Tooltip } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var DataGridRowErrorIndicator = ({
   rowErrors
 }) => {
@@ -2032,12 +1969,12 @@ var DataGridRowErrorIndicator = ({
   if (!rowErrors || rowErrorCount <= 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
-      content: /* @__PURE__ */ jsx2("ul", { className: "flex flex-col gap-y-3", children: rowErrors.map((error, index) => /* @__PURE__ */ jsx2(DataGridRowErrorLine, { error }, index)) }),
+      content: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-y-3", children: rowErrors.map((error, index) => /* @__PURE__ */ jsx(DataGridRowErrorLine, { error }, index)) }),
       delayDuration: 0,
-      children: /* @__PURE__ */ jsx2(Badge, { color: "red", size: "2xsmall", className: "cursor-default", children: rowErrorCount })
+      children: /* @__PURE__ */ jsx(Badge, { color: "red", size: "2xsmall", className: "cursor-default", children: rowErrorCount })
     }
   );
 };
@@ -2045,9 +1982,9 @@ var DataGridRowErrorLine = ({
   error
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs2("li", { className: "txt-compact-small flex flex-col items-start", children: [
+  return /* @__PURE__ */ jsxs("li", { className: "txt-compact-small flex flex-col items-start", children: [
     error.message,
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -2060,7 +1997,7 @@ var DataGridRowErrorLine = ({
 };
 
 // src/components/data-grid/components/data-grid-cell-container.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var DataGridCellContainer = ({
   isAnchor,
   isSelected,
@@ -2078,8 +2015,8 @@ var DataGridCellContainer = ({
 }) => {
   const error = get2(errors, field);
   const hasError = !!error;
-  return /* @__PURE__ */ jsxs3("div", { className: clx("group/container relative h-full w-full"), children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2("div", { className: clx("group/container relative h-full w-full"), children: [
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         className: clx(
@@ -2096,28 +2033,28 @@ var DataGridCellContainer = ({
         tabIndex: -1,
         ...innerProps,
         children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx2(
             ErrorMessage,
             {
               name: field,
               errors,
               render: ({ message }) => {
-                return /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx3(Tooltip2, { content: message, delayDuration: 0, children: /* @__PURE__ */ jsx3(ExclamationCircle, { className: "text-ui-tag-red-icon z-[3]" }) }) });
+                return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx2(Tooltip2, { content: message, delayDuration: 0, children: /* @__PURE__ */ jsx2(ExclamationCircle, { className: "text-ui-tag-red-icon z-[3]" }) }) });
               }
             }
           ),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx2(
             "div",
             {
               className: clx("relative z-[1] flex h-full w-full", {
                 "items-center justify-center": !isMultiLine,
                 "items-start": isMultiLine
               }),
-              children: /* @__PURE__ */ jsx3(RenderChildren, { isAnchor, placeholder, children })
+              children: /* @__PURE__ */ jsx2(RenderChildren, { isAnchor, placeholder, children })
             }
           ),
-          /* @__PURE__ */ jsx3(DataGridRowErrorIndicator, { rowErrors }),
-          showOverlay && /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx2(DataGridRowErrorIndicator, { rowErrors }),
+          showOverlay && /* @__PURE__ */ jsx2(
             "div",
             {
               ...overlayProps,
@@ -2143,7 +2080,7 @@ var RenderChildren = ({
 };
 
 // src/components/data-grid/components/data-grid-boolean-cell.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var DataGridBooleanCell = ({
   context,
   disabled
@@ -2153,13 +2090,13 @@ var DataGridBooleanCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Controller,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx4(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx4(Inner, { field: field2, inputProps: input, disabled }) });
+        return /* @__PURE__ */ jsx3(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx3(Inner, { field: field2, inputProps: input, disabled }) });
       }
     }
   );
@@ -2178,7 +2115,7 @@ var Inner = ({
     ...attributes
   } = inputProps;
   const combinedRefs = useCombinedRefs(ref, inputRef);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Checkbox,
     {
       disabled: disabled || fieldDisabled,
@@ -2200,322 +2137,19 @@ 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 })
-  ] });
-};
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // 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;
-      }
-    });
-  };
-}
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 
 // 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)) })
-      ]
-    }
-  );
-};
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/components/data-grid/components/data-grid-currency-cell.tsx
 import CurrencyInput, {
@@ -2523,7 +2157,7 @@ import CurrencyInput, {
 } from "react-currency-input-field";
 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";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var DataGridCurrencyCell = ({
   context,
   code
@@ -2534,18 +2168,18 @@ var DataGridCurrencyCell = ({
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
   const currency = currencies[code.toUpperCase()];
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     Controller5,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx8(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx8(Inner5, { field: field2, inputProps: input, currencyInfo: currency }) });
+        return /* @__PURE__ */ jsx7(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx7(Inner2, { field: field2, inputProps: input, currencyInfo: currency }) });
       }
     }
   );
 };
-var Inner5 = ({
+var Inner2 = ({
   field,
   inputProps,
   currencyInfo
@@ -2586,8 +2220,8 @@ var Inner5 = ({
     setLocalValue(update);
   }, [value, formatter]);
   const combinedRed = useCombinedRefs(inputRef, ref);
-  return /* @__PURE__ */ jsxs7("div", { className: "relative flex size-full items-center", children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs6("div", { className: "relative flex size-full items-center", children: [
+    /* @__PURE__ */ jsx7(
       "span",
       {
         className: "txt-compact-small text-ui-fg-muted pointer-events-none absolute left-0 w-fit min-w-4",
@@ -2595,7 +2229,7 @@ var Inner5 = ({
         children: currencyInfo.symbol_native
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       CurrencyInput,
       {
         ...rest,
@@ -2624,7 +2258,7 @@ var Inner5 = ({
 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";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var DataGridMultilineCell = ({
   context
 }) => {
@@ -2633,18 +2267,18 @@ var DataGridMultilineCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     Controller6,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx9(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ jsx9(Inner6, { field: field2, inputProps: input }) });
+        return /* @__PURE__ */ jsx8(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ jsx8(Inner3, { field: field2, inputProps: input }) });
       }
     }
   );
 };
-var Inner6 = ({
+var Inner3 = ({
   field,
   inputProps
 }) => {
@@ -2672,7 +2306,7 @@ var Inner6 = ({
     const timeoutId = setTimeout(adjustTextareaHeight, 50);
     return () => clearTimeout(timeoutId);
   }, [adjustTextareaHeight]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "textarea",
     {
       className: clx3(
@@ -2703,7 +2337,7 @@ var Inner6 = ({
 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";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var DataGridNumberCell = ({
   context,
   ...rest
@@ -2713,18 +2347,18 @@ var DataGridNumberCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     Controller7,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx10(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx10(Inner7, { field: field2, inputProps: input, ...rest }) });
+        return /* @__PURE__ */ jsx9(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx9(Inner4, { field: field2, inputProps: input, ...rest }) });
       }
     }
   );
 };
-var Inner7 = ({
+var Inner4 = ({
   field,
   inputProps,
   ...props
@@ -2742,7 +2376,7 @@ var Inner7 = ({
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref);
-  return /* @__PURE__ */ jsx10("div", { className: "size-full", children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9("div", { className: "size-full", children: /* @__PURE__ */ jsx9(
     "input",
     {
       ref: combinedRefs,
@@ -2770,7 +2404,7 @@ var Inner7 = ({
 
 // src/components/data-grid/components/data-grid-readonly-cell.tsx
 import { clx as clx5 } from "@medusajs/ui";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DataGridReadonlyCell = ({
   context,
   color = "muted",
@@ -2778,7 +2412,7 @@ var DataGridReadonlyCell = ({
   isMultiLine = false
 }) => {
   const { rowErrors } = useDataGridCellError({ context });
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: clx5(
@@ -2788,7 +2422,7 @@ var DataGridReadonlyCell = ({
         "h-full items-center"
       ),
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             className: clx5("flex-1", {
@@ -2798,7 +2432,7 @@ var DataGridReadonlyCell = ({
             children
           }
         ),
-        /* @__PURE__ */ jsx11(DataGridRowErrorIndicator, { rowErrors })
+        /* @__PURE__ */ jsx10(DataGridRowErrorIndicator, { rowErrors })
       ]
     }
   );
@@ -2886,7 +2520,7 @@ import {
 import { Dialog as RadixDialog } from "radix-ui";
 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";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var useDataGridShortcuts = () => {
   const { t } = useTranslation3();
   const shortcuts = useMemo4(
@@ -3041,10 +2675,10 @@ var DataGridKeyboardShortcutModal = ({
       (shortcut) => shortcut.label.toLowerCase().includes(searchValue.toLowerCase())
     );
   }, [searchValue, shortcuts]);
-  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(
+  return /* @__PURE__ */ jsxs8(RadixDialog.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx11(RadixDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx11(Button, { size: "small", variant: "secondary", children: t("dataGrid.shortcuts.label") }) }),
+    /* @__PURE__ */ jsxs8(RadixDialog.Portal, { children: [
+      /* @__PURE__ */ jsx11(
         RadixDialog.Overlay,
         {
           className: clx6(
@@ -3053,19 +2687,19 @@ var DataGridKeyboardShortcutModal = ({
           )
         }
       ),
-      /* @__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__ */ jsxs8(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__ */ jsxs8("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx11(RadixDialog.Title, { asChild: true, children: /* @__PURE__ */ jsx11(Heading, { children: t("app.menus.user.shortcuts") }) }),
+              /* @__PURE__ */ jsx11(RadixDialog.Description, { className: "sr-only" })
             ] }),
-            /* @__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__ */ jsxs8("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx11(Kbd, { children: "esc" }),
+              /* @__PURE__ */ jsx11(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx11(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx11(XMark, {}) }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx12("div", { children: /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(
             Input,
             {
               type: "search",
@@ -3074,15 +2708,15 @@ var DataGridKeyboardShortcutModal = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx12("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
-          return /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsx11("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+          return /* @__PURE__ */ jsxs8(
             "div",
             {
               className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
               children: [
-                /* @__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);
+                /* @__PURE__ */ jsx11(Text, { size: "small", children: shortcut.label }),
+                /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
+                  return /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ jsx11(Kbd, { children: key }) }, index2);
                 }) })
               ]
             },
@@ -3095,7 +2729,7 @@ var DataGridKeyboardShortcutModal = ({
 };
 
 // src/components/data-grid/components/data-grid-root.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var ROW_HEIGHT = 40;
 var getCommonPinningStyles = (column) => {
   const isPinned = column.getIsPinned();
@@ -3532,8 +3166,8 @@ var DataGridRoot = ({
       });
     }
   }, [anchor, trapActive, setSingleRange, scrollToCoordinates, queryTool]);
-  return /* @__PURE__ */ jsx13(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ jsxs10("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ jsxs9("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx12(
       DataGridHeader,
       {
         showColumnsDropdown,
@@ -3548,7 +3182,7 @@ var DataGridRoot = ({
         headerContent
       }
     ),
-    /* @__PURE__ */ jsx13("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx12(
       "div",
       {
         ref: containerRef,
@@ -3558,19 +3192,19 @@ var DataGridRoot = ({
         onClick: handleRestoreGridFocus,
         "data-container": true,
         role: "application",
-        children: /* @__PURE__ */ jsxs10("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
-          /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsxs9("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
+          /* @__PURE__ */ jsx12(
             "div",
             {
               role: "rowgroup",
               className: "txt-compact-small-plus bg-ui-bg-subtle sticky top-0 z-[1] grid",
-              children: grid.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs10(
+              children: grid.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs9(
                 "div",
                 {
                   role: "row",
                   className: "flex h-10 w-full",
                   children: [
-                    virtualPaddingLeft ? /* @__PURE__ */ jsx13(
+                    virtualPaddingLeft ? /* @__PURE__ */ jsx12(
                       "div",
                       {
                         role: "presentation",
@@ -3582,7 +3216,7 @@ var DataGridRoot = ({
                       const previousVC = array[index - 1];
                       if (previousVC && vc.index !== previousVC.index + 1) {
                         acc.push(
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx12(
                             "div",
                             {
                               role: "presentation",
@@ -3596,7 +3230,7 @@ var DataGridRoot = ({
                         );
                       }
                       acc.push(
-                        /* @__PURE__ */ jsx13(
+                        /* @__PURE__ */ jsx12(
                           "div",
                           {
                             role: "columnheader",
@@ -3616,7 +3250,7 @@ var DataGridRoot = ({
                       );
                       return acc;
                     }, []),
-                    virtualPaddingRight ? /* @__PURE__ */ jsx13(
+                    virtualPaddingRight ? /* @__PURE__ */ jsx12(
                       "div",
                       {
                         role: "presentation",
@@ -3632,7 +3266,7 @@ var DataGridRoot = ({
               ))
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx12(
             "div",
             {
               role: "rowgroup",
@@ -3643,7 +3277,7 @@ var DataGridRoot = ({
               children: virtualRows.map((virtualRow) => {
                 const row = visibleRows[virtualRow.index];
                 if (!row) {
-                  return /* @__PURE__ */ jsx13(
+                  return /* @__PURE__ */ jsx12(
                     DataGridRowSkeleton,
                     {
                       virtualRow,
@@ -3655,7 +3289,7 @@ var DataGridRoot = ({
                   );
                 }
                 const rowIndex = flatRows.findIndex((r) => r.id === row.id);
-                return /* @__PURE__ */ jsx13(
+                return /* @__PURE__ */ jsx12(
                   DataGridRow,
                   {
                     row,
@@ -3705,32 +3339,32 @@ var DataGridHeader = ({
     onHeaderInteractionChange(value);
     setColumnsOpen(value);
   };
-  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(
+  return /* @__PURE__ */ jsxs9("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
+    showColumnsDropdown && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsxs9(
         DropdownMenu,
         {
           dir: direction,
           open: columnsOpen,
           onOpenChange: handleColumnsOpenChange,
           children: [
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx12(
               ConditionalTooltip,
               {
                 showTooltip: isDisabled,
                 content: t("dataGrid.columns.disabled"),
-                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, {}),
+                children: /* @__PURE__ */ jsx12(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs9(Button2, { size: "small", variant: "secondary", children: [
+                  hasChanged ? /* @__PURE__ */ jsx12(AdjustmentsDone, {}) : /* @__PURE__ */ jsx12(Adjustments, {}),
                   t("dataGrid.columns.view")
                 ] }) })
               }
             ),
-            /* @__PURE__ */ jsx13(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
+            /* @__PURE__ */ jsx12(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
               const { checked, disabled, id, name } = column;
               if (disabled) {
                 return null;
               }
-              return /* @__PURE__ */ jsx13(
+              return /* @__PURE__ */ jsx12(
                 DropdownMenu.CheckboxItem,
                 {
                   checked,
@@ -3744,7 +3378,7 @@ var DataGridHeader = ({
           ]
         }
       ),
-      hasChanged && /* @__PURE__ */ jsx13(
+      hasChanged && /* @__PURE__ */ jsx12(
         Button2,
         {
           size: "small",
@@ -3758,8 +3392,8 @@ var DataGridHeader = ({
       )
     ] }),
     headerContent,
-    /* @__PURE__ */ jsxs10("div", { className: "ml-auto flex items-center gap-x-2", children: [
-      errorCount > 0 && /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs9("div", { className: "ml-auto flex items-center gap-x-2", children: [
+      errorCount > 0 && /* @__PURE__ */ jsxs9(
         Button2,
         {
           size: "small",
@@ -3770,14 +3404,14 @@ var DataGridHeader = ({
             "bg-ui-button-neutral-pressed": isHighlighted
           }),
           children: [
-            /* @__PURE__ */ jsx13(ExclamationCircle2, { className: "text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx13("span", { children: t("dataGrid.errors.count", {
+            /* @__PURE__ */ jsx12(ExclamationCircle2, { className: "text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx12("span", { children: t("dataGrid.errors.count", {
               count: errorCount
             }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx12(
         DataGridKeyboardShortcutModal,
         {
           open: shortcutsOpen,
@@ -3800,7 +3434,7 @@ var DataGridCell = ({
     col: columnIndex
   };
   const isAnchor = isCellMatch(coords, anchor);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       role: "gridcell",
@@ -3816,13 +3450,13 @@ var DataGridCell = ({
         "relative flex items-stretch border-b border-r p-0 outline-none"
       ),
       tabIndex: -1,
-      children: /* @__PURE__ */ jsxs10("div", { className: "relative w-full", children: [
+      children: /* @__PURE__ */ jsxs9("div", { className: "relative w-full", children: [
         flexRender(cell.column.columnDef.cell, {
           ...cell.getContext(),
           columnIndex,
           rowIndex
         }),
-        isAnchor && /* @__PURE__ */ jsx13(
+        isAnchor && /* @__PURE__ */ jsx12(
           "div",
           {
             onMouseDown: onDragToFillStart,
@@ -3852,7 +3486,7 @@ var DataGridRow = ({
   multiColumnSelection
 }) => {
   const visibleCells = row.getVisibleCells();
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       role: "row",
@@ -3864,7 +3498,7 @@ var DataGridRow = ({
       },
       className: "bg-ui-bg-subtle txt-compact-small absolute flex min-h-10 w-full",
       children: [
-        virtualPaddingLeft ? /* @__PURE__ */ jsx13(
+        virtualPaddingLeft ? /* @__PURE__ */ jsx12(
           "div",
           {
             role: "presentation",
@@ -3878,7 +3512,7 @@ var DataGridRow = ({
           const previousVC = array[index - 1];
           if (previousVC && vc.index !== previousVC.index + 1) {
             acc.push(
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx12(
                 "div",
                 {
                   role: "presentation",
@@ -3892,7 +3526,7 @@ var DataGridRow = ({
             );
           }
           acc.push(
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx12(
               DataGridCell,
               {
                 cell,
@@ -3907,7 +3541,7 @@ var DataGridRow = ({
           );
           return acc;
         }, []),
-        virtualPaddingRight ? /* @__PURE__ */ jsx13(
+        virtualPaddingRight ? /* @__PURE__ */ jsx12(
           "div",
           {
             role: "presentation",
@@ -3924,7 +3558,7 @@ var DataGridRowSkeleton = ({
   virtualPaddingRight,
   virtualColumns
 }) => {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       role: "row",
@@ -3934,7 +3568,7 @@ var DataGridRowSkeleton = ({
       },
       className: "bg-ui-bg-subtle txt-compact-small absolute flex h-10 w-full",
       children: [
-        virtualPaddingLeft ? /* @__PURE__ */ jsx13(
+        virtualPaddingLeft ? /* @__PURE__ */ jsx12(
           "div",
           {
             role: "presentation",
@@ -3946,7 +3580,7 @@ var DataGridRowSkeleton = ({
           const elements = [];
           if (previousVC && vc.index !== previousVC.index + 1) {
             elements.push(
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx12(
                 "div",
                 {
                   role: "presentation",
@@ -3960,20 +3594,20 @@ var DataGridRowSkeleton = ({
             );
           }
           elements.push(
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx12(
               "div",
               {
                 role: "gridcell",
                 style: { width: vc.size },
                 className: "relative flex items-center border-b border-r p-0 outline-none",
-                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" }) })
+                children: /* @__PURE__ */ jsx12("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ jsx12("div", { className: "bg-ui-bg-component h-4 w-3/4 animate-pulse rounded" }) })
               },
               `skeleton-cell-${vc.index}`
             )
           );
           return elements;
         }),
-        virtualPaddingRight ? /* @__PURE__ */ jsx13(
+        virtualPaddingRight ? /* @__PURE__ */ jsx12(
           "div",
           {
             role: "presentation",
@@ -3985,11 +3619,143 @@ var DataGridRowSkeleton = ({
   );
 };
 
+// src/components/data-grid/components/data-grid-select-cell.tsx
+import { Select as Select2, clx as clx8 } from "@medusajs/ui";
+import { Controller as Controller8 } from "react-hook-form";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var DataGridSelectCell = ({
+  context,
+  options,
+  placeholder
+}) => {
+  const { field, control, renderProps } = useDataGridCell({ context });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx13(
+    Controller8,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => /* @__PURE__ */ jsx13(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx13(
+        Inner5,
+        {
+          field: field2,
+          inputProps: input,
+          options,
+          placeholder
+        }
+      ) })
+    }
+  );
+};
+var Inner5 = ({
+  field,
+  inputProps,
+  options,
+  placeholder
+}) => {
+  const { ref, value, onChange, onBlur, ...fieldProps } = field;
+  const {
+    ref: inputRef,
+    onChange: _onInputChange,
+    onBlur: onInputBlur,
+    onFocus,
+    ...attributes
+  } = inputProps;
+  const combinedRefs = useCombinedRefs(inputRef, ref);
+  const selectedOption = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsxs10(
+    Select2,
+    {
+      value: value ?? "",
+      onValueChange: (next) => {
+        onChange(next);
+        onBlur();
+        onInputBlur();
+      },
+      ...fieldProps,
+      children: [
+        /* @__PURE__ */ jsx13(
+          Select2.Trigger,
+          {
+            ref: combinedRefs,
+            onFocus,
+            onBlur: () => {
+              onBlur();
+              onInputBlur();
+            },
+            className: clx8(
+              "size-full rounded-none border-0 bg-transparent px-0 text-left shadow-none",
+              "focus:shadow-none data-[state=open]:!shadow-none hover:bg-transparent"
+            ),
+            tabIndex: -1,
+            ...attributes,
+            children: /* @__PURE__ */ jsx13(Select2.Value, { placeholder, children: selectedOption?.label ?? placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsx13(Select2.Content, { children: options.map((option) => /* @__PURE__ */ jsx13(Select2.Item, { value: option.value, children: option.label }, option.value)) })
+      ]
+    }
+  );
+};
+
+// src/components/data-grid/components/data-grid-skeleton.tsx
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var DataGridSkeleton = ({
+  columns,
+  rows: rowCount = 10
+}) => {
+  const rows = Array.from({ length: rowCount }, (_, i) => i);
+  const colCount = columns.length;
+  return /* @__PURE__ */ jsxs11("div", { className: "bg-ui-bg-subtle size-full", children: [
+    /* @__PURE__ */ jsx14("div", { className: "bg-ui-bg-base border-b p-4", children: /* @__PURE__ */ jsx14("div", { className: "bg-ui-button-neutral h-7 w-[116px] animate-pulse rounded-md" }) }),
+    /* @__PURE__ */ jsxs11("div", { className: "bg-ui-bg-subtle size-full overflow-auto", children: [
+      /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: "grid",
+          style: {
+            gridTemplateColumns: `repeat(${colCount}, 1fr)`
+          },
+          children: columns.map((_col, i) => {
+            return /* @__PURE__ */ jsx14(
+              "div",
+              {
+                className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
+                children: /* @__PURE__ */ jsx14(Skeleton, { className: "h-[14px] w-[164px]" })
+              },
+              i
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx14("div", { children: rows.map((_, j) => /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: "grid",
+          style: { gridTemplateColumns: `repeat(${colCount}, 1fr)` },
+          children: columns.map((_col, k) => {
+            return /* @__PURE__ */ jsx14(
+              "div",
+              {
+                className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
+                children: /* @__PURE__ */ jsx14(Skeleton, { className: "h-[14px] w-[164px]" })
+              },
+              k
+            );
+          })
+        },
+        j
+      )) })
+    ] })
+  ] });
+};
+
 // src/components/data-grid/components/data-grid-text-cell.tsx
-import { clx as clx8 } from "@medusajs/ui";
+import { clx as clx9 } 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";
+import { Controller as Controller9 } from "react-hook-form";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var DataGridTextCell = ({
   context
 }) => {
@@ -3998,18 +3764,18 @@ var DataGridTextCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx14(
-    Controller8,
+  return /* @__PURE__ */ jsx15(
+    Controller9,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx14(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx14(Inner8, { field: field2, inputProps: input }) });
+        return /* @__PURE__ */ jsx15(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx15(Inner6, { field: field2, inputProps: input }) });
       }
     }
   );
 };
-var Inner8 = ({
+var Inner6 = ({
   field,
   inputProps
 }) => {
@@ -4021,10 +3787,10 @@ var Inner8 = ({
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref, inputElRef);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "input",
     {
-      className: clx8(
+      className: clx9(
         "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer bg-transparent outline-none",
         "focus:cursor-text",
         "items-center justify-center"
@@ -4046,11 +3812,11 @@ var Inner8 = ({
 };
 
 // src/components/data-grid/components/data-grid-textarea-modal-cell.tsx
-import { clx as clx9, Textarea } from "@medusajs/ui";
+import { clx as clx10, Textarea } from "@medusajs/ui";
 import { Popover as RadixPopover } from "radix-ui";
 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";
+import { Controller as Controller10 } from "react-hook-form";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var DataGridExpandableTextCell = ({
   context,
   fieldLabel
@@ -4060,14 +3826,14 @@ var DataGridExpandableTextCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx15(
-    Controller9,
+  return /* @__PURE__ */ jsx16(
+    Controller10,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx15(
-          Inner9,
+        return /* @__PURE__ */ jsx16(
+          Inner7,
           {
             field: field2,
             inputProps: input,
@@ -4080,7 +3846,7 @@ var DataGridExpandableTextCell = ({
     }
   );
 };
-var Inner9 = ({
+var Inner7 = ({
   field,
   inputProps,
   fieldLabel: _fieldLabel,
@@ -4168,7 +3934,7 @@ var Inner9 = ({
   }, []);
   const displayValue = localValue || "";
   const truncatedValue = displayValue.length > 50 ? `${displayValue.substring(0, 50)}...` : displayValue;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     RadixPopover.Root,
     {
       open: isPopoverOpen,
@@ -4180,18 +3946,18 @@ var Inner9 = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs11(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
-          /* @__PURE__ */ jsx15(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsxs12(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
+          /* @__PURE__ */ jsx16(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx16(
             "div",
             {
-              className: clx9(
+              className: clx10(
                 "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__ */ jsx15("span", { className: "w-full truncate text-center", children: truncatedValue })
+              children: /* @__PURE__ */ jsx16("span", { className: "w-full truncate text-center", children: truncatedValue })
             }
           ) }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             "input",
             {
               className: "sr-only",
@@ -4210,10 +3976,10 @@ var Inner9 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx15(RadixPopover.Portal, { children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(RadixPopover.Portal, { children: /* @__PURE__ */ jsx16(
           RadixPopover.Content,
           {
-            className: clx9(
+            className: clx10(
               "bg-ui-bg-base shadow-elevation-flyout flex max-h-[80vh] w-[600px] overflow-hidden p-0 outline-none"
             ),
             align: "start",
@@ -4223,7 +3989,7 @@ var Inner9 = ({
             collisionPadding: 24,
             onEscapeKeyDown: handlePopoverSave,
             onKeyDown: handlePopoverKeyDown,
-            children: /* @__PURE__ */ jsx15("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsx16("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx16(
               Textarea,
               {
                 value: popoverValue,
@@ -4242,7 +4008,7 @@ var Inner9 = ({
 };
 
 // src/components/data-grid/data-grid.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var _DataGrid = ({
   isLoading,
   // Lazy loading props - passed through to DataGridRoot
@@ -4252,13 +4018,13 @@ var _DataGrid = ({
   hasNextPage,
   ...props
 }) => {
-  return isLoading ? /* @__PURE__ */ jsx16(
+  return isLoading ? /* @__PURE__ */ jsx17(
     DataGridSkeleton,
     {
       columns: props.columns,
       rows: props.data?.length && props.data.length > 0 ? props.data.length : 10
     }
-  ) : /* @__PURE__ */ jsx16(
+  ) : /* @__PURE__ */ jsx17(
     DataGridRoot,
     {
       ...props,
@@ -4276,7 +4042,8 @@ var DataGrid = Object.assign(_DataGrid, {
   ExpandableTextCell: DataGridExpandableTextCell,
   NumberCell: DataGridNumberCell,
   CurrencyCell: DataGridCurrencyCell,
-  ReadonlyCell: DataGridReadonlyCell
+  ReadonlyCell: DataGridReadonlyCell,
+  SelectCell: DataGridSelectCell
 });
 
 // src/components/data-grid/helpers/create-data-grid-column-helper.ts
@@ -4314,13 +4081,121 @@ function createDataGridHelper() {
   };
 }
 
+// src/components/common/tax-badge/tax-badge.tsx
+import { TaxExclusive, TaxInclusive } from "@medusajs/icons";
+import { Tooltip as Tooltip3 } from "@medusajs/ui";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var IncludesTaxTooltip = ({
+  includesTax
+}) => {
+  const { t } = useTranslation5();
+  return /* @__PURE__ */ jsx18(
+    Tooltip3,
+    {
+      maxWidth: 999,
+      content: includesTax ? t("general.includesTaxTooltip") : t("general.excludesTaxTooltip"),
+      children: includesTax ? /* @__PURE__ */ jsx18(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx18(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
+    }
+  );
+};
+
+// src/components/data-grid/helpers/create-data-grid-price-columns.tsx
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+var createDataGridPriceColumns = ({
+  currencies: currencies2,
+  regions,
+  pricePreferences,
+  isReadyOnly,
+  getFieldName,
+  t
+}) => {
+  const columnHelper = createDataGridHelper();
+  return [
+    ...currencies2?.map((currency) => {
+      const preference = pricePreferences?.find(
+        (p) => p.attribute === "currency_code" && p.value === currency
+      );
+      const translatedCurrencyName = t("fields.priceTemplate", {
+        regionOrCurrency: currency.toUpperCase()
+      });
+      return columnHelper.column({
+        id: `currency_prices.${currency}`,
+        name: t("fields.priceTemplate", {
+          regionOrCurrency: currency.toUpperCase()
+        }),
+        field: (context) => {
+          const isReadyOnlyValue = isReadyOnly?.(context);
+          if (isReadyOnlyValue) {
+            return null;
+          }
+          return getFieldName(context, currency);
+        },
+        type: "number",
+        header: () => /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx19("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
+          /* @__PURE__ */ jsx19(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        ] }),
+        cell: (context) => {
+          if (isReadyOnly?.(context)) {
+            return /* @__PURE__ */ jsx19(DataGridReadonlyCell, { context });
+          }
+          return /* @__PURE__ */ jsx19(DataGridCurrencyCell, { code: currency, context });
+        }
+      });
+    }) ?? [],
+    ...regions?.map((region) => {
+      const preference = pricePreferences?.find(
+        (p) => p.attribute === "region_id" && p.value === region.id
+      );
+      const translatedRegionName = t("fields.priceTemplate", {
+        regionOrCurrency: region.name
+      });
+      return columnHelper.column({
+        id: `region_prices.${region.id}`,
+        name: t("fields.priceTemplate", {
+          regionOrCurrency: region.name
+        }),
+        field: (context) => {
+          const isReadyOnlyValue = isReadyOnly?.(context);
+          if (isReadyOnlyValue) {
+            return null;
+          }
+          return getFieldName(context, region.id);
+        },
+        type: "number",
+        header: () => /* @__PURE__ */ jsxs13("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx19("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
+          /* @__PURE__ */ jsx19(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        ] }),
+        cell: (context) => {
+          if (isReadyOnly?.(context)) {
+            return /* @__PURE__ */ jsx19(DataGridReadonlyCell, { context });
+          }
+          const currency = currencies2?.find((c) => c === region.currency_code);
+          if (!currency) {
+            return null;
+          }
+          return /* @__PURE__ */ jsx19(
+            DataGridCurrencyCell,
+            {
+              code: region.currency_code,
+              context
+            }
+          );
+        }
+      });
+    }) ?? []
+  ];
+};
+
 // 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 { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Controller as Controller11 } from "react-hook-form";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var DataGridTogglableNumberCell = ({
   context,
   disabledToggleTooltip,
@@ -4332,19 +4207,19 @@ var DataGridTogglableNumberCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx17(
-    Controller10,
+  return /* @__PURE__ */ jsx20(
+    Controller11,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx20(
           DataGridCellContainer,
           {
             ...container,
             ...errorProps,
-            outerComponent: /* @__PURE__ */ jsx17(
-              OuterComponent2,
+            outerComponent: /* @__PURE__ */ jsx20(
+              OuterComponent,
               {
                 field: field2,
                 inputProps: input,
@@ -4352,14 +4227,14 @@ var DataGridTogglableNumberCell = ({
                 tooltip: disabledToggleTooltip
               }
             ),
-            children: /* @__PURE__ */ jsx17(Inner10, { field: field2, inputProps: input, hideInput, ...rest })
+            children: /* @__PURE__ */ jsx20(Inner8, { field: field2, inputProps: input, hideInput, ...rest })
           }
         );
       }
     }
   );
 };
-var OuterComponent2 = ({
+var OuterComponent = ({
   field,
   inputProps,
   isAnchor,
@@ -4377,6 +4252,9 @@ var OuterComponent2 = ({
     if (update && (newValue.quantity === "" || newValue.quantity === null || newValue.quantity === void 0)) {
       newValue.quantity = 0;
     }
+    if (!update && !newValue.disabledToggle) {
+      newValue.quantity = "";
+    }
     setLocalValue(newValue);
     onChange(newValue, value);
   };
@@ -4390,12 +4268,12 @@ var OuterComponent2 = ({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isAnchor]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx20(
     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(
+      children: /* @__PURE__ */ jsx20("div", { className: "absolute inset-y-0 left-4 z-[3] flex w-fit items-center justify-center", children: /* @__PURE__ */ jsx20(
         Switch2,
         {
           dir: "ltr",
@@ -4410,14 +4288,14 @@ var OuterComponent2 = ({
     }
   );
 };
-var Inner10 = ({
+var Inner8 = ({
   field,
   inputProps,
   placeholder: _placeholder,
   hideInput,
   ...props
 }) => {
-  const { t } = useTranslation5();
+  const { t } = useTranslation6();
   const { ref, value, onChange: _, onBlur, ...fieldProps } = field;
   const {
     ref: inputRef,
@@ -4434,10 +4312,8 @@ var Inner10 = ({
   const handleInputChange = (updatedValue, _name, _values) => {
     const ensuredValue = updatedValue !== void 0 ? updatedValue : "";
     const newValue = { ...localValue, quantity: ensuredValue };
-    if (ensuredValue !== "") {
+    if (ensuredValue !== "" && !newValue.checked) {
       newValue.checked = true;
-    } else if (newValue.checked && newValue.disabledToggle === false) {
-      newValue.checked = false;
     }
     setLocalValue(newValue);
   };
@@ -4448,27 +4324,8 @@ var Inner10 = ({
     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 ? t("dataGrid.toggle.enabled") : t("dataGrid.toggle.notEnabled") })
-    ] });
-  }
-  if (!localValue?.checked) {
-    return /* @__PURE__ */ jsxs12("div", { className: "flex size-full items-center gap-x-2 pl-8", children: [
-      /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsxs14("div", { className: "flex size-full items-center gap-x-2 pl-8", children: [
+      /* @__PURE__ */ jsx20(
         "input",
         {
           ref: combinedRefs,
@@ -4482,10 +4339,10 @@ var Inner10 = ({
           readOnly: true
         }
       ),
-      /* @__PURE__ */ jsx17("span", { className: "txt-compact-small text-ui-fg-subtle", children: t("dataGrid.toggle.notEnabled") })
+      /* @__PURE__ */ jsx20("span", { className: "txt-compact-small text-ui-fg-subtle", children: localValue?.checked ? t("dataGrid.toggle.enabled") : t("dataGrid.toggle.notEnabled") })
     ] });
   }
-  return /* @__PURE__ */ jsx17("div", { className: "flex size-full items-center gap-x-2", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx20("div", { className: "flex size-full items-center gap-x-2", children: /* @__PURE__ */ jsx20(
     CurrencyInput2,
     {
       ...fieldProps,
@@ -4504,13 +4361,14 @@ var Inner10 = ({
       onFocus,
       decimalsLimit: 0,
       autoComplete: "off",
-      tabIndex: -1
+      tabIndex: -1,
+      placeholder: !localValue?.checked ? t("dataGrid.toggle.notEnabled") : void 0
     }
   ) });
 };
 
 // src/components/data-grid/helpers/create-data-grid-location-stock-columns.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var createDataGridLocationStockColumns = ({
   stockLocations,
   isReadyOnly,
@@ -4531,12 +4389,12 @@ var createDataGridLocationStockColumns = ({
           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 }) }),
+        header: () => /* @__PURE__ */ jsx21("div", { className: "flex w-full items-center justify-between gap-3", children: /* @__PURE__ */ jsx21("span", { className: "truncate", title: stockLocation.name, children: stockLocation.name }) }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx18(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx21(DataGridReadonlyCell, { context });
           }
-          return /* @__PURE__ */ jsx18(
+          return /* @__PURE__ */ jsx21(
             DataGridTogglableNumberCell,
             {
               context,
@@ -4549,126 +4407,12 @@ var createDataGridLocationStockColumns = ({
   ];
 };
 
-// src/components/common/tax-badge/tax-badge.tsx
-import { TaxExclusive, TaxInclusive } from "@medusajs/icons";
-import { Tooltip as Tooltip3 } from "@medusajs/ui";
-import { useTranslation as useTranslation6 } from "react-i18next";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var IncludesTaxTooltip = ({
-  includesTax
-}) => {
-  const { t } = useTranslation6();
-  return /* @__PURE__ */ jsx19(
-    Tooltip3,
-    {
-      maxWidth: 999,
-      content: includesTax ? t("general.includesTaxTooltip") : t("general.excludesTaxTooltip"),
-      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 jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
-var createDataGridPriceColumns = ({
-  currencies: currencies2,
-  regions,
-  pricePreferences,
-  isReadyOnly,
-  getFieldName,
-  t
-}) => {
-  const columnHelper = createDataGridHelper();
-  return [
-    ...currencies2?.map((currency) => {
-      const preference = pricePreferences?.find(
-        (p) => p.attribute === "currency_code" && p.value === currency
-      );
-      const translatedCurrencyName = t("fields.priceTemplate", {
-        regionOrCurrency: currency.toUpperCase()
-      });
-      return columnHelper.column({
-        id: `currency_prices.${currency}`,
-        name: t("fields.priceTemplate", {
-          regionOrCurrency: currency.toUpperCase()
-        }),
-        field: (context) => {
-          const isReadyOnlyValue = isReadyOnly?.(context);
-          if (isReadyOnlyValue) {
-            return null;
-          }
-          return getFieldName(context, currency);
-        },
-        type: "number",
-        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__ */ jsx20(DataGridReadonlyCell, { context });
-          }
-          return /* @__PURE__ */ jsx20(DataGridCurrencyCell, { code: currency, context });
-        }
-      });
-    }) ?? [],
-    ...regions?.map((region) => {
-      const preference = pricePreferences?.find(
-        (p) => p.attribute === "region_id" && p.value === region.id
-      );
-      const translatedRegionName = t("fields.priceTemplate", {
-        regionOrCurrency: region.name
-      });
-      return columnHelper.column({
-        id: `region_prices.${region.id}`,
-        name: t("fields.priceTemplate", {
-          regionOrCurrency: region.name
-        }),
-        field: (context) => {
-          const isReadyOnlyValue = isReadyOnly?.(context);
-          if (isReadyOnlyValue) {
-            return null;
-          }
-          return getFieldName(context, region.id);
-        },
-        type: "number",
-        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__ */ jsx20(DataGridReadonlyCell, { context });
-          }
-          const currency = currencies2?.find((c) => c === region.currency_code);
-          if (!currency) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx20(
-            DataGridCurrencyCell,
-            {
-              code: region.currency_code,
-              context
-            }
-          );
-        }
-      });
-    }) ?? []
-  ];
-};
-
 export {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError,
-  useDataGridDuplicateCell,
   DataGridCellContainer,
-  DataGridBooleanWithTextCell,
-  DataGridMediaCell,
-  DataGridStatusCell,
   DataGridReadonlyCell,
-  DataGridSkeleton,
-  DataGridTextCell,
   DataGrid,
   createDataGridHelper,
   DataGridTogglableNumberCell,