@mercurjs/admin 2.2.1 → 2.3.0-canary.0

package/dist/{chunk-KXGFQRXK.js → chunk-P2BNZD5K.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-7AV5EJJ5.js";
 import {
   useDeleteProductCategoryAction
-} from "./chunk-53KPM2IF.js";
+} from "./chunk-VOTOLN64.js";
 import {
   getCategoryChildren,
   getCategoryPath,
@@ -13,13 +13,13 @@ import {
 import {
   getCategoryGallery,
   getCategoryIcon
-} from "./chunk-RUHF6QPS.js";
+} from "./chunk-2HV33DOE.js";
 import {
   useProductTableColumns
-} from "./chunk-GBSL5JTZ.js";
+} from "./chunk-2XPJEEGO.js";
 import {
   useProductTableFilters
-} from "./chunk-6ZVLQ4IK.js";
+} from "./chunk-CKEJLFYJ.js";
 import {
   useProductTableQuery
 } from "./chunk-S4IDR46L.js";
@@ -29,21 +29,21 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
   useProductCategory,
   useUpdateProductCategoryProducts
-} from "./chunk-C3SCJHQN.js";
+} from "./chunk-SQ7J4KTS.js";
 import {
   Skeleton,
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 
 // src/pages/categories/category-detail/category-detail.tsx
 import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";

package/dist/{chunk-YG65LX2W.js → chunk-PAYX77VD.js}

@@ -12,11 +12,11 @@ import {
 } from "./chunk-H6MYB7GB.js";
 import {
   useStore
-} from "./chunk-2Z4JZU5E.js";
+} from "./chunk-3JN6NCCN.js";
 import {
   useDeleteSalesChannelLazy,
   useSalesChannels
-} from "./chunk-MXLSIF5V.js";
+} from "./chunk-JC2FFAMW.js";
 
 // src/pages/sales-channels/sales-channel-list/sales-channel-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-IC7CKUCI.js → chunk-PB24YMA4.js}

@@ -1,7 +1,7 @@
 import {
   useDeleteCommissionRuleAction,
   useScopeReferenceNames
-} from "./chunk-34AHGPLC.js";
+} from "./chunk-JL3NKSLJ.js";
 import {
   formatCommissionValue,
   getIsActiveProps,
@@ -27,11 +27,11 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useCommissionRules,
   useDefaultCommission
-} from "./chunk-D5FHUQQK.js";
+} from "./chunk-CMVQ5SAG.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-RUWKTYQN.js → chunk-PKPYTXFX.js}

@@ -1,13 +1,13 @@
 import {
   getCollectionGallery,
   getCollectionIcon
-} from "./chunk-TSM7EZND.js";
+} from "./chunk-YWMY2I7B.js";
 import {
   useProductTableColumns
-} from "./chunk-GBSL5JTZ.js";
+} from "./chunk-2XPJEEGO.js";
 import {
   useProductTableFilters
-} from "./chunk-6ZVLQ4IK.js";
+} from "./chunk-CKEJLFYJ.js";
 import {
   useProductTableQuery
 } from "./chunk-S4IDR46L.js";
@@ -17,12 +17,12 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   useCollection,
   useDeleteCollection,
   useUpdateCollectionProducts
-} from "./chunk-2W4YIJYV.js";
+} from "./chunk-I4WBDDWN.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 
 // src/pages/collections/collection-detail/collection-detail.tsx
 import { Children } from "react";

package/dist/{chunk-EKLQ3PFC.js → chunk-PY4RE444.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-4UQMRTSC.js";
+} from "./chunk-VH3TGSWE.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-TLV3AINO.js → chunk-Q732RWRD.js}

@@ -1,12 +1,12 @@
 import {
   useDeleteShippingOptionTypeAction
-} from "./chunk-P7IMB5H5.js";
+} from "./chunk-ESNSDIEC.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   useShippingOptionType
-} from "./chunk-XQBF2FRT.js";
+} from "./chunk-MXM5ZD4Y.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/chunk-QLOJNFUE.js

