@medusajs/dashboard 2.10.4-snapshot-20250922195925 → 2.10.4-snapshot-20250925172615

package/dist/{category-list-UI6W5KF5.mjs → category-list-IXW2NWWJ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-MSDRGCRR.mjs";
 import {
   useDeleteProductCategoryAction
-} from "./chunk-QGCKTVQX.mjs";
+} from "./chunk-LMRZMI7O.mjs";
 import {
   getCategoryPath,
   getIsActiveProps,
@@ -18,15 +18,15 @@ import "./chunk-P3UUX2T6.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-7VJK6HNE.mjs";
+} from "./chunk-EYL2JACT.mjs";
 import "./chunk-YEDAFXMB.mjs";
-import "./chunk-AOFGTNG6.mjs";
+import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
 import "./chunk-Z26G6WFJ.mjs";
 import "./chunk-M3VFKDXJ.mjs";
 import {
   SingleColumnPage
-} from "./chunk-2RQLKDBF.mjs";
+} from "./chunk-GIZFNLKK.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
@@ -37,13 +37,14 @@ import {
 import "./chunk-LPEUYMRK.mjs";
 import {
   ActionMenu
-} from "./chunk-3NJTXRIY.mjs";
+} from "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
+import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-67ORSRVT.mjs";
 import {
   useProductCategories
-} from "./chunk-BFNH5UWD.mjs";
-import "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-EYTETK3W.mjs";
+import "./chunk-4QUHWHBD.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-DEQUVHHE.mjs";

package/dist/{category-organize-BW3YOPUS.mjs → category-organize-LRQKM4LA.mjs}

@@ -8,8 +8,8 @@ import "./chunk-OBQI23QM.mjs";
 import {
   categoriesQueryKeys,
   useProductCategories
-} from "./chunk-BFNH5UWD.mjs";
-import "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-EYTETK3W.mjs";
+import "./chunk-4QUHWHBD.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{category-products-YGTL7GXQ.mjs → category-products-DGWKONYE.mjs}

@@ -12,13 +12,13 @@ import "./chunk-P3UUX2T6.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-7VJK6HNE.mjs";
+} from "./chunk-EYL2JACT.mjs";
 import "./chunk-YEDAFXMB.mjs";
-import "./chunk-AOFGTNG6.mjs";
+import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
 import {
   useProductTableFilters
-} from "./chunk-YPDTZXV6.mjs";
+} from "./chunk-I2QEZTVU.mjs";
 import "./chunk-Z26G6WFJ.mjs";
 import "./chunk-M3VFKDXJ.mjs";
 import "./chunk-C76H5USB.mjs";
@@ -33,14 +33,15 @@ import {
 } from "./chunk-4TC5YS65.mjs";
 import "./chunk-MNXC6Q4F.mjs";
 import "./chunk-LPEUYMRK.mjs";
+import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-67ORSRVT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-BSBCIU6C.mjs";
+import "./chunk-EILZIUOP.mjs";
 import "./chunk-KOSCMAIC.mjs";
-import "./chunk-YZJ3W776.mjs";
+import "./chunk-5U3FFMC7.mjs";
 import "./chunk-X6DSNTTX.mjs";
 import "./chunk-I6E6CALJ.mjs";
-import "./chunk-4RG7UJCT.mjs";
+import "./chunk-RGP3IXX4.mjs";
 import "./chunk-QTCZFYFH.mjs";
 import "./chunk-B4GODIOW.mjs";
 import "./chunk-ENV6YVOM.mjs";
@@ -48,27 +49,27 @@ import "./chunk-PIR2H25N.mjs";
 import "./chunk-RLY2SL5E.mjs";
 import "./chunk-C5LYZZZ5.mjs";
 import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-ZCZL3STK.mjs";
-import "./chunk-OHSRRFGN.mjs";
+import "./chunk-EA5GGT2Q.mjs";
+import "./chunk-LKVQ5YC6.mjs";
 import "./chunk-F6PXCY3N.mjs";
