@medusajs/dashboard 2.10.4-snapshot-20250923121159 → 2.10.4-snapshot-20250925180256

package/dist/{chunk-S2UEWRDA.mjs → chunk-IL5IMREK.mjs}

@@ -11,6 +11,9 @@ import {
 import {
   ConditionalTooltip
 } from "./chunk-OC7BQLYI.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
@@ -65,6 +68,7 @@ var InnerForm = ({
 }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
   const hasUneditableRows = getHasUneditableRows(metadata);
   const form = useForm({
     defaultValues: {
@@ -184,58 +188,64 @@ var InnerForm = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-                      /* @__PURE__ */ jsx(
-                        DropdownMenu.Trigger,
-                        {
-                          className: clx(
-                            "invisible absolute inset-y-0 -right-2.5 my-auto group-hover/table:visible data-[state='open']:visible",
+                    /* @__PURE__ */ jsxs(
+                      DropdownMenu,
+                      {
+                        dir: direction,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            DropdownMenu.Trigger,
                             {
-                              hidden: isDisabled
+                              className: clx(
+                                "invisible absolute inset-y-0 -end-2.5 my-auto group-hover/table:visible data-[state='open']:visible",
+                                {
+                                  hidden: isDisabled
+                                }
+                              ),
+                              disabled: isDisabled,
+                              asChild: true,
+                              children: /* @__PURE__ */ jsx(IconButton, { size: "2xsmall", children: /* @__PURE__ */ jsx(EllipsisVertical, {}) })
                             }
                           ),
-                          disabled: isDisabled,
-                          asChild: true,
-                          children: /* @__PURE__ */ jsx(IconButton, { size: "2xsmall", children: /* @__PURE__ */ jsx(EllipsisVertical, {}) })
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenu.Item,
-                          {
-                            className: "gap-x-2",
-                            onClick: () => insertRow(index, "above"),
-                            children: [
-                              /* @__PURE__ */ jsx(ArrowUpMini, { className: "text-ui-fg-subtle" }),
-                              t("metadata.edit.actions.insertRowAbove")
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenu.Item,
-                          {
-                            className: "gap-x-2",
-                            onClick: () => insertRow(index, "below"),
-                            children: [
-                              /* @__PURE__ */ jsx(ArrowDownMini, { className: "text-ui-fg-subtle" }),
-                              t("metadata.edit.actions.insertRowBelow")
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenu.Item,
-                          {
-                            className: "gap-x-2",
-                            onClick: () => deleteRow(index),
-                            children: [
-                              /* @__PURE__ */ jsx(Trash, { className: "text-ui-fg-subtle" }),
-                              t("metadata.edit.actions.deleteRow")
-                            ]
-                          }
-                        )
-                      ] })
-                    ] })
+                          /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenu.Item,
+                              {
+                                className: "gap-x-2",
+                                onClick: () => insertRow(index, "above"),
+                                children: [
+                                  /* @__PURE__ */ jsx(ArrowUpMini, { className: "text-ui-fg-subtle" }),
+                                  t("metadata.edit.actions.insertRowAbove")
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenu.Item,
+                              {
+                                className: "gap-x-2",
+                                onClick: () => insertRow(index, "below"),
+                                children: [
+                                  /* @__PURE__ */ jsx(ArrowDownMini, { className: "text-ui-fg-subtle" }),
+                                  t("metadata.edit.actions.insertRowBelow")
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
+                            /* @__PURE__ */ jsxs(
+                              DropdownMenu.Item,
+                              {
+                                className: "gap-x-2",
+                                onClick: () => deleteRow(index),
+                                children: [
+                                  /* @__PURE__ */ jsx(Trash, { className: "text-ui-fg-subtle" }),
+                                  t("metadata.edit.actions.deleteRow")
+                                ]
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    )
                   ] })
                 },
                 field.id

package/dist/{chunk-JIQQKKLO.mjs → chunk-IP2QPPWC.mjs}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-ZJA7VBUR.mjs";
+} from "./chunk-DKOCYXB5.mjs";
 
 // src/lib/promotions.ts
 var promotionStatusMap = {

package/dist/{chunk-SCBXRJPV.mjs → chunk-IRO6DO7J.mjs}

@@ -23,7 +23,7 @@ var CountrySelect = forwardRef(
         TrianglesMini,
         {
           className: clx(
-            "text-ui-fg-muted transition-fg pointer-events-none absolute right-2 top-1/2 -translate-y-1/2",
+            "text-ui-fg-muted transition-fg pointer-events-none absolute end-2 top-1/2 -translate-y-1/2",
             {
               "text-ui-fg-disabled": disabled
             }

package/dist/{chunk-YI4CZGTU.mjs → chunk-ITJEYJNB.mjs}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-4QUHWHBD.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-T7G2CURS.mjs → chunk-IVZ6BMDB.mjs}

@@ -92,5 +92,6 @@ var useCampaignTableColumns = () => {
 };
 
 export {
+  DescriptionCell,
   useCampaignTableColumns
 };

package/dist/{chunk-XGJ5DXXG.mjs → chunk-K2HM7KXJ.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LPEUYMRK.mjs";
 import {
   useProductCategories
-} from "./chunk-BFNH5UWD.mjs";
+} from "./chunk-EYTETK3W.mjs";
 
 // src/routes/products/common/components/category-combobox/category-combobox.tsx
 import {
@@ -218,14 +218,14 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
                     e.preventDefault();
                     onChange([]);
                   },
-                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute left-0.5 top-0.5 flex h-[28px] items-center rounded-[4px] border py-[3px] pl-1.5 pr-1 outline-none",
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute start-0.5 top-0.5 flex h-[28px] items-center rounded-[4px] border py-[3px] ps-1.5 pe-1 outline-none",
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: value.length }),
                     /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
                   ]
                 }
               ),
-              showSelected && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 left-[calc(var(--tag-width)+8px)] flex size-full items-center", children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: t("general.selected") }) }),
+              showSelected && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 start-[calc(var(--tag-width)+8px)] flex size-full items-center", children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: t("general.selected") }) }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -235,13 +235,13 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
                     onSearchValueChange(e.target.value);
                   },
                   className: clx(
-                    "txt-compact-small size-full cursor-pointer appearance-none bg-transparent pr-8 outline-none",
+                    "txt-compact-small size-full cursor-pointer appearance-none bg-transparent pe-8 outline-none",
                     "hover:bg-ui-bg-field-hover",
                     "focus:cursor-text",
                     "placeholder:text-ui-fg-muted",
                     {
-                      "pl-2": !showTag,
-                      "pl-[calc(var(--tag-width)+8px)]": showTag
+                      "ps-2": !showTag,
+                      "ps-[calc(var(--tag-width)+8px)]": showTag
                     }
                   ),
                   ...props
@@ -252,7 +252,7 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
                 {
                   type: "button",
                   onClick: () => handleOpenChange(true),
-                  className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute right-0 flex size-8 items-center justify-center rounded-r outline-none",
+                  className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute end-0 flex size-8 items-center justify-center rounded-r outline-none",
                   children: /* @__PURE__ */ jsx(TrianglesMini, { className: "text-ui-fg-muted" })
                 }
               )
@@ -267,11 +267,11 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
         sideOffset: 4,
         role: "listbox",
         className: clx(
-          "shadow-elevation-flyout bg-ui-bg-base -left-2 z-50 w-[var(--radix-popper-anchor-width)] rounded-[8px]",
+          "shadow-elevation-flyout bg-ui-bg-base -start-2 z-50 w-[var(--radix-popper-anchor-width)] rounded-[8px]",
           "max-h-[200px] overflow-y-auto",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=start]:slide-in-from-end-2 data-[side=end]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2"
         ),
         onInteractOutside: (e) => {
           e.preventDefault();
@@ -289,7 +289,7 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
                 "data-active": focusedIndex === 0,
                 role: "button",
                 className: clx(
-                  "transition-fg grid w-full appearance-none grid-cols-[20px_1fr] items-center justify-center gap-2 rounded-md px-2 py-1.5 text-left outline-none",
+                  "transition-fg grid w-full appearance-none grid-cols-[20px_1fr] items-center justify-center gap-2 rounded-md px-2 py-1.5 text-start outline-none",
                   "data-[active=true]:bg-ui-bg-field-hover"
                 ),
                 type: "button",
@@ -323,7 +323,7 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
                       type: "button",
                       role: "option",
                       className: clx(
-                        "grid h-full w-full appearance-none grid-cols-[20px_1fr] items-center gap-2 overflow-hidden rounded-md px-2 py-1.5 text-left outline-none",
+                        "grid h-full w-full appearance-none grid-cols-[20px_1fr] items-center gap-2 overflow-hidden rounded-md px-2 py-1.5 text-start outline-none",
                         "data-[active=true]:bg-ui-bg-field-hover"
                       ),
                       onClick: handleSelect(option),
@@ -355,7 +355,7 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, ...props }, ref
                       type: "button",
                       onClick: handleLevelDown(option),
                       tabIndex: -1,
-                      children: /* @__PURE__ */ jsx(TriangleRightMini, {})
+                      children: /* @__PURE__ */ jsx(TriangleRightMini, { className: "rtl:rotate-180" })
                     }
                   )
                 ]