@@ -0,0 +1,53 @@
+// src/components/common/badge-list-summary/badge-list-summary.tsx
+import { Badge, Tooltip, clx } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BadgeListSummary = ({
+  list,
+  className,
+  inline,
+  rounded = false,
+  n = 2
+}) => {
+  const { t } = useTranslation();
+  const title = t("general.plusCount", {
+    count: list.length - n
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        "text-ui-fg-subtle txt-compact-small gap-x-2 overflow-hidden",
+        {
+          "inline-flex": inline,
+          flex: !inline
+        },
+        className
+      ),
+      children: [
+        list.slice(0, n).map((item) => {
+          return /* @__PURE__ */ jsx(Badge, { rounded: rounded ? "full" : "base", size: "2xsmall", children: item }, item);
+        }),
+        list.length > n && /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: /* @__PURE__ */ jsx("ul", { children: list.slice(n).map((c) => /* @__PURE__ */ jsx("li", { children: c }, c)) }),
+            children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                rounded: rounded ? "full" : "base",
+                size: "2xsmall",
+                className: "cursor-default whitespace-nowrap",
+                children: title
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export {
+  BadgeListSummary
+};

package/dist/{chunk-42VZYFJ5.js → chunk-QWT3GCLC.js}

@@ -1,9 +1,9 @@
 import {
   shippingOptionsQueryKeys
-} from "./chunk-EAYVJOSP.js";
+} from "./chunk-SCLV2T6Z.js";
 import {
   stockLocationsQueryKeys
-} from "./chunk-IF2MFOIQ.js";
+} from "./chunk-H5E3CGD7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/fulfillment-sets.tsx
 import {

package/dist/{chunk-ENWEPNEB.js → chunk-R22UAHRF.js}

@@ -1,6 +1,6 @@
 import {
   useCustomerGroups
-} from "./chunk-HOOIU4KF.js";
+} from "./chunk-XWOFQSGH.js";
 
 // src/hooks/table/filters/use-customer-table-filters.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-HINXQTCW.js → chunk-RKFEXC2J.js}

@@ -1,3 +1,7 @@
+import {
+  campaignStatus,
+  statusColor
+} from "./chunk-WP3B4NEU.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -11,6 +15,7 @@ import {
 
 // src/hooks/table/columns/use-campaign-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
+import { StatusBadge } from "@medusajs/ui";
 import { useMemo } from "react";
 import { useTranslation as useTranslation3 } from "react-i18next";
 
@@ -64,6 +69,30 @@ var useCampaignTableColumns = () => {
           return /* @__PURE__ */ jsx3(TextCell, { text: value });
         }
       }),
+      columnHelper.display({
+        id: "type",
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("campaigns.fields.type") }),
+        cell: ({ row }) => {
+          const type = row.original.budget?.type;
+          if (!type) {
+            return /* @__PURE__ */ jsx3(TextCell, { text: "-" });
+          }
+          return /* @__PURE__ */ jsx3(TextCell, { text: t(`campaigns.budget.type.${type}.title`) });
+        }
+      }),
+      columnHelper.display({
+        id: "owner",
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("campaigns.fields.owner") }),
+        cell: ({ row }) => {
+          const campaign = row.original;
+          return /* @__PURE__ */ jsx3(
+            TextCell,
+            {
+              text: campaign.seller?.name ?? t("campaigns.fields.platformOwner")
+            }
+          );
+        }
+      }),
       columnHelper.accessor("starts_at", {
         header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("campaigns.fields.start_date") }),
         cell: ({ getValue }) => {
@@ -85,6 +114,14 @@ var useCampaignTableColumns = () => {
           const date = new Date(value);
           return /* @__PURE__ */ jsx3(DateCell, { date });
         }
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("fields.status") }),
+        cell: ({ row }) => {
+          const status = campaignStatus(row.original);
+          return /* @__PURE__ */ jsx3(StatusBadge, { color: statusColor(status), children: t(`campaigns.status.${status}`) });
+        }
       })
     ],
     [t]

package/dist/{chunk-PMBR7NK4.js → chunk-RSDTHO3I.js}

@@ -4,7 +4,7 @@ import {
 import {
   useDeleteUser,
   useUser
-} from "./chunk-D6RWXLO6.js";
+} from "./chunk-2NOIR4BR.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-WJJBIAJI.js → chunk-S4WDCOQD.js}

@@ -1,6 +1,3 @@
-import {
-  InventoryItemGeneralSection
-} from "./chunk-APAT344J.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -9,10 +6,10 @@ import {
 } from "./chunk-E74OUNA3.js";
 import {
   useStockLocation
-} from "./chunk-IF2MFOIQ.js";
+} from "./chunk-H5E3CGD7.js";
 import {
   useReservationItem
-} from "./chunk-U4BIWWRA.js";
+} from "./chunk-S7TEUVP7.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -21,7 +18,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useInventoryItem
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 
 // src/pages/reservations/reservation-detail/reservation-detail.tsx
 import { Children } from "react";
@@ -29,7 +26,7 @@ import { useLoaderData, useParams } from "react-router-dom";
 import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/reservations/reservation-detail/components/reservation-general-section/reservation-general-section.tsx