-import "./chunk-NCR5UWRI.mjs";
-import "./chunk-ZODJNBAV.mjs";
+import "./chunk-NY6I2FYO.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
-import "./chunk-KSRI5LOF.mjs";
-import "./chunk-YI4CZGTU.mjs";
+import "./chunk-U25RCIX2.mjs";
+import "./chunk-ITJEYJNB.mjs";
 import {
   useProductCategory,
   useUpdateProductCategoryProducts
-} from "./chunk-BFNH5UWD.mjs";
+} from "./chunk-EYTETK3W.mjs";
 import "./chunk-KX4P5L3R.mjs";
-import "./chunk-4Q4LIFFO.mjs";
+import "./chunk-XP3BY6G6.mjs";
 import "./chunk-V2LANK5S.mjs";
 import "./chunk-QZ6PT4QV.mjs";
 import "./chunk-QL4XKIVL.mjs";
 import {
   useProducts
-} from "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-4QUHWHBD.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-DEQUVHHE.mjs";

package/dist/{chunk-2HKRIUW4.mjs → chunk-2PGNKUXS.mjs}

@@ -1,6 +1,6 @@
 import {
   useSalesChannels
-} from "./chunk-4Q4LIFFO.mjs";
+} from "./chunk-XP3BY6G6.mjs";
 import {
   useRegions
 } from "./chunk-QZ6PT4QV.mjs";

package/dist/{chunk-X4X5KUGQ.mjs → chunk-4QUHWHBD.mjs}

@@ -375,6 +375,9 @@ var useBatchInventoryItemLocationLevels = (inventoryItemId, options) => {
       queryClient.invalidateQueries({
         queryKey: inventoryItemLevelsQueryKeys.detail(inventoryItemId)
       });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemLevelsQueryKeys.list({ inventoryItemId })
+      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options

package/dist/{chunk-R2NWOCML.mjs → chunk-5FAWKUSU.mjs}

@@ -3,14 +3,17 @@ 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";
 import {
   usePromotionRuleAttributes,
   usePromotionRules
-} from "./chunk-ZODJNBAV.mjs";
+} from "./chunk-R2G2B47Y.mjs";
 import {
   useStore
 } from "./chunk-V2LANK5S.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-YZJ3W776.mjs → chunk-5U3FFMC7.mjs}

@@ -43,31 +43,28 @@ var useCreateRefundReason = (query, options) => {
     ...options
   });
 };
-var useUpdateRefundReason = (id, query, options) => {
+var useUpdateRefundReason = (id, options) => {
   return useMutation({
-    mutationFn: async (data) => sdk.admin.refundReason.update(id, data, query),
+    mutationFn: async (data) => sdk.admin.refundReason.update(id, data),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
         queryKey: refundReasonsQueryKeys.lists()
       });
       queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.detail(data.refund_reason.id, query)
+        queryKey: refundReasonsQueryKeys.detail(data.refund_reason.id)
       });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
   });
 };
