@medusajs/dashboard 2.22.0 → 2.22.1

package/dist/components.js

@@ -1329,7 +1329,7 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 
 // src/components/table/configurable-data-table/configurable-data-table.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_ui25 = require("@medusajs/ui");
 var import_react_i18next20 = require("react-i18next");
 
@@ -2429,7 +2429,7 @@ var SaveViewDropdown = ({
 };
 
 // src/hooks/table/use-table-configuration.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_react_router_dom7 = require("react-router-dom");
 
 // src/hooks/table/columns/use-column-state.ts
@@ -2604,6 +2604,9 @@ function calculateRequiredFields(apiColumns, visibleColumns) {
   return Array.from(requiredFieldsSet).join(",");
 }
 
+// src/hooks/table/use-column-filters.tsx
+var import_react29 = require("react");
+
 // src/lib/table/filter-utils.ts
 var import_ui17 = require("@medusajs/ui");
 var filterHelper = (0, import_ui17.createDataTableFilterHelper)();
@@ -2729,6 +2732,24 @@ function useRelationshipFilterOptions(configs) {
   };
 }
 
+// src/hooks/table/use-column-filters.tsx
+function useColumnFilters(apiColumns) {
+  const filterableColumns = (0, import_react29.useMemo)(
+    () => apiColumns?.filter((column) => column.filter?.enabled),
+    [apiColumns]
+  );
+  const relationshipFilterConfigs = (0, import_react29.useMemo)(() => {
+    return filterableColumns ? getRelationshipFilterConfigs(filterableColumns) : [];
+  }, [filterableColumns]);
+  const { options: relationshipOptions, isLoading } = useRelationshipFilterOptions(
+    relationshipFilterConfigs
+  );
+  const filters = (0, import_react29.useMemo)(() => {
+    return filterableColumns ? generateFiltersFromColumns(filterableColumns, relationshipOptions) : [];
+  }, [filterableColumns, relationshipOptions]);
+  return { filters, isLoading };
+}
+
 // src/hooks/table/use-table-configuration.tsx
 function parseSortingState2(value) {
   return value.startsWith("-") ? { id: value.slice(1), desc: true } : { id: value, desc: false };
@@ -2744,7 +2765,7 @@ function useTableConfiguration({
   const isViewConfigEnabled = useFeatureFlag("view_configurations");
   const [_, setSearchParams] = (0, import_react_router_dom7.useSearchParams)();
   const viewConfigKey = viewConfigurationKey ?? entity;
-  const applyDefaultFilters = (0, import_react29.useCallback)(
+  const applyDefaultFilters = (0, import_react30.useCallback)(
     (params) => {
       if (!defaultFilters) {
         return;
@@ -2764,39 +2785,19 @@ function useTableConfiguration({
   const { columns: rawApiColumns, isLoading: isLoadingColumns } = useEntityColumns(entity, {
     enabled: isViewConfigEnabled
   });
-  const apiColumns = (0, import_react29.useMemo)(() => {
+  const apiColumns = (0, import_react30.useMemo)(() => {
     if (!rawApiColumns) {
       return void 0;
     }
     const transformed = transformColumns ? transformColumns(rawApiColumns) : rawApiColumns;
     return extraColumns?.length ? [...transformed, ...extraColumns] : transformed;
   }, [rawApiColumns, transformColumns, extraColumns]);
-  const relationshipFilterConfigs = (0, import_react29.useMemo)(() => {
-    if (!apiColumns) {
-      return [];
-    }
-    const filterableColumns = apiColumns.filter(
-      (column) => column.filter?.enabled
-    );
-    return getRelationshipFilterConfigs(filterableColumns);
-  }, [apiColumns]);
-  const { options: relationshipOptions, isLoading: isLoadingFilterOptions } = useRelationshipFilterOptions(
-    relationshipFilterConfigs
-  );
-  const resolvedFilters = (0, import_react29.useMemo)(() => {
-    if (!apiColumns) {
-      return [];
-    }
-    const filterableColumns = apiColumns.filter(
-      (column) => column.filter?.enabled
-    );
-    return generateFiltersFromColumns(filterableColumns, relationshipOptions);
-  }, [apiColumns, relationshipOptions]);
+  const { filters: resolvedFilters, isLoading: isLoadingFilterOptions } = useColumnFilters(apiColumns);
   const queryParams = useQueryParams(
     ["q", "order", "offset", "limit", ...resolvedFilters.map((f) => f.id)],
     queryPrefix
   );
-  const columnsToRender = (0, import_react29.useMemo)(() => {
+  const columnsToRender = (0, import_react30.useMemo)(() => {
     return apiColumns?.filter((column) => column.context !== "filter");
   }, [apiColumns]);
   const {
@@ -2811,7 +2812,7 @@ function useTableConfiguration({
     currentActiveView.configuration
   )}` : "";
   const columnsSignature = columnsToRender ? columnsToRender.map((column) => column.field).sort().join(",") : "";
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!columnsToRender) {
       return;
     }
@@ -2841,7 +2842,7 @@ function useTableConfiguration({
       return prev;
     });
   }, [activeViewSignature, columnsSignature]);
-  const currentConfiguration = (0, import_react29.useMemo)(() => {
+  const currentConfiguration = (0, import_react30.useMemo)(() => {
     const currentFilters = {};
     resolvedFilters.forEach((filter) => {
       if (queryParams[filter.id] !== void 0) {
@@ -2854,8 +2855,8 @@ function useTableConfiguration({
       search: queryParams.q || ""
     };
   }, [resolvedFilters, queryParams]);
-  const [debouncedHasConfigChanged, setDebouncedHasConfigChanged] = (0, import_react29.useState)(false);
-  const hasConfigurationChanged = (0, import_react29.useMemo)(() => {
+  const [debouncedHasConfigChanged, setDebouncedHasConfigChanged] = (0, import_react30.useState)(false);
+  const hasConfigurationChanged = (0, import_react30.useMemo)(() => {
     const currentFilters = currentConfiguration.filters;
     const currentSorting = currentConfiguration.sorting;
     const currentSearch = currentConfiguration.search;
@@ -2931,13 +2932,13 @@ function useTableConfiguration({
     columnsToRender,
     defaultFilters
   ]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const timer = setTimeout(() => {
       setDebouncedHasConfigChanged(hasConfigurationChanged);
     }, 50);
     return () => clearTimeout(timer);
   }, [hasConfigurationChanged]);
-  const handleClearConfiguration = (0, import_react29.useCallback)(() => {
+  const handleClearConfiguration = (0, import_react30.useCallback)(() => {
     if (columnsToRender) {
       originalHandleViewChange(currentActiveView, columnsToRender);
     }
@@ -2966,7 +2967,7 @@ function useTableConfiguration({
       return prev;
     });
   }, [currentActiveView, columnsToRender, queryPrefix]);
-  const requiredFields = (0, import_react29.useMemo)(() => {
+  const requiredFields = (0, import_react30.useMemo)(() => {
     return calculateRequiredFields(columnsToRender || [], visibleColumns);
   }, [columnsToRender, visibleColumns]);
   return {
@@ -2992,12 +2993,12 @@ function useTableConfiguration({
 }
 
 // src/hooks/table/columns/use-configurable-table-columns.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_ui24 = require("@medusajs/ui");
 var import_react_i18next19 = require("react-i18next");
 
 // src/lib/table/cell-renderers.tsx
-var import_react31 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var import_ui23 = require("@medusajs/ui");
 var import_react_country_flag = __toESM(require("react-country-flag"));
 var import_icons10 = require("@medusajs/icons");
@@ -4819,11 +4820,11 @@ var Thumbnail = ({ src, alt, size = "base" }) => {
 
 // src/components/common/truncated-text/truncated-text.tsx
 var import_ui19 = require("@medusajs/ui");
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TruncatedText = ({ text, className }) => {
-  const ref = (0, import_react30.useRef)(null);
-  const [overflow, setOverflow] = (0, import_react30.useState)(false);
+  const ref = (0, import_react31.useRef)(null);
+  const [overflow, setOverflow] = (0, import_react31.useState)(false);
   const check = () => {
     const el2 = ref.current;
     if (el2) {
@@ -5545,6 +5546,12 @@ var currencies = {
     symbol_native: "kn",
     decimal_digits: 2
   },
+  HTG: {
+    code: "HTG",
+    name: "Haitian Gourde",
+    symbol_native: "G",
+    decimal_digits: 2
+  },
   HUF: {
     code: "HUF",
     name: "Hungarian Forint",
@@ -6209,7 +6216,7 @@ var StatusRenderer = (value, row, column, t) => {
     if (isEmpty(resolved)) {
       return "-";
     }
-    if (import_react31.default.isValidElement(resolved)) {
+    if (import_react32.default.isValidElement(resolved)) {
       return resolved;
     }
     return renderStatusPill(
@@ -6541,9 +6548,9 @@ function getColumnValue(row, column) {
 // src/hooks/table/columns/use-configurable-table-columns.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function useConfigurableTableColumns(apiColumns, adapter) {
-  const columnHelper = (0, import_react32.useMemo)(() => (0, import_ui24.createDataTableColumnHelper)(), []);
+  const columnHelper = (0, import_react33.useMemo)(() => (0, import_ui24.createDataTableColumnHelper)(), []);
   const { t } = (0, import_react_i18next19.useTranslation)();
-  return (0, import_react32.useMemo)(() => {
+  return (0, import_react33.useMemo)(() => {
     if (!apiColumns?.length) {
       return [];
     }
@@ -6630,6 +6637,27 @@ function parseFilterParam(raw) {
   return value;
 }
 
+// src/hooks/table/query/parse-prefixed-query-params.ts
+function expandDottedKeys(params) {
+  const result = {};
+  for (const [key, value] of Object.entries(params)) {
+    if (!key.includes(".")) {
+      result[key] = value;
+      continue;
+    }
+    const parts = key.split(".");
+    let node = result;
+    for (let i = 0; i < parts.length - 1; i++) {
+      if (typeof node[parts[i]] !== "object" || node[parts[i]] === null) {
+        node[parts[i]] = {};
+      }
+      node = node[parts[i]];
+    }
+    node[parts[parts.length - 1]] = value;
+  }
+  return result;
+}
+
 // src/lib/table/table-adapters.ts
 var SELECT_COLUMN_FIELD = "select";
 function createSelectColumn() {
@@ -6672,25 +6700,6 @@ function createActionsColumn(name) {
 
 // src/components/table/configurable-data-table/configurable-data-table.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
-function expandDottedKeys(params) {
-  const result = {};
-  for (const [key, value] of Object.entries(params)) {
-    if (!key.includes(".")) {
-      result[key] = value;
-      continue;
-    }
-    const parts = key.split(".");
-    let node = result;
-    for (let i = 0; i < parts.length - 1; i++) {
-      if (typeof node[parts[i]] !== "object" || node[parts[i]] === null) {
-        node[parts[i]] = {};
-      }
-      node = node[parts[i]];
-    }
-    node[parts[parts.length - 1]] = value;
-  }
-  return result;
-}
 function ConfigurableDataTable({
   adapter,
   heading,
@@ -6701,9 +6710,9 @@ function ConfigurableDataTable({
   actions
 }) {
   const { t } = (0, import_react_i18next20.useTranslation)();
-  const [saveDialogOpen, setSaveDialogOpen] = (0, import_react33.useState)(false);
-  const [editingView, setEditingView] = (0, import_react33.useState)(null);
-  const [rowSelection, setRowSelection] = (0, import_react33.useState)(
+  const [saveDialogOpen, setSaveDialogOpen] = (0, import_react34.useState)(false);
+  const [editingView, setEditingView] = (0, import_react34.useState)(null);
+  const [rowSelection, setRowSelection] = (0, import_react34.useState)(
     {}
   );
   const entity = adapter.entity;
@@ -6711,7 +6720,7 @@ function ConfigurableDataTable({
   const entityName = adapter.entityName;
   const pageSize = pageSizeProp || adapter.pageSize || 20;
   const queryPrefix = queryPrefixProp || adapter.queryPrefix || "";
-  const extraColumns = (0, import_react33.useMemo)(() => {
+  const extraColumns = (0, import_react34.useMemo)(() => {
     const cols = [
       adapter.enableRowSelection ? createSelectColumn() : null,
       adapter.renderRowActions ? createActionsColumn(t("fields.actions")) : null
@@ -6919,13 +6928,13 @@ function ConfigurableDataTable({
 
 // src/components/common/display-id/display-id.tsx
 var import_react_i18next21 = require("react-i18next");
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
 var import_ui26 = require("@medusajs/ui");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function DisplayId({ id: id2, className }) {
   const { t } = (0, import_react_i18next21.useTranslation)();
-  const [open, setOpen] = (0, import_react34.useState)(false);
+  const [open, setOpen] = (0, import_react35.useState)(false);
   const onClick = () => {
     (0, import_copy_to_clipboard.default)(id2);
     import_ui26.toast.success(t("actions.idCopiedToClipboard"));
@@ -6941,12 +6950,12 @@ var display_id_default = DisplayId;
 var import_icons11 = require("@medusajs/icons");
 var import_ui27 = require("@medusajs/ui");
 var import_radix_ui = require("radix-ui");
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_react_hook_form2 = require("react-hook-form");
 var import_react_i18next22 = require("react-i18next");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var Provider = import_react_hook_form2.FormProvider;
-var FormFieldContext = (0, import_react35.createContext)(
+var FormFieldContext = (0, import_react36.createContext)(
   {}
 );
 var Field = ({
@@ -6954,12 +6963,12 @@ var Field = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_hook_form2.Controller, { ...props }) });
 };
-var FormItemContext = (0, import_react35.createContext)(
+var FormItemContext = (0, import_react36.createContext)(
   {}
 );
 var useFormField = () => {
-  const fieldContext = (0, import_react35.useContext)(FormFieldContext);
-  const itemContext = (0, import_react35.useContext)(FormItemContext);
+  const fieldContext = (0, import_react36.useContext)(FormFieldContext);
+  const itemContext = (0, import_react36.useContext)(FormItemContext);
   const { getFieldState } = (0, import_react_hook_form2.useFormContext)();
   const formState = (0, import_react_hook_form2.useFormState)({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -6977,9 +6986,9 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var Item = (0, import_react35.forwardRef)(
+var Item = (0, import_react36.forwardRef)(
   ({ className, ...props }, ref) => {
-    const id2 = (0, import_react35.useId)();
+    const id2 = (0, import_react36.useId)();
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FormItemContext.Provider, { value: { id: id2 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "div",
       {
@@ -6991,7 +7000,7 @@ var Item = (0, import_react35.forwardRef)(
   }
 );
 Item.displayName = "Form.Item";
-var Label2 = (0, import_react35.forwardRef)(({ className, optional = false, tooltip, icon, ...props }, ref) => {
+var Label2 = (0, import_react36.forwardRef)(({ className, optional = false, tooltip, icon, ...props }, ref) => {
   const { formLabelId, formItemId } = useFormField();
   const { t } = (0, import_react_i18next22.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-x-1", children: [
@@ -7017,7 +7026,7 @@ var Label2 = (0, import_react35.forwardRef)(({ className, optional = false, tool
   ] });
 });
 Label2.displayName = "Form.Label";
-var Control = (0, import_react35.forwardRef)(({ ...props }, ref) => {
+var Control = (0, import_react36.forwardRef)(({ ...props }, ref) => {
   const {
     error,
     formItemId,
@@ -7038,7 +7047,7 @@ var Control = (0, import_react35.forwardRef)(({ ...props }, ref) => {
   );
 });
 Control.displayName = "Form.Control";
-var Hint = (0, import_react35.forwardRef)(({ className, ...props }, ref) => {
+var Hint = (0, import_react36.forwardRef)(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_ui27.Hint,
@@ -7051,7 +7060,7 @@ var Hint = (0, import_react35.forwardRef)(({ className, ...props }, ref) => {
   );
 });
 Hint.displayName = "Form.Hint";
-var ErrorMessage = (0, import_react35.forwardRef)(({ className, children, ...props }, ref) => {
+var ErrorMessage = (0, import_react36.forwardRef)(({ className, children, ...props }, ref) => {
   const { error, formErrorMessageId } = useFormField();
   const msg = error ? String(error?.message) : children;
   if (!msg || msg === "undefined") {
@@ -7246,16 +7255,16 @@ var SidebarLink = ({
 };
 
 // src/components/utilities/keybound-form/keybound-form.tsx
-var import_react36 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var KeyboundForm = import_react36.default.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
+var KeyboundForm = import_react37.default.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
   const handleSubmit = (event) => {
     event.preventDefault();
     onSubmit?.(event);
   };
   const handleKeyDown = (event) => {
     if (event.key === "Enter") {
-      if (event.target instanceof HTMLTextAreaElement && !(event.metaKey || event.ctrlKey)) {
+      if ((event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLButtonElement || event.target instanceof HTMLAnchorElement) && !(event.metaKey || event.ctrlKey)) {
         return;
       }
       event.preventDefault();
@@ -7277,17 +7286,17 @@ var KeyboundForm = import_react36.default.forwardRef(({ onSubmit, onKeyDown, ...
 KeyboundForm.displayName = "KeyboundForm";
 
 // src/components/inputs/combobox/combobox.tsx
-var import_react38 = require("@ariakit/react");
+var import_react39 = require("@ariakit/react");
 var import_icons14 = require("@medusajs/icons");
 var import_ui33 = require("@medusajs/ui");
 var import_match_sorter = require("match-sorter");
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_react_i18next24 = require("react-i18next");
 
 // src/components/utilities/generic-forward-ref/generic-forward-ref.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 function genericForwardRef(render) {
-  return (0, import_react37.forwardRef)(render);
+  return (0, import_react38.forwardRef)(render);
 }
 
 // src/components/inputs/combobox/combobox.tsx
@@ -7312,20 +7321,20 @@ var ComboboxImpl = ({
   displayMode = "count",
   ...inputProps
 }, ref) => {
-  const [open, setOpen] = (0, import_react39.useState)(false);
+  const [open, setOpen] = (0, import_react40.useState)(false);
   const { t } = (0, import_react_i18next24.useTranslation)();
-  const comboboxRef = (0, import_react39.useRef)(null);
-  const listboxRef = (0, import_react39.useRef)(null);
-  (0, import_react39.useImperativeHandle)(ref, () => comboboxRef.current);
+  const comboboxRef = (0, import_react40.useRef)(null);
+  const listboxRef = (0, import_react40.useRef)(null);
+  (0, import_react40.useImperativeHandle)(ref, () => comboboxRef.current);
   const isValueControlled = controlledValue !== void 0;
   const isSearchControlled = controlledSearchValue !== void 0;
   const isArrayValue = Array.isArray(controlledValue);
   const emptyState = isArrayValue ? [] : "";
-  const [uncontrolledSearchValue, setUncontrolledSearchValue] = (0, import_react39.useState)(
+  const [uncontrolledSearchValue, setUncontrolledSearchValue] = (0, import_react40.useState)(
     controlledSearchValue || ""
   );
-  const defferedSearchValue = (0, import_react39.useDeferredValue)(uncontrolledSearchValue);
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react39.useState)(emptyState);
+  const defferedSearchValue = (0, import_react40.useDeferredValue)(uncontrolledSearchValue);
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react40.useState)(emptyState);
   const searchValue = isSearchControlled ? controlledSearchValue : uncontrolledSearchValue;
   const selectedValues = isValueControlled ? controlledValue : uncontrolledValue;
   const handleValueChange = (newValues) => {
@@ -7362,7 +7371,7 @@ var ComboboxImpl = ({
     const newValues = selectedValues.filter((v) => v !== valueToRemove);
     handleValueChange(newValues);
   };
-  const matches = (0, import_react39.useMemo)(() => {
+  const matches = (0, import_react40.useMemo)(() => {
     if (isSearchControlled) {
       return [];
     }
@@ -7373,7 +7382,7 @@ var ComboboxImpl = ({
       keys: ["label"]
     });
   }, [options, defferedSearchValue, isSearchControlled, forceHideInput]);
-  const observer = (0, import_react39.useRef)(
+  const observer = (0, import_react40.useRef)(
     new IntersectionObserver(
       (entries) => {
         const first = entries[0];
@@ -7384,7 +7393,7 @@ var ComboboxImpl = ({
       { threshold: 1 }
     )
   );
-  const lastOptionRef = (0, import_react39.useCallback)(
+  const lastOptionRef = (0, import_react40.useCallback)(
     (node) => {
       if (isFetchingNextPage) {
         return;
@@ -7413,7 +7422,7 @@ var ComboboxImpl = ({
   const hideInput = forceHideInput || !isArrayValue && hasValue && !open;
   const selectedLabel = options.find((o) => o.value === selectedValues)?.label;
   const hidePlaceholder = showSelected || open;
-  const tagWidth = (0, import_react39.useMemo)(() => {
+  const tagWidth = (0, import_react40.useMemo)(() => {
     if (!Array.isArray(selectedValues)) {
       return TAG_BASE_WIDTH + TABLUAR_NUM_WIDTH;
     }
@@ -7421,7 +7430,7 @@ var ComboboxImpl = ({
     const digits = count.toString().length;
     return TAG_BASE_WIDTH + digits * TABLUAR_NUM_WIDTH;
   }, [selectedValues]);
-  const results = (0, import_react39.useMemo)(() => {
+  const results = (0, import_react40.useMemo)(() => {
     return isSearchControlled ? options : matches;
   }, [matches, options, isSearchControlled]);
   const normalizedSearchValue = searchValue?.trim() ?? "";
@@ -7429,7 +7438,7 @@ var ComboboxImpl = ({
     (option) => option.label.trim().toLowerCase() === normalizedSearchValue.toLowerCase()
   );
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-    import_react38.ComboboxProvider,
+    import_react39.ComboboxProvider,
     {
       open,
       setOpen: handleOpenChange,
@@ -7488,7 +7497,7 @@ var ComboboxImpl = ({
                 );
               }),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "relative flex min-w-[120px] flex-1 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                import_react38.Combobox,
+                import_react39.Combobox,
                 {
                   autoSelect: true,
                   ref: comboboxRef,
@@ -7501,7 +7510,7 @@ var ComboboxImpl = ({
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                import_react38.ComboboxDisclosure,
+                import_react39.ComboboxDisclosure,
                 {
                   render: (props) => {
                     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -7579,7 +7588,7 @@ var ComboboxImpl = ({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                  import_react38.Combobox,
+                  import_react39.Combobox,
                   {
                     autoSelect: true,
                     ref: comboboxRef,
@@ -7610,7 +7619,7 @@ var ComboboxImpl = ({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                import_react38.ComboboxDisclosure,
+                import_react39.ComboboxDisclosure,
                 {
                   render: (props) => {
                     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -7629,7 +7638,7 @@ var ComboboxImpl = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-          import_react38.ComboboxPopover,
+          import_react39.ComboboxPopover,
           {
             gutter: 4,
             sameWidth: true,
@@ -7647,7 +7656,7 @@ var ComboboxImpl = ({
             },
             children: [
               results.map(({ value, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                import_react38.ComboboxItem,
+                import_react39.ComboboxItem,
                 {
                   value,
                   focusOnHover: true,
@@ -7661,8 +7670,8 @@ var ComboboxImpl = ({
                     }
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react38.ComboboxItemCheck, { className: "flex !size-5 items-center justify-center", children: isArrayValue ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons14.CheckMini, {}) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons14.EllipseMiniSolid, {}) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react38.ComboboxItemValue, { className: "txt-compact-small", children: label })
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react39.ComboboxItemCheck, { className: "flex !size-5 items-center justify-center", children: isArrayValue ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons14.CheckMini, {}) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons14.EllipseMiniSolid, {}) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react39.ComboboxItemValue, { className: "txt-compact-small", children: label })
                   ]
                 },
                 value
@@ -7678,10 +7687,10 @@ var ComboboxImpl = ({
                   children: t("general.noResultsTitle")
                 }
               ) })),
-              (!results.length || shouldAlwaysShowCreateOption && normalizedSearchValue.length > 0) && onCreateOption && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react39.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react38.Separator, { className: "bg-ui-border-base -mx-1" }),
+              (!results.length || shouldAlwaysShowCreateOption && normalizedSearchValue.length > 0) && onCreateOption && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react40.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react39.Separator, { className: "bg-ui-border-base -mx-1" }),
                 /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                  import_react38.ComboboxItem,
+                  import_react39.ComboboxItem,
                   {
                     value: searchValue,
                     focusOnHover: true,
@@ -7715,14 +7724,14 @@ var ComboboxImpl = ({
 var Combobox = genericForwardRef(ComboboxImpl);
 
 // src/components/inputs/country-select/country-select.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_react_i18next25 = require("react-i18next");
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var CountrySelect = (0, import_react40.forwardRef)(
+var CountrySelect = (0, import_react41.forwardRef)(
   ({ placeholder, defaultValue, allowClear, onChange, value, ...props }, ref) => {
     const { t } = (0, import_react_i18next25.useTranslation)();
-    const innerRef = (0, import_react40.useRef)(null);
-    (0, import_react40.useImperativeHandle)(ref, () => innerRef.current);
+    const innerRef = (0, import_react41.useRef)(null);
+    (0, import_react41.useImperativeHandle)(ref, () => innerRef.current);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Combobox,
       {
@@ -7744,9 +7753,9 @@ CountrySelect.displayName = "CountrySelect";
 
 // src/components/inputs/handle-input/handle-input.tsx
 var import_ui34 = require("@medusajs/ui");
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var HandleInput = (0, import_react41.forwardRef)((props, ref) => {
+var HandleInput = (0, import_react42.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_ui34.Text,
@@ -7783,18 +7792,18 @@ var useCombinedRefs = (...refs) => {
 };
 
 // src/components/data-grid/hooks/use-data-grid-cell.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/components/data-grid/context/data-grid-context.tsx
-var import_react42 = require("react");
-var DataGridContext = (0, import_react42.createContext)(
+var import_react43 = require("react");
+var DataGridContext = (0, import_react43.createContext)(
   null
 );
 
 // src/components/data-grid/context/use-data-grid-context.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var useDataGridContext = () => {
-  const context = (0, import_react43.useContext)(DataGridContext);
+  const context = (0, import_react44.useContext)(DataGridContext);
   if (!context) {
     throw new Error(
       "useDataGridContext must be used within a DataGridContextProvider"
@@ -7840,17 +7849,17 @@ var useDataGridCell = ({
     getCellMetadata
   } = useDataGridContext();
   const { rowIndex, columnIndex } = context;
-  const coords = (0, import_react44.useMemo)(
+  const coords = (0, import_react45.useMemo)(
     () => ({ row: rowIndex, col: columnIndex }),
     [rowIndex, columnIndex]
   );
-  const { id: id2, field, type, innerAttributes, inputAttributes } = (0, import_react44.useMemo)(() => {
+  const { id: id2, field, type, innerAttributes, inputAttributes } = (0, import_react45.useMemo)(() => {
     return getCellMetadata(coords);
   }, [coords, getCellMetadata]);
-  const [showOverlay, setShowOverlay] = (0, import_react44.useState)(true);
-  const containerRef = (0, import_react44.useRef)(null);
-  const inputRef = (0, import_react44.useRef)(null);
-  const handleOverlayMouseDown = (0, import_react44.useCallback)(
+  const [showOverlay, setShowOverlay] = (0, import_react45.useState)(true);
+  const containerRef = (0, import_react45.useRef)(null);
+  const inputRef = (0, import_react45.useRef)(null);
+  const handleOverlayMouseDown = (0, import_react45.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -7875,7 +7884,7 @@ var useDataGridCell = ({
     },
     [coords, anchor, setRangeEnd, setSingleRange, setIsSelecting]
   );
-  const handleBooleanInnerMouseDown = (0, import_react44.useCallback)(
+  const handleBooleanInnerMouseDown = (0, import_react45.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -7895,15 +7904,15 @@ var useDataGridCell = ({
     },
     [setIsSelecting, setSingleRange, setRangeEnd, coords]
   );
-  const handleInputBlur = (0, import_react44.useCallback)(() => {
+  const handleInputBlur = (0, import_react45.useCallback)(() => {
     setShowOverlay(true);
     setIsEditing(false);
   }, [setIsEditing]);
-  const handleInputFocus = (0, import_react44.useCallback)(() => {
+  const handleInputFocus = (0, import_react45.useCallback)(() => {
     setShowOverlay(false);
     setIsEditing(true);
   }, [setIsEditing]);
-  const validateKeyStroke = (0, import_react44.useCallback)(
+  const validateKeyStroke = (0, import_react45.useCallback)(
     (key) => {
       switch (type) {
         case "togglable-number":
@@ -7918,7 +7927,7 @@ var useDataGridCell = ({
     },
     [type]
   );
-  const handleContainerKeyDown = (0, import_react44.useCallback)(
+  const handleContainerKeyDown = (0, import_react45.useCallback)(
     (e) => {
       if (!inputRef.current || !validateKeyStroke(e.key) || !showOverlay) {
         return;
@@ -7964,13 +7973,13 @@ var useDataGridCell = ({
     },
     [showOverlay, validateKeyStroke]
   );
-  const isAnchor = (0, import_react44.useMemo)(() => {
+  const isAnchor = (0, import_react45.useMemo)(() => {
     return anchor ? isCellMatch(coords, anchor) : false;
   }, [anchor, coords]);
-  const fieldWithoutOverlay = (0, import_react44.useMemo)(() => {
+  const fieldWithoutOverlay = (0, import_react45.useMemo)(() => {
     return type === "boolean";
   }, [type]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (isAnchor && !containerRef.current?.contains(document.activeElement)) {
       containerRef.current?.focus({ preventScroll: true });
     }
@@ -8012,14 +8021,14 @@ var useDataGridCell = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-cell-error.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_react_hook_form3 = require("react-hook-form");
 var useDataGridCellError = ({
   context
 }) => {
   const { errors, getCellErrorMetadata, navigateToField } = useDataGridContext();
   const { rowIndex, columnIndex } = context;
-  const { accessor, field } = (0, import_react45.useMemo)(() => {
+  const { accessor, field } = (0, import_react46.useMemo)(() => {
     return getCellErrorMetadata({ row: rowIndex, col: columnIndex });
   }, [rowIndex, columnIndex, getCellErrorMetadata]);
   const rowErrorsObject = accessor && columnIndex === 0 ? (0, import_react_hook_form3.get)(errors, accessor) : void 0;
@@ -8059,7 +8068,7 @@ function isFieldError(errors) {
 }
 
 // src/components/data-grid/hooks/use-data-grid-cell-handlers.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 
 // src/components/data-grid/models/data-grid-bulk-update-command.ts
 var DataGridBulkUpdateCommand = class {
@@ -8463,7 +8472,7 @@ var useDataGridCellHandlers = ({
   execute,
   multiColumnSelection
 }) => {
-  const getWrapperFocusHandler = (0, import_react46.useCallback)(
+  const getWrapperFocusHandler = (0, import_react47.useCallback)(
     (coords) => {
       return (_e) => {
         setSingleRange(coords);
@@ -8471,7 +8480,7 @@ var useDataGridCellHandlers = ({
     },
     [setSingleRange]
   );
-  const getOverlayMouseDownHandler = (0, import_react46.useCallback)(
+  const getOverlayMouseDownHandler = (0, import_react47.useCallback)(
     (coords) => {
       return (e) => {
         e.stopPropagation();
@@ -8486,7 +8495,7 @@ var useDataGridCellHandlers = ({
     },
     [setIsSelecting, setRangeEnd, setSingleRange]
   );
-  const getWrapperMouseOverHandler = (0, import_react46.useCallback)(
+  const getWrapperMouseOverHandler = (0, import_react47.useCallback)(
     (coords) => {
       if (!isDragging && !isSelecting) {
         return;
@@ -8511,7 +8520,7 @@ var useDataGridCellHandlers = ({
       multiColumnSelection
     ]
   );
-  const getInputChangeHandler = (0, import_react46.useCallback)(
+  const getInputChangeHandler = (0, import_react47.useCallback)(
     // Using `any` here as the generic type of Path<TFieldValues> will
     // not be inferred correctly.
     (field) => {
@@ -8531,13 +8540,13 @@ var useDataGridCellHandlers = ({
     },
     [setValue2, execute]
   );
-  const onDragToFillStart = (0, import_react46.useCallback)(
+  const onDragToFillStart = (0, import_react47.useCallback)(
     (_e) => {
       setIsDragging(true);
     },
     [setIsDragging]
   );
-  const getIsCellSelected = (0, import_react46.useCallback)(
+  const getIsCellSelected = (0, import_react47.useCallback)(
     (cell) => {
       if (!cell || !anchor || !rangeEnd) {
         return false;
@@ -8546,7 +8555,7 @@ var useDataGridCellHandlers = ({
     },
     [anchor, rangeEnd, matrix]
   );
-  const getIsCellDragSelected = (0, import_react46.useCallback)(
+  const getIsCellDragSelected = (0, import_react47.useCallback)(
     (cell) => {
       if (!cell || !anchor || !dragEnd) {
         return false;
@@ -8567,11 +8576,11 @@ var useDataGridCellHandlers = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-cell-metadata.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var useDataGridCellMetadata = ({
   matrix
 }) => {
-  const getCellMetadata = (0, import_react47.useCallback)(
+  const getCellMetadata = (0, import_react48.useCallback)(
     (coords) => {
       const { row, col } = coords;
       const id2 = generateCellId(coords);
@@ -8599,7 +8608,7 @@ var useDataGridCellMetadata = ({
     },
     [matrix]
   );
-  const getCellErrorMetadata = (0, import_react47.useCallback)(
+  const getCellErrorMetadata = (0, import_react48.useCallback)(
     (coords) => {
       const accessor = matrix.getRowAccessor(coords.row);
       const field = matrix.getCellField(coords);
@@ -8617,14 +8626,14 @@ var useDataGridCellMetadata = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-cell-snapshot.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var useDataGridCellSnapshot = ({
   matrix,
   form
 }) => {
-  const [snapshot, setSnapshot] = (0, import_react48.useState)(null);
+  const [snapshot, setSnapshot] = (0, import_react49.useState)(null);
   const { getValues, setValue: setValue2 } = form;
-  const createSnapshot = (0, import_react48.useCallback)(
+  const createSnapshot = (0, import_react49.useCallback)(
     (cell) => {
       if (!cell) {
         return null;
@@ -8643,7 +8652,7 @@ var useDataGridCellSnapshot = ({
     },
     [getValues, matrix]
   );
-  const restoreSnapshot = (0, import_react48.useCallback)(() => {
+  const restoreSnapshot = (0, import_react49.useCallback)(() => {
     if (!snapshot) {
       return;
     }
@@ -8659,7 +8668,7 @@ var useDataGridCellSnapshot = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-clipboard-events.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var useDataGridClipboardEvents = ({
   containerRef,
   matrix,
@@ -8670,7 +8679,7 @@ var useDataGridClipboardEvents = ({
   setSelectionValues,
   execute
 }) => {
-  const handleCopyEvent = (0, import_react49.useCallback)(
+  const handleCopyEvent = (0, import_react50.useCallback)(
     (e) => {
       if (isEditing || !anchor || !rangeEnd) {
         return;
@@ -8703,7 +8712,7 @@ var useDataGridClipboardEvents = ({
     },
     [isEditing, anchor, rangeEnd, containerRef, matrix, getSelectionValues]
   );
-  const handlePasteEvent = (0, import_react49.useCallback)(
+  const handlePasteEvent = (0, import_react50.useCallback)(
     (e) => {
       if (isEditing || !anchor || !rangeEnd) {
         return;
@@ -8741,7 +8750,7 @@ var useDataGridClipboardEvents = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-column-visibility.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 function useDataGridColumnVisibility(grid, matrix) {
   const columns = grid.getAllLeafColumns();
   const columnOptions = columns.map((column) => ({
@@ -8750,7 +8759,7 @@ function useDataGridColumnVisibility(grid, matrix) {
     checked: column.getIsVisible(),
     disabled: !column.getCanHide()
   }));
-  const handleToggleColumn = (0, import_react50.useCallback)(
+  const handleToggleColumn = (0, import_react51.useCallback)(
     (index) => (value) => {
       const column = columns[index];
       if (!column.getCanHide()) {
@@ -8761,7 +8770,7 @@ function useDataGridColumnVisibility(grid, matrix) {
     },
     [columns, matrix]
   );
-  const handleResetColumns = (0, import_react50.useCallback)(() => {
+  const handleResetColumns = (0, import_react51.useCallback)(() => {
     grid.setColumnVisibility({});
   }, [grid]);
   const optionCount = columnOptions.filter((c) => !c.disabled).length;
@@ -8794,15 +8803,15 @@ function getColumnName(column) {
 var import_react_hook_form4 = require("react-hook-form");
 
 // src/components/data-grid/hooks/use-data-grid-error-highlighting.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var useDataGridErrorHighlighting = (matrix, grid, errors) => {
-  const [isHighlighted, setIsHighlighted] = (0, import_react51.useState)(false);
-  const [visibilitySnapshot, setVisibilitySnapshot] = (0, import_react51.useState)(null);
+  const [isHighlighted, setIsHighlighted] = (0, import_react52.useState)(false);
+  const [visibilitySnapshot, setVisibilitySnapshot] = (0, import_react52.useState)(null);
   const { flatRows } = grid.getRowModel();
   const flatColumns = grid.getAllFlatColumns();
   const errorPaths = findErrorPaths(errors);
   const errorCount = errorPaths.length;
-  const { rowsWithErrors, columnsWithErrors } = (0, import_react51.useMemo)(() => {
+  const { rowsWithErrors, columnsWithErrors } = (0, import_react52.useMemo)(() => {
     const rowsWithErrors2 = /* @__PURE__ */ new Set();
     const columnsWithErrors2 = /* @__PURE__ */ new Set();
     errorPaths.forEach((errorPath) => {
@@ -8821,7 +8830,7 @@ var useDataGridErrorHighlighting = (matrix, grid, errors) => {
     });
     return { rowsWithErrors: rowsWithErrors2, columnsWithErrors: columnsWithErrors2 };
   }, [errorPaths, matrix.rowAccessors, matrix.columnAccessors]);
-  const toggleErrorHighlighting = (0, import_react51.useCallback)(
+  const toggleErrorHighlighting = (0, import_react52.useCallback)(
     (currentRowVisibility, currentColumnVisibility, setRowVisibility, setColumnVisibility) => {
       if (isHighlighted) {
         if (visibilitySnapshot) {
@@ -8879,14 +8888,14 @@ function findErrorPaths(obj, path = []) {
 }
 
 // src/components/data-grid/hooks/use-data-grid-form-handlers.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var useDataGridFormHandlers = ({
   matrix,
   form,
   anchor
 }) => {
   const { getValues, reset } = form;
-  const getSelectionValues = (0, import_react52.useCallback)(
+  const getSelectionValues = (0, import_react53.useCallback)(
     (fields) => {
       if (!fields.length) {
         return [];
@@ -8898,7 +8907,7 @@ var useDataGridFormHandlers = ({
     },
     [getValues]
   );
-  const setSelectionValues = (0, import_react52.useCallback)(
+  const setSelectionValues = (0, import_react53.useCallback)(
     async (fields, values, isHistory) => {
       if (!fields.length || !anchor) {
         return;
@@ -9039,7 +9048,7 @@ function convertArrayToPrimitive(values, type) {
 }
 
 // src/components/data-grid/hooks/use-data-grid-keydown-event.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 var VERTICAL_KEYS = ["ArrowUp", "ArrowDown"];
 var useDataGridKeydownEvent = ({
@@ -9064,7 +9073,7 @@ var useDataGridKeydownEvent = ({
   restoreSnapshot,
   createSnapshot
 }) => {
-  const handleKeyboardNavigation = (0, import_react53.useCallback)(
+  const handleKeyboardNavigation = (0, import_react54.useCallback)(
     (e) => {
       if (!anchor) {
         return;
@@ -9104,7 +9113,7 @@ var useDataGridKeydownEvent = ({
       matrix
     ]
   );
-  const handleTabKey = (0, import_react53.useCallback)(
+  const handleTabKey = (0, import_react54.useCallback)(
     (e) => {
       if (!anchor) {
         return;
@@ -9125,7 +9134,7 @@ var useDataGridKeydownEvent = ({
     },
     [anchor, scrollToCoordinates, setSingleRange, matrix]
   );
-  const handleUndo = (0, import_react53.useCallback)(
+  const handleUndo = (0, import_react54.useCallback)(
     (e) => {
       e.preventDefault();
       if (e.shiftKey) {
@@ -9136,7 +9145,7 @@ var useDataGridKeydownEvent = ({
     },
     [redo, undo]
   );
-  const handleSpaceKeyBoolean = (0, import_react53.useCallback)(
+  const handleSpaceKeyBoolean = (0, import_react54.useCallback)(
     (anchor2) => {
       const end = rangeEnd ?? anchor2;
       const fields = matrix.getFieldsInSelection(anchor2, end);
@@ -9153,7 +9162,7 @@ var useDataGridKeydownEvent = ({
     },
     [rangeEnd, matrix, getSelectionValues, setSelectionValues, execute]
   );
-  const handleSpaceKeyText = (0, import_react53.useCallback)(
+  const handleSpaceKeyText = (0, import_react54.useCallback)(
     (anchor2) => {
       const field = matrix.getCellField(anchor2);
       const input = queryTool?.getInput(anchor2);
@@ -9165,7 +9174,7 @@ var useDataGridKeydownEvent = ({
     },
     [matrix, queryTool, createSnapshot]
   );
-  const handleSpaceKeyNumber = (0, import_react53.useCallback)(
+  const handleSpaceKeyNumber = (0, import_react54.useCallback)(
     (anchor2) => {
       const field = matrix.getCellField(anchor2);
       const input = queryTool?.getInput(anchor2);
@@ -9190,7 +9199,7 @@ var useDataGridKeydownEvent = ({
     },
     [matrix, queryTool, getValues, execute, setValue2, createSnapshot]
   );
-  const handleSpaceKeyTogglableNumber = (0, import_react53.useCallback)(
+  const handleSpaceKeyTogglableNumber = (0, import_react54.useCallback)(
     (anchor2) => {
       const field = matrix.getCellField(anchor2);
       const input = queryTool?.getInput(anchor2);
@@ -9219,7 +9228,7 @@ var useDataGridKeydownEvent = ({
     },
     [matrix, queryTool, getValues, execute, setValue2, createSnapshot]
   );
-  const handleSpaceKey = (0, import_react53.useCallback)(
+  const handleSpaceKey = (0, import_react54.useCallback)(
     (e) => {
       if (!anchor || isEditing) {
         return;
@@ -9255,7 +9264,7 @@ var useDataGridKeydownEvent = ({
       handleSpaceKeyTogglableNumber
     ]
   );
-  const handleMoveOnEnter = (0, import_react53.useCallback)(
+  const handleMoveOnEnter = (0, import_react54.useCallback)(
     (e, anchor2) => {
       const direction = e.shiftKey ? "ArrowUp" : "ArrowDown";
       const pos = matrix.getValidMovement(
@@ -9281,7 +9290,7 @@ var useDataGridKeydownEvent = ({
       onEditingChangeHandler
     ]
   );
-  const handleEditOnEnter = (0, import_react53.useCallback)(
+  const handleEditOnEnter = (0, import_react54.useCallback)(
     (anchor2) => {
       const input = queryTool?.getInput(anchor2);
       if (!input) {
@@ -9292,7 +9301,7 @@ var useDataGridKeydownEvent = ({
     },
     [queryTool, onEditingChangeHandler]
   );
-  const handleEnterKeyTextOrNumber = (0, import_react53.useCallback)(
+  const handleEnterKeyTextOrNumber = (0, import_react54.useCallback)(
     (e, anchor2) => {
       if (isEditing) {
         handleMoveOnEnter(e, anchor2);
@@ -9302,7 +9311,7 @@ var useDataGridKeydownEvent = ({
     },
     [handleMoveOnEnter, handleEditOnEnter, isEditing]
   );
-  const handleEnterKeyMultilineText = (0, import_react53.useCallback)(
+  const handleEnterKeyMultilineText = (0, import_react54.useCallback)(
     (e, anchor2) => {
       if (isEditing) {
         if (e.shiftKey) {
@@ -9315,7 +9324,7 @@ var useDataGridKeydownEvent = ({
     },
     [handleMoveOnEnter, handleEditOnEnter, isEditing]
   );
-  const handleEnterKeyBoolean = (0, import_react53.useCallback)(
+  const handleEnterKeyBoolean = (0, import_react54.useCallback)(
     (e, anchor2) => {
       const field = matrix.getCellField(anchor2);
       if (!field) {
@@ -9343,7 +9352,7 @@ var useDataGridKeydownEvent = ({
     },
     [execute, getValues, handleMoveOnEnter, matrix, setValue2]
   );
-  const handleEnterKey = (0, import_react53.useCallback)(
+  const handleEnterKey = (0, import_react54.useCallback)(
     (e) => {
       if (!anchor) {
         return;
@@ -9377,7 +9386,7 @@ var useDataGridKeydownEvent = ({
       handleEnterKeyMultilineText
     ]
   );
-  const handleDeleteKeyTogglableNumber = (0, import_react53.useCallback)(
+  const handleDeleteKeyTogglableNumber = (0, import_react54.useCallback)(
     (anchor2, rangeEnd2) => {
       const fields = matrix.getFieldsInSelection(anchor2, rangeEnd2);
       const prev = getSelectionValues(fields);
@@ -9396,7 +9405,7 @@ var useDataGridKeydownEvent = ({
     },
     [matrix, getSelectionValues, setSelectionValues, execute]
   );
-  const handleDeleteKeyTextOrNumber = (0, import_react53.useCallback)(
+  const handleDeleteKeyTextOrNumber = (0, import_react54.useCallback)(
     (anchor2, rangeEnd2) => {
       const fields = matrix.getFieldsInSelection(anchor2, rangeEnd2);
       const prev = getSelectionValues(fields);
@@ -9411,7 +9420,7 @@ var useDataGridKeydownEvent = ({
     },
     [matrix, getSelectionValues, setSelectionValues, execute]
   );
-  const handleDeleteKeyBoolean = (0, import_react53.useCallback)(
+  const handleDeleteKeyBoolean = (0, import_react54.useCallback)(
     (anchor2, rangeEnd2) => {
       const fields = matrix.getFieldsInSelection(anchor2, rangeEnd2);
       const prev = getSelectionValues(fields);
@@ -9426,7 +9435,7 @@ var useDataGridKeydownEvent = ({
     },
     [execute, getSelectionValues, matrix, setSelectionValues]
   );
-  const handleDeleteKey = (0, import_react53.useCallback)(
+  const handleDeleteKey = (0, import_react54.useCallback)(
     (e) => {
       if (!anchor || !rangeEnd || isEditing) {
         return;
@@ -9460,7 +9469,7 @@ var useDataGridKeydownEvent = ({
       handleDeleteKeyTogglableNumber
     ]
   );
-  const handleEscapeKey = (0, import_react53.useCallback)(
+  const handleEscapeKey = (0, import_react54.useCallback)(
     (e) => {
       if (!anchor || !isEditing) {
         return;
@@ -9473,7 +9482,7 @@ var useDataGridKeydownEvent = ({
     },
     [queryTool, isEditing, anchor, restoreSnapshot]
   );
-  const handleSpecialFocusKeys = (0, import_react53.useCallback)(
+  const handleSpecialFocusKeys = (0, import_react54.useCallback)(
     (e) => {
       if (!containerRef || isEditing) {
         return;
@@ -9498,7 +9507,7 @@ var useDataGridKeydownEvent = ({
     },
     [isEditing, setTrapActive, containerRef]
   );
-  const handleKeyDownEvent = (0, import_react53.useCallback)(
+  const handleKeyDownEvent = (0, import_react54.useCallback)(
     (e) => {
       if (ARROW_KEYS.includes(e.key)) {
         handleKeyboardNavigation(e);
@@ -9563,7 +9572,7 @@ function getFocusableElements(ref) {
 }
 
 // src/components/data-grid/hooks/use-data-grid-mouse-up-event.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var useDataGridMouseUpEvent = ({
   matrix,
   anchor,
@@ -9577,7 +9586,7 @@ var useDataGridMouseUpEvent = ({
   setSelectionValues,
   execute
 }) => {
-  const handleDragEnd = (0, import_react54.useCallback)(() => {
+  const handleDragEnd = (0, import_react55.useCallback)(() => {
     if (!isDragging) {
       return;
     }
@@ -9615,7 +9624,7 @@ var useDataGridMouseUpEvent = ({
     setDragEnd,
     setRangeEnd
   ]);
-  const handleMouseUpEvent = (0, import_react54.useCallback)(() => {
+  const handleMouseUpEvent = (0, import_react55.useCallback)(() => {
     handleDragEnd();
     setIsSelecting(false);
   }, [handleDragEnd, setIsSelecting]);
@@ -9625,7 +9634,7 @@ var useDataGridMouseUpEvent = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-navigation.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var useDataGridNavigation = ({
   matrix,
   anchor,
@@ -9638,7 +9647,7 @@ var useDataGridNavigation = ({
   queryTool,
   setSingleRange
 }) => {
-  const scrollToCoordinates = (0, import_react55.useCallback)(
+  const scrollToCoordinates = (0, import_react56.useCallback)(
     (coords, direction) => {
       if (!anchor) {
         return;
@@ -9665,7 +9674,7 @@ var useDataGridNavigation = ({
     },
     [anchor, columnVirtualizer, visibleRows, rowVirtualizer, visibleColumns]
   );
-  const navigateToField = (0, import_react55.useCallback)(
+  const navigateToField = (0, import_react56.useCallback)(
     (field) => {
       const coords = matrix.getCoordinatesByField(field);
       if (!coords) {
@@ -9705,10 +9714,10 @@ var useDataGridNavigation = ({
 };
 
 // src/components/data-grid/hooks/use-data-grid-query-tool.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var useDataGridQueryTool = (containerRef) => {
-  const queryToolRef = (0, import_react56.useRef)(null);
-  (0, import_react56.useEffect)(() => {
+  const queryToolRef = (0, import_react57.useRef)(null);
+  (0, import_react57.useEffect)(() => {
     if (containerRef.current) {
       queryToolRef.current = new DataGridQueryTool(containerRef.current);
     }
@@ -9901,7 +9910,7 @@ var Inner = ({
 // src/components/data-grid/components/data-grid-currency-cell.tsx
 var import_react_currency_input_field = __toESM(require("react-currency-input-field"));
 var import_react_hook_form7 = require("react-hook-form");
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var DataGridCurrencyCell = ({
   context,
@@ -9937,7 +9946,7 @@ var Inner2 = ({
     onChange,
     ...attributes
   } = inputProps;
-  const formatter = (0, import_react57.useCallback)(
+  const formatter = (0, import_react58.useCallback)(
     (value2) => {
       const ensuredValue = typeof value2 === "number" ? value2.toString() : value2 || "";
       return (0, import_react_currency_input_field.formatValue)({
@@ -9949,7 +9958,7 @@ var Inner2 = ({
     },
     [currencyInfo]
   );
-  const [localValue, setLocalValue] = (0, import_react57.useState)(value || "");
+  const [localValue, setLocalValue] = (0, import_react58.useState)(value || "");
   const handleValueChange = (value2, _name, _values) => {
     if (!value2) {
       setLocalValue("");
@@ -9957,7 +9966,7 @@ var Inner2 = ({
     }
     setLocalValue(value2);
   };
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     let update = value;
     if (!isNaN(Number(value))) {
       update = formatter(update);
@@ -10001,7 +10010,7 @@ var Inner2 = ({
 
 // src/components/data-grid/components/data-grid-multiline-cell.tsx
 var import_ui38 = require("@medusajs/ui");
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_hook_form8 = require("react-hook-form");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var DataGridMultilineCell = ({
@@ -10029,13 +10038,13 @@ var Inner3 = ({
 }) => {
   const { onChange: _, onBlur, ref, value, ...rest } = field;
   const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
-  const [localValue, setLocalValue] = (0, import_react58.useState)(value);
-  const textareaRef = (0, import_react58.useRef)(null);
-  (0, import_react58.useEffect)(() => {
+  const [localValue, setLocalValue] = (0, import_react59.useState)(value);
+  const textareaRef = (0, import_react59.useRef)(null);
+  (0, import_react59.useEffect)(() => {
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref, textareaRef);
-  const adjustTextareaHeight = (0, import_react58.useCallback)(() => {
+  const adjustTextareaHeight = (0, import_react59.useCallback)(() => {
     const textarea = textareaRef.current;
     if (textarea) {
       textarea.style.height = "0px";
@@ -10043,10 +10052,10 @@ var Inner3 = ({
       textarea.style.height = `${newHeight}px`;
     }
   }, []);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     adjustTextareaHeight();
   }, [localValue, adjustTextareaHeight]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     adjustTextareaHeight();
     const timeoutId = setTimeout(adjustTextareaHeight, 50);
     return () => clearTimeout(timeoutId);
@@ -10080,7 +10089,7 @@ var Inner3 = ({
 
 // src/components/data-grid/components/data-grid-number-cell.tsx
 var import_ui39 = require("@medusajs/ui");
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_react_hook_form9 = require("react-hook-form");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var DataGridNumberCell = ({
@@ -10116,8 +10125,8 @@ var Inner4 = ({
     onFocus,
     ...attributes
   } = inputProps;
-  const [localValue, setLocalValue] = (0, import_react59.useState)(value);
-  (0, import_react59.useEffect)(() => {
+  const [localValue, setLocalValue] = (0, import_react60.useState)(value);
+  (0, import_react60.useEffect)(() => {
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref);
@@ -10189,17 +10198,17 @@ var import_icons17 = require("@medusajs/icons");
 var import_ui42 = require("@medusajs/ui");
 var import_react_table = require("@tanstack/react-table");
 var import_react_virtual = require("@tanstack/react-virtual");
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_react_i18next28 = require("react-i18next");
 
 // src/hooks/use-command-history.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var useCommandHistory = (maxHistory = 20) => {
-  const [past, setPast] = (0, import_react60.useState)([]);
-  const [future, setFuture] = (0, import_react60.useState)([]);
+  const [past, setPast] = (0, import_react61.useState)([]);
+  const [future, setFuture] = (0, import_react61.useState)([]);
   const canUndo = past.length > 0;
   const canRedo = future.length > 0;
-  const undo = (0, import_react60.useCallback)(() => {
+  const undo = (0, import_react61.useCallback)(() => {
     if (!canUndo) {
       return;
     }
@@ -10209,7 +10218,7 @@ var useCommandHistory = (maxHistory = 20) => {
     setPast(newPast);
     setFuture([previous, ...future.slice(0, maxHistory - 1)]);
   }, [canUndo, future, past, maxHistory]);
-  const redo = (0, import_react60.useCallback)(() => {
+  const redo = (0, import_react61.useCallback)(() => {
     if (!canRedo) {
       return;
     }
@@ -10219,7 +10228,7 @@ var useCommandHistory = (maxHistory = 20) => {
     setPast([...past, next].slice(0, maxHistory - 1));
     setFuture(newFuture);
   }, [canRedo, future, past, maxHistory]);
-  const execute = (0, import_react60.useCallback)(
+  const execute = (0, import_react61.useCallback)(
     (command) => {
       command.execute();
       setPast((past2) => [...past2, command].slice(0, maxHistory - 1));
@@ -10240,12 +10249,12 @@ var useCommandHistory = (maxHistory = 20) => {
 var import_icons16 = require("@medusajs/icons");
 var import_ui41 = require("@medusajs/ui");
 var import_radix_ui2 = require("radix-ui");
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_react_i18next27 = require("react-i18next");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var useDataGridShortcuts = () => {
   const { t } = (0, import_react_i18next27.useTranslation)();
-  const shortcuts = (0, import_react61.useMemo)(
+  const shortcuts = (0, import_react62.useMemo)(
     () => [
       {
         label: t("dataGrid.shortcuts.commands.undo"),
@@ -10390,9 +10399,9 @@ var DataGridKeyboardShortcutModal = ({
   onOpenChange
 }) => {
   const { t } = (0, import_react_i18next27.useTranslation)();
-  const [searchValue, onSearchValueChange] = (0, import_react61.useState)("");
+  const [searchValue, onSearchValueChange] = (0, import_react62.useState)("");
   const shortcuts = useDataGridShortcuts();
-  const searchResults = (0, import_react61.useMemo)(() => {
+  const searchResults = (0, import_react62.useMemo)(() => {
     return shortcuts.filter(
       (shortcut) => shortcut.label.toLowerCase().includes(searchValue.toLowerCase())
     );
@@ -10484,7 +10493,7 @@ var DataGridRoot = ({
   headerContent
 }) => {
   const isLazyMode = totalRowCount !== void 0;
-  const containerRef = (0, import_react62.useRef)(null);
+  const containerRef = (0, import_react63.useRef)(null);
   const { redo, undo, execute } = useCommandHistory();
   const {
     register,
@@ -10493,16 +10502,16 @@ var DataGridRoot = ({
     setValue: setValue2,
     formState: { errors }
   } = state;
-  const [internalTrapActive, setTrapActive] = (0, import_react62.useState)(true);
+  const [internalTrapActive, setTrapActive] = (0, import_react63.useState)(true);
   const trapActive = !disableInteractions && internalTrapActive;
-  const [anchor, setAnchor] = (0, import_react62.useState)(null);
-  const [rangeEnd, setRangeEnd] = (0, import_react62.useState)(null);
-  const [dragEnd, setDragEnd] = (0, import_react62.useState)(null);
-  const [isSelecting, setIsSelecting] = (0, import_react62.useState)(false);
-  const [isDragging, setIsDragging] = (0, import_react62.useState)(false);
-  const [isEditing, setIsEditing] = (0, import_react62.useState)(false);
-  const [columnVisibility, setColumnVisibility] = (0, import_react62.useState)({});
-  const [rowVisibility, setRowVisibility] = (0, import_react62.useState)({});
+  const [anchor, setAnchor] = (0, import_react63.useState)(null);
+  const [rangeEnd, setRangeEnd] = (0, import_react63.useState)(null);
+  const [dragEnd, setDragEnd] = (0, import_react63.useState)(null);
+  const [isSelecting, setIsSelecting] = (0, import_react63.useState)(false);
+  const [isDragging, setIsDragging] = (0, import_react63.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react63.useState)(false);
+  const [columnVisibility, setColumnVisibility] = (0, import_react63.useState)({});
+  const [rowVisibility, setRowVisibility] = (0, import_react63.useState)({});
   const grid = (0, import_react_table.useReactTable)({
     data,
     columns,
@@ -10525,7 +10534,7 @@ var DataGridRoot = ({
   });
   const { flatRows } = grid.getRowModel();
   const flatColumns = grid.getAllFlatColumns();
-  const visibleRows = (0, import_react62.useMemo)(
+  const visibleRows = (0, import_react63.useMemo)(
     () => flatRows.filter((_, index) => rowVisibility?.[index] !== false),
     [flatRows, rowVisibility]
   );
@@ -10555,13 +10564,13 @@ var DataGridRoot = ({
     }
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
-  const lazyLoadingRefs = (0, import_react62.useRef)({
+  const lazyLoadingRefs = (0, import_react63.useRef)({
     onFetchMore,
     hasNextPage,
     isFetchingMore,
     loadedRowCount: visibleRows.length
   });
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     lazyLoadingRefs.current = {
       onFetchMore,
       hasNextPage,
@@ -10570,7 +10579,7 @@ var DataGridRoot = ({
     };
   }, [onFetchMore, hasNextPage, isFetchingMore, visibleRows.length]);
   const hasData = visibleRows.length > 0;
-  const handleScroll = (0, import_react62.useCallback)(() => {
+  const handleScroll = (0, import_react63.useCallback)(() => {
     const { onFetchMore: onFetchMore2, hasNextPage: hasNextPage2, isFetchingMore: isFetchingMore2, loadedRowCount } = lazyLoadingRefs.current;
     if (!onFetchMore2 || !hasNextPage2 || isFetchingMore2) {
       return;
@@ -10584,7 +10593,7 @@ var DataGridRoot = ({
       onFetchMore2();
     }
   }, [lazyLoadingRefs, containerRef]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!isLazyMode || !hasData) {
       return;
     }
@@ -10632,7 +10641,7 @@ var DataGridRoot = ({
   });
   const virtualColumns = columnVirtualizer.getVirtualItems();
   const columnSizing = grid.getState().columnSizing;
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     columnVirtualizer.measure();
   }, [columnSizing, columnVirtualizer]);
   let virtualPaddingLeft;
@@ -10641,7 +10650,7 @@ var DataGridRoot = ({
     virtualPaddingLeft = virtualColumns[0]?.start ?? 0;
     virtualPaddingRight = columnVirtualizer.getTotalSize() - (virtualColumns[virtualColumns.length - 1]?.end ?? 0);
   }
-  const matrix = (0, import_react62.useMemo)(
+  const matrix = (0, import_react63.useMemo)(
     () => new DataGridMatrix(
       flatRows,
       columns,
@@ -10650,7 +10659,7 @@ var DataGridRoot = ({
     [flatRows, columns, multiColumnSelection]
   );
   const queryTool = useDataGridQueryTool(containerRef);
-  const setSingleRange = (0, import_react62.useCallback)(
+  const setSingleRange = (0, import_react63.useCallback)(
     (coordinates) => {
       setAnchor(coordinates);
       setRangeEnd(coordinates);
@@ -10658,7 +10667,7 @@ var DataGridRoot = ({
     []
   );
   const { errorCount, isHighlighted, toggleErrorHighlighting } = useDataGridErrorHighlighting(matrix, grid, errors);
-  const handleToggleErrorHighlighting = (0, import_react62.useCallback)(() => {
+  const handleToggleErrorHighlighting = (0, import_react63.useCallback)(() => {
     toggleErrorHighlighting(
       rowVisibility,
       columnVisibility,
@@ -10672,7 +10681,7 @@ var DataGridRoot = ({
     handleResetColumns,
     isDisabled: isColumsDisabled
   } = useDataGridColumnVisibility(grid, matrix);
-  const handleToggleColumnVisibility = (0, import_react62.useCallback)(
+  const handleToggleColumnVisibility = (0, import_react63.useCallback)(
     (index) => {
       return handleToggleColumn(index);
     },
@@ -10694,7 +10703,7 @@ var DataGridRoot = ({
     matrix,
     form: state
   });
-  const onEditingChangeHandler = (0, import_react62.useCallback)(
+  const onEditingChangeHandler = (0, import_react63.useCallback)(
     (value) => {
       if (onEditingChange) {
         onEditingChange(value);
@@ -10783,7 +10792,7 @@ var DataGridRoot = ({
   const { getCellErrorMetadata, getCellMetadata } = useDataGridCellMetadata({
     matrix
   });
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!trapActive) {
       return;
     }
@@ -10804,7 +10813,7 @@ var DataGridRoot = ({
     handleCopyEvent,
     handlePasteEvent
   ]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const specialFocusHandler = (e) => {
       if (isSpecialFocusKey(e)) {
         handleSpecialFocusKeys(e);
@@ -10816,12 +10825,12 @@ var DataGridRoot = ({
       window.removeEventListener("keydown", specialFocusHandler);
     };
   }, [handleSpecialFocusKeys]);
-  const handleHeaderInteractionChange = (0, import_react62.useCallback)((isActive) => {
+  const handleHeaderInteractionChange = (0, import_react63.useCallback)((isActive) => {
     if (isActive) {
       setTrapActive(false);
     }
   }, []);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!anchor) {
       return;
     }
@@ -10830,7 +10839,7 @@ var DataGridRoot = ({
     }
     setRangeEnd(anchor);
   }, [anchor, rangeEnd]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!anchor && matrix) {
       const coords = matrix.getFirstNavigableCell();
       if (coords) {
@@ -10838,7 +10847,7 @@ var DataGridRoot = ({
       }
     }
   }, [anchor, matrix, setSingleRange]);
-  const values = (0, import_react62.useMemo)(
+  const values = (0, import_react63.useMemo)(
     () => ({
       anchor,
       control,
@@ -10882,7 +10891,7 @@ var DataGridRoot = ({
       navigateToField
     ]
   );
-  const handleRestoreGridFocus = (0, import_react62.useCallback)(() => {
+  const handleRestoreGridFocus = (0, import_react63.useCallback)(() => {
     if (anchor && !trapActive) {
       setTrapActive(true);
       setSingleRange(anchor);
@@ -11069,8 +11078,8 @@ var DataGridHeader = ({
   showColumnsDropdown,
   headerContent
 }) => {
-  const [shortcutsOpen, setShortcutsOpen] = (0, import_react62.useState)(false);
-  const [columnsOpen, setColumnsOpen] = (0, import_react62.useState)(false);
+  const [shortcutsOpen, setShortcutsOpen] = (0, import_react63.useState)(false);
+  const [columnsOpen, setColumnsOpen] = (0, import_react63.useState)(false);
   const { t } = (0, import_react_i18next28.useTranslation)();
   const direction = useDocumentDirection();
   const hasChanged = columnOptions.some((column) => !column.checked);
@@ -11433,7 +11442,7 @@ var DataGridSkeleton = ({
 
 // src/components/data-grid/components/data-grid-text-cell.tsx
 var import_ui44 = require("@medusajs/ui");
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_react_hook_form10 = require("react-hook-form");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var DataGridTextCell = ({
@@ -11461,9 +11470,9 @@ var Inner5 = ({
 }) => {
   const { onChange: _, onBlur, ref, value, ...rest } = field;
   const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
-  const [localValue, setLocalValue] = (0, import_react63.useState)(value);
-  const inputElRef = (0, import_react63.useRef)(null);
-  (0, import_react63.useEffect)(() => {
+  const [localValue, setLocalValue] = (0, import_react64.useState)(value);
+  const inputElRef = (0, import_react64.useRef)(null);
+  (0, import_react64.useEffect)(() => {
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref, inputElRef);
@@ -11494,7 +11503,7 @@ var Inner5 = ({
 // src/components/data-grid/components/data-grid-textarea-modal-cell.tsx
 var import_ui45 = require("@medusajs/ui");
 var import_radix_ui3 = require("radix-ui");
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_react_hook_form11 = require("react-hook-form");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var DataGridExpandableTextCell = ({
@@ -11537,19 +11546,19 @@ var Inner6 = ({
   const { ref: inputRef, onBlur: onInputBlur, onChange, ...input } = inputProps;
   const { setSingleRange, anchor } = useDataGridContext();
   const { row, col } = anchor || { row: 0, col: 0 };
-  const [localValue, setLocalValue] = (0, import_react64.useState)(value || "");
-  const [isPopoverOpen, setIsPopoverOpen] = (0, import_react64.useState)(false);
-  const [popoverValue, setPopoverValue] = (0, import_react64.useState)(value || "");
-  const popoverContentRef = (0, import_react64.useRef)(null);
-  (0, import_react64.useEffect)(() => {
+  const [localValue, setLocalValue] = (0, import_react65.useState)(value || "");
+  const [isPopoverOpen, setIsPopoverOpen] = (0, import_react65.useState)(false);
+  const [popoverValue, setPopoverValue] = (0, import_react65.useState)(value || "");
+  const popoverContentRef = (0, import_react65.useRef)(null);
+  (0, import_react65.useEffect)(() => {
     setLocalValue(value || "");
   }, [value]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (isPopoverOpen) {
       setPopoverValue(value || "");
     }
   }, [isPopoverOpen, value]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!isPopoverOpen || !popoverContentRef.current) {
       return;
     }
@@ -11580,7 +11589,7 @@ var Inner6 = ({
     };
   }, [isPopoverOpen]);
   const combinedRefs = useCombinedRefs(inputRef, ref);
-  const handleOverlayMouseDown = (0, import_react64.useCallback)(
+  const handleOverlayMouseDown = (0, import_react65.useCallback)(
     (e) => {
       if (e.detail === 2) {
         e.preventDefault();
@@ -11607,7 +11616,7 @@ var Inner6 = ({
     onBlur();
     onInputBlur();
   };
-  const handlePopoverKeyDown = (0, import_react64.useCallback)((e) => {
+  const handlePopoverKeyDown = (0, import_react65.useCallback)((e) => {
     if (e.key !== "Escape") {
       e.stopPropagation();
     }
@@ -11905,15 +11914,15 @@ var SalesChannelHeader = () => {
 
 // src/components/modals/route-drawer/route-drawer.tsx
 var import_ui49 = require("@medusajs/ui");
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_react_router_dom13 = require("react-router-dom");
 
 // src/components/modals/hooks/use-state-aware-to.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_react_router_dom10 = require("react-router-dom");
 var useStateAwareTo = (prev) => {
   const location = (0, import_react_router_dom10.useLocation)();
-  const to = (0, import_react65.useMemo)(() => {
+  const to = (0, import_react66.useMemo)(() => {
     if (typeof prev === "number") {
       return prev;
     }
@@ -11990,12 +11999,12 @@ var RouteModalForm = ({
 };
 
 // src/components/modals/route-modal-provider/route-provider.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_react_router_dom12 = require("react-router-dom");
 
 // src/components/modals/route-modal-provider/route-modal-context.tsx
-var import_react66 = require("react");
-var RouteModalProviderContext = (0, import_react66.createContext)(null);
+var import_react67 = require("react");
+var RouteModalProviderContext = (0, import_react67.createContext)(null);
 
 // src/components/modals/route-modal-provider/route-provider.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
@@ -12005,8 +12014,8 @@ var RouteModalProvider = ({
 }) => {
   const navigate = (0, import_react_router_dom12.useNavigate)();
   const location = (0, import_react_router_dom12.useLocation)();
-  const [closeOnEscape, setCloseOnEscape] = (0, import_react67.useState)(true);
-  const handleSuccess = (0, import_react67.useCallback)(
+  const [closeOnEscape, setCloseOnEscape] = (0, import_react68.useState)(true);
+  const handleSuccess = (0, import_react68.useCallback)(
     (path) => {
       const to = path || prev;
       if (typeof to === "number") {
@@ -12023,7 +12032,7 @@ var RouteModalProvider = ({
     },
     [navigate, prev, location]
   );
-  const value = (0, import_react67.useMemo)(
+  const value = (0, import_react68.useMemo)(
     () => ({
       handleSuccess,
       setCloseOnEscape,
@@ -12035,11 +12044,11 @@ var RouteModalProvider = ({
 };
 
 // src/components/modals/stacked-modal-provider/stacked-modal-provider.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 
 // src/components/modals/stacked-modal-provider/stacked-modal-context.tsx
-var import_react68 = require("react");
-var StackedModalContext = (0, import_react68.createContext)(null);
+var import_react69 = require("react");
+var StackedModalContext = (0, import_react69.createContext)(null);
 
 // src/components/modals/stacked-modal-provider/stacked-modal-provider.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -12047,7 +12056,7 @@ var StackedModalProvider = ({
   children,
   onOpenChange
 }) => {
-  const [state, setState] = (0, import_react69.useState)({});
+  const [state, setState] = (0, import_react70.useState)({});
   const getIsOpen = (id2) => {
     return state[id2] || false;
   };
@@ -12086,9 +12095,9 @@ var StackedModalProvider = ({
 };
 
 // src/components/modals/stacked-modal-provider/use-stacked-modal.ts
-var import_react70 = require("react");
+var import_react71 = require("react");
 var useStackedModal = () => {
-  const context = (0, import_react70.useContext)(StackedModalContext);
+  const context = (0, import_react71.useContext)(StackedModalContext);
   if (!context) {
     throw new Error(
       "useStackedModal must be used within a StackedModalProvider"
@@ -12101,10 +12110,10 @@ var useStackedModal = () => {
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var Root = ({ prev = "..", children }) => {
   const navigate = (0, import_react_router_dom13.useNavigate)();
-  const [open, setOpen] = (0, import_react71.useState)(false);
-  const [stackedModalOpen, onStackedModalOpen] = (0, import_react71.useState)(false);
+  const [open, setOpen] = (0, import_react72.useState)(false);
+  const [stackedModalOpen, onStackedModalOpen] = (0, import_react72.useState)(false);
   const to = useStateAwareTo(prev);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     setOpen(true);
     return () => {
       setOpen(false);
@@ -12153,13 +12162,13 @@ var RouteDrawer = Object.assign(Root, {
 
 // src/components/modals/route-focus-modal/route-focus-modal.tsx
 var import_ui50 = require("@medusajs/ui");
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_react_router_dom14 = require("react-router-dom");
 
 // src/components/modals/route-modal-provider/use-route-modal.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var useRouteModal = () => {
-  const context = (0, import_react72.useContext)(RouteModalProviderContext);
+  const context = (0, import_react73.useContext)(RouteModalProviderContext);
   if (!context) {
     throw new Error("useRouteModal must be used within a RouteModalProvider");
   }
@@ -12170,10 +12179,10 @@ var useRouteModal = () => {
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var Root2 = ({ prev = "..", children }) => {
   const navigate = (0, import_react_router_dom14.useNavigate)();
-  const [open, setOpen] = (0, import_react73.useState)(false);
-  const [stackedModalOpen, onStackedModalOpen] = (0, import_react73.useState)(false);
+  const [open, setOpen] = (0, import_react74.useState)(false);
+  const [stackedModalOpen, onStackedModalOpen] = (0, import_react74.useState)(false);
   const to = useStateAwareTo(prev);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     setOpen(true);
     return () => {
       setOpen(false);
@@ -12229,11 +12238,11 @@ var RouteFocusModal = Object.assign(Root2, {
 
 // src/components/modals/stacked-drawer/stacked-drawer.tsx
 var import_ui51 = require("@medusajs/ui");
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var Root3 = ({ id: id2, children }) => {
   const { register, unregister, getIsOpen, setIsOpen } = useStackedModal();
-  (0, import_react74.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     register(id2);
     return () => unregister(id2);
   }, []);
@@ -12253,7 +12262,7 @@ var Title3 = import_ui51.Drawer.Title;
 Title3.displayName = "StackedDrawer.Title";
 var Description3 = import_ui51.Drawer.Description;
 Description3.displayName = "StackedDrawer.Description";
-var Content2 = (0, import_react74.forwardRef)(
+var Content2 = (0, import_react75.forwardRef)(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       import_ui51.Drawer.Content,
@@ -12282,7 +12291,7 @@ var StackedDrawer = Object.assign(Root3, {
 
 // src/components/modals/stacked-focus-modal/stacked-focus-modal.tsx
 var import_ui52 = require("@medusajs/ui");
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var Root4 = ({
   id: id2,
@@ -12290,7 +12299,7 @@ var Root4 = ({
   children
 }) => {
   const { register, unregister, getIsOpen, setIsOpen } = useStackedModal();
-  (0, import_react75.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     register(id2);
     return () => unregister(id2);
   }, []);
@@ -12314,7 +12323,7 @@ var Title4 = import_ui52.FocusModal.Title;
 Title4.displayName = "StackedFocusModal.Title";
 var Description4 = import_ui52.FocusModal.Description;
 Description4.displayName = "StackedFocusModal.Description";
-var Content3 = (0, import_react75.forwardRef)(
+var Content3 = (0, import_react76.forwardRef)(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       import_ui52.FocusModal.Content,