@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.21

package/dist/{chunk-P25PIADJ.js → chunk-AH3KBVKC.js}

@@ -1,6 +1,6 @@
 import {
   getPromotionStatus
-} from "./chunk-AB2LHP3M.js";
+} from "./chunk-G66KMUI5.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-UXD3VNBO.js → chunk-AJLGY3LQ.js}

@@ -48,6 +48,5 @@ var metadataFormSchema = z.array(
 );
 
 export {
-  optionalInt,
-  optionalFloat
+  optionalInt
 };

package/dist/{chunk-CMHI2RPL.js → chunk-AKSUGT5I.js}

@@ -1,8 +1,29 @@
+import {
+  useSellers
+} from "./chunk-LEG67A2R.js";
+
 // src/hooks/table/filters/use-customer-group-table-filters.tsx
 import { useTranslation } from "react-i18next";
 var useCustomerGroupTableFilters = () => {
   const { t } = useTranslation();
+  const { sellers } = useSellers({
+    limit: 1e3,
+    fields: "id,name"
+  });
   let filters = [];
+  if (sellers?.length) {
+    filters.push({
+      key: "seller_id",
+      label: t("fields.owner"),
+      type: "select",
+      multiple: true,
+      searchable: true,
+      options: sellers.map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    });
+  }
   const dateFilters = [
     { label: t("fields.createdAt"), key: "created_at" },
     { label: t("fields.updatedAt"), key: "updated_at" }

package/dist/{chunk-6LZAVEHW.js → chunk-ARN66CDK.js}

@@ -1,12 +1,12 @@
 import {
   useCollectionTableColumns
-} from "./chunk-JQV7CXEC.js";
+} from "./chunk-EDDKIVMF.js";
 import {
   useCollectionTableFilters
 } from "./chunk-KOURHC2N.js";
 import {
   useCollectionTableQuery
-} from "./chunk-BVZAGCTV.js";
+} from "./chunk-2L4W75VS.js";
 import {
   _DataTable,
   useDataTable
@@ -17,7 +17,7 @@ import {
 import {
   useCollections,
   useDeleteCollection
-} from "./chunk-XZZTC7E5.js";
+} from "./chunk-QKJGSZI2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";

package/dist/{chunk-WYA62MUL.js → chunk-AROCMF45.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal

package/dist/chunk-AWLDIHXR.js

@@ -0,0 +1,204 @@
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useUpdateProduct
+} from "./chunk-M2E3PKA4.js";
+
+// src/pages/products/product-detail/components/product-media-section/product-media-section.tsx
+import { PencilSquare, ThumbnailBadge } from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  CommandBar,
+  Container,
+  Heading,
+  Text,
+  Tooltip,
+  clx,
+  usePrompt
+} from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductMediaSection = ({
+  product,
+  readOnly = false
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const [selection, setSelection] = useState({});
+  const media = getMedia(product);
+  const handleCheckedChange = (id) => {
+    setSelection((prev) => {
+      if (prev[id]) {
+        const { [id]: _, ...rest } = prev;
+        return rest;
+      } else {
+        return { ...prev, [id]: true };
+      }
+    });
+  };
+  const { mutateAsync } = useUpdateProduct(product.id);
+  const handleDelete = async () => {
+    const ids = Object.keys(selection);
+    const includingThumbnail = ids.some(
+      (id) => media.find((m) => m.id === id)?.isThumbnail
+    );
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: includingThumbnail ? t("products.media.deleteWarningWithThumbnail", {
+        count: ids.length
+      }) : t("products.media.deleteWarning", {
+        count: ids.length
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    const mediaToKeep = product.images?.filter((i) => !ids.includes(i.id)).map((i) => ({ url: i.url }));
+    await mutateAsync(
+      {
+        images: mediaToKeep,
+        thumbnail: includingThumbnail ? "" : void 0
+      },
+      {
+        onSuccess: () => {
+          setSelection({});
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "product-media-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "product-media-header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", "data-testid": "product-media-title", children: t("products.media.label") }),
+      !readOnly && /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "media?view=edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "product-media-action-menu"
+        }
+      )
+    ] }),
+    media.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-4 px-6 py-4", "data-testid": "product-media-grid", children: media.map((i, index) => {
+      const isSelected = selection[i.id];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clx(
+            "shadow-elevation-card-rest transition-fg group relative aspect-square size-full overflow-hidden rounded-[8px]",
+            {
+              "hover:shadow-elevation-card-hover cursor-pointer": !readOnly
+            }
+          ),
+          "data-testid": `product-media-item-${i.id}`,
+          children: [
+            !readOnly && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "transition-fg invisible absolute right-2 top-2 opacity-0 group-hover:visible group-hover:opacity-100",
+                  {
+                    "visible opacity-100": isSelected
+                  }
+                ),
+                "data-testid": `product-media-checkbox-container-${i.id}`,
+                children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selection[i.id] || false,
+                    onCheckedChange: () => handleCheckedChange(i.id),
+                    "data-testid": `product-media-checkbox-${i.id}`
+                  }
+                )
+              }
+            ),
+            i.isThumbnail && /* @__PURE__ */ jsx("div", { className: "absolute left-2 top-2", "data-testid": `product-media-thumbnail-badge-${i.id}`, children: /* @__PURE__ */ jsx(Tooltip, { content: t("fields.thumbnail"), children: /* @__PURE__ */ jsx(ThumbnailBadge, {}) }) }),
+            readOnly ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover",
+                "data-testid": `product-media-image-${i.id}`
+              }
+            ) : /* @__PURE__ */ jsx(Link, { to: `media`, state: { curr: index }, "data-testid": `product-media-link-${i.id}`, children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover",
+                "data-testid": `product-media-image-${i.id}`
+              }
+            ) })
+          ]
+        },
+        i.id
+      );
+    }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-4 pb-8 pt-6", "data-testid": "product-media-empty-state", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "text-ui-fg-subtle",
+            "data-testid": "product-media-empty-state-header",
+            children: t("products.media.emptyState.header")
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", "data-testid": "product-media-empty-state-description", children: t("products.media.emptyState.description") })
+      ] }),
+      !readOnly && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "product-media-empty-state-button", children: /* @__PURE__ */ jsx(Link, { to: "media?view=edit", "data-testid": "product-media-empty-state-link", children: t("products.media.emptyState.action") }) })
+    ] }),
+    !readOnly && /* @__PURE__ */ jsx(CommandBar, { open: !!Object.keys(selection).length, "data-testid": "product-media-command-bar", children: /* @__PURE__ */ jsxs(CommandBar.Bar, { "data-testid": "product-media-command-bar-bar", children: [
+      /* @__PURE__ */ jsx(CommandBar.Value, { "data-testid": "product-media-command-bar-value", children: t("general.countSelected", {
+        count: Object.keys(selection).length
+      }) }),
+      /* @__PURE__ */ jsx(CommandBar.Seperator, { "data-testid": "product-media-command-bar-separator" }),
+      /* @__PURE__ */ jsx(
+        CommandBar.Command,
+        {
+          action: handleDelete,
+          label: t("actions.delete"),
+          shortcut: "d",
+          "data-testid": "product-media-command-bar-delete"
+        }
+      )
+    ] }) })
+  ] });
+};
+var getMedia = (product) => {
+  const { images = [], thumbnail } = product;
+  const media = images.map((image) => ({
+    id: image.id,
+    url: image.url,
+    isThumbnail: image.url === thumbnail
+  }));
+  if (thumbnail && !media.some((mediaItem) => mediaItem.url === thumbnail)) {
+    media.unshift({
+      id: "img_thumbnail",
+      url: thumbnail,
+      isThumbnail: true
+    });
+  }
+  return media;
+};
+
+export {
+  ProductMediaSection
+};

