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

package/dist/{inventory-detail-42GK24BA.js → chunk-AOVJTW7M.js}

@@ -5,68 +5,37 @@ import {
   TextCell,
   TextHeader
 } from "./chunk-JHIMVLB2.js";
-import "./chunk-FQERBIVS.js";
-import {
-  PlaceholderCell
-} from "./chunk-PHOCVOZ5.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-FLCYR7E5.js";
-import "./chunk-YBZWO4ZV.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-3EF54XFY.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
 import {
   getFormattedCountry
 } from "./chunk-W6Y3PPU5.js";
-import "./chunk-FI474ADU.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
-import "./chunk-JRTZWK77.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
 import {
   TwoColumnPage
 } from "./chunk-U2UCL2VG.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
-import "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
 import {
   useDeleteReservationItem,
   useReservationItems
@@ -74,12 +43,6 @@ import {
 import {
   useStockLocations
 } from "./chunk-4YF3GAKE.js";
-import "./chunk-M3I52H3M.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys,
@@ -89,53 +52,77 @@ import {
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
 import {
   sdk
 } from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/inventory/inventory-detail/constants.ts
-var INVENTORY_DETAIL_FIELDS = "*variants,*variants.product,*variants.options";
-
-// src/pages/inventory/inventory-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var InventoryDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { inventory_item } = useInventoryItem(
-    id,
-    {
-      fields: INVENTORY_DETAIL_FIELDS
-    },
-    {
-      initialData: props.data,
-      enabled: Boolean(id)
-    }
-  );
-  if (!inventory_item) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: inventory_item.title ?? inventory_item.sku ?? id });
-};
 
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
+import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
 