package/dist/{chunk-OKMF4YI7.mjs → chunk-K3OMOMRB.mjs}

@@ -83,6 +83,30 @@ var useProductTagTableQuery = ({
   };
 };
 
+// src/hooks/table/query/use-refund-reason-table-query.tsx
+var useRefundReasonTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
 // src/hooks/table/query/use-return-reason-table-query.tsx
 var useReturnReasonTableQuery = ({
   prefix,
@@ -160,6 +184,7 @@ export {
   useCollectionTableColumns,
   useCollectionTableQuery,
   useProductTagTableQuery,
+  useRefundReasonTableQuery,
   useReturnReasonTableQuery,
   useShippingOptionTableQuery
 };

package/dist/{chunk-2LPGQWPV.mjs → chunk-KTL6E2WT.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-7VJK6HNE.mjs";
+} from "./chunk-EYL2JACT.mjs";
 import {
   useCustomerGroupTableFilters
 } from "./chunk-DLZWPHHO.mjs";

package/dist/{chunk-OHSRRFGN.mjs → chunk-LKVQ5YC6.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-F6PXCY3N.mjs";
 import {
   productsQueryKeys
-} from "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-4QUHWHBD.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-QGCKTVQX.mjs → chunk-LMRZMI7O.mjs}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategory
-} from "./chunk-BFNH5UWD.mjs";
+} from "./chunk-EYTETK3W.mjs";
 
 // src/routes/categories/common/hooks/use-delete-product-category-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-Q5DI5VYN.mjs → chunk-MLNUGLGT.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LFLGEXIG.mjs";
 import {
   ActionMenu
-} from "./chunk-3NJTXRIY.mjs";
+} from "./chunk-OZPB6JBL.mjs";
 
 // src/routes/inventory/inventory-detail/components/inventory-item-general-section.tsx
 import { Container, Heading } from "@medusajs/ui";

