@mercurjs/vendor 2.3.5 → 2.3.6-canary.1

package/dist/index.js

@@ -177,52 +177,23 @@ var useTheme = () => {
   return context;
 };
 
-// src/providers/sidebar-provider/sidebar-provider.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { useLocation } from "react-router-dom";
-
-// src/providers/sidebar-provider/sidebar-context.tsx
-import { createContext as createContext2 } from "react";
-var SidebarContext = createContext2(null);
-
-// src/providers/sidebar-provider/sidebar-provider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SidebarProvider = ({ children }) => {
-  const [desktop, setDesktop] = useState2(true);
-  const [mobile, setMobile] = useState2(false);
-  const { pathname } = useLocation();
-  const toggle = (view) => {
-    if (view === "desktop") {
-      setDesktop(!desktop);
-    } else {
-      setMobile(!mobile);
-    }
-  };
-  useEffect2(() => {
-    setMobile(false);
-  }, [pathname]);
-  return /* @__PURE__ */ jsx2(SidebarContext.Provider, { value: { desktop, mobile, toggle }, children });
-};
-
-// src/providers/sidebar-provider/use-sidebar.tsx
-import { useContext as useContext2 } from "react";
-var useSidebar = () => {
-  const context = useContext2(SidebarContext);
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider");
-  }
-  return context;
-};
+// src/providers/sidebar-provider/index.ts
+import {
+  SIDEBAR_RAIL_FADE,
+  SidebarProvider,
+  useCollapsedSidebar,
+  useSidebar
+} from "@mercurjs/dashboard-shared";
 
 // src/providers/keybind-provider/hooks.tsx
 import { default as debounceFn } from "lodash.debounce";
-import { useCallback, useContext as useContext3, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback, useContext as useContext2, useEffect as useEffect2, useState as useState2 } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
 // src/providers/keybind-provider/keybind-context.tsx
