@medusajs/dashboard 2.10.4-preview-20250923150206 → 2.10.4-preview-20250923180156

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

@@ -188,7 +188,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] ps-1.5 pe-1 outline-none",
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: selectedValues.length }),
                     /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
@@ -202,8 +202,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 +215,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 +229,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 ps-2 pe-8 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 +250,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 +263,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 +285,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-NRBOPOMS.mjs → chunk-CU5EFQSB.mjs}

@@ -1,6 +1,6 @@
 import {
   useDeleteShippingOptionType
-} from "./chunk-OGHQ6VJI.mjs";
+} from "./chunk-BSBCIU6C.mjs";
 
 // src/routes/shipping-option-types/common/hooks/use-delete-shipping-option-type-action.tsx
 import { useNavigate } from "react-router-dom";

package/dist/{chunk-J5E7MQSS.mjs → chunk-CY33DS7K.mjs}

@@ -2,6 +2,9 @@ import {
   currencies,
   getCurrencySymbol
 } from "./chunk-DK4WIVY6.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
@@ -27,6 +30,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var CreateCampaignFormFields = ({ form, fieldScope = "" }) => {
   const { t } = useTranslation();
   const { store } = useStore();
+  const direction = useDocumentDirection();
   const watchValueType = useWatch({
     control: form.control,
     name: `${fieldScope}budget.type`
@@ -172,6 +176,7 @@ var CreateCampaignFormFields = ({ form, fieldScope = "" }) => {
             /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
               RadioGroup,
               {
+                dir: direction,
                 className: "flex gap-y-3",
                 ...field,
                 onValueChange: field.onChange,
@@ -219,6 +224,7 @@ var CreateCampaignFormFields = ({ form, fieldScope = "" }) => {
               /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
                 Select,
                 {
+                  dir: direction,
                   ...field,
                   onValueChange: onChange,
                   disabled: !!fieldScope.length,

package/dist/{chunk-7VJK6HNE.mjs → chunk-EYL2JACT.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YEDAFXMB.mjs";
 import {
   DataTableOrderBy
-} from "./chunk-AOFGTNG6.mjs";
+} from "./chunk-HQKGZADC.mjs";
 import {
   NoRecords,
   NoResults
@@ -190,7 +190,7 @@ var DataTableRoot = ({
                         Table.Cell,
                         {
                           className: clx({
-                            "!pl-0 !pr-0": shouldRenderAsLink,
+                            "!ps-0 !pe-0": shouldRenderAsLink,
                             "bg-ui-bg-base group-data-[selected=true]/row:bg-ui-bg-highlight group-data-[selected=true]/row:group-hover/row:bg-ui-bg-highlight-hover group-hover/row:bg-ui-bg-base-hover transition-fg group-has-[[data-row-link]:focus-visible]:bg-ui-bg-base-hover sticky left-0 after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']": isStickyCell,
                             "bg-ui-bg-subtle group-hover/row:bg-ui-bg-subtle-hover": isOdd && isStickyCell,
                             "left-[68px]": hasLeftOffset,
@@ -211,9 +211,9 @@ var DataTableRoot = ({
                                 "div",
                                 {
                                   className: clx(
-                                    "flex size-full items-center pr-6",
+                                    "flex size-full items-center pe-6",
                                     {
-                                      "pl-6": isTabableLink && !hasLeftOffset
+                                      "ps-6": isTabableLink && !hasLeftOffset
                                     }
                                   ),
                                   children: Inner

package/dist/{chunk-R2NWOCML.mjs → chunk-FUQ27NT5.mjs}

@@ -3,7 +3,10 @@ import {
 } from "./chunk-HFB3OQXI.mjs";
 import {
   Combobox
-} from "./chunk-2PMSBTXI.mjs";
+} from "./chunk-CD7VQIPA.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
@@ -186,6 +189,7 @@ var RulesFormField = ({
 }) => {
   const initialRulesSet = useRef(false);
   const { t } = useTranslation2();
+  const direction = useDocumentDirection();
   const formData = form.getValues();
   const { attributes } = usePromotionRuleAttributes(
     ruleType,
@@ -308,6 +312,7 @@ var RulesFormField = ({
                     /* @__PURE__ */ jsx2(Form.Control, { children: !disabled ? /* @__PURE__ */ jsxs2(
                       Select,
                       {
+                        dir: direction,
                         ...fieldProps,
                         onValueChange,
                         disabled: fieldRule.required,
@@ -371,6 +376,7 @@ var RulesFormField = ({
                       /* @__PURE__ */ jsx2(Form.Control, { children: !disabled ? /* @__PURE__ */ jsxs2(
                         Select,
                         {
+                          dir: direction,
                           ...fieldProps,
                           disabled: !fieldRule.attribute,
                           onValueChange: onChange,

package/dist/{chunk-74K7HGNI.mjs → chunk-FXG2Z3QT.mjs}

@@ -3,7 +3,7 @@ import {
   useCombinedRefs,
   useDataGridCell,
   useDataGridCellError
-} from "./chunk-UWJBDOQD.mjs";
+} from "./chunk-NKVMOKZA.mjs";
 import {
   ConditionalTooltip
 } from "./chunk-OC7BQLYI.mjs";
@@ -93,9 +93,10 @@ var OuterComponent = ({
       children: /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-4 z-[3] flex w-fit items-center justify-center", children: /* @__PURE__ */ jsx(
         Switch,
         {
+          dir: "ltr",
           ref: buttonRef,
           size: "small",
-          className: "shrink-0",
+          className: "shrink-0 rtl:rotate-180",
           checked: localValue.checked,
           disabled: localValue.disabledToggle,
           onCheckedChange: handleCheckedChange

package/dist/{chunk-2RQLKDBF.mjs → chunk-GIZFNLKK.mjs}

@@ -41,104 +41,111 @@ var JsonViewSection = ({ data }) => {
           children: /* @__PURE__ */ jsx(ArrowUpRightOnBox, {})
         }
       ) }),
-      /* @__PURE__ */ jsxs(Drawer.Content, { className: "bg-ui-contrast-bg-base text-ui-code-fg-subtle !shadow-elevation-commandbar overflow-hidden border border-none max-md:inset-x-2 max-md:max-w-[calc(100%-16px)]", children: [
-        /* @__PURE__ */ jsxs("div", { className: "bg-ui-code-bg-base flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
-            /* @__PURE__ */ jsx(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { className: "text-ui-contrast-fg-primary", children: /* @__PURE__ */ jsx(
-              Trans,
-              {
-                i18nKey: "json.drawer.header",
-                count: numberOfKeys,
-                components: [
-                  /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle" }, "count-span")
-                ]
-              }
-            ) }) }),
-            /* @__PURE__ */ jsx(Drawer.Description, { className: "sr-only", children: t("json.drawer.description") })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx(Kbd, { className: "bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary", children: "esc" }),
-            /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                size: "small",
-                variant: "transparent",
-                className: "text-ui-contrast-fg-secondary hover:text-ui-contrast-fg-primary hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:bg-ui-contrast-bg-base-hover focus-visible:shadow-borders-interactive-with-active",
-                children: /* @__PURE__ */ jsx(XMarkMini, {})
-              }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-1 flex-col overflow-hidden px-[5px] py-0 pb-[5px]", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-contrast-bg-subtle flex-1 overflow-auto rounded-b-[4px] rounded-t-lg p-3", children: /* @__PURE__ */ jsx(
-          Suspense,
-          {
-            fallback: /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col" }),
-            children: /* @__PURE__ */ jsxs(
-              Primitive,
+      /* @__PURE__ */ jsxs(
+        Drawer.Content,
+        {
+          dir: "ltr",
+          className: "bg-ui-contrast-bg-base text-ui-code-fg-subtle !shadow-elevation-commandbar overflow-hidden border border-none max-md:inset-x-2 max-md:max-w-[calc(100%-16px)]",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "bg-ui-code-bg-base flex items-center justify-between px-6 py-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+                /* @__PURE__ */ jsx(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { className: "text-ui-contrast-fg-primary", children: /* @__PURE__ */ jsx(
+                  Trans,
+                  {
+                    i18nKey: "json.drawer.header",
+                    count: numberOfKeys,
+                    components: [
+                      /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle" }, "count-span")
+                    ]
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsx(Drawer.Description, { className: "sr-only", children: t("json.drawer.description") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+                /* @__PURE__ */ jsx(Kbd, { className: "bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary", children: "esc" }),
+                /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    variant: "transparent",
+                    className: "text-ui-contrast-fg-secondary hover:text-ui-contrast-fg-primary hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:bg-ui-contrast-bg-base-hover focus-visible:shadow-borders-interactive-with-active",
+                    children: /* @__PURE__ */ jsx(XMarkMini, {})
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-1 flex-col overflow-hidden px-[5px] py-0 pb-[5px]", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-contrast-bg-subtle flex-1 overflow-auto rounded-b-[4px] rounded-t-lg p-3", children: /* @__PURE__ */ jsx(
+              Suspense,
               {
-                value: data,
-                displayDataTypes: false,
-                style: {
-                  "--w-rjv-font-family": "Roboto Mono, monospace",
-                  "--w-rjv-line-color": "var(--contrast-border-base)",
-                  "--w-rjv-curlybraces-color": "var(--contrast-fg-secondary)",
-                  "--w-rjv-brackets-color": "var(--contrast-fg-secondary)",
-                  "--w-rjv-key-string": "var(--contrast-fg-primary)",
-                  "--w-rjv-info-color": "var(--contrast-fg-secondary)",
-                  "--w-rjv-type-string-color": "var(--tag-green-icon)",
-                  "--w-rjv-quotes-string-color": "var(--tag-green-icon)",
-                  "--w-rjv-type-boolean-color": "var(--tag-orange-icon)",
-                  "--w-rjv-type-int-color": "var(--tag-orange-icon)",
-                  "--w-rjv-type-float-color": "var(--tag-orange-icon)",
-                  "--w-rjv-type-bigint-color": "var(--tag-orange-icon)",
-                  "--w-rjv-key-number": "var(--contrast-fg-secondary)",
-                  "--w-rjv-arrow-color": "var(--contrast-fg-secondary)",
-                  "--w-rjv-copied-color": "var(--contrast-fg-secondary)",
-                  "--w-rjv-copied-success-color": "var(--contrast-fg-primary)",
-                  "--w-rjv-colon-color": "var(--contrast-fg-primary)",
-                  "--w-rjv-ellipsis-color": "var(--contrast-fg-secondary)"
-                },
-                collapsed: 1,
-                children: [
-                  /* @__PURE__ */ jsx(Primitive.Quote, { render: () => /* @__PURE__ */ jsx("span", {}) }),
-                  /* @__PURE__ */ jsx(
-                    Primitive.Null,
-                    {
-                      render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-red-icon", children: "null" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Primitive.Undefined,
-                    {
-                      render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-blue-icon", children: "undefined" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Primitive.CountInfo,
-                    {
-                      render: (_props, { value }) => {
-                        return /* @__PURE__ */ jsx("span", { className: "text-ui-contrast-fg-secondary ml-2", children: t("general.items", {
-                          count: Object.keys(value).length
-                        }) });
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Primitive.Arrow, { children: /* @__PURE__ */ jsx(TriangleDownMini, { className: "text-ui-contrast-fg-secondary -ml-[0.5px]" }) }),
-                  /* @__PURE__ */ jsx(Primitive.Colon, { children: /* @__PURE__ */ jsx("span", { className: "mr-1", children: ":" }) }),
-                  /* @__PURE__ */ jsx(
-                    Primitive.Copied,
-                    {
-                      render: ({ style }, { value }) => {
-                        return /* @__PURE__ */ jsx(Copied, { style, value });
-                      }
-                    }
-                  )
-                ]
+                fallback: /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col" }),
+                children: /* @__PURE__ */ jsxs(
+                  Primitive,
+                  {
+                    value: data,
+                    displayDataTypes: false,
+                    style: {
+                      "--w-rjv-font-family": "Roboto Mono, monospace",
+                      "--w-rjv-line-color": "var(--contrast-border-base)",
+                      "--w-rjv-curlybraces-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-brackets-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-key-string": "var(--contrast-fg-primary)",
+                      "--w-rjv-info-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-type-string-color": "var(--tag-green-icon)",
+                      "--w-rjv-quotes-string-color": "var(--tag-green-icon)",
+                      "--w-rjv-type-boolean-color": "var(--tag-orange-icon)",
+                      "--w-rjv-type-int-color": "var(--tag-orange-icon)",
+                      "--w-rjv-type-float-color": "var(--tag-orange-icon)",
+                      "--w-rjv-type-bigint-color": "var(--tag-orange-icon)",
+                      "--w-rjv-key-number": "var(--contrast-fg-secondary)",
+                      "--w-rjv-arrow-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-copied-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-copied-success-color": "var(--contrast-fg-primary)",
+                      "--w-rjv-colon-color": "var(--contrast-fg-primary)",
+                      "--w-rjv-ellipsis-color": "var(--contrast-fg-secondary)"
+                    },
+                    collapsed: 1,
+                    children: [
+                      /* @__PURE__ */ jsx(Primitive.Quote, { render: () => /* @__PURE__ */ jsx("span", {}) }),
+                      /* @__PURE__ */ jsx(
+                        Primitive.Null,
+                        {
+                          render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-red-icon", children: "null" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Primitive.Undefined,
+                        {
+                          render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-blue-icon", children: "undefined" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Primitive.CountInfo,
+                        {
+                          render: (_props, { value }) => {
+                            return /* @__PURE__ */ jsx("span", { className: "text-ui-contrast-fg-secondary ml-2", children: t("general.items", {
+                              count: Object.keys(value).length
+                            }) });
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Primitive.Arrow, { children: /* @__PURE__ */ jsx(TriangleDownMini, { className: "text-ui-contrast-fg-secondary -ml-[0.5px]" }) }),
+                      /* @__PURE__ */ jsx(Primitive.Colon, { children: /* @__PURE__ */ jsx("span", { className: "mr-1", children: ":" }) }),
+                      /* @__PURE__ */ jsx(
+                        Primitive.Copied,
+                        {
+                          render: ({ style }, { value }) => {
+                            return /* @__PURE__ */ jsx(Copied, { style, value });
+                          }
+                        }
+                      )
+                    ]
+                  }
+                )
               }
-            )
-          }
-        ) }) })
-      ] })
+            ) }) })
+          ]
+        }
+      )
     ] })
   ] });
 };

package/dist/{chunk-AOFGTNG6.mjs → chunk-HQKGZADC.mjs}

@@ -1,3 +1,7 @@
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+
 // src/components/table/data-table/data-table-order-by/data-table-order-by.tsx
 import { DescendingSorting } from "@medusajs/icons";
 import { DropdownMenu, IconButton } from "@medusajs/ui";
@@ -28,6 +32,7 @@ var DataTableOrderBy = ({
   const [state, setState] = useState(initState(searchParams, prefix));
   const param = prefix ? `${prefix}_order` : "order";
   const { t } = useTranslation();
+  const direction = useDocumentDirection();
   const handleDirChange = (dir) => {
     setState((prev) => ({
       ...prev,
@@ -62,7 +67,7 @@ var DataTableOrderBy = ({
       return prev;
     });
   };
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+  return /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
     /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", children: /* @__PURE__ */ jsx(DescendingSorting, {}) }) }),
     /* @__PURE__ */ jsxs(DropdownMenu.Content, { className: "z-[1]", align: "end", children: [
       /* @__PURE__ */ jsx(

package/dist/{chunk-LBIOZZPA.mjs → chunk-HWKLNKOY.mjs}

@@ -27,7 +27,7 @@ var SidebarLink = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex size-7 items-center justify-center", children: /* @__PURE__ */ jsx(TriangleRightMini, { className: "text-ui-fg-muted" }) })
+    /* @__PURE__ */ jsx("div", { className: "flex size-7 items-center justify-center", children: /* @__PURE__ */ jsx(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
   ] }) }) }) });
 };
 

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-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-T7G2CURS.mjs → chunk-IVZ6BMDB.mjs}

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