@mercurjs/admin 2.0.0-canary.39 → 2.0.0-canary.41

package/dist/{chunk-J7SR4GW5.js → chunk-V3SHSLK4.js}

@@ -1,6 +1,6 @@
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -74,12 +74,12 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { "data-testid": "profile-detail-page", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ProfileGeneralSection, { user }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { "data-testid": "profile-detail-page", children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { "data-testid": "profile-detail-page", children: /* @__PURE__ */ jsx2(ProfileGeneralSection, { user }) });
 };
-var ProfileDetail = Object.assign(Root, {
+var ProfileDetailPage = Object.assign(Root, {
   GeneralSection: ProfileGeneralSection
 });
 
 export {
-  ProfileDetail
+  ProfileDetailPage
 };

package/dist/{chunk-TE5VQBCL.js → chunk-V42ZR4XW.js}

@@ -6,7 +6,7 @@ import {
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-ZU2RNSCP.js";
+} from "./chunk-UONTDHRH.js";
 import {
   TaxRegionCard
 } from "./chunk-D2XBJTUO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-VW56KWO2.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -37,9 +37,8 @@ import {
 } from "./chunk-JLATVDLM.js";
 
 // src/pages/tax-regions/tax-region-detail/tax-region-detail.tsx
-import { Children } from "react";
+import { useState as useState2, Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
-import { useState as useState2 } from "react";
 
 // src/pages/tax-regions/tax-region-detail/components/tax-region-detail-section/tax-region-detail-section.tsx
 import { Badge, Container, Tooltip } from "@medusajs/ui";
@@ -248,7 +247,7 @@ function TaxRegionProviderSection({
 }
 
 // src/pages/tax-regions/tax-region-detail/tax-region-detail.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const [showSublevelRegions, setShowSublevelRegions] = useState2(false);
@@ -265,7 +264,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(SingleColumnPage, { data: taxRegion, showJSON: true, showMetadata: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(SingleColumnPage, { data: taxRegion, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsxs4(SingleColumnPage, { data: taxRegion, showJSON: true, showMetadata: true, children: [
     /* @__PURE__ */ jsx6(
       TaxRegionSublevelAlert,
       {
@@ -284,9 +283,9 @@ var Root = ({ children }) => {
     ),
     /* @__PURE__ */ jsx6(TaxRegionOverrideSection, { taxRegion }),
     /* @__PURE__ */ jsx6(TaxRegionProviderSection, { taxRegion })
-  ] }) });
+  ] });
 };
-var TaxRegionDetail = Object.assign(Root, {
+var TaxRegionDetailPage = Object.assign(Root, {
   SublevelAlert: TaxRegionSublevelAlert,
   DetailSection: TaxRegionDetailSection,
   ProvinceSection: TaxRegionProvinceSection,
@@ -295,5 +294,5 @@ var TaxRegionDetail = Object.assign(Root, {
 });
 
 export {
-  TaxRegionDetail
+  TaxRegionDetailPage
 };

package/dist/chunk-V5J73NPW.js

@@ -0,0 +1,117 @@
+import {
+  JsonViewSection,
+  MetadataSection
+} from "./chunk-XIZLPYEE.js";
+
+// src/components/layout/pages/two-column-page/two-column-page.tsx
+import { clx } from "@medusajs/ui";
+import { Children } from "react";
+import { Outlet } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = ({
+  children,
+  /**
+   * Widgets to be rendered in the main content area and sidebar.
+   */
+  /**
+   * Data to be passed to widgets, JSON view, and Metadata view.
+   */
+  data,
+  /**
+   * Whether to show JSON view of the data. Defaults to false.
+   */
+  showJSON = false,
+  /**
+   * Whether to show metadata view of the data. Defaults to false.
+   */
+  showMetadata = false,
+  /**
+   * Whether to render an outlet for children routes. Defaults to true.
+   */
+  hasOutlet = true
+}) => {
+  if (showJSON && !data) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(
+        "`showJSON` is true but no data is provided. To display JSON, provide data prop."
+      );
+    }
+    showJSON = false;
+  }
+  if (showMetadata && !data) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(
+        "`showMetadata` is true but no data is provided. To display metadata, provide data prop."
+      );
+    }
+    showMetadata = false;
+  }
+  const childrenArray = Children.toArray(children);
+  if (childrenArray.length !== 2) {
+    throw new Error("TwoColumnPage expects exactly two children");
+  }
+  const [main, sidebar] = childrenArray;
+  const showExtraData = showJSON || showMetadata;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxs("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__ */ jsxs("div", { className: "flex w-full min-w-0 flex-col gap-y-3", children: [
+        main,
+        showExtraData && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "hidden flex-col gap-y-3 xl:flex",
+            "data-testid": "product-extra-data-desktop",
+            children: [
+              showMetadata && /* @__PURE__ */ jsx(MetadataSection, { data }),
+              showJSON && /* @__PURE__ */ jsx(JsonViewSection, { data })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-3 xl:mt-0", children: [
+        sidebar,
+        showExtraData && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-y-3 xl:hidden",
+            "data-testid": "product-extra-data-mobile",
+            children: [
+              showMetadata && /* @__PURE__ */ jsx(MetadataSection, { data }),
+              showJSON && /* @__PURE__ */ jsx(JsonViewSection, { data })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    hasOutlet && /* @__PURE__ */ jsx(Outlet, {})
+  ] });
+};
+var Main = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: clx("flex w-full flex-col gap-y-3", className), ...props, children });
+};
+var Sidebar = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clx(
+        "flex w-full max-w-[100%] flex-col gap-y-3 xl:mt-0 xl:max-w-[440px]",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var TwoColumnPage = Object.assign(Root, { Main, Sidebar });
+
+export {
+  TwoColumnPage
+};

package/dist/{chunk-QP6XXG6A.js → chunk-VOFAM7HJ.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -18,17 +18,17 @@ import {
 } from "./chunk-A4X5VP3G.js";
 
 // src/pages/commission-rates/commission-rate-list/commission-rate-list.tsx
-import { Children } from "react";
+import { Children as Children3 } from "react";
+
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
 
-// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-table/commission-rate-list-table.tsx
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-data-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import {
   Badge,
-  Button,
-  Container,
-  Heading,
   StatusBadge,
-  Text,
   toast,
   usePrompt
 } from "@medusajs/ui";
@@ -36,10 +36,9 @@ import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { Link } from "react-router-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var CommissionRateListTable = () => {
+var CommissionRateListDataTable = () => {
   const { t } = useTranslation();
   const { commission_rates, count, isPending: isLoading, isError, error } = useCommissionRates(
     {
@@ -63,33 +62,24 @@ var CommissionRateListTable = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Heading, { children: "Commission Rates" }),
-        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Manage commission rates and rules for your marketplace." })
-      ] }),
-      /* @__PURE__ */ jsx(Link, { to: "/settings/commission-rates/create", children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.create") }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      _DataTable,
-      {
-        table,
-        columns,
-        count: count ?? 0,
-        pageSize: PAGE_SIZE,
-        isLoading,
-        navigateTo: (row) => `${row.original.id}`,
-        pagination: true,
-        search: true,
-        orderBy: [
-          { key: "name", label: "Name" },
-          { key: "created_at", label: t("fields.createdAt") },
-          { key: "updated_at", label: t("fields.updatedAt") }
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      count: count ?? 0,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      navigateTo: (row) => `${row.original.id}`,
+      pagination: true,
+      search: true,
+      orderBy: [
+        { key: "name", label: "Name" },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ]
+    }
+  );
 };
 var CommissionRateActions = ({
   commissionRate
@@ -173,15 +163,57 @@ var useColumns = () => {
   );
 };
 
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CommissionRateListTitle = () => {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Heading, { children: "Commission Rates" }),
+    /* @__PURE__ */ jsx2(Text, { className: "text-ui-fg-subtle", size: "small", children: "Manage commission rates and rules for your marketplace." })
+  ] });
+};
+var CommissionRateListActions = ({
+  children
+}) => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(Link, { to: "/settings/commission-rates/create", children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", children: t("actions.create") }) }) });
+};
+var CommissionRateListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(CommissionRateListTitle, {}),
+    /* @__PURE__ */ jsx2(CommissionRateListActions, {})
+  ] }) });
+};
+
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CommissionRateListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(CommissionRateListHeader, {}),
+    /* @__PURE__ */ jsx3(CommissionRateListDataTable, {})
+  ] }) });
+};
+
 // src/pages/commission-rates/commission-rate-list/commission-rate-list.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CommissionRateListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CommissionRateListView, {}) });
 };
