@mercurjs/admin 2.0.0-canary.34 → 2.0.0-canary.35

package/dist/{price-list-list-VFHHTBLR.js → chunk-CR4E2DCR.js}

@@ -4,7 +4,6 @@ import {
 import {
   getPriceListStatus
 } from "./chunk-U5MJIHLY.js";
-import "./chunk-6IJMSVC6.js";
 import {
   TextCell,
   TextHeader
@@ -12,61 +11,75 @@ import {
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-FLCYR7E5.js";
-import "./chunk-YBZWO4ZV.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-3EF54XFY.js";
-import "./chunk-SMQT3ZNO.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
 } from "./chunk-U2UCL2VG.js";
-import "./chunk-INNFZYX2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   usePriceLists
 } from "./chunk-V534K7G4.js";
-import "./chunk-A5XOYSDC.js";
-import "./chunk-K357FGGP.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
+
+// src/pages/price-lists/price-list-list/price-list-list.tsx
+import { Children as Children3 } from "react";
 
 // src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table.tsx
-import { Button, Container, Heading, Text } from "@medusajs/ui";
-import { keepPreviousData } from "@tanstack/react-query";
-import { useTranslation as useTranslation4 } from "react-i18next";
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PriceListListTitle = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Heading, { children: t("priceLists.domain") }),
+    /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("priceLists.subtitle") })
+  ] });
+};
+var PriceListListActions = ({
+  children
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "create", children: t("actions.create") }) }) });
+};
+var PriceListListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PriceListListTitle, {}),
+    /* @__PURE__ */ jsx(PriceListListActions, {})
+  ] }) });
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation5 } from "react-i18next";
 
 // src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation3 } from "react-i18next";
 
 // src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table-actions.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
-import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var PriceListListTableActions = ({ priceList }) => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const handleDelete = useDeletePriceListAction({ priceList, navigateOnSuccess: false });
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     ActionMenu,
     {
       groups: [
@@ -75,7 +88,7 @@ var PriceListListTableActions = ({ priceList }) => {
             {
               label: t("actions.edit"),
               to: `${priceList.id}/edit`,
-              icon: /* @__PURE__ */ jsx(PencilSquare, {})
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {})
             }
           ]
         },
@@ -84,7 +97,7 @@ var PriceListListTableActions = ({ priceList }) => {
             {
               label: t("actions.delete"),
               onClick: handleDelete,
-              icon: /* @__PURE__ */ jsx(Trash, {})
+              icon: /* @__PURE__ */ jsx2(Trash, {})
             }
           ]
         }
@@ -94,30 +107,30 @@ var PriceListListTableActions = ({ priceList }) => {
 };
 
 // src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-columns.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var usePricingTableColumns = () => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation3();
   return useMemo(
     () => [
       columnHelper.accessor("title", {
-        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.title") }),
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("fields.title") }),
         cell: (info) => info.getValue()
       }),
       columnHelper.accessor("status", {
         header: t("priceLists.fields.status.label"),
         cell: ({ row }) => {
           const { color, text } = getPriceListStatus(t, row.original);
-          return /* @__PURE__ */ jsx2(StatusCell, { color, children: text });
+          return /* @__PURE__ */ jsx3(StatusCell, { color, children: text });
         }
       }),
       columnHelper.accessor("prices", {
         header: t("priceLists.fields.priceOverrides.header"),
-        cell: (info) => /* @__PURE__ */ jsx2(TextCell, { text: `${info.getValue()?.length || "-"}` })
+        cell: (info) => /* @__PURE__ */ jsx3(TextCell, { text: `${info.getValue()?.length || "-"}` })
       }),
       columnHelper.display({
         id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx2(PriceListListTableActions, { priceList: row.original })
+        cell: ({ row }) => /* @__PURE__ */ jsx3(PriceListListTableActions, { priceList: row.original })
       })
     ],
     [t]