-var useDeleteRefundReason = (id, options) => {
+var useDeleteRefundReasonLazy = (options) => {
   return useMutation({
-    mutationFn: () => sdk.admin.refundReason.delete(id),
+    mutationFn: (id) => sdk.admin.refundReason.delete(id),
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({
         queryKey: refundReasonsQueryKeys.lists()
       });
-      queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.detail(id)
-      });
       queryClient.invalidateQueries({
         queryKey: refundReasonsQueryKeys.details()
       });
@@ -83,5 +80,5 @@ export {
   useRefundReason,
   useCreateRefundReason,
   useUpdateRefundReason,
-  useDeleteRefundReason
+  useDeleteRefundReasonLazy
 };

package/dist/{chunk-UNM3LPTG.mjs → chunk-7GBCLBMX.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-RM6NY572.mjs";
 import {
   ActionMenu
-} from "./chunk-3NJTXRIY.mjs";
+} from "./chunk-OZPB6JBL.mjs";
 import {
   useActiveViewConfiguration,
   useCreateViewConfiguration,
@@ -530,15 +530,20 @@ var DataTable = ({
   React4.useEffect(() => {
     const currentKeys = Object.keys(columnVisibility).sort();
     const newKeys = Object.keys(initialColumnVisibility).sort();
-    const hasChanged = currentKeys.length !== newKeys.length || currentKeys.some((key, index) => key !== newKeys[index]) || Object.entries(initialColumnVisibility).some(([key, value]) => columnVisibility[key] !== value);
+    const hasChanged = currentKeys.length !== newKeys.length || currentKeys.some((key, index) => key !== newKeys[index]) || Object.entries(initialColumnVisibility).some(
+      ([key, value]) => columnVisibility[key] !== value
+    );
     if (hasChanged) {
       setColumnVisibility(initialColumnVisibility);
     }
   }, [initialColumnVisibility]);
-  const handleColumnVisibilityChange = React4.useCallback((visibility) => {
-    setColumnVisibility(visibility);
-    onColumnVisibilityChange?.(visibility);
-  }, [onColumnVisibilityChange]);
+  const handleColumnVisibilityChange = React4.useCallback(
+    (visibility) => {
+      setColumnVisibility(visibility);
+      onColumnVisibilityChange?.(visibility);
+    },
+    [onColumnVisibilityChange]
+  );
   const filterIds = useMemo2(() => filters?.map((f) => f.id) ?? [], [filters]);
   const prefixedFilterIds = filterIds.map((id) => getQueryParamKey(id, prefix));
   const { offset, order, q, ...filterParams } = useQueryParams(
@@ -608,11 +613,14 @@ var DataTable = ({
   const sorting = useMemo2(() => {
     return order ? parseSortingState(order) : null;
   }, [order]);
-  const currentConfiguration = useMemo2(() => ({
-    filters: filtering,
-    sorting,
-    search
-  }), [filtering, sorting, search]);
+  const currentConfiguration = useMemo2(
+    () => ({
+      filters: filtering,
+      sorting,
+      search
+    }),
+    [filtering, sorting, search]
+  );
   const handleSortingChange = (value) => {
     setSearchParams((prev) => {
       if (value) {
@@ -726,7 +734,12 @@ var DataTable = ({
         ),
         /* @__PURE__ */ jsx4(UiDataTable.Table, { emptyState }),
         enablePagination && /* @__PURE__ */ jsx4(UiDataTable.Pagination, { translations: paginationTranslations }),
-        enableCommands && /* @__PURE__ */ jsx4(UiDataTable.CommandBar, { selectedLabel: (count) => `${count} selected` })
+        enableCommands && /* @__PURE__ */ jsx4(
+          UiDataTable.CommandBar,
+          {
+            selectedLabel: (count) => `${count} selected`
+          }
+        )
       ]
     }
   );

package/dist/{chunk-6V6KATTW.mjs → chunk-7JJTWGHU.mjs}

@@ -1,3 +1,6 @@
+import {
+  DescriptionCell
+} from "./chunk-IVZ6BMDB.mjs";
 import {
   TextCell
 } from "./chunk-MSDRGCRR.mjs";
@@ -37,33 +40,41 @@ var useProductTagTableColumns = () => {
 };
 
 // src/hooks/table/columns/use-refund-reason-table-columns.tsx
-import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var columnHelper2 = createColumnHelper2();
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { createDataTableColumnHelper } from "@medusajs/ui";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper2 = createDataTableColumnHelper();
 var useRefundReasonTableColumns = () => {
+  const { t } = useTranslation2();
   return useMemo2(
     () => [
       columnHelper2.accessor("label", {
-        cell: ({ row }) => {
-          const { label, description } = row.original;
-          return /* @__PURE__ */ jsx2("div", { className: " py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col justify-center", children: [
-            /* @__PURE__ */ jsx2("span", { className: "truncate font-medium", children: label }),
-            /* @__PURE__ */ jsx2("span", { className: "truncate", children: description ? description : "-" })
-          ] }) });
-        }
+        header: () => t("fields.label"),
+        enableSorting: true,
+        sortLabel: t("fields.label"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      }),
+      columnHelper2.accessor("description", {
+        header: () => t("fields.description"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx2(DescriptionCell, { description: getValue() }),
+        enableSorting: true,
+        sortLabel: t("fields.description"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
       })
     ],
-    []
+    [t]
   );
 };
 
 // src/hooks/table/columns/use-return-reason-table-columns.tsx
 import { Badge } from "@medusajs/ui";
-import { createColumnHelper as createColumnHelper3 } from "@tanstack/react-table";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
 import { useMemo as useMemo3 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var columnHelper3 = createColumnHelper3();
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var columnHelper3 = createColumnHelper2();
 var useReturnReasonTableColumns = () => {
   return useMemo3(
     () => [
@@ -73,7 +84,7 @@ var useReturnReasonTableColumns = () => {
       columnHelper3.accessor("label", {
         cell: ({ row }) => {
           const { label, description } = row.original;
-          return /* @__PURE__ */ jsx3("div", { className: " py-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex h-full w-full flex-col justify-center", children: [
+          return /* @__PURE__ */ jsx3("div", { className: " py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col justify-center", children: [
             /* @__PURE__ */ jsx3("span", { className: "truncate font-medium", children: label }),
             /* @__PURE__ */ jsx3("span", { className: "truncate", children: description ? description : "-" })
           ] }) });
@@ -85,9 +96,9 @@ var useReturnReasonTableColumns = () => {
 };
 
 // src/hooks/table/columns/use-tax-rates-table-columns.tsx
-import { createColumnHelper as createColumnHelper4 } from "@tanstack/react-table";
+import { createColumnHelper as createColumnHelper3 } from "@tanstack/react-table";
 import { useMemo as useMemo4 } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/components/table/table-cells/taxes/type-cell/type-cell.tsx
 import { Badge as Badge2 } from "@medusajs/ui";
@@ -95,7 +106,7 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 
 // src/hooks/table/columns/use-tax-rates-table-columns.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
-var columnHelper4 = createColumnHelper4();
+var columnHelper4 = createColumnHelper3();
 
 export {
   useProductTagTableColumns,

package/dist/{chunk-VE7JFMAN.mjs → chunk-A4GWVZB4.mjs}

@@ -28,7 +28,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-7VJK6HNE.mjs";
+} from "./chunk-EYL2JACT.mjs";
 import {
   useShippingOptionTableFilters
 } from "./chunk-3C6WQ7NH.mjs";
@@ -37,7 +37,7 @@ import {
 } from "./chunk-CBSCX7RE.mjs";
 import {
   useProductTableFilters
-} from "./chunk-YPDTZXV6.mjs";
+} from "./chunk-I2QEZTVU.mjs";
 import {
   StackedDrawer,
   StackedFocusModal
@@ -54,7 +54,7 @@ import {
 import {
   useProduct,
   useProducts
-} from "./chunk-X4X5KUGQ.mjs";
+} from "./chunk-4QUHWHBD.mjs";
 
 // src/routes/tax-regions/common/components/target-form/target-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";

package/dist/{chunk-2YP2ZNKR.mjs → chunk-AN5IILM2.mjs}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceList
-} from "./chunk-OHSRRFGN.mjs";
+} from "./chunk-LKVQ5YC6.mjs";
 
 // src/routes/price-lists/common/hooks/use-delete-price-list-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-YWNHMIEQ.mjs → chunk-AXXGAOQL.mjs}

@@ -1,6 +1,6 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-J5E7MQSS.mjs";
+} from "./chunk-CY33DS7K.mjs";
 import {
   VisuallyHidden
 } from "./chunk-F6ZOHZVB.mjs";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-4TC5YS65.mjs";
 import {
   useCreateCampaign
-} from "./chunk-ZODJNBAV.mjs";
+} from "./chunk-R2G2B47Y.mjs";
 
 // src/routes/campaigns/campaign-create/components/create-campaign-form/create-campaign-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";

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"