-import { createContext as createContext3 } from "react";
-var KeybindContext = createContext3(null);
+import { createContext as createContext2 } from "react";
+var KeybindContext = createContext2(null);
 
 // src/providers/keybind-provider/utils.ts
 var findFirstPlatformMatch = (keys) => {
@@ -290,7 +261,7 @@ var useShortcuts = ({
   shortcuts = [],
   debounce
 }) => {
-  const [keys, setKeys] = useState3([]);
+  const [keys, setKeys] = useState2([]);
   const navigate = useNavigate();
   const removeKeys = useCallback(
     debounceFn(() => setKeys([]), debounce),
@@ -311,14 +282,14 @@ var useShortcuts = ({
     }, debounce / 2),
     []
   );
-  useEffect3(() => {
+  useEffect2(() => {
     if (keys.length > 0 && shortcuts.length > 0) {
       const shortcut = findShortcut(shortcuts, keys);
       invokeShortcut(shortcut);
     }
     return () => invokeShortcut.cancel();
   }, [keys, shortcuts, invokeShortcut]);
-  useEffect3(() => {
+  useEffect2(() => {
     const listener = (event) => {
       const target = event.target;
       if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.contentEditable === "true") {
@@ -467,14 +438,14 @@ var useGlobalShortcuts = () => {
 };
 
 // src/providers/keybind-provider/keybind-provider.tsx
-import { useCallback as useCallback2, useMemo, useState as useState4 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var KeybindProvider = ({
   shortcuts,
   debounce = 500,
   children
 }) => {
-  const [storeShortcuts, setStoreCommands] = useState4(
+  const [storeShortcuts, setStoreCommands] = useState3(
     shortcuts.map((shr) => getShortcutWithDefaultValues(shr))
   );
   const registerShortcut = useCallback2(
@@ -503,11 +474,11 @@ var KeybindProvider = ({
     }),
     [storeShortcuts, registerShortcut, getKeysByPlatform]
   );
-  return /* @__PURE__ */ jsx3(KeybindContext.Provider, { value: commandsContext, children });
+  return /* @__PURE__ */ jsx2(KeybindContext.Provider, { value: commandsContext, children });
 };
 
 // src/providers/search-provider/search-provider.tsx
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 
 // src/components/search/search.tsx
 import {
@@ -526,14 +497,14 @@ import {
   forwardRef,
   Fragment,
   useCallback as useCallback4,
-  useEffect as useEffect5,
+  useEffect as useEffect4,
   useImperativeHandle,
   useMemo as useMemo3,
   useRef,
-  useState as useState6
+  useState as useState5
 } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
-import { useLocation as useLocation2, useNavigate as useNavigate2 } from "react-router-dom";
+import { useLocation, useNavigate as useNavigate2 } from "react-router-dom";
 import {
   ArrowUturnLeft,
   MagnifyingGlass,
@@ -566,7 +537,7 @@ var SEARCH_LIMIT_INCREMENT = 20;
 
 // src/components/search/use-search-results.tsx
 import { keepPreviousData } from "@tanstack/react-query";
-import { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo2, useState as useState5 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 var useSearchResults = ({
   q,
@@ -816,8 +787,8 @@ var useDynamicSearchResults = (currentArea, limit, q) => {
   };
 };
 var useDebouncedSearch = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState5(value);
-  useEffect4(() => {
+  const [debouncedValue, setDebouncedValue] = useState4(value);
+  useEffect3(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -972,13 +943,13 @@ function transformDynamicSearchResults(type, limit, t2, response) {
 }
 
 // src/components/search/search.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Search = () => {
-  const [area, setArea] = useState6("all");
-  const [search, setSearch] = useState6("");
-  const [limit, setLimit] = useState6(DEFAULT_SEARCH_LIMIT);
+  const [area, setArea] = useState5("all");
+  const [search, setSearch] = useState5("");
+  const [limit, setLimit] = useState5(DEFAULT_SEARCH_LIMIT);
   const { open, onOpenChange } = useSearch();
-  const location = useLocation2();
+  const location = useLocation();
   const { t: t2 } = useTranslation3();
   const navigate = useNavigate2();
   const inputRef = useRef(null);
@@ -1006,7 +977,7 @@ var Search = () => {
     },
     [onOpenChange, handleReset]
   );
-  useEffect5(() => {
+  useEffect4(() => {
     handleOpenChange(false);
   }, [location.pathname, handleOpenChange]);
   const handleSelect = (item) => {
@@ -1056,7 +1027,7 @@ var Search = () => {
     return isFetching && !dynamicResults.length && !filteredStaticResults.length;
   }, [isFetching, dynamicResults, filteredStaticResults]);
   return /* @__PURE__ */ jsxs(CommandDialog, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       CommandInput,
       {
         isFetching,
@@ -1070,18 +1041,18 @@ var Search = () => {
       }
     ),
     /* @__PURE__ */ jsxs(CommandList, { ref: listRef, children: [
-      showLoading && /* @__PURE__ */ jsx4(CommandLoading, {}),
+      showLoading && /* @__PURE__ */ jsx3(CommandLoading, {}),
       dynamicResults.map((group) => {
         return /* @__PURE__ */ jsxs(CommandGroup, { heading: group.title, children: [
           group.items.map((item) => {
-            return /* @__PURE__ */ jsx4(
+            return /* @__PURE__ */ jsx3(
               CommandItem,
               {
                 onSelect: () => handleSelect(item),
                 value: item.value,
                 className: "flex items-center justify-between",
                 children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
-                  item.thumbnail && /* @__PURE__ */ jsx4(
+                  item.thumbnail && /* @__PURE__ */ jsx3(
                     Thumbnail,
                     {
                       alt: item.title,
@@ -1089,34 +1060,34 @@ var Search = () => {
                       size: "small"
                     }
                   ),
-                  /* @__PURE__ */ jsx4("span", { children: item.title }),
-                  item.subtitle && /* @__PURE__ */ jsx4("span", { className: "text-ui-fg-muted", children: item.subtitle })
+                  /* @__PURE__ */ jsx3("span", { children: item.title }),
+                  item.subtitle && /* @__PURE__ */ jsx3("span", { className: "text-ui-fg-muted", children: item.subtitle })
                 ] })
               },
               item.id
             );
           }),
-          group.hasMore && area === "all" && /* @__PURE__ */ jsx4(
+          group.hasMore && area === "all" && /* @__PURE__ */ jsx3(
             CommandItem,
             {
               onSelect: () => handleShowMore(group.area),
               hidden: true,
               value: `${group.title}:show:more`,
               children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
-                /* @__PURE__ */ jsx4(Plus, {}),
-                /* @__PURE__ */ jsx4(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.showMore") })
+                /* @__PURE__ */ jsx3(Plus, {}),
+                /* @__PURE__ */ jsx3(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.showMore") })
               ] })
             }
           ),
-          group.hasMore && area === group.area && /* @__PURE__ */ jsx4(
+          group.hasMore && area === group.area && /* @__PURE__ */ jsx3(
             CommandItem,
             {
               onSelect: handleLoadMore,
               hidden: true,
               value: `${group.title}:load:more`,
               children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
-                /* @__PURE__ */ jsx4(Plus, {}),
-                /* @__PURE__ */ jsx4(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.loadMore", {
+                /* @__PURE__ */ jsx3(Plus, {}),
+                /* @__PURE__ */ jsx3(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.loadMore", {
                   count: Math.min(
                     SEARCH_LIMIT_INCREMENT,
                     group.count - limit
@@ -1128,7 +1099,7 @@ var Search = () => {
         ] }, group.title);
       }),
       filteredStaticResults.map((group) => {
-        return /* @__PURE__ */ jsx4(
+        return /* @__PURE__ */ jsx3(
           CommandGroup,
           {
             heading: t2(`app.keyboardShortcuts.${group.title}`),
@@ -1139,15 +1110,15 @@ var Search = () => {
                   onSelect: () => handleSelect(item),
                   className: "flex items-center justify-between",
                   children: [
-                    /* @__PURE__ */ jsx4("span", { children: item.label }),
-                    /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-x-1.5", children: item.keys.Mac?.map((key, index) => {
+                    /* @__PURE__ */ jsx3("span", { children: item.label }),
+                    /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-x-1.5", children: item.keys.Mac?.map((key, index) => {
                       return /* @__PURE__ */ jsxs(
                         "div",
                         {
                           className: "flex items-center gap-x-1",
                           children: [
-                            /* @__PURE__ */ jsx4(Kbd, { children: key }),
-                            index < (item.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx4("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
+                            /* @__PURE__ */ jsx3(Kbd, { children: key }),
+                            index < (item.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx3("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
                           ]
                         },
                         index
@@ -1162,11 +1133,11 @@ var Search = () => {
           group.title
         );
       }),
-      !showLoading && /* @__PURE__ */ jsx4(CommandEmpty, { q: search })
+      !showLoading && /* @__PURE__ */ jsx3(CommandEmpty, { q: search })
     ] })
   ] });
 };
-var CommandPalette = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var CommandPalette = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   Command,
   {
     shouldFilter: false,
@@ -1184,8 +1155,8 @@ var CommandDialog = ({ children, ...props }) => {
   const preserveHeight = useMemo3(() => {
     return props.isLoading && Children.count(children) === 0;
   }, [props.isLoading, children]);
-  return /* @__PURE__ */ jsx4(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
-    /* @__PURE__ */ jsx4(RadixDialog.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
+  return /* @__PURE__ */ jsx3(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+    /* @__PURE__ */ jsx3(RadixDialog.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
     /* @__PURE__ */ jsxs(
       RadixDialog.Content,
       {
@@ -1197,21 +1168,21 @@ var CommandDialog = ({ children, ...props }) => {
           }
         ),
         children: [
-          /* @__PURE__ */ jsx4(RadixDialog.Title, { className: "sr-only", children: t2("app.search.title") }),
-          /* @__PURE__ */ jsx4(RadixDialog.Description, { className: "sr-only", children: t2("app.search.description") }),
-          /* @__PURE__ */ jsx4(CommandPalette, { className: "[&_[cmdk-group-heading]]:text-muted-foreground flex h-full flex-col overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", children }),
-          /* @__PURE__ */ jsx4("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+          /* @__PURE__ */ jsx3(RadixDialog.Title, { className: "sr-only", children: t2("app.search.title") }),
+          /* @__PURE__ */ jsx3(RadixDialog.Description, { className: "sr-only", children: t2("app.search.description") }),
+          /* @__PURE__ */ jsx3(CommandPalette, { className: "[&_[cmdk-group-heading]]:text-muted-foreground flex h-full flex-col overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", children }),
+          /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx4(Text, { size: "xsmall", leading: "compact", children: t2("app.search.navigation") }),
+              /* @__PURE__ */ jsx3(Text, { size: "xsmall", leading: "compact", children: t2("app.search.navigation") }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ jsx4(Kbd, { className: "bg-ui-bg-field-component", children: "\u2193" }),
-                /* @__PURE__ */ jsx4(Kbd, { className: "bg-ui-bg-field-component", children: "\u2191" })
+                /* @__PURE__ */ jsx3(Kbd, { className: "bg-ui-bg-field-component", children: "\u2193" }),
+                /* @__PURE__ */ jsx3(Kbd, { className: "bg-ui-bg-field-component", children: "\u2191" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx4("div", { className: "bg-ui-border-strong h-3 w-px" }),
+            /* @__PURE__ */ jsx3("div", { className: "bg-ui-border-strong h-3 w-px" }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx4(Text, { size: "xsmall", leading: "compact", children: t2("app.search.openResult") }),
-              /* @__PURE__ */ jsx4(Kbd, { className: "bg-ui-bg-field-component", children: "\u21B5" })
+              /* @__PURE__ */ jsx3(Text, { size: "xsmall", leading: "compact", children: t2("app.search.openResult") }),
+              /* @__PURE__ */ jsx3(Kbd, { className: "bg-ui-bg-field-component", children: "\u21B5" })
             ] })
           ] }) })
         ]
@@ -1238,19 +1209,19 @@ var CommandInput = forwardRef(
       () => innerRef.current
     );
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-b", children: [
-      /* @__PURE__ */ jsx4("div", { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
-        /* @__PURE__ */ jsx4(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx3("div", { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
+        /* @__PURE__ */ jsx3(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           Badge,
           {
             size: "2xsmall",
             className: "hover:bg-ui-bg-base-pressed transition-fg cursor-pointer",
             children: [
               t2(`app.search.groups.${area}`),
-              /* @__PURE__ */ jsx4(TriangleDownMini, { className: "text-ui-fg-muted" })
+              /* @__PURE__ */ jsx3(TriangleDownMini, { className: "text-ui-fg-muted" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           DropdownMenu.Content,
           {
             align: "start",
@@ -1259,15 +1230,15 @@ var CommandInput = forwardRef(
               e.preventDefault();
               innerRef.current?.focus();
             },
-            children: /* @__PURE__ */ jsx4(
+            children: /* @__PURE__ */ jsx3(
               DropdownMenu.RadioGroup,
               {
                 value: area,
                 onValueChange: (v) => setArea(v),
                 children: SEARCH_AREAS.map((area2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                  area2 === "command" && /* @__PURE__ */ jsx4(DropdownMenu.Separator, {}),
-                  /* @__PURE__ */ jsx4(DropdownMenu.RadioItem, { value: area2, children: t2(`app.search.groups.${area2}`) }),
-                  area2 === "all" && /* @__PURE__ */ jsx4(DropdownMenu.Separator, {})
+                  area2 === "command" && /* @__PURE__ */ jsx3(DropdownMenu.Separator, {}),
+                  /* @__PURE__ */ jsx3(DropdownMenu.RadioItem, { value: area2, children: t2(`app.search.groups.${area2}`) }),
+                  area2 === "all" && /* @__PURE__ */ jsx3(DropdownMenu.Separator, {})
                 ] }, area2))
               }
             )
@@ -1275,17 +1246,17 @@ var CommandInput = forwardRef(
         )
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-x-2 px-4 py-3", children: [
-        onBack && /* @__PURE__ */ jsx4(
+        onBack && /* @__PURE__ */ jsx3(
           IconButton,
           {
             type: "button",
             size: "small",
             variant: "transparent",
             onClick: onBack,
-            children: /* @__PURE__ */ jsx4(ArrowUturnLeft, { className: "text-ui-fg-muted" })
+            children: /* @__PURE__ */ jsx3(ArrowUturnLeft, { className: "text-ui-fg-muted" })
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           Command.Input,
           {
             ref: innerRef,
@@ -1299,8 +1270,8 @@ var CommandInput = forwardRef(
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2", children: [
-          isFetching && /* @__PURE__ */ jsx4(Spinner, { className: "text-ui-fg-muted animate-spin" }),
-          value && /* @__PURE__ */ jsx4(
+          isFetching && /* @__PURE__ */ jsx3(Spinner, { className: "text-ui-fg-muted animate-spin" }),
+          value && /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "transparent",
@@ -1320,7 +1291,7 @@ var CommandInput = forwardRef(
   }
 );
 CommandInput.displayName = Command.Input.displayName;
-var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   Command.List,
   {
     ref,
@@ -1334,11 +1305,11 @@ var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
 CommandList.displayName = Command.List.displayName;
 var CommandEmpty = forwardRef((props, ref) => {
   const { t: t2 } = useTranslation3();
-  return /* @__PURE__ */ jsx4(Command.Empty, { ref, className: "py-6 text-center text-sm", ...props, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3", children: [
-    /* @__PURE__ */ jsx4(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
+  return /* @__PURE__ */ jsx3(Command.Empty, { ref, className: "py-6 text-center text-sm", ...props, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3", children: [
+    /* @__PURE__ */ jsx3(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
-      /* @__PURE__ */ jsx4(Text, { size: "small", weight: "plus", leading: "compact", children: props.q ? t2("app.search.noResultsTitle") : t2("app.search.emptySearchTitle") }),
-      /* @__PURE__ */ jsx4(Text, { size: "small", className: "text-ui-fg-muted", children: props.q ? t2("app.search.noResultsMessage") : t2("app.search.emptySearchMessage") })
+      /* @__PURE__ */ jsx3(Text, { size: "small", weight: "plus", leading: "compact", children: props.q ? t2("app.search.noResultsTitle") : t2("app.search.emptySearchTitle") }),
+      /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-ui-fg-muted", children: props.q ? t2("app.search.noResultsMessage") : t2("app.search.emptySearchMessage") })
     ] })
   ] }) });
 });
@@ -1351,14 +1322,14 @@ var CommandLoading = forwardRef((props, ref) => {
       ...props,
       className: "bg-ui-bg-base flex flex-col",
       children: [
-        /* @__PURE__ */ jsx4("div", { className: "w-full px-2 pb-1 pt-3", children: /* @__PURE__ */ jsx4(Skeleton, { className: "h-5 w-10" }) }),
-        Array.from({ length: 7 }).map((_, index) => /* @__PURE__ */ jsx4("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx4(Skeleton, { className: "h-5 w-full" }) }, index))
+        /* @__PURE__ */ jsx3("div", { className: "w-full px-2 pb-1 pt-3", children: /* @__PURE__ */ jsx3(Skeleton, { className: "h-5 w-10" }) }),
+        Array.from({ length: 7 }).map((_, index) => /* @__PURE__ */ jsx3("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx3(Skeleton, { className: "h-5 w-full" }) }, index))
       ]
     }
   );
 });
 CommandLoading.displayName = Command.Loading.displayName;
-var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   Command.Group,
   {
     ref,
@@ -1370,7 +1341,7 @@ var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 CommandGroup.displayName = Command.Group.displayName;
-var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   Command.Separator,
   {
     ref,
@@ -1379,7 +1350,7 @@ var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CommandSeparator.displayName = Command.Separator.displayName;
-var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   Command.Item,
   {
     ref,
@@ -1393,13 +1364,13 @@ var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
 CommandItem.displayName = Command.Item.displayName;
 
 // src/providers/search-provider/search-context.tsx
-import { createContext as createContext4 } from "react";
-var SearchContext = createContext4(null);
+import { createContext as createContext3 } from "react";
+var SearchContext = createContext3(null);
 
 // src/providers/search-provider/search-provider.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var SearchProvider = ({ children }) => {
-  const [open, setOpen] = useState7(false);
+  const [open, setOpen] = useState6(false);
   const { mobile, toggle } = useSidebar();
   const toggleSearch = () => {
     const update = !open;
@@ -1408,7 +1379,7 @@ var SearchProvider = ({ children }) => {
     }
     setOpen(update);
   };
-  useEffect6(() => {
+  useEffect5(() => {
     const onKeyDown = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
         setOpen((prev) => !prev);
@@ -1429,16 +1400,16 @@ var SearchProvider = ({ children }) => {
       },
       children: [
         children,
-        /* @__PURE__ */ jsx5(Search, {})
+        /* @__PURE__ */ jsx4(Search, {})
       ]
     }
   );
 };
 
 // src/providers/search-provider/use-search.tsx
-import { useContext as useContext4 } from "react";
+import { useContext as useContext3 } from "react";
 var useSearch = () => {
-  const context = useContext4(SearchContext);
+  const context = useContext3(SearchContext);
   if (!context) {
     throw new Error("useSearch must be used within a SearchProvider");
   }
@@ -1457,7 +1428,7 @@ import { Outlet as Outlet4 } from "react-router-dom";
 import { Spinner as Spinner2 } from "@medusajs/icons";
 import { PermissionsProvider } from "@mercurjs/dashboard-shared";
 import { useMemo as useMemo4 } from "react";
-import { Navigate, Outlet, useLocation as useLocation3 } from "react-router-dom";
+import { Navigate, Outlet, useLocation as useLocation2 } from "react-router-dom";
 
 // src/hooks/api/rbac.tsx
 import { useQuery } from "@tanstack/react-query";
@@ -1473,10 +1444,10 @@ var useMePermissions = (options) => {
 };
 
 // src/components/authentication/protected-route/protected-route.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var ProtectedRoute = () => {
   const { seller_member, isLoading } = useMe();
-  const location = useLocation3();
+  const location = useLocation2();
   const { feature_flags } = useFeatureFlags();
   const isRbacEnabled = !!feature_flags?.rbac;
   const { data: permissionsResponse, isLoading: isLoadingPermissions } = useMePermissions({
@@ -1493,18 +1464,18 @@ var ProtectedRoute = () => {
     };
   }, [permissionsResponse]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx6("div", { className: "flex min-h-screen items-center justify-center", children: /* @__PURE__ */ jsx6(Spinner2, { className: "text-ui-fg-interactive animate-spin" }) });
+    return /* @__PURE__ */ jsx5("div", { className: "flex min-h-screen items-center justify-center", children: /* @__PURE__ */ jsx5(Spinner2, { className: "text-ui-fg-interactive animate-spin" }) });
   }
   if (!seller_member) {
-    return /* @__PURE__ */ jsx6(Navigate, { to: "/login", state: { from: location }, replace: true });
+    return /* @__PURE__ */ jsx5(Navigate, { to: "/login", state: { from: location }, replace: true });
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     PermissionsProvider,
     {
       policy,
       isLoading: isLoadingPermissions,
       isRbacEnabled,
-      children: /* @__PURE__ */ jsx6(SidebarProvider, { children: /* @__PURE__ */ jsx6(SearchProvider, { children: /* @__PURE__ */ jsx6(Outlet, {}) }) })
+      children: /* @__PURE__ */ jsx5(SidebarProvider, { children: /* @__PURE__ */ jsx5(SearchProvider, { children: /* @__PURE__ */ jsx5(Outlet, {}) }) })
     }
   );
 };
@@ -1531,20 +1502,20 @@ import { useTranslation as useTranslation8 } from "react-i18next";
 // src/components/layout/nav-item/nav-item.tsx
 import {
   useCallback as useCallback5,
-  useEffect as useEffect7,
-  useState as useState8
+  useEffect as useEffect6,
+  useState as useState7
 } from "react";
-import { Kbd as Kbd2, Text as Text2, clx as clx2 } from "@medusajs/ui";
+import { Kbd as Kbd2, Text as Text2, Tooltip, clx as clx2 } from "@medusajs/ui";
 import { Collapsible as RadixCollapsible } from "radix-ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { NavLink, useLocation as useLocation4 } from "react-router-dom";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { NavLink, useLocation as useLocation3 } from "react-router-dom";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var NestedNavLabel = ({
   label,
   translationNs
 }) => {
   const { t: t2 } = useTranslation4(translationNs);
-  return /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: translationNs ? t2(label) : label });
+  return /* @__PURE__ */ jsx6(Text2, { size: "small", weight: "plus", leading: "compact", children: translationNs ? t2(label) : label });
 };
 var BASE_NAV_LINK_CLASSES = "text-ui-fg-subtle transition-fg hover:bg-ui-bg-subtle-hover flex items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 outline-none [&>svg]:text-ui-fg-subtle focus-visible:shadow-borders-focus";
 var ACTIVE_NAV_LINK_CLASSES = "bg-ui-bg-base shadow-elevation-card-rest text-ui-fg-base hover:bg-ui-bg-base";
@@ -1557,26 +1528,31 @@ var getIsOpen = (to, items, pathname) => {
 };
 var NavItemTooltip = ({
   to,
+  label,
   children
 }) => {
   const { t: t2 } = useTranslation4();
+  const { state } = useSidebar();
   const globalShortcuts = useGlobalShortcuts();
   const shortcut = globalShortcuts.find((s) => s.to === to);
-  return /* @__PURE__ */ jsx7(
+  if (state === "collapsed" && label) {
+    return /* @__PURE__ */ jsx6(Tooltip, { content: label, side: "right", delayDuration: 0, children: /* @__PURE__ */ jsx6("div", { className: "w-full", children }) });
+  }
+  return /* @__PURE__ */ jsx6(
     ConditionalTooltip,
     {
       showTooltip: !!shortcut,
       maxWidth: 9999,
       content: /* @__PURE__ */ jsxs3("div", { className: "txt-compact-xsmall flex h-5 items-center justify-between gap-x-2 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx7("span", { children: shortcut?.label }),
-        /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-x-1", children: shortcut?.keys.Mac?.map((key, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
-          /* @__PURE__ */ jsx7(Kbd2, { children: key }, key),
-          index < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx7("span", { className: "txt-compact-xsmall text-ui-fg-muted", children: t2("app.keyboardShortcuts.then") })
+        /* @__PURE__ */ jsx6("span", { children: shortcut?.label }),
+        /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-x-1", children: shortcut?.keys.Mac?.map((key, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ jsx6(Kbd2, { children: key }, key),
+          index < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx6("span", { className: "txt-compact-xsmall text-ui-fg-muted", children: t2("app.keyboardShortcuts.then") })
         ] }, index)) })
       ] }),
       side: "right",
       delayDuration: 1500,
-      children: /* @__PURE__ */ jsx7("div", { className: "w-full", children })
+      children: /* @__PURE__ */ jsx6("div", { className: "w-full", children })
     }
   );
 };
@@ -1590,10 +1566,10 @@ var NavItem = ({
   translationNs
 }) => {
   const { t: t2 } = useTranslation4(translationNs);
-  const { pathname } = useLocation4();
+  const { pathname } = useLocation3();
   const displayLabel = translationNs ? t2(label) : label;
-  const [open, setOpen] = useState8(getIsOpen(to, items, pathname));
-  useEffect7(() => {
+  const [open, setOpen] = useState7(getIsOpen(to, items, pathname));
+  useEffect6(() => {
     setOpen(getIsOpen(to, items, pathname));
   }, [pathname, to, items]);
   const navLinkClassNames = useCallback5(
@@ -1629,7 +1605,7 @@ var NavItem = ({
       className: "px-3",
       "data-testid": `sidebar-nav-item-${to.replace(/\//g, "-").replace(/^-/, "")}`,
       children: [
-        /* @__PURE__ */ jsx7(NavItemTooltip, { to, children: /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsx6(NavItemTooltip, { to, label: displayLabel, children: /* @__PURE__ */ jsxs3(
           NavLink,
           {
             to,
@@ -1644,81 +1620,98 @@ var NavItem = ({
             },
             "data-testid": `sidebar-nav-link-${to.replace(/\//g, "-").replace(/^-/, "")}`,
             children: [
-              type !== "setting" && /* @__PURE__ */ jsx7("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx7(Icon, { icon, type }) }),
-              /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
+              type !== "setting" && /* @__PURE__ */ jsx6("div", { className: "flex size-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx6(Icon, { icon, type }) }),
+              /* @__PURE__ */ jsx6(
+                Text2,
+                {
+                  size: "small",
+                  weight: "plus",
+                  leading: "compact",
+                  className: clx2("shrink-0 whitespace-nowrap", SIDEBAR_RAIL_FADE),
+                  children: displayLabel
+                }
+              )
             ]
           }
         ) }),
-        items && items.length > 0 && /* @__PURE__ */ jsxs3(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
-          /* @__PURE__ */ jsxs3(
-            RadixCollapsible.Trigger,
-            {
-              className: clx2(
-                "flex w-full items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 text-ui-fg-subtle outline-none transition-fg hover:bg-ui-bg-subtle-hover hover:text-ui-fg-base lg:hidden",
-                { "pl-2": isSetting }
+        items && items.length > 0 && /* @__PURE__ */ jsxs3(
+          RadixCollapsible.Root,
+          {
+            open,
+            onOpenChange: setOpen,
+            className: "group-data-[state=collapsed]/sidebar:hidden",
+            children: [
+              /* @__PURE__ */ jsxs3(
+                RadixCollapsible.Trigger,
+                {
+                  className: clx2(
+                    "flex w-full items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 text-ui-fg-subtle outline-none transition-fg hover:bg-ui-bg-subtle-hover hover:text-ui-fg-base lg:hidden",
+                    { "pl-2": isSetting }
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx6("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx6(Icon, { icon, type }) }),
+                    /* @__PURE__ */ jsx6(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
+                  ]
+                }
               ),
-              children: [
-                /* @__PURE__ */ jsx7("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx7(Icon, { icon, type }) }),
-                /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx7(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx7(
-            "div",
-            {
-              className: "flex flex-col gap-y-0.5 pb-2 pt-0.5",
-              "data-testid": `sidebar-nav-nested-items-${to.replace(/\//g, "-").replace(/^-/, "")}`,
-              children: /* @__PURE__ */ jsxs3("ul", { className: "flex flex-col gap-y-0.5", children: [
-                /* @__PURE__ */ jsx7("li", { className: "flex w-full items-center gap-x-1 lg:hidden", children: /* @__PURE__ */ jsx7(NavItemTooltip, { to, children: /* @__PURE__ */ jsx7(
-                  NavLink,
-                  {
-                    to,
-                    end: true,
-                    className: ({ isActive }) => {
-                      return clx2(
-                        navLinkClassNames({
-                          to,
-                          isActive,
-                          isSetting,
-                          isNested: true
-                        })
-                      );
-                    },
-                    "data-testid": `sidebar-nav-link-nested-${to.replace(/\//g, "-").replace(/^-/, "")}`,
-                    children: /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
-                  }
-                ) }) }),
-                items.map((item) => {
-                  return /* @__PURE__ */ jsx7("li", { className: "flex h-7 items-center", children: /* @__PURE__ */ jsx7(NavItemTooltip, { to: item.to, children: /* @__PURE__ */ jsx7(
-                    NavLink,
-                    {
-                      to: item.to,
-                      end: true,
-                      className: ({ isActive }) => {
-                        return clx2(
-                          navLinkClassNames({
-                            to: item.to,
-                            isActive,
-                            isSetting,
-                            isNested: true
-                          })
-                        );
-                      },
-                      "data-testid": `sidebar-nav-link-nested-${item.to.replace(/\//g, "-").replace(/^-/, "")}`,
-                      children: /* @__PURE__ */ jsx7(
-                        NestedNavLabel,
+              /* @__PURE__ */ jsx6(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx6(
+                "div",
+                {
+                  className: "flex flex-col gap-y-0.5 pb-2 pt-0.5",
+                  "data-testid": `sidebar-nav-nested-items-${to.replace(/\//g, "-").replace(/^-/, "")}`,
+                  children: /* @__PURE__ */ jsxs3("ul", { className: "flex flex-col gap-y-0.5", children: [
+                    /* @__PURE__ */ jsx6("li", { className: "flex w-full items-center gap-x-1 lg:hidden", children: /* @__PURE__ */ jsx6(NavItemTooltip, { to, children: /* @__PURE__ */ jsx6(
+                      NavLink,
+                      {
+                        to,
+                        end: true,
+                        className: ({ isActive }) => {
+                          return clx2(
+                            navLinkClassNames({
+                              to,
+                              isActive,
+                              isSetting,
+                              isNested: true
+                            })
+                          );
+                        },
+                        "data-testid": `sidebar-nav-link-nested-${to.replace(/\//g, "-").replace(/^-/, "")}`,
+                        children: /* @__PURE__ */ jsx6(Text2, { size: "small", weight: "plus", leading: "compact", children: displayLabel })
+                      }
+                    ) }) }),
+                    items.map((item) => {
+                      return /* @__PURE__ */ jsx6("li", { className: "flex h-7 items-center", children: /* @__PURE__ */ jsx6(NavItemTooltip, { to: item.to, children: /* @__PURE__ */ jsx6(
+                        NavLink,
                         {
-                          label: item.label,
-                          translationNs: item.translationNs
+                          to: item.to,
+                          end: true,
+                          className: ({ isActive }) => {
+                            return clx2(
+                              navLinkClassNames({
+                                to: item.to,
+                                isActive,
+                                isSetting,
+                                isNested: true
+                              })
+                            );
+                          },
+                          "data-testid": `sidebar-nav-link-nested-${item.to.replace(/\//g, "-").replace(/^-/, "")}`,
+                          children: /* @__PURE__ */ jsx6(
+                            NestedNavLabel,
+                            {
+                              label: item.label,
+                              translationNs: item.translationNs
+                            }
+                          )
                         }
-                      )
-                    }
-                  ) }) }, item.to);
-                })
-              ] })
-            }
-          ) })
-        ] })
+                      ) }) }, item.to);
+                    })
+                  ] })
+                }
+              ) })
+            ]
+          }
+        )
       ]
     }
   );
@@ -1727,7 +1720,7 @@ var Icon = ({ icon, type }) => {
   if (!icon) {
     return null;
   }
-  return type === "extension" ? /* @__PURE__ */ jsx7("div", { className: "flex h-5 w-5 items-center justify-center rounded-[4px] bg-ui-bg-base shadow-borders-base", children: /* @__PURE__ */ jsx7("div", { className: "h-[15px] w-[15px] overflow-hidden rounded-sm", children: icon }) }) : icon;
+  return type === "extension" ? /* @__PURE__ */ jsx6("div", { className: "flex h-5 w-5 items-center justify-center rounded-[4px] bg-ui-bg-base shadow-borders-base", children: /* @__PURE__ */ jsx6("div", { className: "h-[15px] w-[15px] overflow-hidden rounded-sm", children: icon }) }) : icon;
 };
 
 // src/components/layout/shell/shell.tsx
@@ -1735,12 +1728,12 @@ import { SidebarLeft, TriangleRightMini, XMark } from "@medusajs/icons";
 import { IconButton as IconButton2, clx as clx3 } from "@medusajs/ui";
 import { AnimatePresence } from "motion/react";
 import { Dialog as RadixDialog2 } from "radix-ui";
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import {
   Link,
   Outlet as Outlet2,
-  useLocation as useLocation5,
+  useLocation as useLocation4,
   useMatches,
   useNavigation
 } from "react-router-dom";
@@ -1748,9 +1741,9 @@ import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/components/common/progress-bar/progress-bar.tsx
 import { motion } from "motion/react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var ProgressBar = ({ duration = 2 }) => {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     motion.div,
     {
       className: "bg-ui-fg-subtle size-full",
@@ -1774,20 +1767,20 @@ var ProgressBar = ({ duration = 2 }) => {
 };
 
 // src/components/layout/shell/shell.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var Shell = ({ children }) => {
   const globalShortcuts = useGlobalShortcuts();
   const navigation2 = useNavigation();
   const loading = navigation2.state === "loading";
-  return /* @__PURE__ */ jsx9(KeybindProvider, { shortcuts: globalShortcuts, children: /* @__PURE__ */ jsxs4("div", { className: "relative flex h-screen flex-col items-start overflow-hidden lg:flex-row", children: [
-    /* @__PURE__ */ jsx9(NavigationBar, { loading }),
+  return /* @__PURE__ */ jsx8(KeybindProvider, { shortcuts: globalShortcuts, children: /* @__PURE__ */ jsxs4("div", { className: "relative flex h-screen flex-col items-start overflow-hidden lg:flex-row", children: [
+    /* @__PURE__ */ jsx8(NavigationBar, { loading }),
     /* @__PURE__ */ jsxs4("div", { children: [
-      /* @__PURE__ */ jsx9(MobileSidebarContainer, { children }),
-      /* @__PURE__ */ jsx9(DesktopSidebarContainer, { children })
+      /* @__PURE__ */ jsx8(MobileSidebarContainer, { children }),
+      /* @__PURE__ */ jsx8(DesktopSidebarContainer, { children })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "flex h-screen w-full flex-col overflow-auto", children: [
-      /* @__PURE__ */ jsx9(Topbar, {}),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(Topbar, {}),
+      /* @__PURE__ */ jsx8(
         "main",
         {
           className: clx3(
@@ -1797,8 +1790,8 @@ var Shell = ({ children }) => {
             }
           ),
           children: /* @__PURE__ */ jsxs4(Gutter, { children: [
-            /* @__PURE__ */ jsx9(StoreSetupWidget, {}),
-            /* @__PURE__ */ jsx9(Outlet2, {})
+            /* @__PURE__ */ jsx8(StoreSetupWidget, {}),
+            /* @__PURE__ */ jsx8(Outlet2, {})
           ] })
         }
       )
@@ -1806,8 +1799,8 @@ var Shell = ({ children }) => {
   ] }) });
 };
 var NavigationBar = ({ loading }) => {
-  const [showBar, setShowBar] = useState9(false);
-  useEffect8(() => {
+  const [showBar, setShowBar] = useState8(false);
+  useEffect7(() => {
     let timeout;
     if (loading) {
       timeout = setTimeout(() => {
@@ -1820,10 +1813,10 @@ var NavigationBar = ({ loading }) => {
       clearTimeout(timeout);
     };
   }, [loading]);
-  return /* @__PURE__ */ jsx9("div", { className: "fixed inset-x-0 top-0 z-50 h-1", children: /* @__PURE__ */ jsx9(AnimatePresence, { children: showBar ? /* @__PURE__ */ jsx9(ProgressBar, {}) : null }) });
+  return /* @__PURE__ */ jsx8("div", { className: "fixed inset-x-0 top-0 z-50 h-1", children: /* @__PURE__ */ jsx8(AnimatePresence, { children: showBar ? /* @__PURE__ */ jsx8(ProgressBar, {}) : null }) });
 };
 var Gutter = ({ children }) => {
-  return /* @__PURE__ */ jsx9("div", { className: "flex w-full max-w-[1600px] flex-col gap-y-2 p-3", children });
+  return /* @__PURE__ */ jsx8("div", { className: "flex w-full max-w-[1600px] flex-col gap-y-2 p-3", children });
 };
 var Breadcrumbs = () => {
   const matches = useMatches();
@@ -1842,7 +1835,7 @@ var Breadcrumbs = () => {
       path: match.pathname
     };
   }).filter(Boolean);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "ol",
     {
       className: clx3(
@@ -1852,7 +1845,7 @@ var Breadcrumbs = () => {
         const isLast = index === crumbs.length - 1;
         const isSingle = crumbs.length === 1;
         return /* @__PURE__ */ jsxs4("li", { className: clx3("flex items-center"), children: [
-          !isLast ? /* @__PURE__ */ jsx9(
+          !isLast ? /* @__PURE__ */ jsx8(
             Link,
             {
               className: "transition-fg hover:text-ui-fg-subtle",
@@ -1860,8 +1853,8 @@ var Breadcrumbs = () => {
               children: crumb.label
             }
           ) : /* @__PURE__ */ jsxs4("div", { children: [
-            !isSingle && /* @__PURE__ */ jsx9("span", { className: "block lg:hidden", children: "..." }),
-            /* @__PURE__ */ jsx9(
+            !isSingle && /* @__PURE__ */ jsx8("span", { className: "block lg:hidden", children: "..." }),
+            /* @__PURE__ */ jsx8(
               "span",
               {
                 className: clx3({
@@ -1872,33 +1865,34 @@ var Breadcrumbs = () => {
               index
             )
           ] }),
-          !isLast && /* @__PURE__ */ jsx9("span", { className: "mx-2", children: /* @__PURE__ */ jsx9(TriangleRightMini, { className: "rtl:rotate-180" }) })
+          !isLast && /* @__PURE__ */ jsx8("span", { className: "mx-2", children: /* @__PURE__ */ jsx8(TriangleRightMini, { className: "rtl:rotate-180" }) })
         ] }, index);
       })
     }
   );
 };
 var ToggleSidebar = () => {
-  const { toggle } = useSidebar();
+  const { toggle, state } = useSidebar();
   return /* @__PURE__ */ jsxs4("div", { children: [
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(
       IconButton2,
       {
         className: "hidden lg:flex",
         variant: "transparent",
         onClick: () => toggle("desktop"),
         size: "small",
-        children: /* @__PURE__ */ jsx9(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
+        "aria-expanded": state === "expanded",
+        children: /* @__PURE__ */ jsx8(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(
       IconButton2,
       {
         className: "hidden max-lg:flex",
         variant: "transparent",
         onClick: () => toggle("mobile"),
         size: "small",
-        children: /* @__PURE__ */ jsx9(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
+        children: /* @__PURE__ */ jsx8(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
       }
     )
   ] });
@@ -1906,20 +1900,23 @@ var ToggleSidebar = () => {
 var Topbar = () => {
   return /* @__PURE__ */ jsxs4("div", { className: "grid w-full grid-cols-2 border-b p-3", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-1.5", children: [
-      /* @__PURE__ */ jsx9(ToggleSidebar, {}),
-      /* @__PURE__ */ jsx9(Breadcrumbs, {})
+      /* @__PURE__ */ jsx8(ToggleSidebar, {}),
+      /* @__PURE__ */ jsx8(Breadcrumbs, {})
     ] }),
-    /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-end gap-x-3" })
+    /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-end gap-x-3" })
   ] });
 };
 var DesktopSidebarContainer = ({ children }) => {
-  const { desktop } = useSidebar();
-  return /* @__PURE__ */ jsx9(
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsx8(
     "div",
     {
-      className: clx3("hidden h-screen w-[220px] border-e", {
-        "lg:flex": desktop
-      }),
+      "data-state": state,
+      className: clx3(
+        "group/sidebar hidden h-screen w-[220px] shrink-0 overflow-x-hidden border-e lg:flex",
+        "transition-[width] duration-200 ease-sidebar motion-reduce:transition-none",
+        "data-[state=collapsed]:w-[52px]"
+      ),
       children
     }
   );
@@ -1927,8 +1924,8 @@ var DesktopSidebarContainer = ({ children }) => {
 var MobileSidebarContainer = ({ children }) => {
   const { t: t2 } = useTranslation5();
   const { mobile, toggle } = useSidebar();
-  return /* @__PURE__ */ jsx9(RadixDialog2.Root, { open: mobile, onOpenChange: () => toggle("mobile"), children: /* @__PURE__ */ jsxs4(RadixDialog2.Portal, { children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(RadixDialog2.Root, { open: mobile, onOpenChange: () => toggle("mobile"), children: /* @__PURE__ */ jsxs4(RadixDialog2.Portal, { children: [
+    /* @__PURE__ */ jsx8(
       RadixDialog2.Overlay,
       {
         className: clx3(
@@ -1946,17 +1943,17 @@ var MobileSidebarContainer = ({ children }) => {
         ),
         children: [
           /* @__PURE__ */ jsxs4("div", { className: "p-3", children: [
-            /* @__PURE__ */ jsx9(RadixDialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx8(RadixDialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx8(
               IconButton2,
               {
                 size: "small",
                 variant: "transparent",
                 className: "text-ui-fg-subtle",
-                children: /* @__PURE__ */ jsx9(XMark, {})
+                children: /* @__PURE__ */ jsx8(XMark, {})
               }
             ) }),
-            /* @__PURE__ */ jsx9(RadixDialog2.Title, { className: "sr-only", children: t2("app.nav.accessibility.title") }),
-            /* @__PURE__ */ jsx9(RadixDialog2.Description, { className: "sr-only", children: t2("app.nav.accessibility.description") })
+            /* @__PURE__ */ jsx8(RadixDialog2.Title, { className: "sr-only", children: t2("app.nav.accessibility.title") }),
+            /* @__PURE__ */ jsx8(RadixDialog2.Description, { className: "sr-only", children: t2("app.nav.accessibility.description") })
           ] }),
           children
         ]
@@ -1972,15 +1969,15 @@ var isTopLevelRoute = (pathname) => {
 var StoreSetupWidget = () => {
   const { seller_member } = useMe();
   const seller = seller_member?.seller;
-  const location = useLocation5();
+  const location = useLocation4();
   if (!seller || !isTopLevelRoute(location.pathname)) {
     return null;
   }
-  return /* @__PURE__ */ jsx9(WidgetZone, { id: "seller.setup", data: seller });
+  return /* @__PURE__ */ jsx8(WidgetZone, { id: "seller.setup", data: seller });
 };
 
 // src/components/layout/main-layout/main-layout.tsx
-import { useLocation as useLocation8, useNavigate as useNavigate4 } from "react-router-dom";
+import { useLocation as useLocation7, useNavigate as useNavigate4 } from "react-router-dom";
 
 // src/components/layout/user-menu/user-menu.tsx
 import {
@@ -2006,50 +2003,50 @@ import {
 } from "@medusajs/ui";
 import { Dialog as RadixDialog3 } from "radix-ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
-import { useState as useState10 } from "react";
-import { Link as Link2, useLocation as useLocation6, useNavigate as useNavigate3 } from "react-router-dom";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { Link as Link2, useLocation as useLocation5, useNavigate as useNavigate3 } from "react-router-dom";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var UserMenu = () => {
   const { t: t2 } = useTranslation6();
-  const location = useLocation6();
+  const location = useLocation5();
   const direction = useDocumentDirection();
-  const [openMenu, setOpenMenu] = useState10(false);
-  const [openModal, setOpenModal] = useState10(false);
+  const [openMenu, setOpenMenu] = useState9(false);
+  const [openModal, setOpenModal] = useState9(false);
   const toggleModal = () => {
     setOpenMenu(false);
     setOpenModal(!openModal);
   };
   return /* @__PURE__ */ jsxs5("div", { children: [
     /* @__PURE__ */ jsxs5(DropdownMenu2, { dir: direction, open: openMenu, onOpenChange: setOpenMenu, children: [
-      /* @__PURE__ */ jsx10(UserBadge, {}),
+      /* @__PURE__ */ jsx9(UserBadge, {}),
       /* @__PURE__ */ jsxs5(DropdownMenu2.Content, { className: "min-w-[var(--radix-dropdown-menu-trigger-width)] max-w-[var(--radix-dropdown-menu-trigger-width)]", children: [
-        /* @__PURE__ */ jsx10(UserItem, {}),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, {}),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs5(Link2, { to: "/settings/profile", state: { from: location.pathname }, children: [
-          /* @__PURE__ */ jsx10(UserIcon, { className: "text-ui-fg-subtle me-2" }),
+        /* @__PURE__ */ jsx9(UserItem, {}),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs5(Link2, { to: "/settings/profile", state: { from: location.pathname }, children: [
+          /* @__PURE__ */ jsx9(UserIcon, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.profileSettings")
         ] }) }),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, {}),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs5(Link2, { to: "https://docs.mercurjs.com/welcome", target: "_blank", children: [
-          /* @__PURE__ */ jsx10(BookOpen, { className: "text-ui-fg-subtle me-2" }),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs5(Link2, { to: "https://docs.mercurjs.com/welcome", target: "_blank", children: [
+          /* @__PURE__ */ jsx9(BookOpen, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.documentation")
         ] }) }),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs5(Link2, { to: "https://www.mercurjs.com/updates", target: "_blank", children: [
-          /* @__PURE__ */ jsx10(TimelineVertical, { className: "text-ui-fg-subtle me-2" }),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Item, { asChild: true, children: /* @__PURE__ */ jsxs5(Link2, { to: "https://www.mercurjs.com/updates", target: "_blank", children: [
+          /* @__PURE__ */ jsx9(TimelineVertical, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.changelog")
         ] }) }),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Separator, {}),
         /* @__PURE__ */ jsxs5(DropdownMenu2.Item, { onClick: toggleModal, children: [
-          /* @__PURE__ */ jsx10(Keyboard, { className: "text-ui-fg-subtle me-2" }),
+          /* @__PURE__ */ jsx9(Keyboard, { className: "text-ui-fg-subtle me-2" }),
           t2("app.menus.user.shortcuts")
         ] }),
-        /* @__PURE__ */ jsx10(ThemeToggle, {}),
-        /* @__PURE__ */ jsx10(LanguageToggle, {}),
-        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, {}),
-        /* @__PURE__ */ jsx10(Logout, {})
+        /* @__PURE__ */ jsx9(ThemeToggle, {}),
+        /* @__PURE__ */ jsx9(LanguageToggle, {}),
+        /* @__PURE__ */ jsx9(DropdownMenu2.Separator, {}),
+        /* @__PURE__ */ jsx9(Logout, {})
       ] })
     ] }),
-    /* @__PURE__ */ jsx10(GlobalKeybindsModal, { open: openModal, onOpenChange: setOpenModal })
+    /* @__PURE__ */ jsx9(GlobalKeybindsModal, { open: openModal, onOpenChange: setOpenModal })
   ] });
 };
 var UserBadge = () => {
@@ -2060,14 +2057,14 @@ var UserBadge = () => {
   const fallback = displayName ? displayName[0].toUpperCase() : null;
   if (isPending) {
     return /* @__PURE__ */ jsxs5("button", { className: "shadow-borders-base flex max-w-[192px] select-none items-center gap-x-2 overflow-hidden text-ellipsis whitespace-nowrap rounded-full py-1 ps-1 pe-2.5", children: [
-      /* @__PURE__ */ jsx10(Skeleton, { className: "h-5 w-5 rounded-full" }),
-      /* @__PURE__ */ jsx10(Skeleton, { className: "h-[9px] w-[70px]" })
+      /* @__PURE__ */ jsx9(Skeleton, { className: "h-5 w-5 rounded-full" }),
+      /* @__PURE__ */ jsx9(Skeleton, { className: "h-[9px] w-[70px]" })
     ] });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx10("div", { className: "p-3", children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx9("div", { className: "p-3", children: /* @__PURE__ */ jsxs5(
     DropdownMenu2.Trigger,
     {
       disabled: !member,
@@ -2078,8 +2075,8 @@ var UserBadge = () => {
         "focus-visible:shadow-borders-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx10("div", { className: "flex size-6 items-center justify-center", children: fallback ? /* @__PURE__ */ jsx10(Avatar, { size: "xsmall", fallback }) : /* @__PURE__ */ jsx10(Skeleton, { className: "h-6 w-6 rounded-full" }) }),
-        /* @__PURE__ */ jsx10("div", { className: "flex items-center overflow-hidden", children: displayName ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9("div", { className: "flex size-6 shrink-0 items-center justify-center", children: fallback ? /* @__PURE__ */ jsx9(Avatar, { size: "xsmall", fallback }) : /* @__PURE__ */ jsx9(Skeleton, { className: "h-6 w-6 rounded-full" }) }),
+        /* @__PURE__ */ jsx9("div", { className: clx4("flex items-center overflow-hidden whitespace-nowrap", SIDEBAR_RAIL_FADE), children: displayName ? /* @__PURE__ */ jsx9(
           Text3,
           {
             size: "xsmall",
@@ -2088,8 +2085,8 @@ var UserBadge = () => {
             className: "truncate",
             children: displayName
           }
-        ) : /* @__PURE__ */ jsx10(Skeleton, { className: "h-[9px] w-[70px]" }) }),
-        /* @__PURE__ */ jsx10(EllipsisHorizontal, { className: "text-ui-fg-muted" })
+        ) : /* @__PURE__ */ jsx9(Skeleton, { className: "h-[9px] w-[70px]" }) }),
+        /* @__PURE__ */ jsx9(EllipsisHorizontal, { className: clx4("text-ui-fg-muted", SIDEBAR_RAIL_FADE) })
       ]
     }
   ) });
@@ -2104,13 +2101,13 @@ var ThemeToggle = () => {
         dir: "ltr",
         className: "rounded-md rtl:rotate-180",
         children: [
-          /* @__PURE__ */ jsx10(CircleHalfSolid, { className: "text-ui-fg-subtle me-2" }),
-          /* @__PURE__ */ jsx10("span", { className: "rtl:rotate-180", children: t2("app.menus.user.theme.label") })
+          /* @__PURE__ */ jsx9(CircleHalfSolid, { className: "text-ui-fg-subtle me-2" }),
+          /* @__PURE__ */ jsx9("span", { className: "rtl:rotate-180", children: t2("app.menus.user.theme.label") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx10(DropdownMenu2.SubMenuContent, { children: /* @__PURE__ */ jsxs5(DropdownMenu2.RadioGroup, { value: theme, children: [
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(DropdownMenu2.SubMenuContent, { children: /* @__PURE__ */ jsxs5(DropdownMenu2.RadioGroup, { value: theme, children: [
+      /* @__PURE__ */ jsx9(
         DropdownMenu2.RadioItem,
         {
           value: "system",
@@ -2121,7 +2118,7 @@ var ThemeToggle = () => {
           children: t2("app.menus.user.theme.system")
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         DropdownMenu2.RadioItem,
         {
           value: "light",
@@ -2132,7 +2129,7 @@ var ThemeToggle = () => {
           children: t2("app.menus.user.theme.light")
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         DropdownMenu2.RadioItem,
         {
           value: "dark",
@@ -2161,12 +2158,12 @@ var LanguageToggle = () => {
         dir: "ltr",
         className: "rounded-md rtl:rotate-180",
         children: [
-          /* @__PURE__ */ jsx10(GlobeEurope, { className: "text-ui-fg-subtle me-2" }),
-          /* @__PURE__ */ jsx10("span", { className: "rtl:rotate-180", children: currentLanguage?.display_name ?? t2("profile.fields.languageLabel") })
+          /* @__PURE__ */ jsx9(GlobeEurope, { className: "text-ui-fg-subtle me-2" }),
+          /* @__PURE__ */ jsx9("span", { className: "rtl:rotate-180", children: currentLanguage?.display_name ?? t2("profile.fields.languageLabel") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx10(DropdownMenu2.SubMenuContent, { className: "max-h-[300px] overflow-y-auto", children: /* @__PURE__ */ jsx10(DropdownMenu2.RadioGroup, { value: i18n.language, children: sortedLanguages.map((language) => /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(DropdownMenu2.SubMenuContent, { className: "max-h-[300px] overflow-y-auto", children: /* @__PURE__ */ jsx9(DropdownMenu2.RadioGroup, { value: i18n.language, children: sortedLanguages.map((language) => /* @__PURE__ */ jsx9(
       DropdownMenu2.RadioItem,
       {
         value: language.code,
@@ -2192,33 +2189,33 @@ var Logout = () => {
       }
     });
   };
-  return /* @__PURE__ */ jsx10(DropdownMenu2.Item, { onClick: handleLogout, children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
-    /* @__PURE__ */ jsx10(OpenRectArrowOut, { className: "text-ui-fg-subtle" }),
-    /* @__PURE__ */ jsx10("span", { children: t2("app.menus.actions.logout") })
+  return /* @__PURE__ */ jsx9(DropdownMenu2.Item, { onClick: handleLogout, children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx9(OpenRectArrowOut, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsx9("span", { children: t2("app.menus.actions.logout") })
   ] }) });
 };
 var GlobalKeybindsModal = (props) => {
   const { t: t2 } = useTranslation6();
   const globalShortcuts = useGlobalShortcuts();
-  const [searchValue, onSearchValueChange] = useState10("");
+  const [searchValue, onSearchValueChange] = useState9("");
   const searchResults = searchValue ? globalShortcuts.filter((shortcut) => {
     return shortcut.label.toLowerCase().includes(searchValue?.toLowerCase());
   }) : globalShortcuts;
-  return /* @__PURE__ */ jsx10(RadixDialog3.Root, { ...props, children: /* @__PURE__ */ jsxs5(RadixDialog3.Portal, { children: [
-    /* @__PURE__ */ jsx10(RadixDialog3.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
+  return /* @__PURE__ */ jsx9(RadixDialog3.Root, { ...props, children: /* @__PURE__ */ jsxs5(RadixDialog3.Portal, { children: [
+    /* @__PURE__ */ jsx9(RadixDialog3.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
     /* @__PURE__ */ jsxs5(RadixDialog3.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg", children: [
       /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
         /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs5("div", { children: [
-            /* @__PURE__ */ jsx10(RadixDialog3.Title, { asChild: true, children: /* @__PURE__ */ jsx10(Heading, { children: t2("app.menus.user.shortcuts") }) }),
-            /* @__PURE__ */ jsx10(RadixDialog3.Description, { className: "sr-only" })
+            /* @__PURE__ */ jsx9(RadixDialog3.Title, { asChild: true, children: /* @__PURE__ */ jsx9(Heading, { children: t2("app.menus.user.shortcuts") }) }),
+            /* @__PURE__ */ jsx9(RadixDialog3.Description, { className: "sr-only" })
           ] }),
           /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsx10(Kbd3, { children: "esc" }),
-            /* @__PURE__ */ jsx10(RadixDialog3.Close, { asChild: true, children: /* @__PURE__ */ jsx10(IconButton3, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx10(XMark2, {}) }) })
+            /* @__PURE__ */ jsx9(Kbd3, { children: "esc" }),
+            /* @__PURE__ */ jsx9(RadixDialog3.Close, { asChild: true, children: /* @__PURE__ */ jsx9(IconButton3, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx9(XMark2, {}) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9(
           Input,
           {
             type: "search",
@@ -2227,17 +2224,17 @@ var GlobalKeybindsModal = (props) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx10("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+      /* @__PURE__ */ jsx9("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
         return /* @__PURE__ */ jsxs5(
           "div",
           {
             className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
             children: [
-              /* @__PURE__ */ jsx10(Text3, { size: "small", children: shortcut.label }),
-              /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
+              /* @__PURE__ */ jsx9(Text3, { size: "small", children: shortcut.label }),
+              /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
                 return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1", children: [
-                  /* @__PURE__ */ jsx10(Kbd3, { children: key }),
-                  index2 < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx10("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
+                  /* @__PURE__ */ jsx9(Kbd3, { children: key }),
+                  index2 < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx9("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
                 ] }, index2);
               }) })
             ]
@@ -2253,7 +2250,7 @@ var UserItem = () => {
   const member = seller_member?.member;
   const loaded = !isPending && !!member;
   if (!loaded) {
-    return /* @__PURE__ */ jsx10("div", {});
+    return /* @__PURE__ */ jsx9("div", {});
   }
   const fullName = [member.first_name, member.last_name].filter(Boolean).join(" ").trim();
   const displayName = fullName || member.email;
@@ -2263,9 +2260,9 @@ var UserItem = () => {
     throw error;
   }
   return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-3 overflow-hidden px-2 py-1", children: [
-    /* @__PURE__ */ jsx10(Avatar, { size: "small", variant: "rounded", fallback }),
+    /* @__PURE__ */ jsx9(Avatar, { size: "small", variant: "rounded", fallback }),
     /* @__PURE__ */ jsxs5("div", { className: "block w-full min-w-0 max-w-[187px] overflow-hidden whitespace-nowrap", children: [
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         Text3,
         {
           size: "small",
@@ -2275,7 +2272,7 @@ var UserItem = () => {
           children: displayName
         }
       ),
-      !!email && displayName !== email && /* @__PURE__ */ jsx10(
+      !!email && displayName !== email && /* @__PURE__ */ jsx9(
         Text3,
         {
           size: "xsmall",
@@ -2300,16 +2297,16 @@ import {
 import { ExclamationCircle } from "@medusajs/icons";
 import { Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation7 } from "react-i18next";
-import { Navigate as Navigate2, useLocation as useLocation7, useRouteError } from "react-router-dom";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Navigate as Navigate2, useLocation as useLocation6, useRouteError } from "react-router-dom";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var ErrorBoundary = () => {
   const error = useRouteError();
-  const location = useLocation7();
+  const location = useLocation6();
   const { t: t2 } = useTranslation7();
   let code = null;
   if (isClientError(error)) {
     if (error.status === 401) {
-      return /* @__PURE__ */ jsx11(Navigate2, { to: "/login", state: { from: location }, replace: true });
+      return /* @__PURE__ */ jsx10(Navigate2, { to: "/login", state: { from: location }, replace: true });
     }
     code = error.status ?? null;
   }
@@ -2336,11 +2333,11 @@ var ErrorBoundary = () => {
       message = t2("errorBoundary.defaultMessage");
       break;
   }
-  return /* @__PURE__ */ jsx11("div", { className: "flex size-full min-h-[calc(100vh-57px-24px)] items-center justify-center", children: /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxs6("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
-    /* @__PURE__ */ jsx11(ExclamationCircle, {}),
+  return /* @__PURE__ */ jsx10("div", { className: "flex size-full min-h-[calc(100vh-57px-24px)] items-center justify-center", children: /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxs6("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
+    /* @__PURE__ */ jsx10(ExclamationCircle, {}),
     /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
-      /* @__PURE__ */ jsx11(Text4, { size: "small", leading: "compact", weight: "plus", children: title }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(Text4, { size: "small", leading: "compact", weight: "plus", children: title }),
+      /* @__PURE__ */ jsx10(
         Text4,
         {
           size: "small",
@@ -2529,7 +2526,7 @@ var ROUTE_PERMISSIONS = {
 var getRoutePermission = (path) => ROUTE_PERMISSIONS[path];
 
 // src/components/layout/main-layout/main-layout.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var navId = (to) => to.replace(/^\//, "");
 var toCoreNavItem = (route) => ({
   id: navId(route.to),
@@ -2543,7 +2540,7 @@ var toCoreNavItem = (route) => ({
   }))
 });
 var MainLayout = () => {
-  return /* @__PURE__ */ jsx12(Shell, { children: /* @__PURE__ */ jsx12(MainSidebar, {}) });
+  return /* @__PURE__ */ jsx11(Shell, { children: /* @__PURE__ */ jsx11(MainSidebar, {}) });
 };
 var allMenuItems = menuItemsModule.menuItems ?? [];
 var addNestedItems = (to, menuItems, items) => {
@@ -2588,25 +2585,25 @@ var MainSidebar = () => {
     return {
       label: item.label,
       to: item.path,
-      icon: Icon2 ? /* @__PURE__ */ jsx12(Icon2, {}) : void 0,
+      icon: Icon2 ? /* @__PURE__ */ jsx11(Icon2, {}) : void 0,
       translationNs: item.translationNs,
       items: addNestedItems(item.path, visibleMenuItems)
     };
   });
-  return /* @__PURE__ */ jsx12("aside", { className: "flex flex-1 flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
+  return /* @__PURE__ */ jsx11("aside", { className: "flex flex-1 flex-col justify-between overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
     /* @__PURE__ */ jsxs7("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
-      /* @__PURE__ */ jsx12(Header, {}),
-      /* @__PURE__ */ jsx12("div", { className: "px-3", children: /* @__PURE__ */ jsx12(Divider, { variant: "dashed" }) })
+      /* @__PURE__ */ jsx11(Header, {}),
+      /* @__PURE__ */ jsx11("div", { className: "px-3", children: /* @__PURE__ */ jsx11(Divider, { variant: "dashed" }) })
     ] }),
     /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col justify-between", children: [
-      /* @__PURE__ */ jsx12("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ jsxs7("nav", { className: "flex flex-col gap-y-1 py-3", children: [
-        /* @__PURE__ */ jsx12(Searchbar, {}),
+      /* @__PURE__ */ jsx11("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ jsxs7("nav", { className: "flex flex-col gap-y-1 py-3", children: [
+        /* @__PURE__ */ jsx11(Searchbar, {}),
         routesWithNested.map((route) => {
-          return /* @__PURE__ */ jsx12(NavItem, { ...route }, route.to);
+          return /* @__PURE__ */ jsx11(NavItem, { ...route }, route.to);
         }),
-        customRoutesWithNested.map((route) => /* @__PURE__ */ jsx12(NavItem, { ...route }, route.to))
+        customRoutesWithNested.map((route) => /* @__PURE__ */ jsx11(NavItem, { ...route }, route.to))
       ] }) }),
-      /* @__PURE__ */ jsx12(UtilitySection, {})
+      /* @__PURE__ */ jsx11(UtilitySection, {})
     ] })
   ] }) });
 };
@@ -2622,7 +2619,7 @@ var StoreList = ({ currentSellerId }) => {
     navigate("/", { replace: true });
   };
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    !!seller_members?.length && /* @__PURE__ */ jsx12(DropdownMenu3.RadioGroup, { value: currentSellerId, children: seller_members.map((member) => {
+    !!seller_members?.length && /* @__PURE__ */ jsx11(DropdownMenu3.RadioGroup, { value: currentSellerId, children: seller_members.map((member) => {
       const seller = member.seller;
       return /* @__PURE__ */ jsxs7(
         DropdownMenu3.RadioItem,
@@ -2634,7 +2631,7 @@ var StoreList = ({ currentSellerId }) => {
           },
           className: "gap-x-2",
           children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(
               Avatar2,
               {
                 variant: "squared",
@@ -2642,7 +2639,7 @@ var StoreList = ({ currentSellerId }) => {
                 fallback: seller.name.charAt(0).toUpperCase()
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx11(
               Text5,
               {
                 size: "small",
@@ -2657,7 +2654,7 @@ var StoreList = ({ currentSellerId }) => {
         seller.id
       );
     }) }),
-    !!seller_members?.length && /* @__PURE__ */ jsx12(DropdownMenu3.Separator, {}),
+    !!seller_members?.length && /* @__PURE__ */ jsx11(DropdownMenu3.Separator, {}),
     /* @__PURE__ */ jsxs7(
       DropdownMenu3.Item,
       {
@@ -2666,8 +2663,8 @@ var StoreList = ({ currentSellerId }) => {
         }),
         className: "gap-x-2",
         children: [
-          /* @__PURE__ */ jsx12(Plus2, { className: "text-ui-fg-subtle" }),
-          /* @__PURE__ */ jsx12(Text5, { size: "small", weight: "plus", leading: "compact", children: t2("storeSelect.addNewStore") })
+          /* @__PURE__ */ jsx11(Plus2, { className: "text-ui-fg-subtle" }),
+          /* @__PURE__ */ jsx11(Text5, { size: "small", weight: "plus", leading: "compact", children: t2("storeSelect.addNewStore") })
         ]
       }
     )
@@ -2683,7 +2680,7 @@ var Header = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx12("div", { className: "w-full p-3", children: /* @__PURE__ */ jsxs7(DropdownMenu3, { dir: direction, children: [
+  return /* @__PURE__ */ jsx11("div", { className: "w-full p-3", children: /* @__PURE__ */ jsxs7(DropdownMenu3, { dir: direction, children: [
     /* @__PURE__ */ jsxs7(
       DropdownMenu3.Trigger,
       {
@@ -2695,8 +2692,8 @@ var Header = () => {
           "focus-visible:shadow-borders-focus"
         ),
         children: [
-          fallback ? /* @__PURE__ */ jsx12(Avatar2, { variant: "squared", size: "xsmall", fallback }) : /* @__PURE__ */ jsx12(Skeleton, { className: "h-6 w-6 rounded-md" }),
-          /* @__PURE__ */ jsx12("div", { className: "block overflow-hidden text-start", children: name ? /* @__PURE__ */ jsx12(
+          fallback ? /* @__PURE__ */ jsx11(Avatar2, { variant: "squared", size: "xsmall", fallback }) : /* @__PURE__ */ jsx11(Skeleton, { className: "h-6 w-6 rounded-md" }),
+          /* @__PURE__ */ jsx11("div", { className: clx5("block overflow-hidden whitespace-nowrap text-start", SIDEBAR_RAIL_FADE), children: name ? /* @__PURE__ */ jsx11(
             Text5,
             {
               size: "small",
@@ -2705,16 +2702,16 @@ var Header = () => {
               className: "truncate",
               children: seller_member.seller.name
             }
-          ) : /* @__PURE__ */ jsx12(Skeleton, { className: "h-[9px] w-[120px]" }) }),
-          /* @__PURE__ */ jsx12(EllipsisHorizontal2, { className: "text-ui-fg-muted" })
+          ) : /* @__PURE__ */ jsx11(Skeleton, { className: "h-[9px] w-[120px]" }) }),
+          /* @__PURE__ */ jsx11(EllipsisHorizontal2, { className: clx5("text-ui-fg-muted", SIDEBAR_RAIL_FADE) })
         ]
       }
     ),
     isLoaded && /* @__PURE__ */ jsxs7(DropdownMenu3.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
       /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-3 px-2 py-1", children: [
-        /* @__PURE__ */ jsx12(Avatar2, { variant: "squared", size: "small", fallback }),
+        /* @__PURE__ */ jsx11(Avatar2, { variant: "squared", size: "small", fallback }),
         /* @__PURE__ */ jsxs7("div", { className: "flex flex-col overflow-hidden", children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(
             Text5,
             {
               size: "small",
@@ -2724,7 +2721,7 @@ var Header = () => {
               children: name
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(
             Text5,
             {
               size: "xsmall",
@@ -2735,8 +2732,8 @@ var Header = () => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx12(DropdownMenu3.Separator, {}),
-      /* @__PURE__ */ jsx12(StoreList, { currentSellerId: seller_member.seller.id })
+      /* @__PURE__ */ jsx11(DropdownMenu3.Separator, {}),
+      /* @__PURE__ */ jsx11(StoreList, { currentSellerId: seller_member.seller.id })
     ] })
   ] }) });
 };
@@ -2744,7 +2741,7 @@ var useCoreRoutes = () => {
   const { t: t2 } = useTranslation8();
   return [
     {
-      icon: /* @__PURE__ */ jsx12(ShoppingCart, {}),
+      icon: /* @__PURE__ */ jsx11(ShoppingCart, {}),
       label: t2("orders.domain"),
       to: "/orders",
       items: [
@@ -2756,7 +2753,7 @@ var useCoreRoutes = () => {
       ]
     },
     {
-      icon: /* @__PURE__ */ jsx12(Tag, {}),
+      icon: /* @__PURE__ */ jsx11(Tag, {}),
       label: t2("products.domain"),
       to: "/products",
       items: [
@@ -2780,7 +2777,7 @@ var useCoreRoutes = () => {
       ]
     },
     {
-      icon: /* @__PURE__ */ jsx12(Buildings, {}),
+      icon: /* @__PURE__ */ jsx11(Buildings, {}),
       label: t2("inventory.domain"),
       to: "/inventory",
       items: [
@@ -2791,7 +2788,7 @@ var useCoreRoutes = () => {
       ]
     },
     {
-      icon: /* @__PURE__ */ jsx12(Users, {}),
+      icon: /* @__PURE__ */ jsx11(Users, {}),
       label: t2("customers.domain"),
       to: "/customers",
       items: [
@@ -2802,7 +2799,7 @@ var useCoreRoutes = () => {
       ]
     },
     {
-      icon: /* @__PURE__ */ jsx12(ReceiptPercent, {}),
+      icon: /* @__PURE__ */ jsx11(ReceiptPercent, {}),
       label: t2("promotions.domain"),
       to: "/promotions",
       items: [
@@ -2813,17 +2810,17 @@ var useCoreRoutes = () => {
       ]
     },
     {
-      icon: /* @__PURE__ */ jsx12(CurrencyDollar, {}),
+      icon: /* @__PURE__ */ jsx11(CurrencyDollar, {}),
       label: t2("priceLists.domain"),
       to: "/price-lists"
     },
     {
-      icon: /* @__PURE__ */ jsx12(CreditCardRefresh, {}),
+      icon: /* @__PURE__ */ jsx11(CreditCardRefresh, {}),
       label: t2("payouts.domain"),
       to: "/payouts"
     },
     {
-      icon: /* @__PURE__ */ jsx12(StarSolid, {}),
+      icon: /* @__PURE__ */ jsx11(StarSolid, {}),
       label: t2("reviews.domain"),
       to: "/reviews"
     }
@@ -2832,60 +2829,60 @@ var useCoreRoutes = () => {
 var Searchbar = () => {
   const { t: t2 } = useTranslation8();
   const { toggleSearch } = useSearch();
-  return /* @__PURE__ */ jsx12("div", { className: "px-3", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx11("div", { className: "px-3", children: /* @__PURE__ */ jsxs7(
     "button",
     {
       onClick: toggleSearch,
       className: clx5(
-        "bg-ui-bg-subtle text-ui-fg-subtle flex w-full items-center gap-x-2.5 rounded-md px-2 py-1 outline-none",
+        "bg-ui-bg-subtle text-ui-fg-subtle flex w-full items-center gap-x-2.5 rounded-md px-2 py-1 outline-none transition-[padding] duration-200 ease-sidebar motion-reduce:transition-none group-data-[state=collapsed]/sidebar:px-1",
         "hover:bg-ui-bg-subtle-hover",
         "focus-visible:shadow-borders-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx12(MagnifyingGlass2, {}),
-        /* @__PURE__ */ jsx12("div", { className: "flex-1 text-start", children: /* @__PURE__ */ jsx12(Text5, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.label") }) }),
-        /* @__PURE__ */ jsx12(Text5, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: "\u2318K" })
+        /* @__PURE__ */ jsx11(MagnifyingGlass2, { className: "shrink-0" }),
+        /* @__PURE__ */ jsx11("div", { className: clx5("flex-1 whitespace-nowrap text-start", SIDEBAR_RAIL_FADE), children: /* @__PURE__ */ jsx11(Text5, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.label") }) }),
+        /* @__PURE__ */ jsx11(Text5, { size: "small", leading: "compact", className: clx5("text-ui-fg-muted", SIDEBAR_RAIL_FADE), children: "\u2318K" })
       ]
     }
   ) });
 };
 var UtilitySection = () => {
-  const location = useLocation8();
+  const location = useLocation7();
   const { t: t2 } = useTranslation8();
   return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-y-0.5 py-3", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-y-0.5 py-3", children: /* @__PURE__ */ jsx11(
       NavItem,
       {
         label: t2("app.nav.settings.header"),
         to: "/settings",
         from: location.pathname,
-        icon: /* @__PURE__ */ jsx12(CogSixTooth, {})
+        icon: /* @__PURE__ */ jsx11(CogSixTooth, {})
       }
     ) }),
-    /* @__PURE__ */ jsx12("div", { className: "px-3", children: /* @__PURE__ */ jsx12(Divider, { variant: "dashed" }) }),
-    /* @__PURE__ */ jsx12(UserMenu, {})
+    /* @__PURE__ */ jsx11("div", { className: "px-3", children: /* @__PURE__ */ jsx11(Divider, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx11(UserMenu, {})
   ] });
 };
 
 // src/components/layout/public-layout/public-layout.tsx
 import { Outlet as Outlet3 } from "react-router-dom";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var PublicLayout = () => {
-  return /* @__PURE__ */ jsx13(Outlet3, {});
+  return /* @__PURE__ */ jsx12(Outlet3, {});
 };
 
 // src/components/layout/settings-layout/settings-layout.tsx
 import { ArrowUturnLeft as ArrowUturnLeft2, MinusMini } from "@medusajs/icons";
 import { clx as clx6, Divider as Divider2, IconButton as IconButton4, Text as Text6 } from "@medusajs/ui";
 import { Collapsible as RadixCollapsible2 } from "radix-ui";
-import { useEffect as useEffect9, useMemo as useMemo6, useState as useState11 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo6, useState as useState10 } from "react";
 import { useTranslation as useTranslation9 } from "react-i18next";
-import { Link as Link3, useLocation as useLocation9 } from "react-router-dom";
+import { Link as Link3, useLocation as useLocation8 } from "react-router-dom";
 import menuItemsModule2 from "virtual:mercur/menu-items";
 import { usePermissions as usePermissions2 } from "@mercurjs/dashboard-shared";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var SettingsLayout = () => {
-  return /* @__PURE__ */ jsx14(Shell, { children: /* @__PURE__ */ jsx14(SettingsSidebar, {}) });
+  return /* @__PURE__ */ jsx13(Shell, { children: /* @__PURE__ */ jsx13(SettingsSidebar, {}) });
 };
 var allMenuItems2 = menuItemsModule2.menuItems ?? [];
 var useExtensionNavItems = () => {
@@ -2955,31 +2952,31 @@ var SettingsSidebar = () => {
   const { t: t2 } = useTranslation9();
   return /* @__PURE__ */ jsxs8("aside", { className: "relative flex flex-1 flex-col justify-between overflow-y-auto", children: [
     /* @__PURE__ */ jsxs8("div", { className: "bg-ui-bg-subtle sticky top-0", children: [
-      /* @__PURE__ */ jsx14(Header2, {}),
-      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx14(Divider2, { variant: "dashed" }) })
+      /* @__PURE__ */ jsx13(Header2, {}),
+      /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx13(Divider2, { variant: "dashed" }) })
     ] }),
     /* @__PURE__ */ jsxs8("div", { className: "flex flex-1 flex-col", children: [
-      /* @__PURE__ */ jsx14("div", { className: "flex flex-1 flex-col overflow-y-auto", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx13("div", { className: "flex flex-1 flex-col overflow-y-auto", children: /* @__PURE__ */ jsx13(
         RadixCollapsibleSection,
         {
           label: t2("app.nav.settings.general"),
           items: generalRoutes
         }
       ) }),
-      /* @__PURE__ */ jsx14("div", { className: "bg-ui-bg-subtle sticky bottom-0", children: /* @__PURE__ */ jsx14(UserSection, {}) })
+      /* @__PURE__ */ jsx13("div", { className: "bg-ui-bg-subtle sticky bottom-0", children: /* @__PURE__ */ jsx13(UserSection, {}) })
     ] })
   ] });
 };
 var Header2 = () => {
-  const [from, setFrom] = useState11("/orders");
+  const [from, setFrom] = useState10("/orders");
   const { t: t2 } = useTranslation9();
-  const location = useLocation9();
-  useEffect9(() => {
+  const location = useLocation8();
+  useEffect8(() => {
     if (location.state?.from) {
       setFrom(getSafeFromValue(location.state.from));
     }
   }, [location]);
-  return /* @__PURE__ */ jsx14("div", { className: "bg-ui-bg-subtle p-3", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13("div", { className: "bg-ui-bg-subtle p-3", children: /* @__PURE__ */ jsx13(
     Link3,
     {
       to: from,
@@ -2990,8 +2987,8 @@ var Header2 = () => {
         "focus-visible:shadow-borders-focus"
       ),
       children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-x-2.5 px-2 py-1", children: [
-        /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx14(ArrowUturnLeft2, { className: "text-ui-fg-subtle" }) }),
-        /* @__PURE__ */ jsx14(Text6, { leading: "compact", weight: "plus", size: "small", children: t2("app.nav.settings.header") })
+        /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx13(ArrowUturnLeft2, { className: "text-ui-fg-subtle" }) }),
+        /* @__PURE__ */ jsx13(Text6, { leading: "compact", weight: "plus", size: "small", children: t2("app.nav.settings.header") })
       ] })
     }
   ) });
@@ -3001,23 +2998,23 @@ var RadixCollapsibleSection = ({
   items
 }) => {
   return /* @__PURE__ */ jsxs8(RadixCollapsible2.Root, { defaultOpen: true, className: "py-3", children: [
-    /* @__PURE__ */ jsx14("div", { className: "px-3", children: /* @__PURE__ */ jsxs8("div", { className: "text-ui-fg-muted flex h-7 items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsx14(Text6, { size: "small", leading: "compact", children: label }),
-      /* @__PURE__ */ jsx14(RadixCollapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx14(IconButton4, { size: "2xsmall", variant: "transparent", className: "static", children: /* @__PURE__ */ jsx14(MinusMini, { className: "text-ui-fg-muted" }) }) })
+    /* @__PURE__ */ jsx13("div", { className: "px-3", children: /* @__PURE__ */ jsxs8("div", { className: "text-ui-fg-muted flex h-7 items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsx13(Text6, { size: "small", leading: "compact", children: label }),
+      /* @__PURE__ */ jsx13(RadixCollapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx13(IconButton4, { size: "2xsmall", variant: "transparent", className: "static", children: /* @__PURE__ */ jsx13(MinusMini, { className: "text-ui-fg-muted" }) }) })
     ] }) }),
-    /* @__PURE__ */ jsx14(RadixCollapsible2.Content, { children: /* @__PURE__ */ jsx14("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx14("nav", { className: "flex flex-col gap-y-0.5", children: items.map((setting) => /* @__PURE__ */ jsx14(NavItem, { type: "setting", ...setting }, setting.to)) }) }) })
+    /* @__PURE__ */ jsx13(RadixCollapsible2.Content, { children: /* @__PURE__ */ jsx13("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx13("nav", { className: "flex flex-col gap-y-0.5", children: items.map((setting) => /* @__PURE__ */ jsx13(NavItem, { type: "setting", ...setting }, setting.to)) }) }) })
   ] });
 };
 var UserSection = () => {
   return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsx14("div", { className: "px-3", children: /* @__PURE__ */ jsx14(Divider2, { variant: "dashed" }) }),
-    /* @__PURE__ */ jsx14(UserMenu, {})
+    /* @__PURE__ */ jsx13("div", { className: "px-3", children: /* @__PURE__ */ jsx13(Divider2, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx13(UserMenu, {})
   ] });
 };
 
 // src/get-route-map.tsx
 import { RoutePermissionGuard } from "@mercurjs/dashboard-shared";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function mergeRoutes(baseRoutes, customRoutes2) {
   const result = baseRoutes.map((route) => ({ ...route }));
   for (const customRoute of customRoutes2) {
@@ -3047,33 +3044,33 @@ function getRouteMap({
   return [
     // PROTECTED - MAIN LAYOUT
     {
-      element: /* @__PURE__ */ jsx15(ProtectedRoute, {}),
-      errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+      element: /* @__PURE__ */ jsx14(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
       children: [
         {
-          element: /* @__PURE__ */ jsx15(MainLayout, {}),
+          element: /* @__PURE__ */ jsx14(MainLayout, {}),
           children: [
             {
               // Pathless wrapper so every route below — including extension
               // routes merged in from virtual:mercur/routes — is enforced
               // without each one wiring its own guard element.
-              element: /* @__PURE__ */ jsx15(RoutePermissionGuard, {}),
+              element: /* @__PURE__ */ jsx14(RoutePermissionGuard, {}),
               children: mergeRoutes(
                 [
                   {
                     path: "/",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     lazy: () => import("./home-I3OILW5Z.js")
                   },
                   {
                     path: "/products",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("products.domain"), permissions: "product:read" },
                     children: [
                       {
                         path: "",
                         lazy: async () => {
-                          const { productListLoader, ProductListPage } = await import("./products-XMTLHIXN.js");
+                          const { productListLoader, ProductListPage } = await import("./products-XXR5X5WL.js");
                           return {
                             Component: ProductListPage,
                             loader: productListLoader
@@ -3083,7 +3080,7 @@ function getRouteMap({
                           {
                             path: "create",
                             lazy: async () => {
-                              const { ProductCreatePage } = await import("./create-JC6E7BBR.js");
+                              const { ProductCreatePage } = await import("./create-RUABSALH.js");
                               return {
                                 Component: ProductCreatePage
                               };
@@ -3094,13 +3091,13 @@ function getRouteMap({
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { loader } = await import("./[id]-SWYGDJKP.js");
+                          const { loader } = await import("./[id]-QQYIWAS5.js");
                           const { Breadcrumb } = await import("./breadcrumb-CX5327S5.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3108,7 +3105,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { ProductDetailPage } = await import("./[id]-SWYGDJKP.js");
+                              const { ProductDetailPage } = await import("./[id]-QQYIWAS5.js");
                               return {
                                 Component: ProductDetailPage
                               };
@@ -3116,11 +3113,11 @@ function getRouteMap({
                             children: [
                               {
                                 path: "edit",
-                                lazy: () => import("./edit-QRVEU4YA.js")
+                                lazy: () => import("./edit-67H4MI4N.js")
                               },
                               {
                                 path: "edit-variant",
-                                lazy: () => import("./product-variant-edit-VWQ5S5YR.js")
+                                lazy: () => import("./product-variant-edit-ORLH3GH2.js")
                               },
                               {
                                 path: "sales-channels",
@@ -3128,11 +3125,11 @@ function getRouteMap({
                               },
                               {
                                 path: "organization",
-                                lazy: () => import("./organization-Y2ZX5IGB.js")
+                                lazy: () => import("./organization-YELUM5LQ.js")
                               },
                               {
                                 path: "media",
-                                lazy: () => import("./media-QR2JJAD6.js")
+                                lazy: () => import("./media-V26WTPNX.js")
                               },
                               {
                                 path: "attributes",
@@ -3140,15 +3137,15 @@ function getRouteMap({
                               },
                               {
                                 path: "attributes/create",
-                                lazy: () => import("./create-XVIXOQ5X.js")
+                                lazy: () => import("./create-K2NJHBHH.js")
                               },
                               {
                                 path: "attributes/add",
-                                lazy: () => import("./add-S3ETI6WN.js")
+                                lazy: () => import("./add-TF35LMT6.js")
                               },
                               {
                                 path: "attributes/:attribute_id/edit",
-                                lazy: () => import("./edit-3IBQDWUY.js")
+                                lazy: () => import("./edit-FLABLGHV.js")
                               },
                               {
                                 path: "metadata",
@@ -3160,7 +3157,7 @@ function getRouteMap({
                               },
                               {
                                 path: "variants/create",
-                                lazy: () => import("./create-KXFZXIZV.js")
+                                lazy: () => import("./create-N2AR6DLO.js")
                               }
                             ]
                           },
@@ -3172,7 +3169,7 @@ function getRouteMap({
                                 Component: Outlet4,
                                 loader,
                                 handle: {
-                                  breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                                  breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                                 }
                               };
                             },
@@ -3183,11 +3180,11 @@ function getRouteMap({
                                 children: [
                                   {
                                     path: "edit",
-                                    lazy: () => import("./product-variant-edit-VWQ5S5YR.js")
+                                    lazy: () => import("./product-variant-edit-ORLH3GH2.js")
                                   },
                                   {
                                     path: "media",
-                                    lazy: () => import("./media-4ZGY7YFL.js")
+                                    lazy: () => import("./media-UDWJKTEE.js")
                                   }
                                 ]
                               }
@@ -3200,13 +3197,13 @@ function getRouteMap({
                   // ORDERS
                   {
                     path: "/orders",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("orders.domain"), permissions: "order:read" },
                     children: [
                       {
                         path: "",
                         lazy: async () => {
-                          const { OrderListPage } = await import("./orders-BQJ27NZC.js");
+                          const { OrderListPage } = await import("./orders-CQMQBAV7.js");
                           return { Component: OrderListPage };
                         }
                       },
@@ -3219,7 +3216,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3276,7 +3273,7 @@ function getRouteMap({
                   // PAYOUTS
                   {
                     path: "/payouts",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => "Payouts", permissions: "payout:read" },
                     children: [
                       {
@@ -3293,7 +3290,7 @@ function getRouteMap({
                           return {
                             Component: Outlet4,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3312,7 +3309,7 @@ function getRouteMap({
                   // CATEGORIES
                   {
                     path: "/categories",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("categories.domain"), permissions: "product_category:read" },
                     children: [
                       {
@@ -3333,13 +3330,13 @@ function getRouteMap({
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { loader } = await import("./[id]-VHDF374K.js");
+                          const { loader } = await import("./[id]-I77TGPCB.js");
                           const { Breadcrumb } = await import("./breadcrumb-VZPXSRPJ.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3347,7 +3344,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { CategoryDetailPage } = await import("./[id]-VHDF374K.js");
+                              const { CategoryDetailPage } = await import("./[id]-I77TGPCB.js");
                               return {
                                 Component: CategoryDetailPage
                               };
@@ -3355,7 +3352,7 @@ function getRouteMap({
                             children: [
                               {
                                 path: "products",
-                                lazy: () => import("./products-V7OVZBP7.js")
+                                lazy: () => import("./products-Z7IZBB5V.js")
                               },
                               {
                                 path: "organize",
@@ -3374,13 +3371,13 @@ function getRouteMap({
                   // COLLECTIONS
                   {
                     path: "/collections",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("collections.domain"), permissions: "product_collection:read" },
                     children: [
                       {
                         path: "",
                         lazy: async () => {
-                          const { CollectionListPage } = await import("./collections-IHLZAAY3.js");
+                          const { CollectionListPage } = await import("./collections-LKPOX523.js");
                           return {
                             Component: CollectionListPage
                           };
@@ -3389,13 +3386,13 @@ function getRouteMap({
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { loader } = await import("./[id]-76KSXCNS.js");
+                          const { loader } = await import("./[id]-DMARVBSH.js");
                           const { Breadcrumb } = await import("./breadcrumb-NBO7UIBV.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3403,7 +3400,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { CollectionDetailPage } = await import("./[id]-76KSXCNS.js");
+                              const { CollectionDetailPage } = await import("./[id]-DMARVBSH.js");
                               return {
                                 Component: CollectionDetailPage
                               };
@@ -3411,7 +3408,7 @@ function getRouteMap({
                             children: [
                               {
                                 path: "add-products",
-                                lazy: () => import("./add-products-I33Z6RKH.js")
+                                lazy: () => import("./add-products-SQ2GDSFZ.js")
                               },
                               {
                                 path: "metadata",
@@ -3426,7 +3423,7 @@ function getRouteMap({
                   // CUSTOMERS
                   {
                     path: "/customers",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("customers.domain"), permissions: "customer:read" },
                     children: [
                       {
@@ -3441,13 +3438,13 @@ function getRouteMap({
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { loader } = await import("./[id]-KYNJMPAZ.js");
+                          const { loader } = await import("./[id]-T7TRQELE.js");
                           const { Breadcrumb } = await import("./breadcrumb-GLBWFHKW.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3455,7 +3452,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { CustomerDetailPage } = await import("./[id]-KYNJMPAZ.js");
+                              const { CustomerDetailPage } = await import("./[id]-T7TRQELE.js");
                               return {
                                 Component: CustomerDetailPage
                               };
@@ -3474,7 +3471,7 @@ function getRouteMap({
                   // CUSTOMER GROUPS
                   {
                     path: "/customer-groups",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("customerGroups.domain"), permissions: "customer_group:read" },
                     children: [
                       {
@@ -3501,7 +3498,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3532,19 +3529,19 @@ function getRouteMap({
                   // OFFERS
                   {
                     path: "/offers",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("offers.domain"), permissions: "offer:read" },
                     children: [
                       {
                         path: "",
                         lazy: async () => {
-                          const { OfferListPage } = await import("./offers-HOAYQB4N.js");
+                          const { OfferListPage } = await import("./offers-IRFEGWBD.js");
                           return { Component: OfferListPage };
                         },
                         children: [
                           {
                             path: "create",
-                            lazy: () => import("./offer-create-page-XMNW7YE3.js")
+                            lazy: () => import("./offer-create-page-JV7YHF3Z.js")
                           }
                         ]
                       },
@@ -3557,7 +3554,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3588,7 +3585,7 @@ function getRouteMap({
                                 Component: Outlet4,
                                 loader,
                                 handle: {
-                                  breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                                  breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                                 }
                               };
                             },
@@ -3596,7 +3593,7 @@ function getRouteMap({
                               {
                                 path: "",
                                 lazy: async () => {
-                                  const { OfferVariantDetailPage } = await import("./offer-variant-detail-page-QAPWDXX3.js");
+                                  const { OfferVariantDetailPage } = await import("./offer-variant-detail-page-BQQHAR67.js");
                                   return { Component: OfferVariantDetailPage };
                                 },
                                 children: [
@@ -3610,7 +3607,7 @@ function getRouteMap({
                                   },
                                   {
                                     path: "pricing",
-                                    lazy: () => import("./pricing-FUKYBSGF.js")
+                                    lazy: () => import("./pricing-DKX2IPKN.js")
                                   },
                                   {
                                     path: "inventory",
@@ -3631,7 +3628,7 @@ function getRouteMap({
                   // INVENTORY
                   {
                     path: "/inventory",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("inventory.domain"), permissions: "inventory_item:read" },
                     children: [
                       {
@@ -3649,7 +3646,7 @@ function getRouteMap({
                           },
                           {
                             path: "stock",
-                            lazy: () => import("./stock-HAKVSI3O.js")
+                            lazy: () => import("./stock-SOOPTVQ3.js")
                           }
                         ]
                       },
@@ -3662,7 +3659,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3705,7 +3702,7 @@ function getRouteMap({
                   // PROMOTIONS
                   {
                     path: "/promotions",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("promotions.domain"), permissions: "promotion:read" },
                     children: [
                       {
@@ -3732,7 +3729,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3767,7 +3764,7 @@ function getRouteMap({
                   // CAMPAIGNS
                   {
                     path: "/campaigns",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("campaigns.domain"), permissions: "campaign:read" },
                     children: [
                       {
@@ -3794,7 +3791,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3838,7 +3835,7 @@ function getRouteMap({
                   // PRICE LISTS
                   {
                     path: "/price-lists",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("priceLists.domain"), permissions: "price_list:read" },
                     children: [
                       {
@@ -3850,20 +3847,20 @@ function getRouteMap({
                         children: [
                           {
                             path: "create",
-                            lazy: () => import("./create-4RQCCNN4.js")
+                            lazy: () => import("./create-R4WETVZJ.js")
                           }
                         ]
                       },
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { loader } = await import("./[id]-2FLCH5U6.js");
+                          const { loader } = await import("./[id]-6ZGJSZKC.js");
                           const { Breadcrumb } = await import("./breadcrumb-4I7MU2QY.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3871,7 +3868,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { PriceListDetailPage } = await import("./[id]-2FLCH5U6.js");
+                              const { PriceListDetailPage } = await import("./[id]-6ZGJSZKC.js");
                               return { Component: PriceListDetailPage };
                             },
                             children: [
@@ -3889,15 +3886,15 @@ function getRouteMap({
                               },
                               {
                                 path: "products/add",
-                                lazy: () => import("./add-Y7TSTWSV.js")
+                                lazy: () => import("./add-QIJFHIEN.js")
                               },
                               {
                                 path: "products/edit",
-                                lazy: () => import("./edit-LKAEGDF3.js")
+                                lazy: () => import("./edit-K4VVN6G3.js")
                               },
                               {
                                 path: "products/:variant_id/edit",
-                                lazy: () => import("./edit-MMW4V266.js")
+                                lazy: () => import("./edit-BRJA6WWU.js")
                               }
                             ]
                           }
@@ -3908,7 +3905,7 @@ function getRouteMap({
                   // REVIEWS
                   {
                     path: "/reviews",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("reviews.domain"), permissions: "review:read" },
                     children: [
                       {
@@ -3929,7 +3926,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -3956,7 +3953,7 @@ function getRouteMap({
                   // RESERVATIONS
                   {
                     path: "/reservations",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: { breadcrumb: () => t("reservations.domain"), permissions: "reservation_item:read" },
                     children: [
                       {
@@ -3976,7 +3973,7 @@ function getRouteMap({
                           return {
                             Component: Outlet4,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -4009,26 +4006,26 @@ function getRouteMap({
     },
     // PROTECTED - SETTINGS LAYOUT
     {
-      element: /* @__PURE__ */ jsx15(ProtectedRoute, {}),
-      errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+      element: /* @__PURE__ */ jsx14(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
       children: [
         {
           path: "/settings",
-          element: /* @__PURE__ */ jsx15(SettingsLayout, {}),
+          element: /* @__PURE__ */ jsx14(SettingsLayout, {}),
           children: [
             {
-              element: /* @__PURE__ */ jsx15(RoutePermissionGuard, {}),
+              element: /* @__PURE__ */ jsx14(RoutePermissionGuard, {}),
               children: mergeRoutes(
                 [
                   {
                     index: true,
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    lazy: () => import("./settings-DIOXAPCL.js")
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    lazy: () => import("./settings-GX3SQTCF.js")
                   },
                   // PROFILE
                   {
                     path: "profile",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: {
                       breadcrumb: () => t("profile.domain")
                     },
@@ -4054,7 +4051,7 @@ function getRouteMap({
                   // STORE
                   {
                     path: "store",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
                     handle: {
                       breadcrumb: () => t("app.menus.store.label"),
                       permissions: "seller:read"
@@ -4063,13 +4060,13 @@ function getRouteMap({
                       {
                         path: "",
                         lazy: async () => {
-                          const { StoreDetailPage } = await import("./store-7UB7XIUR.js");
+                          const { StoreDetailPage } = await import("./store-GLZATKS6.js");
                           return { Component: StoreDetailPage };
                         },
                         children: [
                           {
                             path: "edit",
-                            lazy: () => import("./edit-W2MS67VC.js")
+                            lazy: () => import("./edit-E2I2D4SP.js")
                           },
                           {
                             path: "address",
@@ -4094,8 +4091,8 @@ function getRouteMap({
                   // LOCATIONS
                   {
                     path: "locations",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx14(Outlet4, {}),
                     handle: { breadcrumb: () => t("locations.domain"), permissions: "stock_location:read" },
                     children: [
                       {
@@ -4113,7 +4110,7 @@ function getRouteMap({
                       },
                       {
                         path: "shipping-profiles",
-                        element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                        element: /* @__PURE__ */ jsx14(Outlet4, {}),
                         handle: {
                           breadcrumb: () => t("shippingProfile.domain"),
                           permissions: "shipping_profile:read"
@@ -4137,7 +4134,7 @@ function getRouteMap({
                                 Component: Outlet4,
                                 loader,
                                 handle: {
-                                  breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                                  breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                                 }
                               };
                             },
@@ -4164,7 +4161,7 @@ function getRouteMap({
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -4187,7 +4184,7 @@ function getRouteMap({
                               {
                                 path: "fulfillment-providers",
                                 handle: { permissions: "fulfillment_provider:read" },
-                                lazy: () => import("./fulfillment-providers-2WMGZWS3.js")
+                                lazy: () => import("./fulfillment-providers-5Y3NKLTH.js")
                               },
                               {
                                 path: "fulfillment-set/:fset_id/service-zones/create",
@@ -4222,8 +4219,8 @@ function getRouteMap({
                   // TAX REGIONS
                   {
                     path: "tax-regions",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx14(Outlet4, {}),
                     handle: { breadcrumb: () => t("taxRegions.domain"), permissions: "tax_region:read" },
                     children: [
                       {
@@ -4244,7 +4241,7 @@ function getRouteMap({
                             Component,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -4259,11 +4256,11 @@ function getRouteMap({
                           },
                           {
                             path: "tax-overrides/create",
-                            lazy: () => import("./create-SBNJ22RV.js")
+                            lazy: () => import("./create-E4BS73BX.js")
                           },
                           {
                             path: "tax-overrides/:tax_rate_id/edit",
-                            lazy: () => import("./edit-IYIVFW5N.js")
+                            lazy: () => import("./edit-NPZARFKL.js")
                           },
                           {
                             path: "provinces/create",
@@ -4277,7 +4274,7 @@ function getRouteMap({
                                 Component,
                                 loader,
                                 handle: {
-                                  breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                                  breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                                 }
                               };
                             },
@@ -4292,11 +4289,11 @@ function getRouteMap({
                               },
                               {
                                 path: "tax-overrides/create",
-                                lazy: () => import("./create-SBNJ22RV.js")
+                                lazy: () => import("./create-E4BS73BX.js")
                               },
                               {
                                 path: "tax-overrides/:tax_rate_id/edit",
-                                lazy: () => import("./edit-IYIVFW5N.js")
+                                lazy: () => import("./edit-NPZARFKL.js")
                               }
                             ]
                           }
@@ -4307,27 +4304,27 @@ function getRouteMap({
                   // PRODUCT TAGS
                   {
                     path: "product-tags",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx14(Outlet4, {}),
                     handle: { breadcrumb: () => t("productTags.domain"), permissions: "product_tag:read" },
                     children: [
                       {
                         path: "",
                         lazy: async () => {
-                          const { ProductTagListPage } = await import("./product-tags-BSWPOEIU.js");
+                          const { ProductTagListPage } = await import("./product-tags-RMVY5VBE.js");
                           return { Component: ProductTagListPage };
                         }
                       },
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { loader } = await import("./[id]-YNYE4CVO.js");
+                          const { loader } = await import("./[id]-V3UXNOG3.js");
                           const { ProductTagDetailBreadcrumb: Breadcrumb } = await import("./breadcrumb-MXYBRR6Y.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -4335,7 +4332,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { ProductTagDetailPage } = await import("./[id]-YNYE4CVO.js");
+                              const { ProductTagDetailPage } = await import("./[id]-V3UXNOG3.js");
                               return { Component: ProductTagDetailPage };
                             },
                             children: [
@@ -4352,21 +4349,21 @@ function getRouteMap({
                   // USERS
                   {
                     path: "users",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx14(Outlet4, {}),
                     handle: { breadcrumb: () => t("users.domain"), permissions: "seller_member:read" },
                     children: [
                       {
                         path: "",
                         lazy: async () => {
-                          const { TeamListPage } = await import("./team-MTIP2ZKI.js");
+                          const { TeamListPage } = await import("./team-5QN3RLLP.js");
                           return { Component: TeamListPage };
                         },
                         children: [
                           {
                             path: "invite",
                             lazy: async () => {
-                              const { TeamInvite } = await import("./invite-NHHWX4UX.js");
+                              const { TeamInvite } = await import("./invite-TGSHN6JL.js");
                               return { Component: TeamInvite };
                             }
                           }
@@ -4377,8 +4374,8 @@ function getRouteMap({
                   // PRODUCT TYPES
                   {
                     path: "product-types",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx14(Outlet4, {}),
                     handle: { breadcrumb: () => t("productTypes.domain"), permissions: "product_type:read" },
                     children: [
                       {
@@ -4399,13 +4396,13 @@ function getRouteMap({
                       {
                         path: ":id",
                         lazy: async () => {
-                          const { productTypeLoader: loader } = await import("./[id]-2UKQCU5E.js");
+                          const { productTypeLoader: loader } = await import("./[id]-DGDRYOXA.js");
                           const { ProductTypeDetailBreadcrumb: Breadcrumb } = await import("./breadcrumb-BJ4ACJY6.js");
                           return {
                             Component: Outlet4,
                             loader,
                             handle: {
-                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                              breadcrumb: (match) => /* @__PURE__ */ jsx14(Breadcrumb, { ...match })
                             }
                           };
                         },
@@ -4413,7 +4410,7 @@ function getRouteMap({
                           {
                             path: "",
                             lazy: async () => {
-                              const { ProductTypeDetailPage } = await import("./[id]-2UKQCU5E.js");
+                              const { ProductTypeDetailPage } = await import("./[id]-DGDRYOXA.js");
                               return { Component: ProductTypeDetailPage };
                             },
                             children: [
@@ -4430,13 +4427,13 @@ function getRouteMap({
                   // RETURN REASONS
                   {
                     path: "return-reasons",
-                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
-                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx14(Outlet4, {}),
                     handle: { breadcrumb: () => t("returnReasons.domain"), permissions: "return_reason:read" },
                     children: [
                       {
                         path: "",
-                        lazy: () => import("./return-reasons-5IWHFVBU.js"),
+                        lazy: () => import("./return-reasons-VQ7RS4DA.js"),
                         children: [
                           {
                             path: "create",
@@ -4460,15 +4457,15 @@ function getRouteMap({
     },
     // PUBLIC LAYOUT
     {
-      element: /* @__PURE__ */ jsx15(PublicLayout, {}),
+      element: /* @__PURE__ */ jsx14(PublicLayout, {}),
       children: [
         {
-          errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+          errorElement: /* @__PURE__ */ jsx14(ErrorBoundary, {}),
           children: [
             {
               path: "/login",
               lazy: async () => {
-                const { LoginPage } = await import("./login-SLDQU7Z6.js");
+                const { LoginPage } = await import("./login-I6NQC47V.js");
                 return { Component: LoginPage };
               }
             },
@@ -4479,7 +4476,7 @@ function getRouteMap({
             {
               path: "/register",
               lazy: async () => {
-                const { RegisterPage } = await import("./register-XO3DMJGR.js");
+                const { RegisterPage } = await import("./register-T2XSCP6I.js");
                 return { Component: RegisterPage };
               }
             },
@@ -4494,7 +4491,7 @@ function getRouteMap({
             {
               path: "/store-select",
               lazy: async () => {
-                const { StoreSelectPage } = await import("./store-select-PVWMBQEW.js");
+                const { StoreSelectPage } = await import("./store-select-7FVUSNIV.js");
                 return { Component: StoreSelectPage };
               }
             },
@@ -4512,7 +4509,7 @@ function getRouteMap({
 
 // src/app.tsx
 import { useMemo as useMemo7 } from "react";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function App() {
   const routes = useMemo7(() => {
     return {
@@ -4521,15 +4518,15 @@ function App() {
       publicRoutes: createRouteMap(getRoutesByType(customRoutes, "public"))
     };
   }, []);
-  return /* @__PURE__ */ jsx16(TooltipProvider, { children: /* @__PURE__ */ jsx16(HelmetProvider, { children: /* @__PURE__ */ jsx16(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx16(ThemeProvider, { children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx15(TooltipProvider, { children: /* @__PURE__ */ jsx15(HelmetProvider, { children: /* @__PURE__ */ jsx15(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx15(ThemeProvider, { children: /* @__PURE__ */ jsxs9(
     ExtensionProvider,
     {
       widgets,
       navigation,
       customFields,
       children: [
-        /* @__PURE__ */ jsx16(I18n, {}),
-        /* @__PURE__ */ jsx16(I18nProvider, { children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(I18n, {}),
+        /* @__PURE__ */ jsx15(I18nProvider, { children: /* @__PURE__ */ jsx15(
           RouterProvider,
           {
             router: createBrowserRouter(getRouteMap(routes), {
@@ -4537,7 +4534,7 @@ function App() {
             })
           }
         ) }),
-        /* @__PURE__ */ jsx16(Toaster, {})
+        /* @__PURE__ */ jsx15(Toaster, {})
       ]
     }
   ) }) }) }) });
@@ -4551,13 +4548,13 @@ import {
 } from "@medusajs/icons";
 import { clx as clx7, Drawer, Heading as Heading2, IconButton as IconButton6, Text as Text8 } from "@medusajs/ui";
 import { formatDistance } from "date-fns";
-import { useEffect as useEffect11, useState as useState12 } from "react";
+import { useEffect as useEffect10, useState as useState11 } from "react";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
 // src/components/common/file-preview/file-preview.tsx
 import { ArrowDownTray, Spinner as Spinner3 } from "@medusajs/icons";
 import { IconButton as IconButton5, Text as Text7 } from "@medusajs/ui";
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var FilePreview = ({
   filename,
   url,
@@ -4566,11 +4563,11 @@ var FilePreview = ({
   actions,
   hideThumbnail
 }) => {
-  return /* @__PURE__ */ jsx17("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-3 py-2", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+  return /* @__PURE__ */ jsx16("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg rounded-md px-3 py-2", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-row items-center justify-between gap-2", children: [
     /* @__PURE__ */ jsxs10("div", { className: "flex flex-row items-center gap-3", children: [
-      !hideThumbnail && /* @__PURE__ */ jsx17(FileThumbnail, {}),
+      !hideThumbnail && /* @__PURE__ */ jsx16(FileThumbnail, {}),
       /* @__PURE__ */ jsxs10("div", { className: "flex flex-col justify-center", children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           Text7,
           {
             size: "small",
@@ -4579,7 +4576,7 @@ var FilePreview = ({
             children: filename
           }
         ),
-        loading && !!activity && /* @__PURE__ */ jsx17(
+        loading && !!activity && /* @__PURE__ */ jsx16(
           Text7,
           {
             leading: "compact",
@@ -4590,9 +4587,9 @@ var FilePreview = ({
         )
       ] })
     ] }),
-    loading && /* @__PURE__ */ jsx17(Spinner3, { className: "animate-spin" }),
-    !loading && actions && /* @__PURE__ */ jsx17(ActionMenu, { groups: actions }),
-    !loading && url && /* @__PURE__ */ jsx17(IconButton5, { variant: "transparent", asChild: true, children: /* @__PURE__ */ jsx17("a", { href: url, download: filename ?? `${Date.now()}`, children: /* @__PURE__ */ jsx17(ArrowDownTray, {}) }) })
+    loading && /* @__PURE__ */ jsx16(Spinner3, { className: "animate-spin" }),
+    !loading && actions && /* @__PURE__ */ jsx16(ActionMenu, { groups: actions }),
+    !loading && url && /* @__PURE__ */ jsx16(IconButton5, { variant: "transparent", asChild: true, children: /* @__PURE__ */ jsx16("a", { href: url, download: filename ?? `${Date.now()}`, children: /* @__PURE__ */ jsx16(ArrowDownTray, {}) }) })
   ] }) });
 };
 var FileThumbnail = () => {
@@ -4605,7 +4602,7 @@ var FileThumbnail = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           "path",
           {
             d: "M20 31.75H4C1.92893 31.75 0.25 30.0711 0.25 28V4C0.25 1.92893 1.92893 0.25 4 0.25H15.9431C16.9377 0.25 17.8915 0.645088 18.5948 1.34835L22.6516 5.4052C23.3549 6.10847 23.75 7.06229 23.75 8.05685V28C23.75 30.0711 22.0711 31.75 20 31.75Z",
@@ -4614,7 +4611,7 @@ var FileThumbnail = () => {
             "stroke-width": "0.5"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           "path",
           {
             opacity: "0.4",
@@ -4635,8 +4632,8 @@ var FileThumbnail = () => {
               y2: "32",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx17("stop", { "stop-color": "#F4F4F5" }),
-                /* @__PURE__ */ jsx17("stop", { offset: "1", "stop-color": "#E4E4E7" })
+                /* @__PURE__ */ jsx16("stop", { "stop-color": "#F4F4F5" }),
+                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#E4E4E7" })
               ]
             }
           ),
@@ -4650,8 +4647,8 @@ var FileThumbnail = () => {
               y2: "32",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx17("stop", { "stop-color": "#E4E4E7" }),
-                /* @__PURE__ */ jsx17("stop", { offset: "1", "stop-color": "#D4D4D8" })
+                /* @__PURE__ */ jsx16("stop", { "stop-color": "#E4E4E7" }),
+                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#D4D4D8" })
               ]
             }
           ),
@@ -4665,8 +4662,8 @@ var FileThumbnail = () => {
               y2: "21.25",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx17("stop", { "stop-color": "#52525B" }),
-                /* @__PURE__ */ jsx17("stop", { offset: "1", "stop-color": "#A1A1AA" })
+                /* @__PURE__ */ jsx16("stop", { "stop-color": "#52525B" }),
+                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#A1A1AA" })
               ]
             }
           ),
@@ -4680,8 +4677,8 @@ var FileThumbnail = () => {
               y2: "21.25",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx17("stop", { "stop-color": "#18181B" }),
-                /* @__PURE__ */ jsx17("stop", { offset: "1", "stop-color": "#52525B" })
+                /* @__PURE__ */ jsx16("stop", { "stop-color": "#18181B" }),
+                /* @__PURE__ */ jsx16("stop", { offset: "1", "stop-color": "#52525B" })
               ]
             }
           )
@@ -4693,10 +4690,10 @@ var FileThumbnail = () => {
 
 // src/components/common/infinite-list/infinite-list.tsx
 import { useInfiniteQuery } from "@tanstack/react-query";
-import { useEffect as useEffect10, useMemo as useMemo8, useRef as useRef2 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo8, useRef as useRef2 } from "react";
 import { toast } from "@medusajs/ui";
 import { Spinner as Spinner4 } from "@medusajs/icons";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var InfiniteList = ({
   queryKey,
   queryFn,
@@ -4743,11 +4740,11 @@ var InfiniteList = ({
   const endObserver = useRef2();
   const fetchNextPageRef = useRef2(fetchNextPage);
   const fetchPreviousPageRef = useRef2(fetchPreviousPage);
-  useEffect10(() => {
+  useEffect9(() => {
     fetchNextPageRef.current = fetchNextPage;
     fetchPreviousPageRef.current = fetchPreviousPage;
   }, [fetchNextPage, fetchPreviousPage]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (isPending) {
       return;
     }
@@ -4791,31 +4788,31 @@ var InfiniteList = ({
     isFetching,
     isPending
   ]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (error) {
       toast.error(error.message);
     }
   }, [error]);
   if (isPending) {
-    return /* @__PURE__ */ jsx18("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx18(Spinner4, { className: "animate-spin" }) });
+    return /* @__PURE__ */ jsx17("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx17(Spinner4, { className: "animate-spin" }) });
   }
   return /* @__PURE__ */ jsxs11("div", { ref: parentRef, className: "h-full", children: [
-    items?.length ? items.map((item) => /* @__PURE__ */ jsx18("div", { children: renderItem(item) }, item.id)) : renderEmpty(),
-    isFetching && /* @__PURE__ */ jsx18("div", { className: "flex flex-col items-center justify-center py-4", children: /* @__PURE__ */ jsx18(Spinner4, { className: "animate-spin" }) })
+    items?.length ? items.map((item) => /* @__PURE__ */ jsx17("div", { children: renderItem(item) }, item.id)) : renderEmpty(),
+    isFetching && /* @__PURE__ */ jsx17("div", { className: "flex flex-col items-center justify-center py-4", children: /* @__PURE__ */ jsx17(Spinner4, { className: "animate-spin" }) })
   ] });
 };
 
 // src/components/layout/notifications/notifications.tsx
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var LAST_READ_NOTIFICATION_KEY = "notificationsLastReadAt";
 var Notifications = () => {
   const { t: t2 } = useTranslation10();
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState11(false);
   const [hasUnread, setHasUnread] = useUnreadNotifications();
-  const [lastReadAt, setLastReadAt] = useState12(
+  const [lastReadAt, setLastReadAt] = useState11(
     localStorage.getItem(LAST_READ_NOTIFICATION_KEY)
   );
-  useEffect11(() => {
+  useEffect10(() => {
     const onKeyDown = (e) => {
       if (e.key === "n" && (e.metaKey || e.ctrlKey)) {
         setOpen((prev) => !prev);
@@ -4837,21 +4834,21 @@ var Notifications = () => {
     }
   };
   return /* @__PURE__ */ jsxs12(Drawer, { open, onOpenChange: handleOnOpen, children: [
-    /* @__PURE__ */ jsx19(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx18(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx18(
       IconButton6,
       {
         variant: "transparent",
         size: "small",
         className: "text-ui-fg-muted hover:text-ui-fg-subtle",
-        children: hasUnread ? /* @__PURE__ */ jsx19(BellAlertDone, {}) : /* @__PURE__ */ jsx19(BellAlert, {})
+        children: hasUnread ? /* @__PURE__ */ jsx18(BellAlertDone, {}) : /* @__PURE__ */ jsx18(BellAlert, {})
       }
     ) }),
     /* @__PURE__ */ jsxs12(Drawer.Content, { children: [
       /* @__PURE__ */ jsxs12(Drawer.Header, { children: [
-        /* @__PURE__ */ jsx19(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx19(Heading2, { children: t2("notifications.domain") }) }),
-        /* @__PURE__ */ jsx19(Drawer.Description, { className: "sr-only", children: t2("notifications.accessibility.description") })
+        /* @__PURE__ */ jsx18(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx18(Heading2, { children: t2("notifications.domain") }) }),
+        /* @__PURE__ */ jsx18(Drawer.Description, { className: "sr-only", children: t2("notifications.accessibility.description") })
       ] }),
-      /* @__PURE__ */ jsx19(Drawer.Body, { className: "overflow-y-auto px-0", children: /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx18(Drawer.Body, { className: "overflow-y-auto px-0", children: /* @__PURE__ */ jsx18(
         InfiniteList,
         {
           responseKey: "notifications",
@@ -4861,9 +4858,9 @@ var Notifications = () => {
             query: { ...params }
           }),
           queryOptions: { enabled: open },
-          renderEmpty: () => /* @__PURE__ */ jsx19(NotificationsEmptyState, { t: t2 }),
+          renderEmpty: () => /* @__PURE__ */ jsx18(NotificationsEmptyState, { t: t2 }),
           renderItem: (notification) => {
-            return /* @__PURE__ */ jsx19(
+            return /* @__PURE__ */ jsx18(
               Notification,
               {
                 notification,
@@ -4885,14 +4882,14 @@ var Notification = ({
   if (!data?.title) {
     return null;
   }
-  return /* @__PURE__ */ jsx19(Fragment3, { children: /* @__PURE__ */ jsxs12("div", { className: "relative flex items-start justify-center gap-3 border-b p-6", children: [
-    /* @__PURE__ */ jsx19("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx19(InformationCircleSolid, {}) }),
+  return /* @__PURE__ */ jsx18(Fragment3, { children: /* @__PURE__ */ jsxs12("div", { className: "relative flex items-start justify-center gap-3 border-b p-6", children: [
+    /* @__PURE__ */ jsx18("div", { className: "text-ui-fg-muted flex size-5 items-center justify-center", children: /* @__PURE__ */ jsx18(InformationCircleSolid, {}) }),
     /* @__PURE__ */ jsxs12("div", { className: "flex w-full flex-col gap-y-3", children: [
       /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx19(Text8, { size: "small", leading: "compact", weight: "plus", children: data.title }),
+          /* @__PURE__ */ jsx18(Text8, { size: "small", leading: "compact", weight: "plus", children: data.title }),
           /* @__PURE__ */ jsxs12("div", { className: "align-center flex items-center justify-center gap-2", children: [
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx18(
               Text8,
               {
                 as: "span",
@@ -4907,7 +4904,7 @@ var Notification = ({
                 })
               }
             ),
-            unread && /* @__PURE__ */ jsx19(
+            unread && /* @__PURE__ */ jsx18(
               "div",
               {
                 className: "bg-ui-bg-interactive h-2 w-2 rounded",
@@ -4916,7 +4913,7 @@ var Notification = ({
             )
           ] })
         ] }),
-        !!data.description && /* @__PURE__ */ jsx19(
+        !!data.description && /* @__PURE__ */ jsx18(
           Text8,
           {
             className: "text-ui-fg-subtle whitespace-pre-line",
@@ -4925,7 +4922,7 @@ var Notification = ({
           }
         )
       ] }),
-      !!data?.file?.url && /* @__PURE__ */ jsx19(
+      !!data?.file?.url && /* @__PURE__ */ jsx18(
         FilePreview,
         {
           filename: data.file.filename ?? "",
@@ -4938,9 +4935,9 @@ var Notification = ({
 };
 var NotificationsEmptyState = ({ t: t2 }) => {
   return /* @__PURE__ */ jsxs12("div", { className: "flex h-full flex-col items-center justify-center", children: [
-    /* @__PURE__ */ jsx19(BellAlertDone, {}),
-    /* @__PURE__ */ jsx19(Text8, { size: "small", leading: "compact", weight: "plus", className: "mt-3", children: t2("notifications.emptyState.title") }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx18(BellAlertDone, {}),
+    /* @__PURE__ */ jsx18(Text8, { size: "small", leading: "compact", weight: "plus", className: "mt-3", children: t2("notifications.emptyState.title") }),
+    /* @__PURE__ */ jsx18(
       Text8,
       {
         size: "small",
@@ -4951,13 +4948,13 @@ var NotificationsEmptyState = ({ t: t2 }) => {
   ] });
 };
 var useUnreadNotifications = () => {
-  const [hasUnread, setHasUnread] = useState12(false);
+  const [hasUnread, setHasUnread] = useState11(false);
   const { notifications } = useNotifications(
     { limit: 1, offset: 0, fields: "created_at" },
     { refetchInterval: 6e4 }
   );
   const lastNotification = notifications?.[0];
-  useEffect11(() => {
+  useEffect10(() => {
     if (!lastNotification) {
       return;
     }