@@ -125,9 +138,9 @@ var usePricingTableColumns = () => {
 };
 
 // src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-filters.tsx
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
 var usePricingTableFilters = () => {
-  const { t } = useTranslation3();
+  const { t } = useTranslation4();
   const filters = [
     { label: t("fields.createdAt"), key: "starts_at", type: "date" },
     { label: t("fields.updatedAt"), key: "ends_at", type: "date" }
@@ -159,11 +172,11 @@ var usePricingTableQuery = ({
   };
 };
 
-// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-data-table.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var PriceListListTable = () => {
-  const { t } = useTranslation4();
+var PriceListListDataTable = () => {
+  const { t } = useTranslation5();
   const { searchParams, raw } = usePricingTableQuery({
     pageSize: PAGE_SIZE
   });
@@ -186,44 +199,51 @@ var PriceListListTable = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "price-list-list-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "price-list-list-header", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx3(Heading, { "data-testid": "price-list-list-heading", children: t("priceLists.domain") }),
-        /* @__PURE__ */ jsx3(Text, { className: "text-ui-fg-subtle", size: "small", "data-testid": "price-list-list-subtitle", children: t("priceLists.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "price-list-list-create-button", children: /* @__PURE__ */ jsx3(Link, { to: "create", children: t("actions.create") }) })
-    ] }),
-    /* @__PURE__ */ jsx3(
-      _DataTable,
-      {
-        table,
-        columns,
-        count,
-        filters,
-        orderBy: [
-          { key: "title", label: t("fields.title") },
-          { key: "status", label: t("fields.status") },
-          { key: "created_at", label: t("fields.createdAt") },
-          { key: "updated_at", label: t("fields.updatedAt") }
-        ],
-        queryObject: raw,
-        pageSize: PAGE_SIZE,
-        navigateTo: (row) => row.original.id,
-        isLoading,
-        pagination: true,
-        search: true,
-        "data-testid": "price-list-list-table"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx4(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      filters,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "status", label: t("fields.status") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      queryObject: raw,
+      pageSize: PAGE_SIZE,
+      navigateTo: (row) => row.original.id,
+      isLoading,
+      pagination: true,
+      search: true
+    }
+  );
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var PriceListListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx5(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(PriceListListHeader, {}),
+    /* @__PURE__ */ jsx5(PriceListListDataTable, {})
+  ] }) });
 };
 
 // src/pages/price-lists/price-list-list/price-list-list.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var PriceListList = () => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(PriceListListTable, {}) });
+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, {
+  Table: PriceListListTable,
+  Header: PriceListListHeader,
+  HeaderTitle: PriceListListTitle,
+  HeaderActions: PriceListListActions,
+  DataTable: PriceListListDataTable
+});
+
 export {
-  PriceListList as Component
+  PriceListList
 };

package/dist/{chunk-UZVYM65V.js → chunk-D44T5KAE.js}

@@ -4,12 +4,12 @@ import {
 import {
   TaxRateRuleReferenceType
 } from "./chunk-LTBX54CI.js";
-import {
-  getFormattedShippingOptionLocationName
-} from "./chunk-HC25LNX7.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
+import {
+  getFormattedShippingOptionLocationName
+} from "./chunk-HC25LNX7.js";
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
@@ -19,16 +19,16 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-FLCYR7E5.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   useShippingOptionTableFilters
-} from "./chunk-FMOQNZFZ.js";
+} from "./chunk-YMKZS2HK.js";
 import {
   useProductTypeTableFilters
 } from "./chunk-2ZFELO2L.js";
 import {
   useShippingOptionTableQuery
-} from "./chunk-SXC5ZMLI.js";
+} from "./chunk-TKEAOWBZ.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";

package/dist/{chunk-BFCAJKRG.js → chunk-DBYUB2YI.js}

@@ -1,12 +1,15 @@
 import {
-  MoneyAmountCell
-} from "./chunk-2Y3WMGN6.js";
+  DisplayIdCell,
+  DisplayIdHeader,
+  TotalCell,
+  TotalHeader
+} from "./chunk-NOWUEJ74.js";
 import {
   FulfillmentStatusCell,
   FulfillmentStatusHeader,
   PaymentStatusCell,
   PaymentStatusHeader
-} from "./chunk-RW35OPIA.js";
+} from "./chunk-TZSOL34K.js";
 import {
   DateCell,
   DateHeader
@@ -63,116 +66,85 @@ var CustomerHeader = () => {
   return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("fields.customer") }) });
 };
 