-var CommissionRateList = Object.assign(Root, {
-  Table: CommissionRateListTable
+var CommissionRateListPage = Object.assign(Root, {
+  Table: CommissionRateListView,
+  Header: CommissionRateListHeader,
+  HeaderTitle: CommissionRateListTitle,
+  HeaderActions: CommissionRateListActions,
+  DataTable: CommissionRateListDataTable
 });
 
 export {
-  CommissionRateList
+  CommissionRateListPage
 };

package/dist/{chunk-CR4E2DCR.js → chunk-VT3RBTYK.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -236,7 +236,7 @@ import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(PriceListListTable, {}) });
 };
-var PriceListList = Object.assign(Root, {
+var PriceListListPage = Object.assign(Root, {
   Table: PriceListListTable,
   Header: PriceListListHeader,
   HeaderTitle: PriceListListTitle,
@@ -245,5 +245,5 @@ var PriceListList = Object.assign(Root, {
 });
 
 export {
-  PriceListList
+  PriceListListPage
 };

package/dist/{chunk-AOVJTW7M.js → chunk-VWQYMOBM.js}

@@ -14,16 +14,16 @@ import {
 import {
   PlaceholderCell
 } from "./chunk-PHOCVOZ5.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-ULJ3OMWU.js";
 import {
   TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-V5J73NPW.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -672,7 +672,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx11("div", { "data-testid": "inventory-detail-page", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx11(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children: [
     /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: [
       /* @__PURE__ */ jsx11(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
       /* @__PURE__ */ jsx11(
@@ -692,9 +692,9 @@ var Root = ({ children }) => {
       ),
       /* @__PURE__ */ jsx11(InventoryItemAttributeSection, { inventoryItem: inventory_item })
     ] })
-  ] }) });
+  ] });
 };
-var InventoryDetail = Object.assign(Root, {
+var InventoryDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: InventoryItemGeneralSection,
@@ -706,5 +706,5 @@ var InventoryDetail = Object.assign(Root, {
 
 export {
   INVENTORY_DETAIL_FIELDS,
-  InventoryDetail
+  InventoryDetailPage
 };

package/dist/{chunk-6L2LSIPR.js → chunk-VXAQZ2ZZ.js}

@@ -1,6 +1,6 @@
 import {
   require_dist
-} from "./chunk-K6FXWZ2M.js";
+} from "./chunk-F55UXYYA.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -210,7 +210,7 @@ import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(SellerListTable, {}) });
 };
-var SellersList = Object.assign(Root, {
+var SellerListPage = Object.assign(Root, {
   Table: SellerListTable,
   Header: SellerListHeader,
   HeaderTitle: SellerListTitle,
@@ -219,5 +219,5 @@ var SellersList = Object.assign(Root, {
 });
 
 export {
-  SellersList
+  SellerListPage
 };

package/dist/{chunk-OSHCUDYY.js → chunk-X3KBQBGW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-3XPXUIK3.js";
 import {
   TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-V5J73NPW.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -112,7 +112,7 @@ var ReservationGeneralSection = ({
 };
 
 // src/pages/reservations/reservation-detail/reservation-detail.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
@@ -142,12 +142,12 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(TwoColumnPage, { data: reservation, showJSON: true, showMetadata: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(TwoColumnPage, { data: reservation, showJSON: true, showMetadata: true, "data-testid": "reservation-detail-page", children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { data: reservation, showJSON: true, showMetadata: true, "data-testid": "reservation-detail-page", children: [
     /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }),
     /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) })
-  ] }) });
+  ] });
 };
-var ReservationDetail = Object.assign(Root, {
+var ReservationDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: ReservationGeneralSection,
@@ -155,5 +155,5 @@ var ReservationDetail = Object.assign(Root, {
 });
 
 export {
-  ReservationDetail
+  ReservationDetailPage
 };

package/dist/{chunk-WZADCDDE.js → chunk-X56THFPA.js}

@@ -1,6 +1,6 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-DEKJJ7NG.js";
+} from "./chunk-OFCUTNGV.js";
 import {
   useComboboxData
 } from "./chunk-AEFDAU3Y.js";
@@ -216,6 +216,7 @@ var AddCampaignPromotionFields = ({
                 "data-testid": "promotion-add-campaign-form-campaign-id-combobox"
               }
             ) }),
+            !promotionCurrencyCode && /* @__PURE__ */ jsx2(Form.Hint, { "data-testid": "promotion-add-campaign-form-campaign-id-hint", children: t("promotions.form.campaign.existing.currencyHint") }),
             /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "promotion-add-campaign-form-campaign-id-error" })
           ] });
         }