+// src/pages/inventory/inventory-detail/components/inventory-item-attributes/attributes-section.tsx
+import { Container, Heading } from "@medusajs/ui";
+import { PencilSquare } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InventoryItemAttributeSection = ({
+  inventoryItem
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "inventory-item-attribute-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-attribute-header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "inventory-item-attribute-title", children: t("products.attributes") }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "attributes",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "inventory-item-attribute-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.height"), value: inventoryItem.height, "data-testid": "inventory-item-height-row" }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.width"), value: inventoryItem.width, "data-testid": "inventory-item-width-row" }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.length"), value: inventoryItem.length, "data-testid": "inventory-item-length-row" }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.weight"), value: inventoryItem.weight, "data-testid": "inventory-item-weight-row" }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.midCode"), value: inventoryItem.mid_code, "data-testid": "inventory-item-mid-code-row" }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.material"), value: inventoryItem.material, "data-testid": "inventory-item-material-row" }),
+    /* @__PURE__ */ jsx(SectionRow, { title: t("fields.hsCode"), value: inventoryItem.hs_code, "data-testid": "inventory-item-hs-code-row" }),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("fields.countryOfOrigin"),
+        value: getFormattedCountry(inventoryItem.origin_country),
+        "data-testid": "inventory-item-country-of-origin-row"
+      }
+    )
+  ] });
+};
+
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
-import { Button, Container, Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 
 // src/pages/inventory/inventory-detail/components/location-levels-table/use-location-list-table-columns.tsx
 import { useMemo } from "react";
-import { PencilSquare, Trash } from "@medusajs/icons";
+import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
 import { createDataTableColumnHelper, toast, usePrompt } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var columnHelper = createDataTableColumnHelper();
 var useLocationListTableColumns = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const navigate = useNavigate();
   const prompt = usePrompt();
   const handleDelete = async (level) => {
@@ -223,7 +210,7 @@ var useLocationListTableColumns = () => {
           return [
             [
               {
-                icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+                icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
                 label: t("actions.edit"),
                 onClick: () => {
                   navigate(`locations/${level.location_id}`);
@@ -321,24 +308,24 @@ var ItemLocationListTable = ({
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var InventoryItemLocationLevelsSection = ({
   inventoryItem
 }) => {
-  const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs(
-    Container,
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsxs2(
+    Container2,
     {
       className: "divide-y p-0",
       "data-testid": "inventory-item-location-levels-section",
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs2(
           "div",
           {
             className: "flex items-center justify-between px-6 py-4",
             "data-testid": "inventory-item-location-levels-header",
             children: [
-              /* @__PURE__ */ jsx4(Heading, { "data-testid": "inventory-item-location-levels-title", children: t("inventory.locationLevels") }),
+              /* @__PURE__ */ jsx4(Heading2, { "data-testid": "inventory-item-location-levels-title", children: t("inventory.locationLevels") }),
               /* @__PURE__ */ jsx4(
                 Button,
                 {
@@ -359,8 +346,8 @@ var InventoryItemLocationLevelsSection = ({
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
-import { Button as Button2, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
-import { useTranslation as useTranslation6 } from "react-i18next";
+import { Button as Button2, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
 
 // src/pages/inventory/inventory-detail/components/reservations-table/reservation-list-table.tsx
@@ -369,11 +356,11 @@ import { useMemo as useMemo3 } from "react";
 // src/pages/inventory/inventory-detail/components/reservations-table/use-reservation-list-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation5 } from "react-i18next";
+import { useTranslation as useTranslation6 } from "react-i18next";
 
 // src/components/table/table-cells/common/created-at-cell/created-at-cell.tsx
 import { Tooltip } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useTranslation as useTranslation4 } from "react-i18next";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var CreatedAtCell = ({ date }) => {
   const { getFullDate } = useDate();
@@ -394,14 +381,14 @@ var CreatedAtCell = ({ date }) => {
 };
 
 // src/pages/inventory/inventory-detail/components/reservations-table/reservation-actions.tsx
-import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons";
+import { PencilSquare as PencilSquare3, Trash as Trash2 } from "@medusajs/icons";
 import { toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
-import { useTranslation as useTranslation4 } from "react-i18next";
+import { useTranslation as useTranslation5 } from "react-i18next";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var ReservationActions = ({
   reservation
 }) => {
-  const { t } = useTranslation4();
+  const { t } = useTranslation5();
   const prompt = usePrompt2();
   const { mutateAsync } = useDeleteReservationItem(reservation.id);
   const handleDelete = async () => {
@@ -430,7 +417,7 @@ var ReservationActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx6(PencilSquare2, {}),
+              icon: /* @__PURE__ */ jsx6(PencilSquare3, {}),
               label: t("actions.edit"),
               to: `/reservations/${reservation.id}/edit`
             }
@@ -455,7 +442,7 @@ var ReservationActions = ({
 import { jsx as jsx7 } from "react/jsx-runtime";
 var columnHelper2 = createColumnHelper();
 var useReservationTableColumn = ({ sku }) => {
-  const { t } = useTranslation5();
+  const { t } = useTranslation6();
   return useMemo2(
     () => [
       columnHelper2.display({
@@ -593,14 +580,14 @@ var ReservationItemTable = ({
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var InventoryItemReservationsSection = ({
   inventoryItem
 }) => {
-  const { t } = useTranslation6();
-  return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", "data-testid": "inventory-item-reservations-section", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-reservations-header", children: [
-      /* @__PURE__ */ jsx9(Heading2, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
+  const { t } = useTranslation7();
+  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", "data-testid": "inventory-item-reservations-section", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-reservations-header", children: [
+      /* @__PURE__ */ jsx9(Heading3, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
       /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-reservation-button", children: /* @__PURE__ */ jsx9(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, "data-testid": "inventory-create-reservation-link", children: t("actions.create") }) })
     ] }),
     /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem })
@@ -609,24 +596,24 @@ var InventoryItemReservationsSection = ({
 
 // src/pages/inventory/inventory-detail/components/inventory-item-variants/variants-section.tsx
 import { TriangleRightMini } from "@medusajs/icons";
-import { Container as Container3, Heading as Heading3 } from "@medusajs/ui";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link as Link3 } from "react-router-dom";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var InventoryItemVariantsSection = ({
   variants
 }) => {
-  const { t } = useTranslation7();
+  const { t } = useTranslation8();
   if (!variants?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs3(Container3, { className: "p-0", "data-testid": "inventory-item-variants-section", children: [
-    /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-variants-header", children: /* @__PURE__ */ jsx10(Heading3, { level: "h2", "data-testid": "inventory-item-variants-title", children: t("inventory.associatedVariants") }) }),
+  return /* @__PURE__ */ jsxs4(Container4, { className: "p-0", "data-testid": "inventory-item-variants-section", children: [
+    /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-variants-header", children: /* @__PURE__ */ jsx10(Heading4, { level: "h2", "data-testid": "inventory-item-variants-title", children: t("inventory.associatedVariants") }) }),
     /* @__PURE__ */ jsx10("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", "data-testid": "inventory-item-variants-list", children: variants.map((variant) => {
       const link = variant.product ? `/products/${variant.product.id}/variants/${variant.id}` : null;
-      const Inner = /* @__PURE__ */ jsx10("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", "data-testid": `inventory-item-variant-${variant.id}`, children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+      const Inner = /* @__PURE__ */ jsx10("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", "data-testid": `inventory-item-variant-${variant.id}`, children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx10("div", { className: "shadow-elevation-card-rest rounded-md", "data-testid": `inventory-item-variant-thumbnail-${variant.id}`, children: /* @__PURE__ */ jsx10(Thumbnail, { src: variant.product?.thumbnail }) }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
           /* @__PURE__ */ jsx10("span", { className: "text-ui-fg-base font-medium", "data-testid": `inventory-item-variant-title-${variant.id}`, children: variant.title }),
           /* @__PURE__ */ jsx10("span", { className: "text-ui-fg-subtle", "data-testid": `inventory-item-variant-options-${variant.id}`, children: variant.options.map((o) => o.value).join(" \u22C5 ") })
         ] }),
@@ -649,57 +636,12 @@ var InventoryItemVariantsSection = ({
   ] });
 };
 
-// src/pages/inventory/inventory-detail/components/inventory-item-attributes/attributes-section.tsx
-import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
-import { PencilSquare as PencilSquare3 } from "@medusajs/icons";
-import { useTranslation as useTranslation8 } from "react-i18next";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-var InventoryItemAttributeSection = ({
-  inventoryItem
-}) => {
-  const { t } = useTranslation8();
-  return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", "data-testid": "inventory-item-attribute-section", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "inventory-item-attribute-header", children: [
-      /* @__PURE__ */ jsx11(Heading4, { level: "h2", "data-testid": "inventory-item-attribute-title", children: t("products.attributes") }),
-      /* @__PURE__ */ jsx11(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: "attributes",
-                  icon: /* @__PURE__ */ jsx11(PencilSquare3, {})
-                }
-              ]
-            }
-          ],
-          "data-testid": "inventory-item-attribute-action-menu"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.height"), value: inventoryItem.height, "data-testid": "inventory-item-height-row" }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.width"), value: inventoryItem.width, "data-testid": "inventory-item-width-row" }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.length"), value: inventoryItem.length, "data-testid": "inventory-item-length-row" }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.weight"), value: inventoryItem.weight, "data-testid": "inventory-item-weight-row" }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.midCode"), value: inventoryItem.mid_code, "data-testid": "inventory-item-mid-code-row" }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.material"), value: inventoryItem.material, "data-testid": "inventory-item-material-row" }),
-    /* @__PURE__ */ jsx11(SectionRow, { title: t("fields.hsCode"), value: inventoryItem.hs_code, "data-testid": "inventory-item-hs-code-row" }),
-    /* @__PURE__ */ jsx11(
-      SectionRow,
-      {
-        title: t("fields.countryOfOrigin"),
-        value: getFormattedCountry(inventoryItem.origin_country),
-        "data-testid": "inventory-item-country-of-origin-row"
-      }
-    )
-  ] });
-};
+// src/pages/inventory/inventory-detail/constants.ts
+var INVENTORY_DETAIL_FIELDS = "*variants,*variants.product,*variants.options";
 
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
-var InventoryDetail = () => {
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
   const {
@@ -717,7 +659,7 @@ var InventoryDetail = () => {
     }
   );
   if (isLoading || !inventory_item) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       TwoColumnPageSkeleton,
       {
         showJSON: true,
@@ -730,47 +672,39 @@ var InventoryDetail = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx12("div", { "data-testid": "inventory-detail-page", children: /* @__PURE__ */ jsxs5(
-    TwoColumnPage,
-    {
-      data: inventory_item,
-      showJSON: true,
-      showMetadata: true,
-      children: [
-        /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: [
-          /* @__PURE__ */ jsx12(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
-          /* @__PURE__ */ jsx12(InventoryItemLocationLevelsSection, { inventoryItem: inventory_item }),
-          /* @__PURE__ */ jsx12(InventoryItemReservationsSection, { inventoryItem: inventory_item })
-        ] }),
-        /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: [
-          inventory_item.variants && inventory_item.variants?.length > 0 && /* @__PURE__ */ jsx12(
-            InventoryItemVariantsSection,
-            {
-              variants: inventory_item.variants
-            }
-          ),
-          /* @__PURE__ */ jsx12(InventoryItemAttributeSection, { inventoryItem: inventory_item })
-        ] })
-      ]
-    }
-  ) });
+  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: [
+    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: [
+      /* @__PURE__ */ jsx11(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
+      /* @__PURE__ */ jsx11(
+        InventoryItemLocationLevelsSection,
+        {
+          inventoryItem: inventory_item
+        }
+      ),
+      /* @__PURE__ */ jsx11(InventoryItemReservationsSection, { inventoryItem: inventory_item })
+    ] }),
+    /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: [
+      inventory_item.variants && inventory_item.variants?.length > 0 && /* @__PURE__ */ jsx11(
+        InventoryItemVariantsSection,
+        {
+          variants: inventory_item.variants
+        }
+      ),
+      /* @__PURE__ */ jsx11(InventoryItemAttributeSection, { inventoryItem: inventory_item })
+    ] })
+  ] }) });
 };
-
-// src/pages/inventory/inventory-detail/loader.ts
-var inventoryDetailQuery = (id) => ({
-  queryKey: inventoryItemsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.inventoryItems.$id.query({
-    $id: id,
-    fields: INVENTORY_DETAIL_FIELDS
-  })
+var InventoryDetail = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: InventoryItemGeneralSection,
+  MainLocationLevelsSection: InventoryItemLocationLevelsSection,
+  MainReservationsSection: InventoryItemReservationsSection,
+  SidebarVariantsSection: InventoryItemVariantsSection,
+  SidebarAttributeSection: InventoryItemAttributeSection
 });
-var inventoryItemLoader = async ({ params }) => {
-  const id = params.id;
-  const query = inventoryDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
+
 export {
-  InventoryDetailBreadcrumb as Breadcrumb,
-  InventoryDetail as Component,
-  inventoryItemLoader as loader
+  INVENTORY_DETAIL_FIELDS,
+  InventoryDetail
 };

package/dist/{payout-list-GE7E637R.js → chunk-BHID7W3U.js}

@@ -1,42 +1,25 @@
 import {
   usePayoutTableColumns
 } from "./chunk-AFQS6E4N.js";
-import "./chunk-25LYVP3C.js";
-import "./chunk-PXYDR7WQ.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-IQPN4PZJ.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   usePayoutTableQuery
 } from "./chunk-GR6JUIRU.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
   usePayouts
 } from "./chunk-JOQ3RTF5.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
 
 // src/pages/payouts/payout-list/payout-list.tsx
+import { Children } from "react";
 import { Container, Heading } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
-var PayoutList = () => {
+var PayoutListTable = () => {
   const { t } = useTranslation();
   const { searchParams, raw } = usePayoutTableQuery({
     pageSize: PAGE_SIZE
@@ -83,6 +66,13 @@ var PayoutList = () => {
     )
   ] });
 };
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(PayoutListTable, {}) });
+};
+var PayoutList = Object.assign(Root, {
+  Table: PayoutListTable
+});
+
 export {
-  PayoutList as Component
+  PayoutList
 };