-// src/components/table/table-cells/order/display-id-cell/display-id-cell.tsx
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var DisplayIdCell = ({ displayId }) => {
-  if (!displayId) {
-    return /* @__PURE__ */ jsx3(PlaceholderCell, {});
-  }
-  return /* @__PURE__ */ jsx3("div", { className: "text-ui-fg-subtle txt-compact-small flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-    "#",
-    displayId
-  ] }) });
-};
-var DisplayIdHeader = () => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("fields.order") }) });
-};
-
 // src/components/table/table-cells/order/sales-channel-cell/sales-channel-cell.tsx
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var SalesChannelCell = ({
   channel
 }) => {
   if (!channel) {
-    return /* @__PURE__ */ jsx4("span", { className: "text-ui-fg-muted", children: "-" });
+    return /* @__PURE__ */ jsx3("span", { className: "text-ui-fg-muted", children: "-" });
   }
   const { name } = channel;
-  return /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx4("span", { className: "truncate", children: name }) });
+  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: name }) });
 };
 var SalesChannelHeader = () => {
-  const { t } = useTranslation3();
-  return /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx4("span", { className: "truncate", children: t("fields.salesChannel") }) });
-};
-
-// src/components/table/table-cells/order/total-cell/total-cell.tsx
-import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var TotalCell = ({ currencyCode, total, className }) => {
-  if (!total) {
-    return /* @__PURE__ */ jsx5(PlaceholderCell, {});
-  }
-  return /* @__PURE__ */ jsx5(MoneyAmountCell, { currencyCode, amount: total, className, align: "right" });
-};
-var TotalHeader = () => {
-  const { t } = useTranslation4();
-  return /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center justify-end", children: /* @__PURE__ */ jsx5("span", { className: "truncate", children: t("fields.total") }) });
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("fields.salesChannel") }) });
 };
 
 // src/hooks/table/columns/use-order-table-columns.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var useOrderTableColumns = (props) => {
   const { exclude = [] } = props ?? {};
   const columns = useMemo(
     () => [
       columnHelper.accessor("display_id", {
-        header: () => /* @__PURE__ */ jsx6(DisplayIdHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(DisplayIdHeader, {}),
         cell: ({ getValue }) => {
           const id = getValue();
-          return /* @__PURE__ */ jsx6(DisplayIdCell, { displayId: id });
+          return /* @__PURE__ */ jsx4(DisplayIdCell, { displayId: id });
         }
       }),
       columnHelper.accessor("created_at", {
-        header: () => /* @__PURE__ */ jsx6(DateHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(DateHeader, {}),
         cell: ({ getValue }) => {
           const date = new Date(getValue());
-          return /* @__PURE__ */ jsx6(DateCell, { date });
+          return /* @__PURE__ */ jsx4(DateCell, { date });
         }
       }),
       columnHelper.accessor("customer", {
-        header: () => /* @__PURE__ */ jsx6(CustomerHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(CustomerHeader, {}),
         cell: ({ getValue }) => {
           const customer = getValue();
-          return /* @__PURE__ */ jsx6(CustomerCell, { customer });
+          return /* @__PURE__ */ jsx4(CustomerCell, { customer });
         }
       }),
       columnHelper.accessor("sales_channel", {
-        header: () => /* @__PURE__ */ jsx6(SalesChannelHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(SalesChannelHeader, {}),
         cell: ({ getValue }) => {
           const channel = getValue();
-          return /* @__PURE__ */ jsx6(SalesChannelCell, { channel });
+          return /* @__PURE__ */ jsx4(SalesChannelCell, { channel });
         }
       }),
       columnHelper.accessor("payment_status", {
-        header: () => /* @__PURE__ */ jsx6(PaymentStatusHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(PaymentStatusHeader, {}),
         cell: ({ getValue }) => {
           const status = getValue();
-          return /* @__PURE__ */ jsx6(PaymentStatusCell, { status });
+          return /* @__PURE__ */ jsx4(PaymentStatusCell, { status });
         }
       }),
       columnHelper.accessor("fulfillment_status", {
-        header: () => /* @__PURE__ */ jsx6(FulfillmentStatusHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(FulfillmentStatusHeader, {}),
         cell: ({ getValue }) => {
           const status = getValue();
-          return /* @__PURE__ */ jsx6(FulfillmentStatusCell, { status });
+          return /* @__PURE__ */ jsx4(FulfillmentStatusCell, { status });
         }
       }),
       columnHelper.accessor("total", {
-        header: () => /* @__PURE__ */ jsx6(TotalHeader, {}),
+        header: () => /* @__PURE__ */ jsx4(TotalHeader, {}),
         cell: ({ getValue, row }) => {
           const total = getValue();
           const currencyCode = row.original.currency_code;
-          return /* @__PURE__ */ jsx6(TotalCell, { currencyCode, total });
+          return /* @__PURE__ */ jsx4(TotalCell, { currencyCode, total });
         }
       }),
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
           const country = row.original.shipping_address?.country;
-          return /* @__PURE__ */ jsx6(CountryCell, { country });
+          return /* @__PURE__ */ jsx4(CountryCell, { country });
         }
       })
     ],

package/dist/{user-detail-Q7ST2YKP.js → chunk-DK3U2SRA.js}

@@ -7,52 +7,13 @@ import {
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
 import {
   useDeleteUser,
   useUser
 } from "./chunk-NNZP4PYP.js";
-import {
-  productsQueryKeys
-} from "./chunk-K357FGGP.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/users/user-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var UserDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { user } = useUser(id, void 0, {
-    initialData: props.data,
-    enabled: Boolean(id)
-  });
-  if (!user) {
-    return null;
-  }
-  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
-  const display = name || user.email;
-  return /* @__PURE__ */ jsx("span", { children: display });
-};
-
-// src/pages/users/user-detail/loader.ts
-var userDetailQuery = (id) => ({
-  queryKey: productsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.users.$id.query({ $id: id })
-});
-var userLoader = async ({ params }) => {
-  const id = params.id;
-  const query = userDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
 
 // src/pages/users/user-detail/user-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
 // src/pages/users/user-detail/components/user-general-section/user-general-section.tsx
@@ -60,7 +21,7 @@ import { PencilSquare, Trash } from "@medusajs/icons";
 import { Container, Heading, Text, toast, usePrompt } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var UserGeneralSection = ({ user }) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
@@ -93,8 +54,8 @@ var UserGeneralSection = ({ user }) => {
   };
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "user-general-section-container", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "user-general-section-header", children: [
-      /* @__PURE__ */ jsx2(Heading, { "data-testid": "user-general-section-email", children: user.email }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(Heading, { "data-testid": "user-general-section-email", children: user.email }),
+      /* @__PURE__ */ jsx(
         ActionMenu,
         {
           groups: [
@@ -103,7 +64,7 @@ var UserGeneralSection = ({ user }) => {
                 {
                   label: t("actions.edit"),
                   to: "edit",
-                  icon: /* @__PURE__ */ jsx2(PencilSquare, {})
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
                 }
               ]
             },
@@ -112,7 +73,7 @@ var UserGeneralSection = ({ user }) => {
                 {
                   label: t("actions.delete"),
                   onClick: handleDeleteUser,
-                  icon: /* @__PURE__ */ jsx2(Trash, {})
+                  icon: /* @__PURE__ */ jsx(Trash, {})
                 }
               ]
             }
@@ -122,15 +83,15 @@ var UserGeneralSection = ({ user }) => {
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "user-general-section-name", children: [
-      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "user-general-section-name-label", children: t("fields.name") }),
-      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", "data-testid": "user-general-section-name-value", children: name ?? "-" })
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "user-general-section-name-label", children: t("fields.name") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", "data-testid": "user-general-section-name-value", children: name ?? "-" })
     ] })
   ] });
 };
 
 // src/pages/users/user-detail/user-detail.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var UserDetail = () => {
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
   const {
@@ -142,23 +103,17 @@ var UserDetail = () => {
     initialData
   });
   if (isLoading || !user) {
-    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 1, showJSON: true, showMetadata: true });
+    return /* @__PURE__ */ jsx2(SingleColumnPageSkeleton, { sections: 1, showJSON: true, showMetadata: true });
   }
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx3(
-    SingleColumnPage,
-    {
-      data: user,
-      showJSON: true,
-      showMetadata: true,
-      children: /* @__PURE__ */ jsx3(UserGeneralSection, { user })
-    }
-  );
+  return /* @__PURE__ */ jsx2(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(UserGeneralSection, { user }) }) });
 };
+var UserDetail = Object.assign(Root, {
+  GeneralSection: UserGeneralSection
+});
+
 export {
-  UserDetailBreadcrumb as Breadcrumb,
-  UserDetail as Component,
-  userLoader as loader
+  UserDetail
 };