package/dist/{chunk-5M5ZVAWU.mjs → chunk-MSOFJHH3.mjs}

@@ -1,9 +1,9 @@
 import {
   returnsQueryKeys
-} from "./chunk-RMEITCLS.mjs";
+} from "./chunk-ZSDEVTFT.mjs";
 import {
   ordersQueryKeys
-} from "./chunk-KSRI5LOF.mjs";
+} from "./chunk-U25RCIX2.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-JMQ6V54O.mjs → chunk-NFQXNOP7.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-6GU6IDUA.mjs";
 import {
   i18n
-} from "./chunk-ZJA7VBUR.mjs";
+} from "./chunk-DKOCYXB5.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/{chunk-UWJBDOQD.mjs → chunk-NKVMOKZA.mjs}

@@ -7,6 +7,9 @@ import {
 import {
   ConditionalTooltip
 } from "./chunk-OC7BQLYI.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   __publicField
 } from "./chunk-RPUOO7AV.mjs";
@@ -3121,6 +3124,7 @@ var DataGridHeader = ({
   const [shortcutsOpen, setShortcutsOpen] = useState8(false);
   const [columnsOpen, setColumnsOpen] = useState8(false);
   const { t } = useTranslation3();
+  const direction = useDocumentDirection();
   const hasChanged = columnOptions.some((column) => !column.checked);
   const handleShortcutsOpenChange = (value) => {
     onHeaderInteractionChange(value);
@@ -3132,35 +3136,43 @@ var DataGridHeader = ({
   };
   return /* @__PURE__ */ jsxs7("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ jsxs7(DropdownMenu, { open: columnsOpen, onOpenChange: handleColumnsOpenChange, children: [
-        /* @__PURE__ */ jsx9(
-          ConditionalTooltip,
-          {
-            showTooltip: isDisabled,
-            content: t("dataGrid.columns.disabled"),
-            children: /* @__PURE__ */ jsx9(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs7(Button2, { size: "small", variant: "secondary", children: [
-              hasChanged ? /* @__PURE__ */ jsx9(AdjustmentsDone, {}) : /* @__PURE__ */ jsx9(Adjustments, {}),
-              t("dataGrid.columns.view")
-            ] }) })
-          }
-        ),
-        /* @__PURE__ */ jsx9(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
-          const { checked, disabled, id, name } = column;
-          if (disabled) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx9(
-            DropdownMenu.CheckboxItem,
-            {
-              checked,
-              onCheckedChange: onToggleColumn(index),
-              onSelect: (e) => e.preventDefault(),
-              children: name
-            },
-            id
-          );
-        }) })
-      ] }),
+      /* @__PURE__ */ jsxs7(
+        DropdownMenu,
+        {
+          dir: direction,
+          open: columnsOpen,
+          onOpenChange: handleColumnsOpenChange,
+          children: [
+            /* @__PURE__ */ jsx9(
+              ConditionalTooltip,
+              {
+                showTooltip: isDisabled,
+                content: t("dataGrid.columns.disabled"),
+                children: /* @__PURE__ */ jsx9(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs7(Button2, { size: "small", variant: "secondary", children: [
+                  hasChanged ? /* @__PURE__ */ jsx9(AdjustmentsDone, {}) : /* @__PURE__ */ jsx9(Adjustments, {}),
+                  t("dataGrid.columns.view")
+                ] }) })
+              }
+            ),
+            /* @__PURE__ */ jsx9(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
+              const { checked, disabled, id, name } = column;
+              if (disabled) {
+                return null;
+              }
+              return /* @__PURE__ */ jsx9(
+                DropdownMenu.CheckboxItem,
+                {
+                  checked,
+                  onCheckedChange: onToggleColumn(index),
+                  onSelect: (e) => e.preventDefault(),
+                  children: name
+                },
+                id
+              );
+            }) })
+          ]
+        }
+      ),
       hasChanged && /* @__PURE__ */ jsx9(
         Button2,
         {

package/dist/{chunk-NCR5UWRI.mjs → chunk-NY6I2FYO.mjs}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-4QUHWHBD.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-2PMSBTXI.mjs → chunk-OFN7DIZA.mjs}

@@ -53,6 +53,7 @@ var ComboboxImpl = ({
   onCreateOption,
   noResultsPlaceholder,
   allowClear,
+  forceHideInput,
   ...inputProps
 }, ref) => {
   const [open, setOpen] = useState(false);
@@ -100,10 +101,13 @@ var ComboboxImpl = ({
     if (isSearchControlled) {
       return [];
     }
+    if (forceHideInput) {
+      return options;
+    }
     return matchSorter(options, defferedSearchValue, {
       keys: ["label"]
     });
-  }, [options, defferedSearchValue, isSearchControlled]);
+  }, [options, defferedSearchValue, isSearchControlled, forceHideInput]);
   const observer = useRef(
     new IntersectionObserver(
       (entries) => {
@@ -138,7 +142,7 @@ var ComboboxImpl = ({
   const hasValue = selectedValues?.length > 0;
   const showTag = hasValue && isArrayValue;
   const showSelected = showTag && !searchValue && !open;
-  const hideInput = !isArrayValue && hasValue && !open;
+  const hideInput = forceHideInput || !isArrayValue && hasValue && !open;
   const selectedLabel = options.find((o) => o.value === selectedValues)?.label;
   const hidePlaceholder = showSelected || open;
   const tagWidth = useMemo(() => {
@@ -188,7 +192,7 @@ var ComboboxImpl = ({
                     e.preventDefault();
                     handleValueChange(isArrayValue ? [] : void 0);
                   },
-                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute left-0.5 top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border py-[3px] pl-1.5 pr-1 outline-none",
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute start-0.5 top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border py-[3px] pe-1 ps-1.5 outline-none",
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: selectedValues.length }),
                     /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
@@ -202,8 +206,8 @@ var ComboboxImpl = ({
                     className: clx(
                       "pointer-events-none absolute inset-y-0 flex size-full items-center",
                       {
-                        "left-[calc(var(--tag-width)+8px)]": showTag,
-                        "left-2": !showTag
+                        "start-[calc(var(--tag-width)+8px)]": showTag,
+                        "start-2": !showTag
                       }
                     ),
                     children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: t("general.selected") })
@@ -215,8 +219,8 @@ var ComboboxImpl = ({
                     className: clx(
                       "pointer-events-none absolute inset-y-0 flex size-full items-center overflow-hidden",
                       {
-                        "left-[calc(var(--tag-width)+8px)]": showTag,
-                        "left-2": !showTag
+                        "start-[calc(var(--tag-width)+8px)]": showTag,
+                        "start-2": !showTag
                       }
                     ),
                     children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: selectedLabel })
@@ -229,12 +233,12 @@ var ComboboxImpl = ({
                     ref: comboboxRef,
                     onFocus: () => setOpen(true),
                     className: clx(
-                      "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pl-2 pr-8 outline-none focus:cursor-text",
+                      "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pe-8 ps-2 outline-none focus:cursor-text",
                       "hover:bg-ui-bg-field-hover",
                       {
                         "opacity-0": hideInput,
-                        "pl-2": !showTag,
-                        "pl-[calc(var(--tag-width)+8px)]": showTag
+                        "ps-2": !showTag,
+                        "ps-[calc(var(--tag-width)+8px)]": showTag
                       }
                     ),
                     placeholder: hidePlaceholder ? void 0 : placeholder,
@@ -250,7 +254,7 @@ var ComboboxImpl = ({
                     e.preventDefault();
                     handleValueChange(void 0);
                   },
-                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute right-[28px] top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border px-1.5 py-[2px] outline-none",
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute end-[28px] top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border px-1.5 py-[2px] outline-none",
                   children: /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
                 }
               ),
@@ -263,7 +267,7 @@ var ComboboxImpl = ({
                       {
                         ...props,
                         type: "button",
-                        className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute right-0 flex size-8 items-center justify-center rounded-r outline-none",
+                        className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute end-0 flex size-8 items-center justify-center rounded-r outline-none",
                         children: /* @__PURE__ */ jsx(TrianglesMini, {})
                       }
                     );
@@ -285,7 +289,7 @@ var ComboboxImpl = ({
               "max-h-[200px] overflow-y-auto",
               "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
               "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-              "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+              "data-[side=bottom]:slide-in-from-top-2 data-[side=start]:slide-in-from-end-2 data-[side=end]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2"
             ),
             style: {
               pointerEvents: open ? "auto" : "none"

package/dist/{chunk-3NJTXRIY.mjs → chunk-OZPB6JBL.mjs}

@@ -1,6 +1,9 @@
 import {
   ConditionalTooltip
 } from "./chunk-OC7BQLYI.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 
 // src/components/common/action-menu/action-menu.tsx
 import { DropdownMenu, IconButton, clx } from "@medusajs/ui";
@@ -12,8 +15,9 @@ var ActionMenu = ({
   variant = "transparent",
   children
 }) => {
+  const direction = useDocumentDirection();
   const inner = children ?? /* @__PURE__ */ jsx(IconButton, { size: "small", variant, children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) });
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+  return /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
     /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: inner }),
     /* @__PURE__ */ jsx(DropdownMenu.Content, { children: groups.map((group, index) => {
       if (!group.actions.length) {

package/dist/{chunk-FPJBF7VS.mjs → chunk-P2O6XTD4.mjs}

@@ -5,7 +5,7 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-UWJBDOQD.mjs";
+} from "./chunk-NKVMOKZA.mjs";
 import {
   Thumbnail
 } from "./chunk-MNXC6Q4F.mjs";