@mercurjs/dashboard-shared 2.2.0-canary.34 → 2.2.0-canary.35

package/dist/index.js

@@ -21974,9 +21974,77 @@ function getHasUneditableRows(metadata) {
   );
 }
 
+// src/components/icons/list-badge.tsx
+import * as React8 from "react";
+import { jsx as jsx65, jsxs as jsxs43 } from "react/jsx-runtime";
+var ListBadge = React8.forwardRef(
+  ({ color = "currentColor", ...props }, ref) => {
+    return /* @__PURE__ */ jsxs43(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 15,
+        height: 15,
+        viewBox: "0 0 15 15",
+        fill: "none",
+        ref,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx65("circle", { cx: 7.5, cy: 7.5, r: 7.5, fill: "#2563EB" }),
+          /* @__PURE__ */ jsx65("circle", { cx: 7.5, cy: 7.5, r: 7.5, fill: "url(#list_badge_a)", fillOpacity: 0.2 }),
+          /* @__PURE__ */ jsx65(
+            "circle",
+            {
+              cx: 7.5,
+              cy: 7.5,
+              r: 7.25,
+              stroke: color,
+              strokeOpacity: 0.24,
+              strokeWidth: 0.5
+            }
+          ),
+          /* @__PURE__ */ jsx65(
+            "path",
+            {
+              d: "M10.23 4.25H4.77C4.48281 4.25 4.25 4.48281 4.25 4.77V6.59C4.25 6.87719 4.48281 7.11 4.77 7.11H10.23C10.5172 7.11 10.75 6.87719 10.75 6.59V4.77C10.75 4.48281 10.5172 4.25 10.23 4.25Z",
+              fill: "#fff"
+            }
+          ),
+          /* @__PURE__ */ jsx65(
+            "path",
+            {
+              d: "M4.25 8.93H10.75M4.25 10.75H10.75M4.77 4.25H10.23C10.5172 4.25 10.75 4.48281 10.75 4.77V6.59C10.75 6.87719 10.5172 7.11 10.23 7.11H4.77C4.48281 7.11 4.25 6.87719 4.25 6.59V4.77C4.25 4.48281 4.48281 4.25 4.77 4.25Z",
+              stroke: "#fff",
+              strokeWidth: 0.8,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx65("defs", { children: /* @__PURE__ */ jsxs43(
+            "linearGradient",
+            {
+              id: "list_badge_a",
+              x1: 7.5,
+              x2: 7.5,
+              y1: 0,
+              y2: 15,
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx65("stop", { stopColor: "#fff" }),
+                /* @__PURE__ */ jsx65("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0 })
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+ListBadge.displayName = "ListBadge";
+
 // src/components/layout/pages/single-column-page/single-column-page.tsx
 import { Outlet } from "react-router-dom";
-import { jsx as jsx65, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs44 } from "react/jsx-runtime";
 var SingleColumnPage = ({
   children,
   /**
@@ -22012,11 +22080,11 @@ var SingleColumnPage = ({
     }
     showMetadata = false;
   }
-  return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-y-3", children: [
+  return /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-y-3", children: [
     children,
-    showMetadata && /* @__PURE__ */ jsx65(MetadataSection, { data }),
-    showJSON && /* @__PURE__ */ jsx65(JsonViewSection, { data }),
-    hasOutlet && /* @__PURE__ */ jsx65(Outlet, {})
+    showMetadata && /* @__PURE__ */ jsx66(MetadataSection, { data }),
+    showJSON && /* @__PURE__ */ jsx66(JsonViewSection, { data }),
+    hasOutlet && /* @__PURE__ */ jsx66(Outlet, {})
   ] });
 };
 
@@ -22024,7 +22092,7 @@ var SingleColumnPage = ({
 import { clx as clx35 } from "@medusajs/ui";
 import { Children as Children2 } from "react";
 import { Outlet as Outlet2 } from "react-router-dom";
-import { jsx as jsx66, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs45 } from "react/jsx-runtime";
 var Root5 = ({
   children,
   /**
@@ -22066,24 +22134,24 @@ var Root5 = ({
   }
   const [main, sidebar] = childrenArray;
   const showExtraData = showJSON || showMetadata;
-  return /* @__PURE__ */ jsxs44("div", { className: "flex w-full flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsxs44("div", { className: "flex w-full flex-col items-start gap-x-4 gap-y-3 xl:grid xl:grid-cols-[minmax(0,_1fr)_440px]", children: [
-      /* @__PURE__ */ jsxs44("div", { className: "flex w-full min-w-0 flex-col gap-y-3", children: [
+  return /* @__PURE__ */ jsxs45("div", { className: "flex w-full flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex w-full flex-col items-start gap-x-4 gap-y-3 xl:grid xl:grid-cols-[minmax(0,_1fr)_440px]", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex w-full min-w-0 flex-col gap-y-3", children: [
         main,
-        showExtraData && /* @__PURE__ */ jsxs44("div", { className: "hidden flex-col gap-y-3 xl:flex", children: [
-          showMetadata && /* @__PURE__ */ jsx66(MetadataSection, { data }),
-          showJSON && /* @__PURE__ */ jsx66(JsonViewSection, { data })
+        showExtraData && /* @__PURE__ */ jsxs45("div", { className: "hidden flex-col gap-y-3 xl:flex", children: [
+          showMetadata && /* @__PURE__ */ jsx67(MetadataSection, { data }),
+          showJSON && /* @__PURE__ */ jsx67(JsonViewSection, { data })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs44("div", { className: "flex w-full flex-col gap-y-3 xl:mt-0", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex w-full flex-col gap-y-3 xl:mt-0", children: [
         sidebar,
-        showExtraData && /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-y-3 xl:hidden", children: [
-          showMetadata && /* @__PURE__ */ jsx66(MetadataSection, { data }),
-          showJSON && /* @__PURE__ */ jsx66(JsonViewSection, { data })
+        showExtraData && /* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-y-3 xl:hidden", children: [
+          showMetadata && /* @__PURE__ */ jsx67(MetadataSection, { data }),
+          showJSON && /* @__PURE__ */ jsx67(JsonViewSection, { data })
         ] })
       ] })
     ] }),
-    hasOutlet && /* @__PURE__ */ jsx66(Outlet2, {})
+    hasOutlet && /* @__PURE__ */ jsx67(Outlet2, {})
   ] });
 };
 var Main = ({
@@ -22091,14 +22159,14 @@ var Main = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx66("div", { className: clx35("flex w-full flex-col gap-y-3", className), ...props, children });
+  return /* @__PURE__ */ jsx67("div", { className: clx35("flex w-full flex-col gap-y-3", className), ...props, children });
 };
 var Sidebar = ({
   children,
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     "div",
     {
       className: clx35(
@@ -22189,7 +22257,7 @@ var useTabManagement = ({
 };
 
 // src/components/tabbed-form/tabbed-form.tsx
-import { jsx as jsx67, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs46 } from "react/jsx-runtime";
 var TabbedFormContext = createContext7(null);
 var useTabbedForm = () => {
   const form = useContext7(TabbedFormContext);
@@ -22259,7 +22327,7 @@ function Root6({
     const meta = resolveTabMeta(el);
     return meta && visibleTabs.some((vt) => vt.id === meta.id);
   });
-  return /* @__PURE__ */ jsx67(TabbedFormContext.Provider, { value: form, children: /* @__PURE__ */ jsx67(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsx68(TabbedFormContext.Provider, { value: form, children: /* @__PURE__ */ jsx68(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs46(
     KeyboundForm,
     {
       onKeyDown: (e) => {
@@ -22282,14 +22350,14 @@ function Root6({
       onSubmit,
       className: "flex h-full flex-col",
       children: [
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs46(
           ProgressTabs,
           {
             value: activeTabId,
             onValueChange: onTabChange,
             className: "flex h-full flex-col overflow-hidden",
             children: [
-              /* @__PURE__ */ jsx67(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx67("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx67(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: visibleTabs.map((tab) => /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsx68(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx68("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx68(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: visibleTabs.map((tab) => /* @__PURE__ */ jsx68(
                 ProgressTabs.Trigger,
                 {
                   status: tabState[tab.id] ?? "not-started",
@@ -22299,9 +22367,9 @@ function Root6({
                 },
                 tab.id
               )) }) }) }),
-              /* @__PURE__ */ jsx67(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: visibleElements.map((element) => {
+              /* @__PURE__ */ jsx68(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: visibleElements.map((element) => {
                 const meta = resolveTabMeta(element);
-                return /* @__PURE__ */ jsx67(
+                return /* @__PURE__ */ jsx68(
                   ProgressTabs.Content,
                   {
                     className: "size-full overflow-y-auto",
@@ -22314,7 +22382,7 @@ function Root6({
             ]
           }
         ),
-        /* @__PURE__ */ jsx67(RouteFocusModal.Footer, { children: footer ? footer({ isLastTab, onNext, isLoading }) : /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(RouteFocusModal.Footer, { children: footer ? footer({ isLastTab, onNext, isLoading }) : /* @__PURE__ */ jsx68(
           DefaultFooter,
           {
             isLastTab,
@@ -22332,9 +22400,9 @@ var DefaultFooter = ({
   isLoading
 }) => {
   const { t: t2 } = useTranslation25();
-  return /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-end gap-x-2", children: [
-    /* @__PURE__ */ jsx67(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx67(Button9, { variant: "secondary", size: "small", children: t2("actions.cancel") }) }),
-    isLastTab ? /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-end gap-x-2", children: [
+    /* @__PURE__ */ jsx68(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx68(Button9, { variant: "secondary", size: "small", children: t2("actions.cancel") }) }),
+    isLastTab ? /* @__PURE__ */ jsx68(
       Button9,
       {
         type: "submit",
@@ -22344,7 +22412,7 @@ var DefaultFooter = ({
         children: t2("actions.save")
       },
       "submit-button"
-    ) : /* @__PURE__ */ jsx67(
+    ) : /* @__PURE__ */ jsx68(
       Button9,
       {
         type: "button",
@@ -22360,7 +22428,7 @@ var DefaultFooter = ({
 var Tab = ({
   children
 }) => {
-  return /* @__PURE__ */ jsx67("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx67("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) });
+  return /* @__PURE__ */ jsx68("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx68("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) });
 };
 var TabbedForm = Object.assign(Root6, { Tab, useForm: useTabbedForm });
 
@@ -22469,7 +22537,7 @@ import { XMarkMini as XMarkMini3 } from "@medusajs/icons";
 import { Text as Text14, clx as clx36 } from "@medusajs/ui";
 import { Popover as RadixPopover2 } from "radix-ui";
 import { useTranslation as useTranslation26 } from "react-i18next";
-import { jsx as jsx68, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs47 } from "react/jsx-runtime";
 var FilterChip = ({
   hadPreviousValue,
   label,
@@ -22483,9 +22551,9 @@ var FilterChip = ({
     e.stopPropagation();
     onRemove();
   };
-  return /* @__PURE__ */ jsxs46("div", { className: "bg-ui-bg-field transition-fg shadow-borders-base text-ui-fg-subtle flex cursor-default select-none items-stretch overflow-hidden rounded-md", children: [
-    !hadPreviousValue && /* @__PURE__ */ jsx68(RadixPopover2.Anchor, {}),
-    /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs47("div", { className: "bg-ui-bg-field transition-fg shadow-borders-base text-ui-fg-subtle flex cursor-default select-none items-stretch overflow-hidden rounded-md", children: [
+    !hadPreviousValue && /* @__PURE__ */ jsx69(RadixPopover2.Anchor, {}),
+    /* @__PURE__ */ jsx69(
       "div",
       {
         className: clx36(
@@ -22494,11 +22562,11 @@ var FilterChip = ({
             "border-r": !!(value || hadPreviousValue)
           }
         ),
-        children: /* @__PURE__ */ jsx68(Text14, { size: "small", weight: "plus", leading: "compact", children: label })
+        children: /* @__PURE__ */ jsx69(Text14, { size: "small", weight: "plus", leading: "compact", children: label })
       }
     ),
-    /* @__PURE__ */ jsxs46("div", { className: "flex w-full items-center overflow-hidden", children: [
-      hasOperator && !!(value || hadPreviousValue) && /* @__PURE__ */ jsx68("div", { className: "border-r p-1 px-2", children: /* @__PURE__ */ jsx68(
+    /* @__PURE__ */ jsxs47("div", { className: "flex w-full items-center overflow-hidden", children: [
+      hasOperator && !!(value || hadPreviousValue) && /* @__PURE__ */ jsx69("div", { className: "border-r p-1 px-2", children: /* @__PURE__ */ jsx69(
         Text14,
         {
           size: "small",
@@ -22508,7 +22576,7 @@ var FilterChip = ({
           children: t2("general.is")
         }
       ) }),
-      !!(value || hadPreviousValue) && /* @__PURE__ */ jsx68(
+      !!(value || hadPreviousValue) && /* @__PURE__ */ jsx69(
         RadixPopover2.Trigger,
         {
           asChild: true,
@@ -22519,7 +22587,7 @@ var FilterChip = ({
               "data-[state=open]:bg-ui-bg-field-hover": !readonly
             }
           ),
-          children: /* @__PURE__ */ jsx68(
+          children: /* @__PURE__ */ jsx69(
             Text14,
             {
               size: "small",
@@ -22532,7 +22600,7 @@ var FilterChip = ({
         }
       )
     ] }),
-    !readonly && !!(value || hadPreviousValue) && /* @__PURE__ */ jsx68(
+    !readonly && !!(value || hadPreviousValue) && /* @__PURE__ */ jsx69(
       "button",
       {
         onClick: handleRemove,
@@ -22541,7 +22609,7 @@ var FilterChip = ({
           "hover:bg-ui-bg-subtle-hover",
           "active:bg-ui-bg-subtle-pressed active:text-ui-fg-base"
         ),
-        children: /* @__PURE__ */ jsx68(XMarkMini3, {})
+        children: /* @__PURE__ */ jsx69(XMarkMini3, {})
       }
     )
   ] });
@@ -22549,7 +22617,7 @@ var FilterChip = ({
 var filter_chip_default = FilterChip;
 
 // src/components/table/data-table/data-table-filter/date-filter.tsx
-import { jsx as jsx69, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
 var DateFilter = ({
   filter,
   prefix,
@@ -22623,8 +22691,8 @@ var DateFilter = ({
       }, 200);
     }
   };
-  return /* @__PURE__ */ jsxs47(RadixPopover3.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsxs48(RadixPopover3.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx70(
       filter_chip_default,
       {
         hadPreviousValue: !!previousValue,
@@ -22634,7 +22702,7 @@ var DateFilter = ({
         readonly
       }
     ),
-    !readonly && /* @__PURE__ */ jsx69(RadixPopover3.Portal, { children: /* @__PURE__ */ jsxs47(
+    !readonly && /* @__PURE__ */ jsx70(RadixPopover3.Portal, { children: /* @__PURE__ */ jsxs48(
       RadixPopover3.Content,
       {
         "data-name": "date_filter_content",
@@ -22652,10 +22720,10 @@ var DateFilter = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs47("ul", { className: "w-full p-1", children: [
+          /* @__PURE__ */ jsxs48("ul", { className: "w-full p-1", children: [
             presets.map((preset) => {
               const isSelected = selectedParams.get().includes(JSON.stringify(preset.value));
-              return /* @__PURE__ */ jsx69("li", { children: /* @__PURE__ */ jsxs47(
+              return /* @__PURE__ */ jsx70("li", { children: /* @__PURE__ */ jsxs48(
                 "button",
                 {
                   className: "bg-ui-bg-base hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex w-full cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled]:pointer-events-none",
@@ -22664,7 +22732,7 @@ var DateFilter = ({
                     handleSelectPreset(preset.value);
                   },
                   children: [
-                    /* @__PURE__ */ jsx69(
+                    /* @__PURE__ */ jsx70(
                       "div",
                       {
                         className: clx37(
@@ -22673,7 +22741,7 @@ var DateFilter = ({
                             "[&_svg]:invisible": !isSelected
                           }
                         ),
-                        children: /* @__PURE__ */ jsx69(EllipseMiniSolid, {})
+                        children: /* @__PURE__ */ jsx70(EllipseMiniSolid, {})
                       }
                     ),
                     preset.label
@@ -22681,14 +22749,14 @@ var DateFilter = ({
                 }
               ) }, preset.label);
             }),
-            /* @__PURE__ */ jsx69("li", { children: /* @__PURE__ */ jsxs47(
+            /* @__PURE__ */ jsx70("li", { children: /* @__PURE__ */ jsxs48(
               "button",
               {
                 className: "bg-ui-bg-base hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex w-full cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled]:pointer-events-none",
                 type: "button",
                 onClick: handleSelectCustom,
                 children: [
-                  /* @__PURE__ */ jsx69(
+                  /* @__PURE__ */ jsx70(
                     "div",
                     {
                       className: clx37(
@@ -22697,7 +22765,7 @@ var DateFilter = ({
                           "[&_svg]:invisible": !showCustom
                         }
                       ),
-                      children: /* @__PURE__ */ jsx69(EllipseMiniSolid, {})
+                      children: /* @__PURE__ */ jsx70(EllipseMiniSolid, {})
                     }
                   ),
                   t("filters.date.custom")
@@ -22705,10 +22773,10 @@ var DateFilter = ({
               }
             ) })
           ] }),
-          showCustom && /* @__PURE__ */ jsxs47("div", { className: "border-t px-1 pb-3 pt-1", children: [
-            /* @__PURE__ */ jsxs47("div", { children: [
-              /* @__PURE__ */ jsx69("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx69(Text15, { size: "xsmall", leading: "compact", weight: "plus", children: t("filters.date.from") }) }),
-              /* @__PURE__ */ jsx69("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx69(
+          showCustom && /* @__PURE__ */ jsxs48("div", { className: "border-t px-1 pb-3 pt-1", children: [
+            /* @__PURE__ */ jsxs48("div", { children: [
+              /* @__PURE__ */ jsx70("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx70(Text15, { size: "xsmall", leading: "compact", weight: "plus", children: t("filters.date.from") }) }),
+              /* @__PURE__ */ jsx70("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx70(
                 DatePicker,
                 {
                   modal: true,
@@ -22718,9 +22786,9 @@ var DateFilter = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsxs47("div", { children: [
-              /* @__PURE__ */ jsx69("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx69(Text15, { size: "xsmall", leading: "compact", weight: "plus", children: t("filters.date.to") }) }),
-              /* @__PURE__ */ jsx69("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsxs48("div", { children: [
+              /* @__PURE__ */ jsx70("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx70(Text15, { size: "xsmall", leading: "compact", weight: "plus", children: t("filters.date.to") }) }),
+              /* @__PURE__ */ jsx70("div", { className: "px-2 py-1", children: /* @__PURE__ */ jsx70(
                 DatePicker,
                 {
                   modal: true,
@@ -22814,7 +22882,7 @@ import {
 } from "radix-ui";
 import { useCallback as useCallback21, useEffect as useEffect19, useState as useState27 } from "react";
 import { useTranslation as useTranslation28 } from "react-i18next";
-import { jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
 var NumberFilter = ({
   filter,
   prefix,
@@ -22911,8 +22979,8 @@ var NumberFilter = ({
   const EQ_KEY = key;
   const displayValue = parseDisplayValue(currentValue, t2);
   const previousDisplayValue = parseDisplayValue(previousValue, t2);
-  return /* @__PURE__ */ jsxs48(RadixPopover4.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs49(RadixPopover4.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx71(
       filter_chip_default,
       {
         hasOperator: true,
@@ -22923,7 +22991,7 @@ var NumberFilter = ({
         readonly
       }
     ),
-    !readonly && /* @__PURE__ */ jsx70(RadixPopover4.Portal, { children: /* @__PURE__ */ jsxs48(
+    !readonly && /* @__PURE__ */ jsx71(RadixPopover4.Portal, { children: /* @__PURE__ */ jsxs49(
       RadixPopover4.Content,
       {
         "data-name": "number_filter_content",
@@ -22941,30 +23009,30 @@ var NumberFilter = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsx70("div", { className: "p-1", children: /* @__PURE__ */ jsx70(
+          /* @__PURE__ */ jsx71("div", { className: "p-1", children: /* @__PURE__ */ jsx71(
             RadixRadioGroup.Root,
             {
               value: operator,
               onValueChange: (val) => setOperator(val),
               className: "flex flex-col items-start",
               orientation: "vertical",
-              children: operators.map((o) => /* @__PURE__ */ jsxs48(
+              children: operators.map((o) => /* @__PURE__ */ jsxs49(
                 RadixRadioGroup.Item,
                 {
                   value: o.operator,
                   className: "txt-compact-small hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed transition-fg grid w-full grid-cols-[20px_1fr] gap-2 rounded-[4px] px-2 py-1.5 text-left outline-none",
                   children: [
-                    /* @__PURE__ */ jsx70("div", { className: "size-5", children: /* @__PURE__ */ jsx70(RadixRadioGroup.Indicator, { children: /* @__PURE__ */ jsx70(EllipseMiniSolid2, {}) }) }),
-                    /* @__PURE__ */ jsx70("span", { className: "w-full", children: o.label })
+                    /* @__PURE__ */ jsx71("div", { className: "size-5", children: /* @__PURE__ */ jsx71(RadixRadioGroup.Indicator, { children: /* @__PURE__ */ jsx71(EllipseMiniSolid2, {}) }) }),
+                    /* @__PURE__ */ jsx71("span", { className: "w-full", children: o.label })
                   ]
                 },
                 o.operator
               ))
             }
           ) }),
-          /* @__PURE__ */ jsx70("div", { children: operator === "range" ? /* @__PURE__ */ jsxs48("div", { className: "px-1 pb-3 pt-1", children: [
-            /* @__PURE__ */ jsx70("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx70(Label3, { size: "xsmall", weight: "plus", htmlFor: GT_KEY, children: t2("filters.compare.greaterThan") }) }),
-            /* @__PURE__ */ jsx70("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx70(
+          /* @__PURE__ */ jsx71("div", { children: operator === "range" ? /* @__PURE__ */ jsxs49("div", { className: "px-1 pb-3 pt-1", children: [
+            /* @__PURE__ */ jsx71("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx71(Label3, { size: "xsmall", weight: "plus", htmlFor: GT_KEY, children: t2("filters.compare.greaterThan") }) }),
+            /* @__PURE__ */ jsx71("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx71(
               Input5,
               {
                 name: GT_KEY,
@@ -22974,8 +23042,8 @@ var NumberFilter = ({
                 onChange: (e) => debouncedOnChange(e, "gt")
               }
             ) }),
-            /* @__PURE__ */ jsx70("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx70(Label3, { size: "xsmall", weight: "plus", htmlFor: LT_KEY, children: t2("filters.compare.lessThan") }) }),
-            /* @__PURE__ */ jsx70("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx70(
+            /* @__PURE__ */ jsx71("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx71(Label3, { size: "xsmall", weight: "plus", htmlFor: LT_KEY, children: t2("filters.compare.lessThan") }) }),
+            /* @__PURE__ */ jsx71("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx71(
               Input5,
               {
                 name: LT_KEY,
@@ -22985,9 +23053,9 @@ var NumberFilter = ({
                 onChange: (e) => debouncedOnChange(e, "lt")
               }
             ) })
-          ] }, "range") : /* @__PURE__ */ jsxs48("div", { className: "px-1 pb-3 pt-1", children: [
-            /* @__PURE__ */ jsx70("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx70(Label3, { size: "xsmall", weight: "plus", htmlFor: EQ_KEY, children: label }) }),
-            /* @__PURE__ */ jsx70("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx70(
+          ] }, "range") : /* @__PURE__ */ jsxs49("div", { className: "px-1 pb-3 pt-1", children: [
+            /* @__PURE__ */ jsx71("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx71(Label3, { size: "xsmall", weight: "plus", htmlFor: EQ_KEY, children: label }) }),
+            /* @__PURE__ */ jsx71("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx71(
               Input5,
               {
                 name: EQ_KEY,
@@ -23057,7 +23125,7 @@ import { Command } from "cmdk";
 import { Popover as RadixPopover5 } from "radix-ui";
 import { useState as useState28 } from "react";
 import { useTranslation as useTranslation29 } from "react-i18next";
-import { jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
 var SelectFilter = ({
   filter,
   prefix,
@@ -23110,8 +23178,8 @@ var SelectFilter = ({
   };
   const normalizedValues = labelValues ? Array.isArray(labelValues) ? labelValues : [labelValues] : null;
   const normalizedPrev = previousValue ? Array.isArray(previousValue) ? previousValue : [previousValue] : null;
-  return /* @__PURE__ */ jsxs49(RadixPopover5.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsxs50(RadixPopover5.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx72(
       filter_chip_default,
       {
         hasOperator: true,
@@ -23122,7 +23190,7 @@ var SelectFilter = ({
         onRemove: handleRemove
       }
     ),
-    !readonly && /* @__PURE__ */ jsx71(RadixPopover5.Portal, { children: /* @__PURE__ */ jsx71(
+    !readonly && /* @__PURE__ */ jsx72(RadixPopover5.Portal, { children: /* @__PURE__ */ jsx72(
       RadixPopover5.Content,
       {
         hideWhenDetached: true,
@@ -23140,9 +23208,9 @@ var SelectFilter = ({
             }
           }
         },
-        children: /* @__PURE__ */ jsxs49(Command, { className: "h-full", children: [
-          searchable && /* @__PURE__ */ jsx71("div", { className: "border-b p-1", children: /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-[1fr_20px] gap-x-2 rounded-md px-2 py-1", children: [
-            /* @__PURE__ */ jsx71(
+        children: /* @__PURE__ */ jsxs50(Command, { className: "h-full", children: [
+          searchable && /* @__PURE__ */ jsx72("div", { className: "border-b p-1", children: /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-[1fr_20px] gap-x-2 rounded-md px-2 py-1", children: [
+            /* @__PURE__ */ jsx72(
               Command.Input,
               {
                 ref: setSearchRef,
@@ -23152,7 +23220,7 @@ var SelectFilter = ({
                 placeholder: "Search"
               }
             ),
-            /* @__PURE__ */ jsx71("div", { className: "flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx71(
+            /* @__PURE__ */ jsx72("div", { className: "flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx72(
               "button",
               {
                 disabled: !search,
@@ -23163,14 +23231,14 @@ var SelectFilter = ({
                     invisible: !search
                   }
                 ),
-                children: /* @__PURE__ */ jsx71(XMarkMini4, {})
+                children: /* @__PURE__ */ jsx72(XMarkMini4, {})
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ jsx71(Command.Empty, { className: "txt-compact-small flex items-center justify-center p-1", children: /* @__PURE__ */ jsx71("span", { className: "w-full px-2 py-1 text-center", children: t2("general.noResultsTitle") }) }),
-          /* @__PURE__ */ jsx71(Command.List, { className: "h-full max-h-[163px] min-h-[0] overflow-auto p-1 outline-none", children: options.map((option) => {
+          /* @__PURE__ */ jsx72(Command.Empty, { className: "txt-compact-small flex items-center justify-center p-1", children: /* @__PURE__ */ jsx72("span", { className: "w-full px-2 py-1 text-center", children: t2("general.noResultsTitle") }) }),
+          /* @__PURE__ */ jsx72(Command.List, { className: "h-full max-h-[163px] min-h-[0] overflow-auto p-1 outline-none", children: options.map((option) => {
             const isSelected = selectedParams.get().includes(String(option.value));
-            return /* @__PURE__ */ jsxs49(
+            return /* @__PURE__ */ jsxs50(
               Command.Item,
               {
                 className: "bg-ui-bg-base hover:bg-ui-bg-base-hover aria-selected:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center gap-x-2 rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled]:pointer-events-none",
@@ -23179,7 +23247,7 @@ var SelectFilter = ({
                   handleSelect(option.value);
                 },
                 children: [
-                  /* @__PURE__ */ jsx71(
+                  /* @__PURE__ */ jsx72(
                     "div",
                     {
                       className: clx39(
@@ -23188,7 +23256,7 @@ var SelectFilter = ({
                           "[&_svg]:invisible": !isSelected
                         }
                       ),
-                      children: multiple ? /* @__PURE__ */ jsx71(CheckMini, {}) : /* @__PURE__ */ jsx71(EllipseMiniSolid3, {})
+                      children: multiple ? /* @__PURE__ */ jsx72(CheckMini, {}) : /* @__PURE__ */ jsx72(EllipseMiniSolid3, {})
                     }
                   ),
                   option.label
@@ -23208,7 +23276,7 @@ import { Input as Input6, Label as Label4, clx as clx40 } from "@medusajs/ui";
 import debounce3 from "lodash.debounce";
 import { Popover as RadixPopover6 } from "radix-ui";
 import { useCallback as useCallback22, useEffect as useEffect20, useState as useState29 } from "react";
-import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs51 } from "react/jsx-runtime";
 var StringFilter = ({
   filter,
   prefix,
@@ -23256,8 +23324,8 @@ var StringFilter = ({
     selectedParams.delete();
     removeFilter(key);
   };
-  return /* @__PURE__ */ jsxs50(RadixPopover6.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs51(RadixPopover6.Root, { modal: true, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx73(
       filter_chip_default,
       {
         hasOperator: true,
@@ -23268,7 +23336,7 @@ var StringFilter = ({
         readonly
       }
     ),
-    !readonly && /* @__PURE__ */ jsx72(RadixPopover6.Portal, { children: /* @__PURE__ */ jsx72(
+    !readonly && /* @__PURE__ */ jsx73(RadixPopover6.Portal, { children: /* @__PURE__ */ jsx73(
       RadixPopover6.Content,
       {
         hideWhenDetached: true,
@@ -23286,9 +23354,9 @@ var StringFilter = ({
             }
           }
         },
-        children: /* @__PURE__ */ jsxs50("div", { className: "px-1 pb-3 pt-1", children: [
-          /* @__PURE__ */ jsx72("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx72(Label4, { size: "xsmall", weight: "plus", htmlFor: key, children: label }) }),
-          /* @__PURE__ */ jsx72("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx72(
+        children: /* @__PURE__ */ jsxs51("div", { className: "px-1 pb-3 pt-1", children: [
+          /* @__PURE__ */ jsx73("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx73(Label4, { size: "xsmall", weight: "plus", htmlFor: key, children: label }) }),
+          /* @__PURE__ */ jsx73("div", { className: "px-2 py-0.5", children: /* @__PURE__ */ jsx73(
             Input6,
             {
               name: key,
@@ -23304,7 +23372,7 @@ var StringFilter = ({
 };
 
 // src/components/table/data-table/data-table-filter/data-table-filter.tsx
-import { jsx as jsx73, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs52 } from "react/jsx-runtime";
 var DataTableFilter2 = ({
   filters,
   readonly,
@@ -23358,7 +23426,7 @@ var DataTableFilter2 = ({
   const removeAllFilters = useCallback23(() => {
     setActiveFilters([]);
   }, []);
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     DataTableFilterContext.Provider,
     {
       value: useMemo16(
@@ -23368,11 +23436,11 @@ var DataTableFilter2 = ({
         }),
         [removeAllFilters, removeFilter]
       ),
-      children: /* @__PURE__ */ jsxs51("div", { className: "max-w-2/3 flex flex-wrap items-center gap-2", children: [
+      children: /* @__PURE__ */ jsxs52("div", { className: "max-w-2/3 flex flex-wrap items-center gap-2", children: [
         activeFilters.map((filter) => {
           switch (filter.type) {
             case "select":
-              return /* @__PURE__ */ jsx73(
+              return /* @__PURE__ */ jsx74(
                 SelectFilter,
                 {
                   filter,
@@ -23386,7 +23454,7 @@ var DataTableFilter2 = ({
                 filter.key
               );
             case "date":
-              return /* @__PURE__ */ jsx73(
+              return /* @__PURE__ */ jsx74(
                 DateFilter,
                 {
                   filter,
@@ -23397,7 +23465,7 @@ var DataTableFilter2 = ({
                 filter.key
               );
             case "string":
-              return /* @__PURE__ */ jsx73(
+              return /* @__PURE__ */ jsx74(
                 StringFilter,
                 {
                   filter,
@@ -23408,7 +23476,7 @@ var DataTableFilter2 = ({
                 filter.key
               );
             case "number":
-              return /* @__PURE__ */ jsx73(
+              return /* @__PURE__ */ jsx74(
                 NumberFilter,
                 {
                   filter,
@@ -23422,9 +23490,9 @@ var DataTableFilter2 = ({
               break;
           }
         }),
-        !readonly && availableFilters.length > 0 && /* @__PURE__ */ jsxs51(RadixPopover7.Root, { modal: true, open, onOpenChange: setOpen, children: [
-          /* @__PURE__ */ jsx73(RadixPopover7.Trigger, { asChild: true, id: "filters_menu_trigger", children: /* @__PURE__ */ jsx73(Button10, { size: "small", variant: "secondary", children: t2("filters.addFilter") }) }),
-          /* @__PURE__ */ jsx73(RadixPopover7.Portal, { children: /* @__PURE__ */ jsx73(
+        !readonly && availableFilters.length > 0 && /* @__PURE__ */ jsxs52(RadixPopover7.Root, { modal: true, open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsx74(RadixPopover7.Trigger, { asChild: true, id: "filters_menu_trigger", children: /* @__PURE__ */ jsx74(Button10, { size: "small", variant: "secondary", children: t2("filters.addFilter") }) }),
+          /* @__PURE__ */ jsx74(RadixPopover7.Portal, { children: /* @__PURE__ */ jsx74(
             RadixPopover7.Content,
             {
               className: clx41(
@@ -23445,7 +23513,7 @@ var DataTableFilter2 = ({
               children: availableFilters.map((filter) => {
                 return (
                   // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
-                  /* @__PURE__ */ jsx73(
+                  /* @__PURE__ */ jsx74(
                     "div",
                     {
                       tabIndex: 0,
@@ -23463,7 +23531,7 @@ var DataTableFilter2 = ({
             }
           ) })
         ] }),
-        !readonly && activeFilters.length > 0 && /* @__PURE__ */ jsx73(ClearAllFilters, { filters, prefix })
+        !readonly && activeFilters.length > 0 && /* @__PURE__ */ jsx74(ClearAllFilters, { filters, prefix })
       ] })
     }
   );
@@ -23481,7 +23549,7 @@ var ClearAllFilters = ({ filters, prefix }) => {
     });
     removeAllFilters();
   };
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "button",
     {
       type: "button",
@@ -23527,7 +23595,7 @@ import { DropdownMenu as DropdownMenu6, IconButton as IconButton10 } from "@medu
 import { useState as useState31 } from "react";
 import { useTranslation as useTranslation31 } from "react-i18next";
 import { useSearchParams as useSearchParams8 } from "react-router-dom";
-import { jsx as jsx74, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs53 } from "react/jsx-runtime";
 var initState2 = (params, prefix) => {
   const param = prefix ? `${prefix}_order` : "order";
   const sortParam = params.get(param);
@@ -23586,17 +23654,17 @@ var DataTableOrderBy = ({
       return prev;
     });
   };
-  return /* @__PURE__ */ jsxs52(DropdownMenu6, { dir: direction, children: [
-    /* @__PURE__ */ jsx74(DropdownMenu6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx74(IconButton10, { size: "small", children: /* @__PURE__ */ jsx74(DescendingSorting, {}) }) }),
-    /* @__PURE__ */ jsxs52(DropdownMenu6.Content, { className: "z-[1]", align: "end", children: [
-      /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs53(DropdownMenu6, { dir: direction, children: [
+    /* @__PURE__ */ jsx75(DropdownMenu6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx75(IconButton10, { size: "small", children: /* @__PURE__ */ jsx75(DescendingSorting, {}) }) }),
+    /* @__PURE__ */ jsxs53(DropdownMenu6.Content, { className: "z-[1]", align: "end", children: [
+      /* @__PURE__ */ jsx75(
         DropdownMenu6.RadioGroup,
         {
           value: state.key,
           onValueChange: handleKeyChange,
           children: keys.map((key) => {
             const stringKey = String(key.key);
-            return /* @__PURE__ */ jsx74(
+            return /* @__PURE__ */ jsx75(
               DropdownMenu6.RadioItem,
               {
                 value: stringKey,
@@ -23608,14 +23676,14 @@ var DataTableOrderBy = ({
           })
         }
       ),
-      /* @__PURE__ */ jsx74(DropdownMenu6.Separator, {}),
-      /* @__PURE__ */ jsxs52(
+      /* @__PURE__ */ jsx75(DropdownMenu6.Separator, {}),
+      /* @__PURE__ */ jsxs53(
         DropdownMenu6.RadioGroup,
         {
           value: state.dir,
           onValueChange: handleDirChange,
           children: [
-            /* @__PURE__ */ jsxs52(
+            /* @__PURE__ */ jsxs53(
               DropdownMenu6.RadioItem,
               {
                 className: "flex items-center justify-between",
@@ -23623,11 +23691,11 @@ var DataTableOrderBy = ({
                 onSelect: (event) => event.preventDefault(),
                 children: [
                   t2("general.ascending"),
-                  /* @__PURE__ */ jsx74(DropdownMenu6.Label, { children: "1 - 30" })
+                  /* @__PURE__ */ jsx75(DropdownMenu6.Label, { children: "1 - 30" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs52(
+            /* @__PURE__ */ jsxs53(
               DropdownMenu6.RadioItem,
               {
                 className: "flex items-center justify-between",
@@ -23635,7 +23703,7 @@ var DataTableOrderBy = ({
                 onSelect: (event) => event.preventDefault(),
                 children: [
                   t2("general.descending"),
-                  /* @__PURE__ */ jsx74(DropdownMenu6.Label, { children: "30 - 1" })
+                  /* @__PURE__ */ jsx75(DropdownMenu6.Label, { children: "30 - 1" })
                 ]
               }
             )
@@ -23651,7 +23719,7 @@ import { Input as Input7 } from "@medusajs/ui";
 import { useCallback as useCallback24, useEffect as useEffect22 } from "react";
 import { useTranslation as useTranslation32 } from "react-i18next";
 import debounce4 from "lodash.debounce";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var DataTableSearch = ({
   placeholder,
   prefix,
@@ -23681,7 +23749,7 @@ var DataTableSearch = ({
       debouncedOnChange.cancel();
     };
   }, [debouncedOnChange]);
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     Input7,
     {
       autoComplete: "off",
@@ -23696,24 +23764,24 @@ var DataTableSearch = ({
 };
 
 // src/components/table/data-table/data-table-query/data-table-query.tsx
-import { jsx as jsx76, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs54 } from "react/jsx-runtime";
 var DataTableQuery = ({
   search,
   orderBy,
   filters,
   prefix
 }) => {
-  return (search || orderBy || filters || prefix) && /* @__PURE__ */ jsxs53("div", { className: "flex items-start justify-between gap-x-4 px-6 py-4", children: [
-    /* @__PURE__ */ jsx76("div", { className: "w-full max-w-[60%]", children: filters && filters.length > 0 && /* @__PURE__ */ jsx76(DataTableFilter2, { filters, prefix }) }),
-    /* @__PURE__ */ jsxs53("div", { className: "flex shrink-0 items-center gap-x-2", children: [
-      search && /* @__PURE__ */ jsx76(
+  return (search || orderBy || filters || prefix) && /* @__PURE__ */ jsxs54("div", { className: "flex items-start justify-between gap-x-4 px-6 py-4", children: [
+    /* @__PURE__ */ jsx77("div", { className: "w-full max-w-[60%]", children: filters && filters.length > 0 && /* @__PURE__ */ jsx77(DataTableFilter2, { filters, prefix }) }),
+    /* @__PURE__ */ jsxs54("div", { className: "flex shrink-0 items-center gap-x-2", children: [
+      search && /* @__PURE__ */ jsx77(
         DataTableSearch,
         {
           prefix,
           autofocus: search === "autofocus"
         }
       ),
-      orderBy && /* @__PURE__ */ jsx76(DataTableOrderBy, { keys: orderBy, prefix })
+      orderBy && /* @__PURE__ */ jsx77(DataTableOrderBy, { keys: orderBy, prefix })
     ] })
   ] });
 };
@@ -23731,7 +23799,7 @@ import {
 } from "react";
 import { useTranslation as useTranslation33 } from "react-i18next";
 import { Link as Link8 } from "react-router-dom";
-import { jsx as jsx77, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs55 } from "react/jsx-runtime";
 var DataTableRoot = ({
   table,
   columns,
@@ -23769,14 +23837,14 @@ var DataTableRoot = ({
   useEffect23(() => {
     scrollableRef.current?.scroll({ top: 0, left: 0 });
   }, [pageIndex]);
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "div",
     {
       className: clx42("flex w-full flex-col overflow-hidden", {
         "flex flex-1 flex-col": layout === "fill"
       }),
       children: [
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           "div",
           {
             ref: scrollableRef,
@@ -23785,9 +23853,9 @@ var DataTableRoot = ({
               "min-h-0 flex-grow overflow-auto": layout === "fill",
               "overflow-x-auto": layout === "fit"
             }),
-            children: !noResults ? /* @__PURE__ */ jsxs54(Table, { className: "relative w-full", children: [
-              !noHeader && /* @__PURE__ */ jsx77(Table.Header, { className: "border-t-0", children: table.getHeaderGroups().map((headerGroup) => {
-                return /* @__PURE__ */ jsx77(
+            children: !noResults ? /* @__PURE__ */ jsxs55(Table, { className: "relative w-full", children: [
+              !noHeader && /* @__PURE__ */ jsx78(Table.Header, { className: "border-t-0", children: table.getHeaderGroups().map((headerGroup) => {
+                return /* @__PURE__ */ jsx78(
                   Table.Row,
                   {
                     className: clx42({
@@ -23803,7 +23871,7 @@ var DataTableRoot = ({
                       );
                       const isFirstHeader = firstHeader !== -1 ? header.id === headerGroup.headers[firstHeader].id : index === 0;
                       const isStickyHeader = isSelectHeader || isFirstHeader;
-                      return /* @__PURE__ */ jsx77(
+                      return /* @__PURE__ */ jsx78(
                         Table.HeaderCell,
                         {
                           "data-table-header-id": header.id,
@@ -23827,12 +23895,12 @@ var DataTableRoot = ({
                   headerGroup.id
                 );
               }) }),
-              /* @__PURE__ */ jsx77(Table.Body, { className: "border-b-0", children: table.getRowModel().rows.map((row) => {
+              /* @__PURE__ */ jsx78(Table.Body, { className: "border-b-0", children: table.getRowModel().rows.map((row) => {
                 const to = navigateTo ? navigateTo(row) : void 0;
                 const isRowDisabled = hasSelect && !row.getCanSelect();
                 const isOdd = row.depth % 2 !== 0;
                 const cells = row.getVisibleCells();
-                return /* @__PURE__ */ jsx77(
+                return /* @__PURE__ */ jsx78(
                   Table.Row,
                   {
                     "data-selected": row.getIsSelected(),
@@ -23862,7 +23930,7 @@ var DataTableRoot = ({
                       );
                       const isTabableLink = isFirstCell && !!to;
                       const shouldRenderAsLink = !!to && !isSelectCell;
-                      return /* @__PURE__ */ jsx77(
+                      return /* @__PURE__ */ jsx78(
                         Table.Cell,
                         {
                           className: clx42({
@@ -23876,14 +23944,14 @@ var DataTableRoot = ({
                           style: {
                             paddingLeft: depthOffset ? `${depthOffset}px` : void 0
                           },
-                          children: shouldRenderAsLink ? /* @__PURE__ */ jsx77(
+                          children: shouldRenderAsLink ? /* @__PURE__ */ jsx78(
                             Link8,
                             {
                               to,
                               className: "size-full outline-none",
                               "data-row-link": true,
                               tabIndex: isTabableLink ? 0 : -1,
-                              children: /* @__PURE__ */ jsx77(
+                              children: /* @__PURE__ */ jsx78(
                                 "div",
                                 {
                                   className: clx42(
@@ -23905,10 +23973,10 @@ var DataTableRoot = ({
                   row.id
                 );
               }) })
-            ] }) : /* @__PURE__ */ jsx77("div", { className: clx42({ "border-b": layout === "fit" }), children: /* @__PURE__ */ jsx77(NoResults, {}) })
+            ] }) : /* @__PURE__ */ jsx78("div", { className: clx42({ "border-b": layout === "fit" }), children: /* @__PURE__ */ jsx78(NoResults, {}) })
           }
         ),
-        pagination && /* @__PURE__ */ jsx77("div", { className: clx42({ "border-t": layout === "fill" }), children: /* @__PURE__ */ jsx77(
+        pagination && /* @__PURE__ */ jsx78("div", { className: clx42({ "border-t": layout === "fill" }), children: /* @__PURE__ */ jsx78(
           Pagination,
           {
             canNextPage: table.getCanNextPage(),
@@ -23921,14 +23989,14 @@ var DataTableRoot = ({
             pageSize
           }
         ) }),
-        hasCommandBar && /* @__PURE__ */ jsx77(CommandBar, { open: !!Object.keys(rowSelection).length, children: /* @__PURE__ */ jsxs54(CommandBar.Bar, { children: [
-          /* @__PURE__ */ jsx77(CommandBar.Value, { children: t2("general.countSelected", {
+        hasCommandBar && /* @__PURE__ */ jsx78(CommandBar, { open: !!Object.keys(rowSelection).length, children: /* @__PURE__ */ jsxs55(CommandBar.Bar, { children: [
+          /* @__PURE__ */ jsx78(CommandBar.Value, { children: t2("general.countSelected", {
             count: Object.keys(rowSelection).length
           }) }),
-          /* @__PURE__ */ jsx77(CommandBar.Seperator, {}),
+          /* @__PURE__ */ jsx78(CommandBar.Seperator, {}),
           commands?.map((command, index) => {
-            return /* @__PURE__ */ jsxs54(Fragment5, { children: [
-              /* @__PURE__ */ jsx77(
+            return /* @__PURE__ */ jsxs55(Fragment5, { children: [
+              /* @__PURE__ */ jsx78(
                 CommandBar.Command,
                 {
                   label: command.label,
@@ -23936,7 +24004,7 @@ var DataTableRoot = ({
                   action: () => handleAction(command.action)
                 }
               ),
-              index < commands.length - 1 && /* @__PURE__ */ jsx77(CommandBar.Seperator, {})
+              index < commands.length - 1 && /* @__PURE__ */ jsx78(CommandBar.Seperator, {})
             ] }, index);
           })
         ] }) })
@@ -23953,7 +24021,7 @@ var Pagination = (props) => {
     prev: t2("general.prev"),
     next: t2("general.next")
   };
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     Table.Pagination,
     {
       className: "flex-shrink-0",
@@ -23964,7 +24032,7 @@ var Pagination = (props) => {
 };
 
 // src/components/table/data-table/data-table.tsx
-import { jsx as jsx78, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs56 } from "react/jsx-runtime";
 var MemoizedDataTableQuery = memo(DataTableQuery);
 var _DataTable = ({
   table,
@@ -23985,7 +24053,7 @@ var _DataTable = ({
   noRecords: noRecordsProps = {}
 }) => {
   if (isLoading) {
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx79(
       TableSkeleton,
       {
         layout,
@@ -24001,7 +24069,7 @@ var _DataTable = ({
   const noResults = !isLoading && count === 0 && !noQuery;
   const noRecords = !isLoading && count === 0 && noQuery;
   if (noRecords) {
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx79(
       NoRecords,
       {
         className: clx43({
@@ -24011,14 +24079,14 @@ var _DataTable = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       className: clx43("divide-y", {
         "flex h-full flex-col overflow-hidden": layout === "fill"
       }),
       children: [
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           MemoizedDataTableQuery,
           {
             search,
@@ -24027,7 +24095,7 @@ var _DataTable = ({
             prefix
           }
         ),
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           DataTableRoot,
           {
             table,
@@ -24048,12 +24116,12 @@ var _DataTable = ({
 
 // src/components/table/table-cells/common/code-cell/code-cell.tsx
 import { Badge as Badge6 } from "@medusajs/ui";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var CodeCell = ({ code }) => {
-  return /* @__PURE__ */ jsx79("div", { className: "flex h-full w-full items-center gap-x-3 overflow-hidden", children: /* @__PURE__ */ jsx79(Badge6, { size: "2xsmall", className: "truncate", children: code }) });
+  return /* @__PURE__ */ jsx80("div", { className: "flex h-full w-full items-center gap-x-3 overflow-hidden", children: /* @__PURE__ */ jsx80(Badge6, { size: "2xsmall", className: "truncate", children: code }) });
 };
 var CodeHeader = ({ text }) => {
-  return /* @__PURE__ */ jsx79("div", { className: " flex h-full w-full items-center ", children: /* @__PURE__ */ jsx79("span", { children: text }) });
+  return /* @__PURE__ */ jsx80("div", { className: " flex h-full w-full items-center ", children: /* @__PURE__ */ jsx80("span", { children: text }) });
 };
 
 // src/components/table/table-cells/common/created-at-cell/created-at-cell.tsx
@@ -24061,73 +24129,73 @@ import { Tooltip as Tooltip9 } from "@medusajs/ui";
 import { useTranslation as useTranslation34 } from "react-i18next";
 
 // src/components/table/table-cells/common/placeholder-cell/placeholder-cell.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var PlaceholderCell = () => {
-  return /* @__PURE__ */ jsx80("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx80("span", { className: "text-ui-fg-muted", children: "-" }) });
+  return /* @__PURE__ */ jsx81("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx81("span", { className: "text-ui-fg-muted", children: "-" }) });
 };
 
 // src/components/table/table-cells/common/created-at-cell/created-at-cell.tsx
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var CreatedAtCell = ({ date }) => {
   const { getFullDate } = useDate();
   if (!date) {
-    return /* @__PURE__ */ jsx81(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx82(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx81("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx82(
     Tooltip9,
     {
       className: "z-10",
-      content: /* @__PURE__ */ jsx81("span", { className: "text-pretty", children: `${getFullDate({
+      content: /* @__PURE__ */ jsx82("span", { className: "text-pretty", children: `${getFullDate({
         date,
         includeTime: true
       })}` }),
-      children: /* @__PURE__ */ jsx81("span", { className: "truncate", children: getFullDate({ date, includeTime: true }) })
+      children: /* @__PURE__ */ jsx82("span", { className: "truncate", children: getFullDate({ date, includeTime: true }) })
     }
   ) });
 };
 var CreatedAtHeader = () => {
   const { t: t2 } = useTranslation34();
-  return /* @__PURE__ */ jsx81("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx81("span", { className: "truncate", children: t2("fields.createdAt") }) });
+  return /* @__PURE__ */ jsx82("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx82("span", { className: "truncate", children: t2("fields.createdAt") }) });
 };
 
 // src/components/table/table-cells/common/date-cell/date-cell.tsx
 import { Tooltip as Tooltip10 } from "@medusajs/ui";
 import { useTranslation as useTranslation35 } from "react-i18next";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var DateCell = ({ date }) => {
   const { getFullDate } = useDate();
   if (!date) {
-    return /* @__PURE__ */ jsx82(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx83(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx82("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx83(
     Tooltip10,
     {
       className: "z-10",
-      content: /* @__PURE__ */ jsx82("span", { className: "text-pretty", children: `${getFullDate({
+      content: /* @__PURE__ */ jsx83("span", { className: "text-pretty", children: `${getFullDate({
         date,
         includeTime: true
       })}` }),
-      children: /* @__PURE__ */ jsx82("span", { className: "truncate", children: getFullDate({ date, includeTime: false }) })
+      children: /* @__PURE__ */ jsx83("span", { className: "truncate", children: getFullDate({ date, includeTime: false }) })
     }
   ) });
 };
 var DateHeader = () => {
   const { t: t2 } = useTranslation35();
-  return /* @__PURE__ */ jsx82("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx82("span", { className: "truncate", children: t2("fields.date") }) });
+  return /* @__PURE__ */ jsx83("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx83("span", { className: "truncate", children: t2("fields.date") }) });
 };
 
 // src/components/table/table-cells/common/email-cell/email-cell.tsx
 import { useTranslation as useTranslation36 } from "react-i18next";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var EmailCell = ({ email }) => {
   if (!email) {
-    return /* @__PURE__ */ jsx83(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx84(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx83("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx83("span", { className: "truncate", children: email }) });
+  return /* @__PURE__ */ jsx84("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx84("span", { className: "truncate", children: email }) });
 };
 var EmailHeader = () => {
   const { t: t2 } = useTranslation36();
-  return /* @__PURE__ */ jsx83("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx83("span", { className: "truncate", children: t2("fields.email") }) });
+  return /* @__PURE__ */ jsx84("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx84("span", { className: "truncate", children: t2("fields.email") }) });
 };
 
 // src/components/table/table-cells/common/money-amount-cell/money-amount-cell.tsx
@@ -24165,7 +24233,7 @@ var isAmountLessThenRoundingError = (amount, currencyCode) => {
 };
 
 // src/components/table/table-cells/common/money-amount-cell/money-amount-cell.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var MoneyAmountCell = ({
   currencyCode,
   amount,
@@ -24173,10 +24241,10 @@ var MoneyAmountCell = ({
   className
 }) => {
   if (typeof amount === "undefined" || amount === null) {
-    return /* @__PURE__ */ jsx84(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx85(PlaceholderCell, {});
   }
   const formatted = getStylizedAmount(amount, currencyCode);
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     "div",
     {
       className: clx44(
@@ -24187,37 +24255,37 @@ var MoneyAmountCell = ({
         },
         className
       ),
-      children: /* @__PURE__ */ jsx84("span", { className: "truncate", children: formatted })
+      children: /* @__PURE__ */ jsx85("span", { className: "truncate", children: formatted })
     }
   );
 };
 
 // src/components/table/table-cells/common/name-cell/name-cell.tsx
 import { useTranslation as useTranslation37 } from "react-i18next";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var NameCell = ({ firstName, lastName }) => {
   if (!firstName && !lastName) {
-    return /* @__PURE__ */ jsx85(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx86(PlaceholderCell, {});
   }
   const name = [firstName, lastName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx85("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx85("span", { className: "truncate", children: name }) });
+  return /* @__PURE__ */ jsx86("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx86("span", { className: "truncate", children: name }) });
 };
 var NameHeader = () => {
   const { t: t2 } = useTranslation37();
-  return /* @__PURE__ */ jsx85("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx85("span", { className: "truncate", children: t2("fields.name") }) });
+  return /* @__PURE__ */ jsx86("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx86("span", { className: "truncate", children: t2("fields.name") }) });
 };
 
 // src/components/table/table-cells/common/status-cell/status-cell.tsx
 import { clx as clx45 } from "@medusajs/ui";
-import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs57 } from "react/jsx-runtime";
 var StatusCell = ({ color, children }) => {
-  return /* @__PURE__ */ jsxs56("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs57("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx87(
       "div",
       {
         role: "presentation",
         className: "flex h-5 w-2 items-center justify-center",
-        children: /* @__PURE__ */ jsx86(
+        children: /* @__PURE__ */ jsx87(
           "div",
           {
             className: clx45(
@@ -24235,19 +24303,19 @@ var StatusCell = ({ color, children }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsx86("span", { className: "truncate", children })
+    /* @__PURE__ */ jsx87("span", { className: "truncate", children })
   ] });
 };
 
 // src/components/table/table-cells/common/text-cell/text-cell.tsx
 import { clx as clx46 } from "@medusajs/ui";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var TextCell = ({ text, align = "left", maxWidth = 220 }) => {
   if (!text) {
-    return /* @__PURE__ */ jsx87(PlaceholderCell, {});
+    return /* @__PURE__ */ jsx88(PlaceholderCell, {});
   }
   const stringLength = text.toString().length;
-  return /* @__PURE__ */ jsx87(ConditionalTooltip, { content: text, showTooltip: stringLength > 20, children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(ConditionalTooltip, { content: text, showTooltip: stringLength > 20, children: /* @__PURE__ */ jsx88(
     "div",
     {
       className: clx46("flex h-full w-full items-center gap-x-3 overflow-hidden", {
@@ -24258,16 +24326,16 @@ var TextCell = ({ text, align = "left", maxWidth = 220 }) => {
       style: {
         maxWidth
       },
-      children: /* @__PURE__ */ jsx87("span", { className: "truncate", children: text })
+      children: /* @__PURE__ */ jsx88("span", { className: "truncate", children: text })
     }
   ) });
 };
 var TextHeader = ({ text, align = "left" }) => {
-  return /* @__PURE__ */ jsx87("div", { className: clx46("flex h-full w-full items-center", {
+  return /* @__PURE__ */ jsx88("div", { className: clx46("flex h-full w-full items-center", {
     "justify-start text-start": align === "left",
     "justify-center text-center": align === "center",
     "justify-end text-end": align === "right"
-  }), children: /* @__PURE__ */ jsx87("span", { className: "truncate", children: text }) });
+  }), children: /* @__PURE__ */ jsx88("span", { className: "truncate", children: text }) });
 };
 
 // src/hooks/use-data-table.tsx
@@ -24394,6 +24462,7 @@ export {
   JsonViewSection,
   JsonViewSectionSkeleton,
   LinkButton,
+  ListBadge,
   ListSummary,
   Listicle,
   MetadataForm,