-import { Container, Heading } from "@medusajs/ui";
+import { Container, Heading, Text } from "@medusajs/ui";
 import { DisplayExtensionZone, DisplayField } from "@mercurjs/dashboard-shared";
 import { PencilSquare } from "@medusajs/icons";
 import { useTranslation } from "react-i18next";
@@ -82,13 +79,13 @@ var ReservationGeneralSection = ({
       {
         model: "reservation",
         zone: "general",
-        id: "line_item_id",
+        id: "item_id",
         data: reservation,
         children: /* @__PURE__ */ jsx(
           SectionRow,
           {
-            title: t("inventory.reservation.lineItemId"),
-            value: reservation.line_item_id
+            title: t("inventory.reservation.itemId"),
+            value: inventoryItem.sku ?? inventoryItem.id
           }
         )
       }
@@ -136,7 +133,7 @@ var ReservationGeneralSection = ({
           SectionRow,
           {
             title: t("inventory.reservation.inStockAtLocation"),
-            value: locationLevel?.stocked_quantity
+            value: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: locationLevel?.stocked_quantity ?? "-" })
           }
         )
       }
@@ -152,7 +149,7 @@ var ReservationGeneralSection = ({
           SectionRow,
           {
             title: t("inventory.reservation.availableAtLocation"),
-            value: locationLevel?.available_quantity
+            value: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: locationLevel?.available_quantity ?? "-" })
           }
         )
       }
@@ -168,7 +165,7 @@ var ReservationGeneralSection = ({
           SectionRow,
           {
             title: t("inventory.reservation.reservedAtLocation"),
-            value: locationLevel?.reserved_quantity
+            value: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: locationLevel?.reserved_quantity ?? "-" })
           }
         )
       }
@@ -181,7 +178,7 @@ var ReservationGeneralSection = ({
         data: reservation,
         builtInFieldIds: [
           "header",
-          "line_item_id",
+          "item_id",
           "description",
           "location",
           "stocked_quantity",
@@ -193,8 +190,91 @@ var ReservationGeneralSection = ({
   ] });
 };
 
-// src/pages/reservations/reservation-detail/reservation-detail.tsx
+// src/pages/reservations/reservation-detail/components/reservation-inventory-section/reservation-inventory-section.tsx
+import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { BuildingStorefront } from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ReservationInventorySection = ({
+  inventoryItem
+}) => {
+  const { t } = useTranslation2();
+  const getQuantityFormat = (quantity) => {
+    if (quantity !== void 0 && !isNaN(quantity)) {
+      return t("inventory.quantityAcrossLocations", {
+        quantity,
+        locations: inventoryItem.location_levels?.length
+      });
+    }
+    return "-";
+  };
+  return /* @__PURE__ */ jsxs2(
+    Container2,
+    {
+      className: "divide-y p-0",
+      "data-testid": "reservation-inventory-section",
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx2(Heading2, { "data-testid": "reservation-inventory-title", children: inventoryItem.title ?? inventoryItem.sku }),
+          /* @__PURE__ */ jsx2(
+            ActionMenu,
+            {
+              groups: [
+                {
+                  actions: [
+                    {
+                      icon: /* @__PURE__ */ jsx2(BuildingStorefront, {}),
+                      label: t("inventory.reservation.goToInventoryItem"),
+                      to: `/inventory/${inventoryItem.id}`
+                    }
+                  ]
+                }
+              ],
+              "data-testid": "reservation-inventory-action-menu"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("fields.sku"),
+            value: inventoryItem.sku ?? "-",
+            "data-testid": "reservation-inventory-sku-row"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("fields.inStock"),
+            value: getQuantityFormat(inventoryItem.stocked_quantity),
+            "data-testid": "reservation-inventory-in-stock-row"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("inventory.reserved"),
+            value: getQuantityFormat(inventoryItem.reserved_quantity),
+            "data-testid": "reservation-inventory-reserved-row"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("inventory.available"),
+            value: getQuantityFormat(
+              inventoryItem.stocked_quantity - inventoryItem.reserved_quantity
+            ),
+            "data-testid": "reservation-inventory-available-row"
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/pages/reservations/reservation-detail/reservation-detail.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
@@ -211,7 +291,7 @@ var Root = ({ children }) => {
     { enabled: !!reservation?.inventory_item?.id }
   );
   if (isLoading || !reservation) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(
       TwoColumnPageSkeleton,
       {
         mainSections: 1,
@@ -224,7 +304,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(
     TwoColumnPage,
     {
       data: reservation,
@@ -233,7 +313,7 @@ var Root = ({ children }) => {
       "data-testid": "reservation-detail-page",
       children
     }
-  ) : /* @__PURE__ */ jsxs2(
+  ) : /* @__PURE__ */ jsxs3(
     TwoColumnPage,
     {
       data: reservation,
@@ -241,8 +321,8 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "reservation-detail-page",
       children: [
-        /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.main", data: reservation, children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }) }),
-        /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(WidgetZone, { id: "reservation.detail.side", data: reservation, children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) }) })
+        /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx3(WidgetZone, { id: "reservation.detail.main", data: reservation, children: /* @__PURE__ */ jsx3(ReservationGeneralSection, { reservation }) }) }),
+        /* @__PURE__ */ jsx3(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx3(WidgetZone, { id: "reservation.detail.side", data: reservation, children: inventory_item && /* @__PURE__ */ jsx3(ReservationInventorySection, { inventoryItem: inventory_item }) }) })
       ]
     }
   );
@@ -251,7 +331,7 @@ var ReservationDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: ReservationGeneralSection,
-  SidebarInventorySection: InventoryItemGeneralSection
+  SidebarInventorySection: ReservationInventorySection
 });
 
 export {

package/dist/{chunk-U4BIWWRA.js → chunk-S7TEUVP7.js}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/reservations.tsx
 import {

package/dist/{chunk-FWPGOIFA.js → chunk-SANVDYAL.js}

@@ -1,6 +1,6 @@
 import {
   Thumbnail
-} from "./chunk-WIYFXWRI.js";
+} from "./chunk-U3I6S3RO.js";
 
 // src/components/table/table-cells/product/product-cell/product-cell.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-EAYVJOSP.js → chunk-SCLV2T6Z.js}

@@ -1,6 +1,6 @@
 import {
   stockLocationsQueryKeys
-} from "./chunk-IF2MFOIQ.js";
+} from "./chunk-H5E3CGD7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/shipping-options.tsx
 import {

package/dist/{chunk-YT7ZBFWO.js → chunk-SM22ETAM.js}

@@ -1,9 +1,9 @@
 import {
   useProductTableColumns
-} from "./chunk-GBSL5JTZ.js";
+} from "./chunk-2XPJEEGO.js";
 import {
   useProductTableFilters
-} from "./chunk-6ZVLQ4IK.js";
+} from "./chunk-CKEJLFYJ.js";
 import {
   useProductTableQuery
 } from "./chunk-S4IDR46L.js";
