@mercurjs/admin 2.2.0-canary.1 → 2.2.0-canary.11

package/dist/{chunk-V6OGMYAI.js → chunk-KT7X72J4.js}

@@ -14,58 +14,6 @@ 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";
@@ -1079,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";
@@ -2021,7 +1960,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
 }) => {
@@ -2029,12 +1968,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 })
     }
   );
 };
@@ -2042,9 +1981,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",
@@ -2057,7 +1996,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,
@@ -2075,8 +2014,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(
@@ -2093,28 +2032,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,
@@ -2140,7 +2079,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
@@ -2150,13 +2089,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 }) });
       }
     }
   );
@@ -2175,7 +2114,7 @@ var Inner = ({
     ...attributes
   } = inputProps;
   const combinedRefs = useCombinedRefs(ref, inputRef);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Checkbox,
     {
       disabled: disabled || fieldDisabled,
@@ -2200,7 +2139,7 @@ import CurrencyInput, {
 } 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 { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var DataGridCurrencyCell = ({
   context,
   code
@@ -2211,13 +2150,13 @@ var DataGridCurrencyCell = ({
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
   const currency = currencies[code.toUpperCase()];
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Controller2,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx5(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx5(Inner2, { field: field2, inputProps: input, currencyInfo: currency }) });
+        return /* @__PURE__ */ jsx4(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx4(Inner2, { field: field2, inputProps: input, currencyInfo: currency }) });
       }
     }
   );
@@ -2263,8 +2202,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__ */ jsxs3("div", { className: "relative flex size-full items-center", children: [
+    /* @__PURE__ */ jsx4(
       "span",
       {
         className: "txt-compact-small text-ui-fg-muted pointer-events-none absolute left-0 w-fit min-w-4",
@@ -2272,7 +2211,7 @@ var Inner2 = ({
         children: currencyInfo.symbol_native
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       CurrencyInput,
       {
         ...rest,
@@ -2301,7 +2240,7 @@ var Inner2 = ({
 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 { jsx as jsx5 } from "react/jsx-runtime";
 var DataGridMultilineCell = ({
   context
 }) => {
@@ -2310,13 +2249,13 @@ var DataGridMultilineCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     Controller3,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx6(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ jsx6(Inner3, { field: field2, inputProps: input }) });
+        return /* @__PURE__ */ jsx5(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ jsx5(Inner3, { field: field2, inputProps: input }) });
       }
     }
   );
@@ -2349,7 +2288,7 @@ var Inner3 = ({
     const timeoutId = setTimeout(adjustTextareaHeight, 50);
     return () => clearTimeout(timeoutId);
   }, [adjustTextareaHeight]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "textarea",
     {
       className: clx2(
@@ -2380,7 +2319,7 @@ var Inner3 = ({
 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 { jsx as jsx6 } from "react/jsx-runtime";
 var DataGridNumberCell = ({
   context,
   ...rest
@@ -2390,13 +2329,13 @@ var DataGridNumberCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     Controller4,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx7(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx7(Inner4, { field: field2, inputProps: input, ...rest }) });
+        return /* @__PURE__ */ jsx6(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx6(Inner4, { field: field2, inputProps: input, ...rest }) });
       }
     }
   );
@@ -2419,7 +2358,7 @@ var Inner4 = ({
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref);
-  return /* @__PURE__ */ jsx7("div", { className: "size-full", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6("div", { className: "size-full", children: /* @__PURE__ */ jsx6(
     "input",
     {
       ref: combinedRefs,
@@ -2447,7 +2386,7 @@ 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 { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var DataGridReadonlyCell = ({
   context,
   color = "muted",
@@ -2455,7 +2394,7 @@ var DataGridReadonlyCell = ({
   isMultiLine = false
 }) => {
   const { rowErrors } = useDataGridCellError({ context });
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: clx4(
@@ -2465,7 +2404,7 @@ var DataGridReadonlyCell = ({
         "h-full items-center"
       ),
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           "div",
           {
             className: clx4("flex-1", {
@@ -2475,7 +2414,7 @@ var DataGridReadonlyCell = ({
             children
           }
         ),
-        /* @__PURE__ */ jsx8(DataGridRowErrorIndicator, { rowErrors })
+        /* @__PURE__ */ jsx7(DataGridRowErrorIndicator, { rowErrors })
       ]
     }
   );
@@ -2563,7 +2502,7 @@ import {
 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 { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var useDataGridShortcuts = () => {
   const { t } = useTranslation2();
   const shortcuts = useMemo4(
@@ -2718,10 +2657,10 @@ var DataGridKeyboardShortcutModal = ({
       (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__ */ jsxs5(RadixDialog.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx8(RadixDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx8(Button, { size: "small", variant: "secondary", children: t("dataGrid.shortcuts.label") }) }),
+    /* @__PURE__ */ jsxs5(RadixDialog.Portal, { children: [
+      /* @__PURE__ */ jsx8(
         RadixDialog.Overlay,
         {
           className: clx5(
@@ -2730,19 +2669,19 @@ var DataGridKeyboardShortcutModal = ({
           )
         }
       ),
-      /* @__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__ */ jsxs5(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__ */ jsxs5("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs5("div", { children: [
+              /* @__PURE__ */ jsx8(RadixDialog.Title, { asChild: true, children: /* @__PURE__ */ jsx8(Heading, { children: t("app.menus.user.shortcuts") }) }),
+              /* @__PURE__ */ jsx8(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__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx8(Kbd, { children: "esc" }),
+              /* @__PURE__ */ jsx8(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx8(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx8(XMark, {}) }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
             Input,
             {
               type: "search",
@@ -2751,15 +2690,15 @@ var DataGridKeyboardShortcutModal = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx9("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
-          return /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx8("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+          return /* @__PURE__ */ jsxs5(
             "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__ */ jsx8(Text, { size: "small", children: shortcut.label }),
+                /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
+                  return /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ jsx8(Kbd, { children: key }) }, index2);
                 }) })
               ]
             },
@@ -2772,7 +2711,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 jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var ROW_HEIGHT = 40;
 var getCommonPinningStyles = (column) => {
   const isPinned = column.getIsPinned();
@@ -3209,8 +3148,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__ */ jsx9(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ jsxs6("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx9(
       DataGridHeader,
       {
         showColumnsDropdown,
@@ -3225,7 +3164,7 @@ var DataGridRoot = ({
         headerContent
       }
     ),
-    /* @__PURE__ */ jsx10("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx9(
       "div",
       {
         ref: containerRef,
@@ -3235,19 +3174,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__ */ jsxs6("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
+          /* @__PURE__ */ jsx9(
             "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__ */ jsxs6(
                 "div",
                 {
                   role: "row",
                   className: "flex h-10 w-full",
                   children: [
-                    virtualPaddingLeft ? /* @__PURE__ */ jsx10(
+                    virtualPaddingLeft ? /* @__PURE__ */ jsx9(
                       "div",
                       {
                         role: "presentation",
@@ -3259,7 +3198,7 @@ var DataGridRoot = ({
                       const previousVC = array[index - 1];
                       if (previousVC && vc.index !== previousVC.index + 1) {
                         acc.push(
-                          /* @__PURE__ */ jsx10(
+                          /* @__PURE__ */ jsx9(
                             "div",
                             {
                               role: "presentation",
@@ -3273,7 +3212,7 @@ var DataGridRoot = ({
                         );
                       }
                       acc.push(
-                        /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsx9(
                           "div",
                           {
                             role: "columnheader",
@@ -3293,7 +3232,7 @@ var DataGridRoot = ({
                       );
                       return acc;
                     }, []),
-                    virtualPaddingRight ? /* @__PURE__ */ jsx10(
+                    virtualPaddingRight ? /* @__PURE__ */ jsx9(
                       "div",
                       {
                         role: "presentation",
@@ -3309,7 +3248,7 @@ var DataGridRoot = ({
               ))
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx9(
             "div",
             {
               role: "rowgroup",
@@ -3320,7 +3259,7 @@ var DataGridRoot = ({
               children: virtualRows.map((virtualRow) => {
                 const row = visibleRows[virtualRow.index];
                 if (!row) {
-                  return /* @__PURE__ */ jsx10(
+                  return /* @__PURE__ */ jsx9(
                     DataGridRowSkeleton,
                     {
                       virtualRow,
@@ -3332,7 +3271,7 @@ var DataGridRoot = ({
                   );
                 }
                 const rowIndex = flatRows.findIndex((r) => r.id === row.id);
-                return /* @__PURE__ */ jsx10(
+                return /* @__PURE__ */ jsx9(
                   DataGridRow,
                   {
                     row,
@@ -3382,32 +3321,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__ */ jsxs6("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
+    showColumnsDropdown && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsxs6(
         DropdownMenu,
         {
           dir: direction,
           open: columnsOpen,
           onOpenChange: handleColumnsOpenChange,
           children: [
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               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__ */ jsx9(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs6(Button2, { size: "small", variant: "secondary", children: [
+                  hasChanged ? /* @__PURE__ */ jsx9(AdjustmentsDone, {}) : /* @__PURE__ */ jsx9(Adjustments, {}),
                   t("dataGrid.columns.view")
                 ] }) })
               }
             ),
-            /* @__PURE__ */ jsx10(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
+            /* @__PURE__ */ jsx9(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
               const { checked, disabled, id, name } = column;
               if (disabled) {
                 return null;
               }
-              return /* @__PURE__ */ jsx10(
+              return /* @__PURE__ */ jsx9(
                 DropdownMenu.CheckboxItem,
                 {
                   checked,
@@ -3421,7 +3360,7 @@ var DataGridHeader = ({
           ]
         }
       ),
-      hasChanged && /* @__PURE__ */ jsx10(
+      hasChanged && /* @__PURE__ */ jsx9(
         Button2,
         {
           size: "small",
@@ -3435,8 +3374,8 @@ var DataGridHeader = ({
       )
     ] }),
     headerContent,
-    /* @__PURE__ */ jsxs7("div", { className: "ml-auto flex items-center gap-x-2", children: [
-      errorCount > 0 && /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs6("div", { className: "ml-auto flex items-center gap-x-2", children: [
+      errorCount > 0 && /* @__PURE__ */ jsxs6(
         Button2,
         {
           size: "small",
@@ -3447,14 +3386,14 @@ var DataGridHeader = ({
             "bg-ui-button-neutral-pressed": isHighlighted
           }),
           children: [
-            /* @__PURE__ */ jsx10(ExclamationCircle2, { className: "text-ui-fg-subtle" }),
-            /* @__PURE__ */ jsx10("span", { children: t("dataGrid.errors.count", {
+            /* @__PURE__ */ jsx9(ExclamationCircle2, { className: "text-ui-fg-subtle" }),
+            /* @__PURE__ */ jsx9("span", { children: t("dataGrid.errors.count", {
               count: errorCount
             }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         DataGridKeyboardShortcutModal,
         {
           open: shortcutsOpen,
@@ -3477,7 +3416,7 @@ var DataGridCell = ({
     col: columnIndex
   };
   const isAnchor = isCellMatch(coords, anchor);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       role: "gridcell",
@@ -3493,13 +3432,13 @@ var DataGridCell = ({
         "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__ */ jsxs6("div", { className: "relative w-full", children: [
         flexRender(cell.column.columnDef.cell, {
           ...cell.getContext(),
           columnIndex,
           rowIndex
         }),
-        isAnchor && /* @__PURE__ */ jsx10(
+        isAnchor && /* @__PURE__ */ jsx9(
           "div",
           {
             onMouseDown: onDragToFillStart,
@@ -3529,7 +3468,7 @@ var DataGridRow = ({
   multiColumnSelection
 }) => {
   const visibleCells = row.getVisibleCells();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       role: "row",
@@ -3541,7 +3480,7 @@ var DataGridRow = ({
       },
       className: "bg-ui-bg-subtle txt-compact-small absolute flex min-h-10 w-full",
       children: [
-        virtualPaddingLeft ? /* @__PURE__ */ jsx10(
+        virtualPaddingLeft ? /* @__PURE__ */ jsx9(
           "div",
           {
             role: "presentation",
@@ -3555,7 +3494,7 @@ var DataGridRow = ({
           const previousVC = array[index - 1];
           if (previousVC && vc.index !== previousVC.index + 1) {
             acc.push(
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx9(
                 "div",
                 {
                   role: "presentation",
@@ -3569,7 +3508,7 @@ var DataGridRow = ({
             );
           }
           acc.push(
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               DataGridCell,
               {
                 cell,
@@ -3584,7 +3523,7 @@ var DataGridRow = ({
           );
           return acc;
         }, []),
-        virtualPaddingRight ? /* @__PURE__ */ jsx10(
+        virtualPaddingRight ? /* @__PURE__ */ jsx9(
           "div",
           {
             role: "presentation",
@@ -3601,7 +3540,7 @@ var DataGridRowSkeleton = ({
   virtualPaddingRight,
   virtualColumns
 }) => {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       role: "row",
@@ -3611,7 +3550,7 @@ var DataGridRowSkeleton = ({
       },
       className: "bg-ui-bg-subtle txt-compact-small absolute flex h-10 w-full",
       children: [
-        virtualPaddingLeft ? /* @__PURE__ */ jsx10(
+        virtualPaddingLeft ? /* @__PURE__ */ jsx9(
           "div",
           {
             role: "presentation",
@@ -3623,7 +3562,7 @@ var DataGridRowSkeleton = ({
           const elements = [];
           if (previousVC && vc.index !== previousVC.index + 1) {
             elements.push(
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx9(
                 "div",
                 {
                   role: "presentation",
@@ -3637,20 +3576,20 @@ var DataGridRowSkeleton = ({
             );
           }
           elements.push(
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               "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__ */ jsx9("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ jsx9("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__ */ jsx9(
           "div",
           {
             role: "presentation",
@@ -3665,7 +3604,7 @@ var DataGridRowSkeleton = ({
 // src/components/data-grid/components/data-grid-select-cell.tsx
 import { Select, clx as clx7 } from "@medusajs/ui";
 import { Controller as Controller5 } from "react-hook-form";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DataGridSelectCell = ({
   context,
   options,
@@ -3674,12 +3613,12 @@ var DataGridSelectCell = ({
   const { field, control, renderProps } = useDataGridCell({ context });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     Controller5,
     {
       control,
       name: field,
-      render: ({ field: field2 }) => /* @__PURE__ */ jsx11(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx11(
+      render: ({ field: field2 }) => /* @__PURE__ */ jsx10(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx10(
         Inner5,
         {
           field: field2,
@@ -3707,7 +3646,7 @@ var Inner5 = ({
   } = inputProps;
   const combinedRefs = useCombinedRefs(inputRef, ref);
   const selectedOption = options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     Select,
     {
       value: value ?? "",
@@ -3718,7 +3657,7 @@ var Inner5 = ({
       },
       ...fieldProps,
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(
           Select.Trigger,
           {
             ref: combinedRefs,
@@ -3733,15 +3672,67 @@ var Inner5 = ({
             ),
             tabIndex: -1,
             ...attributes,
-            children: /* @__PURE__ */ jsx11(Select.Value, { placeholder, children: selectedOption?.label ?? placeholder })
+            children: /* @__PURE__ */ jsx10(Select.Value, { placeholder, children: selectedOption?.label ?? placeholder })
           }
         ),
-        /* @__PURE__ */ jsx11(Select.Content, { children: options.map((option) => /* @__PURE__ */ jsx11(Select.Item, { value: option.value, children: option.label }, option.value)) })
+        /* @__PURE__ */ jsx10(Select.Content, { children: options.map((option) => /* @__PURE__ */ jsx10(Select.Item, { value: option.value, children: option.label }, option.value)) })
       ]
     }
   );
 };
 
+// src/components/data-grid/components/data-grid-skeleton.tsx
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var DataGridSkeleton = ({
+  columns,
+  rows: rowCount = 10
+}) => {
+  const rows = Array.from({ length: rowCount }, (_, i) => i);
+  const colCount = columns.length;
+  return /* @__PURE__ */ jsxs8("div", { className: "bg-ui-bg-subtle size-full", children: [
+    /* @__PURE__ */ jsx11("div", { className: "bg-ui-bg-base border-b p-4", children: /* @__PURE__ */ jsx11("div", { className: "bg-ui-button-neutral h-7 w-[116px] animate-pulse rounded-md" }) }),
+    /* @__PURE__ */ jsxs8("div", { className: "bg-ui-bg-subtle size-full overflow-auto", children: [
+      /* @__PURE__ */ jsx11(
+        "div",
+        {
+          className: "grid",
+          style: {
+            gridTemplateColumns: `repeat(${colCount}, 1fr)`
+          },
+          children: columns.map((_col, i) => {
+            return /* @__PURE__ */ jsx11(
+              "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__ */ jsx11(Skeleton, { className: "h-[14px] w-[164px]" })
+              },
+              i
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx11("div", { children: rows.map((_, j) => /* @__PURE__ */ jsx11(
+        "div",
+        {
+          className: "grid",
+          style: { gridTemplateColumns: `repeat(${colCount}, 1fr)` },
+          children: columns.map((_col, k) => {
+            return /* @__PURE__ */ jsx11(
+              "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__ */ jsx11(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 { useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
@@ -4184,10 +4175,8 @@ export {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError,
-  useDataGridDuplicateCell,
   DataGridCellContainer,
   DataGridReadonlyCell,
-  DataGridSkeleton,
   DataGrid,
   createDataGridHelper,
   IncludesTaxTooltip,