package/dist/{chunk-HZKW7HRU.js → chunk-X7NWBH7T.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -20,19 +20,43 @@ import {
 } from "./chunk-5PB7KCTF.js";
 
 // src/pages/campaigns/campaign-list/campaign-list.tsx
-import { Children } from "react";
+import { Children as Children2 } from "react";
 
 // src/pages/campaigns/campaign-list/components/campaign-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Button, Container, Heading, toast, usePrompt } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
-import { useMemo } from "react";
+import { Children, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var CampaignListTable = () => {
+var CampaignListTitle = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "campaign-list-table-heading", children: t("campaigns.domain") });
+};
+var CampaignListCreateButton = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(Link, { to: "/campaigns/create", children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "campaign-list-table-create-button", children: t("actions.create") }) });
+};
+var CampaignListActions = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(CampaignListCreateButton, {}) });
+};
+var CampaignListHeader = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "campaign-list-table-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CampaignListTitle, {}),
+        /* @__PURE__ */ jsx(CampaignListActions, {})
+      ] })
+    }
+  );
+};
+var CampaignListDataTable = () => {
   const { t } = useTranslation();
   const { raw, searchParams } = useCampaignTableQuery({ pageSize: PAGE_SIZE });
   const {
@@ -56,32 +80,32 @@ var CampaignListTable = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "campaign-list-table-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "campaign-list-table-header", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "campaign-list-table-heading", children: t("campaigns.domain") }),
-      /* @__PURE__ */ jsx(Link, { to: "/campaigns/create", children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": "campaign-list-table-create-button", children: t("actions.create") }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      _DataTable,
-      {
-        table,
-        columns,
-        count,
-        pageSize: PAGE_SIZE,
-        pagination: true,
-        search: true,
-        navigateTo: (row) => row.id,
-        isLoading,
-        queryObject: raw,
-        orderBy: [
-          { key: "name", label: t("fields.name") },
-          { key: "created_at", label: t("fields.createdAt") },
-          { key: "updated_at", label: t("fields.updatedAt") }
-        ],
-        "data-testid": "campaign-list-table"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      pagination: true,
+      search: true,
+      navigateTo: (row) => row.id,
+      isLoading,
+      queryObject: raw,
+      orderBy: [
+        { key: "name", label: t("fields.name") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      "data-testid": "campaign-list-table"
+    }
+  );
+};
+var CampaignListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx(Container, { className: "divide-y p-0", "data-testid": "campaign-list-table-container", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CampaignListHeader, {}),
+    /* @__PURE__ */ jsx(CampaignListDataTable, {})
+  ] }) });
 };
 var CampaignActions = ({ campaign }) => {
   const { t } = useTranslation();
@@ -159,12 +183,17 @@ var useColumns = () => {
 // src/pages/campaigns/campaign-list/campaign-list.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CampaignListTable, {}) });
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { hasOutlet: true, children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx2(CampaignListTable, {}) });
 };
-var CampaignList = Object.assign(Root, {
-  Table: CampaignListTable
+var CampaignListPage = Object.assign(Root, {
+  Table: CampaignListTable,
+  Header: CampaignListHeader,
+  HeaderTitle: CampaignListTitle,
+  HeaderActions: CampaignListActions,
+  HeaderCreateButton: CampaignListCreateButton,
+  DataTable: CampaignListDataTable
 });
 
 export {
-  CampaignList
+  CampaignListPage
 };