package/dist/{chunk-BHOZKBYY.js → chunk-B5OMHYJ5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PYDRHQTY.js";
 import {
   useProductCategories
-} from "./chunk-H5PYBIOZ.js";
+} from "./chunk-KYFWVLWO.js";
 import {
   TextSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -104,7 +104,8 @@ var CategoryCombobox = forwardRef(({ value, onChange, className, isSingleSelect,
         innerRef.current?.focus();
       };
     },
-    [value, onChange, isSingleSelect]
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    [value, onChange, isSingleSelect, handleOpenChange]
   );
   function handleOpenChange(open2) {
     if (!open2) {
@@ -512,7 +513,8 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
         innerRef.current?.focus();
       };
     },
-    [value, onChange]
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    [value, onChange, handleOpenChange]
   );
   function handleOpenChange(open2) {
     if (!open2) {
@@ -673,7 +675,6 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
               "button",
               {
                 "data-active": focusedIndex === 0,
-                role: "button",
                 className: clx2(
                   "transition-fg grid w-full appearance-none grid-cols-[20px_1fr] items-center justify-center gap-2 rounded-md px-2 py-1.5 text-start outline-none",
                   "data-[active=true]:bg-ui-bg-field-hover"
@@ -708,6 +709,7 @@ var SingleCategoryCombobox = forwardRef2(({ value, onChange, className, ...props
                       "data-active": showLevelUp ? focusedIndex === index + 1 : focusedIndex === index,
                       type: "button",
                       role: "option",
+                      "aria-selected": value === option.value,
                       className: clx2(
                         "grid h-full w-full appearance-none grid-cols-[20px_1fr] items-center gap-2 overflow-hidden rounded-md px-2 py-1.5 text-start outline-none",
                         "data-[active=true]:bg-ui-bg-field-hover"

package/dist/chunk-BN6OOLJA.js

@@ -0,0 +1,358 @@
+import {
+  FileUpload,
+  formatFileSize
+} from "./chunk-VSLHL2AZ.js";
+import {
+  uploadFilesQuery
+} from "./chunk-ZBWL72TB.js";
+
+// src/pages/collections/common/components/collection-image-fields/types.ts
+var COLLECTION_IMAGE_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/heic",
+  "image/svg+xml"
+];
+var getCollectionGallery = (images) => (images ?? []).filter((image) => !image.type).sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+var getCollectionIcon = (images) => (images ?? []).find((image) => image.type === "icon") ?? null;
+
+// src/pages/collections/common/components/collection-image-fields/collection-icon-input.tsx
+import { XMark } from "@medusajs/icons";
+import { IconButton, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CollectionIconInput = ({
+  value,
+  onChange,
+  hasError
+}) => {
+  const { t } = useTranslation();
+  const handleUploaded = (files) => {
+    const file = files[0];
+    if (file) {
+      onChange({ url: file.url, file: file.file });
+    }
+  };
+  if (value) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
+        "data-testid": "collection-icon-input-item",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base flex h-10 w-[30px] items-center justify-center overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: value.url,
+                alt: "",
+                className: "size-full object-contain object-center"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: value.file?.name ?? value.url }),
+              value.file && /* @__PURE__ */ jsx(
+                Text,
+                {
+                  size: "xsmall",
+                  leading: "compact",
+                  className: "text-ui-fg-subtle",
+                  children: formatFileSize(value.file.size)
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              size: "small",
+              variant: "transparent",
+              onClick: () => onChange(null),
+              "data-testid": "collection-icon-input-delete",
+              children: /* @__PURE__ */ jsx(XMark, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2", "data-testid": "collection-icon-input", children: /* @__PURE__ */ jsx(
+    FileUpload,
+    {
+      label: t("collections.icon.upload.title"),
+      hint: t("collections.icon.upload.hint"),
+      multiple: false,
+      formats: COLLECTION_IMAGE_FORMATS,
+      hasError,
+      onUploaded: handleUploaded
+    }
+  ) });
+};
+
+// src/pages/collections/common/components/collection-image-fields/collection-icon-tip.tsx
+import { Text as Text2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CollectionIconTip = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "bg-ui-bg-component shadow-elevation-card-rest flex items-stretch gap-x-3 rounded-lg px-3 py-2",
+      "data-testid": "collection-icon-tip",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "bg-ui-border-strong w-[3px] shrink-0 self-stretch rounded-full" }),
+        /* @__PURE__ */ jsxs2(Text2, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-base font-medium", children: t("collections.icon.tip.label") }),
+          " ",
+          t("collections.icon.tip.text")
+        ] })
+      ]
+    }
+  );
+};
+
+// src/pages/collections/common/components/collection-image-fields/upload-collection-images.ts
+var uploadCollectionImages = async ({
+  media,
+  icon
+}) => {
+  const payload = {};
+  if (media !== void 0) {
+    payload.media = await Promise.all(
+      media.map(async (item, index) => {
+        let url = item.url;
+        if (item.file) {
+          const uploaded = await uploadFilesQuery([{ file: item.file }]);
+          url = uploaded.files?.[0]?.url ?? url;
+        }
+        return {
+          url,
+          is_thumbnail: item.is_thumbnail,
+          is_banner: item.is_banner,
+          rank: index
+        };
+      })
+    );
+  }
+  if (icon !== void 0) {
+    if (!icon) {
+      payload.icon = null;
+    } else if (icon.file) {
+      const uploaded = await uploadFilesQuery([{ file: icon.file }]);
+      payload.icon = uploaded.files?.[0]?.url ?? icon.url;
+    } else {
+      payload.icon = icon.url;
+    }
+  }
+  return payload;
+};
+
+// src/pages/collections/common/components/collection-image-fields/collection-media-input.tsx
+import {
+  EllipsisHorizontal,
+  FeaturedBadge,
+  InformationCircleSolid,
+  Photo,
+  ThumbnailBadge,
+  Trash,
+  XMark as XMark2
+} from "@medusajs/icons";
+import { DropdownMenu, IconButton as IconButton2, Text as Text3, Tooltip, clx } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CollectionMediaInput = ({
+  value,
+  onChange,
+  hasError
+}) => {
+  const { t } = useTranslation3();
+  const handleUploaded = (files) => {
+    onChange([
+      ...value,
+      ...files.map((f) => ({
+        url: f.url,
+        file: f.file,
+        is_thumbnail: false,
+        is_banner: false,
+        field_id: f.id
+      }))
+    ]);
+  };
+  const toggleRole = (index, role, on) => {
+    onChange(
+      value.map((item, i) => ({
+        ...item,
+        [role]: i === index ? on : on ? false : item[role]
+      }))
+    );
+  };
+  const remove = (index) => {
+    onChange(value.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-2", "data-testid": "collection-media-input", children: [
+    /* @__PURE__ */ jsx3(
+      FileUpload,
+      {
+        label: t("collections.media.upload.title"),
+        hint: t("collections.media.upload.hint"),
+        formats: COLLECTION_IMAGE_FORMATS,
+        hasError,
+        onUploaded: handleUploaded
+      }
+    ),
+    value.length > 0 && /* @__PURE__ */ jsx3(
+      "ul",
+      {
+        className: "flex flex-col gap-y-2",
+        "data-testid": "collection-media-input-list",
+        children: value.map((item, index) => /* @__PURE__ */ jsxs3(
+          "li",
+          {
+            className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
+            "data-testid": `collection-media-input-item-${index}`,
+            children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-base flex h-10 w-[30px] items-center justify-center overflow-hidden rounded-md", children: item.url ? /* @__PURE__ */ jsx3(
+                  "img",
+                  {
+                    src: item.url,
+                    alt: "",
+                    className: "size-full object-cover object-center"
+                  }
+                ) : /* @__PURE__ */ jsx3(Photo, { className: "text-ui-fg-muted" }) }),
+                /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx3(Text3, { size: "small", leading: "compact", children: item.file?.name ?? item.url }),
+                  /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle flex items-center gap-x-1", children: [
+                    item.is_thumbnail && /* @__PURE__ */ jsx3(ThumbnailBadge, { "data-testid": "collection-media-input-item-thumbnail-badge" }),
+                    item.is_banner && /* @__PURE__ */ jsx3(
+                      FeaturedBadge,
+                      {
+                        className: "text-ui-fg-interactive",
+                        "data-testid": "collection-media-input-item-banner-badge"
+                      }
+                    ),
+                    item.file && /* @__PURE__ */ jsx3(
+                      Text3,
+                      {
+                        size: "xsmall",
+                        leading: "compact",
+                        className: "text-ui-fg-subtle",
+                        children: formatFileSize(item.file.size)
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx3(
+                  CollectionMediaItemMenu,
+                  {
+                    item,
+                    onToggleThumbnail: () => toggleRole(index, "is_thumbnail", !item.is_thumbnail),
+                    onToggleBanner: () => toggleRole(index, "is_banner", !item.is_banner),
+                    onDelete: () => remove(index),
+                    testId: `collection-media-input-item-menu-${index}`
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  IconButton2,
+                  {
+                    type: "button",
+                    size: "small",
+                    variant: "transparent",
+                    onClick: () => remove(index),
+                    "data-testid": `collection-media-input-item-delete-${index}`,
+                    children: /* @__PURE__ */ jsx3(XMark2, {})
+                  }
+                )
+              ] })
+            ]
+          },
+          item.field_id ?? `${item.url}-${index}`
+        ))
+      }
+    )
+  ] });
+};
+var CollectionMediaItemMenu = ({
+  item,
+  onToggleThumbnail,
+  onToggleBanner,
+  onDelete,
+  testId
+}) => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx3(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx3(IconButton2, { size: "small", variant: "transparent", "data-testid": testId, children: /* @__PURE__ */ jsx3(EllipsisHorizontal, {}) }) }),
+    /* @__PURE__ */ jsxs3(DropdownMenu.Content, { children: [
+      /* @__PURE__ */ jsx3(
+        MenuItemWithTooltip,
+        {
+          icon: /* @__PURE__ */ jsx3(ThumbnailBadge, {}),
+          label: item.is_thumbnail ? t("collections.media.actions.removeThumbnail") : t("collections.media.actions.setThumbnail"),
+          tooltip: t("collections.media.tooltips.thumbnail"),
+          onClick: onToggleThumbnail
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        MenuItemWithTooltip,
+        {
+          icon: /* @__PURE__ */ jsx3(FeaturedBadge, {}),
+          label: item.is_banner ? t("collections.media.actions.removeBanner") : t("collections.media.actions.setBanner"),
+          tooltip: t("collections.media.tooltips.banner"),
+          onClick: onToggleBanner
+        }
+      ),
+      /* @__PURE__ */ jsx3(DropdownMenu.Separator, {}),
+      /* @__PURE__ */ jsxs3(
+        DropdownMenu.Item,
+        {
+          className: "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+          onClick: onDelete,
+          children: [
+            /* @__PURE__ */ jsx3(Trash, {}),
+            /* @__PURE__ */ jsx3("span", { children: t("actions.delete") })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var MenuItemWithTooltip = ({
+  icon,
+  label,
+  tooltip,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenu.Item,
+    {
+      className: clx(
+        "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+        "justify-between"
+      ),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+          icon,
+          /* @__PURE__ */ jsx3("span", { children: label })
+        ] }),
+        /* @__PURE__ */ jsx3(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx3(InformationCircleSolid, { className: "text-ui-fg-muted" }) })
+      ]
+    }
+  );
+};
+
+export {
+  COLLECTION_IMAGE_FORMATS,
+  getCollectionGallery,
+  getCollectionIcon,
+  CollectionMediaInput,
+  CollectionIconInput,
+  CollectionIconTip,
+  uploadCollectionImages
+};