@@ -13,7 +13,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-NEURB6JB.js";
+} from "./chunk-BSXBRI23.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
@@ -21,13 +21,13 @@ import {
   useDeleteSalesChannel,
   useSalesChannel,
   useSalesChannelRemoveProducts
-} from "./chunk-MXLSIF5V.js";
+} from "./chunk-JC2FFAMW.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 
 // src/pages/sales-channels/sales-channel-detail/sales-channel-detail.tsx
 import { Children } from "react";

package/dist/{chunk-C3SCJHQN.js → chunk-SQ7J4KTS.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-QE57IFSR.js";
+} from "./chunk-Z476HUMI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-JTAECZCT.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/categories.tsx
 import {

package/dist/{chunk-AW77UWCZ.js → chunk-SR3DYN52.js}

@@ -16,7 +16,7 @@ import {
   TrianglesMini,
   XMarkMini
 } from "@medusajs/icons";
-import { clx, Text } from "@medusajs/ui";
+import { Badge, clx, Text } from "@medusajs/ui";
 import { matchSorter } from "match-sorter";
 import {
   Fragment,
@@ -296,7 +296,7 @@ var ComboboxImpl = ({
             },
             "aria-busy": isPending,
             children: [
-              results.map(({ value, label, disabled }) => /* @__PURE__ */ jsxs(
+              results.map(({ value, label, secondaryLabel, disabled }) => /* @__PURE__ */ jsxs(
                 PrimitiveComboboxItem,
                 {
                   value,
@@ -312,7 +312,8 @@ var ComboboxImpl = ({
                   ),
                   children: [
                     /* @__PURE__ */ jsx(PrimitiveComboboxItemCheck, { className: "flex !size-5 items-center justify-center", children: isArrayValue ? /* @__PURE__ */ jsx(CheckMini, {}) : /* @__PURE__ */ jsx(EllipseMiniSolid, {}) }),
-                    /* @__PURE__ */ jsx(PrimitiveComboboxItemValue, { className: "txt-compact-small", children: label })
+                    /* @__PURE__ */ jsx(PrimitiveComboboxItemValue, { className: "txt-compact-small flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: label }),
+                    secondaryLabel && /* @__PURE__ */ jsx(Badge, { size: "2xsmall", className: "ml-auto shrink-0", children: secondaryLabel })
                   ]
                 },
                 value