@medusajs/dashboard 3.0.0-snapshot-20251208164410 → 3.0.0-snapshot-20251211173847

package/dist/{chunk-5AM254NB.mjs → chunk-OFN7DIZA.mjs}

@@ -16,7 +16,7 @@ import {
   TrianglesMini,
   XMarkMini
 } from "@medusajs/icons";
-import { Badge, clx, Text } from "@medusajs/ui";
+import { clx, Text } from "@medusajs/ui";
 import { matchSorter } from "match-sorter";
 import {
   Fragment,
@@ -54,7 +54,6 @@ var ComboboxImpl = ({
   noResultsPlaceholder,
   allowClear,
   forceHideInput,
-  displayMode = "count",
   ...inputProps
 }, ref) => {
   const [open, setOpen] = useState(false);
@@ -98,13 +97,6 @@ var ComboboxImpl = ({
       onSearchValueChange(query);
     }
   };
-  const handleRemoveValue = (valueToRemove) => {
-    if (!isArrayValue || !Array.isArray(selectedValues)) {
-      return;
-    }
-    const newValues = selectedValues.filter((v) => v !== valueToRemove);
-    handleValueChange(newValues);
-  };
   const matches = useMemo(() => {
     if (isSearchControlled) {
       return [];
@@ -176,80 +168,7 @@ var ComboboxImpl = ({
         startTransition(() => handleSearchChange(query));
       },
       children: [
-        displayMode === "chips" && isArrayValue ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clx(
-              "relative flex cursor-pointer flex-wrap items-center gap-1.5",
-              "min-h-8 w-full rounded-md",
-              "bg-ui-bg-field transition-fg shadow-borders-base",
-              "has-[input:focus]:shadow-borders-interactive-with-active",
-              "has-[:invalid]:shadow-borders-error has-[[aria-invalid=true]]:shadow-borders-error",
-              "has-[:disabled]:bg-ui-bg-disabled has-[:disabled]:text-ui-fg-disabled has-[:disabled]:cursor-not-allowed",
-              "p-1",
-              className
-            ),
-            children: [
-              Array.isArray(selectedValues) && selectedValues.map((value) => {
-                const option = options.find((o) => o.value === value);
-                if (!option) return null;
-                return /* @__PURE__ */ jsxs(
-                  Badge,
-                  {
-                    size: "2xsmall",
-                    className: "gap-x-0.5 pl-1.5 pr-1 transition-fg",
-                    children: [
-                      option.label,
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          tabIndex: -1,
-                          type: "button",
-                          onClick: (e) => {
-                            e.preventDefault();
-                            handleRemoveValue(value);
-                          },
-                          className: "text-ui-fg-subtle transition-fg outline-none",
-                          children: /* @__PURE__ */ jsx(XMarkMini, {})
-                        }
-                      )
-                    ]
-                  },
-                  value
-                );
-              }),
-              /* @__PURE__ */ jsx("div", { className: "relative flex flex-1 items-center min-w-[120px]", children: /* @__PURE__ */ jsx(
-                PrimitiveCombobox,
-                {
-                  autoSelect: true,
-                  ref: comboboxRef,
-                  onFocus: () => setOpen(true),
-                  className: clx(
-                    "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pe-8 ps-1 outline-none focus:cursor-text"
-                  ),
-                  placeholder: Array.isArray(selectedValues) && selectedValues.length > 0 ? void 0 : placeholder,
-                  ...inputProps
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                PrimitiveComboboxDisclosure,
-                {
-                  render: (props) => {
-                    return /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        ...props,
-                        type: "button",
-                        className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute end-0 top-0 flex h-8 w-8 items-center justify-center rounded-r outline-none",
-                        children: /* @__PURE__ */ jsx(TrianglesMini, {})
-                      }
-                    );
-                  }
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             className: clx(
@@ -315,6 +234,7 @@ var ComboboxImpl = ({
                     onFocus: () => setOpen(true),
                     className: clx(
                       "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pe-8 ps-2 outline-none focus:cursor-text",
+                      "hover:bg-ui-bg-field-hover",
                       {
                         "opacity-0": hideInput,
                         "ps-2": !showTag,

package/dist/{chunk-42TMWI76.mjs → chunk-OXPE5TAY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3TZOFKX2.mjs";
 import {
   Combobox
-} from "./chunk-5AM254NB.mjs";
+} from "./chunk-OFN7DIZA.mjs";
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";

package/dist/{chunk-NTYLG6Y3.mjs → chunk-QPKW37WR.mjs}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-3ZJ55SFA.mjs";
+} from "./chunk-RU4ZS47V.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -244,12 +244,25 @@ import { useMutation as useMutation4 } from "@tanstack/react-query";
 var FULFILLMENTS_QUERY_KEY = "fulfillments";
 var fulfillmentsQueryKeys = queryKeysFactory(FULFILLMENTS_QUERY_KEY);
 
-// src/hooks/api/notification.tsx
+// src/hooks/api/locales.tsx
 import { useQuery as useQuery6 } from "@tanstack/react-query";
+var LOCALES_QUERY_KEY = "locales";
+var localesQueryKeys = queryKeysFactory(LOCALES_QUERY_KEY);
+var useLocales = (query, options) => {
+  const { data, ...rest } = useQuery6({
+    queryFn: () => sdk.admin.locale.list(query),
+    queryKey: localesQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+// src/hooks/api/notification.tsx
+import { useQuery as useQuery7 } from "@tanstack/react-query";
 var NOTIFICATION_QUERY_KEY = "notification";
 var notificationQueryKeys = queryKeysFactory(NOTIFICATION_QUERY_KEY);
 var useNotifications = (query, options) => {
-  const { data, ...rest } = useQuery6({
+  const { data, ...rest } = useQuery7({
     queryFn: () => sdk.admin.notification.list(query),
     queryKey: notificationQueryKeys.list(query),
     ...options
@@ -285,7 +298,7 @@ var useMarkPaymentCollectionAsPaid = (orderId, paymentCollectionId, options) =>
 // src/hooks/api/payments.tsx
 import {
   useMutation as useMutation6,
-  useQuery as useQuery7
+  useQuery as useQuery8
 } from "@tanstack/react-query";
 var PAYMENT_QUERY_KEY = "payment";
 var paymentQueryKeys = queryKeysFactory(PAYMENT_QUERY_KEY);
@@ -325,6 +338,7 @@ var useRefundPayment = (orderId, paymentId, options) => {
 };
 
 export {
+  useLocales,
   notificationQueryKeys,
   useNotifications,
   useMarkPaymentCollectionAsPaid,

package/dist/{chunk-PCFUZKDS.mjs → chunk-R65S6ZZV.mjs}

@@ -3,7 +3,10 @@ import {
 } from "./chunk-C76H5USB.mjs";
 
 // src/hooks/table/query/use-product-table-query.tsx
-var DEFAULT_FIELDS = "id,title,handle,status,*collection,*sales_channels,variants.id,thumbnail";
+var DEFAULT_FIELDS = (
+  // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+  "id,title,handle,status,*collection,*sales_channels,variants.id,thumbnail,-type,-options,-tags,-images,-variants"
+);
 var useProductTableQuery = ({
   prefix,
   pageSize = 20

package/dist/{chunk-3ZJ55SFA.mjs → chunk-RU4ZS47V.mjs}

@@ -1,9 +1,9 @@
 import {
   reservationItemsQueryKeys
-} from "./chunk-MOGV3UZD.mjs";
+} from "./chunk-N4O5FAUC.mjs";
 import {
   inventoryItemsQueryKeys
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -248,6 +248,15 @@ var useUpdateOrderChange = (orderChangeId, options) => {
     ...options
   });
 };
+var useExportOrders = (query, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.order.export(query),
+    onSuccess: (data, variables, context) => {
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
 
 export {
   ordersQueryKeys,
@@ -266,5 +275,6 @@ export {
   useRequestTransferOrder,
   useCancelOrderTransfer,
   useCreateOrderCreditLine,
-  useUpdateOrderChange
+  useUpdateOrderChange,
+  useExportOrders
 };

package/dist/{chunk-NKGKWMUU.mjs → chunk-SKA4AJO4.mjs}

@@ -1,9 +1,9 @@
 import {
   DISPLAY_OVERRIDE_ITEMS_LIMIT
-} from "./chunk-HEYM67GY.mjs";
+} from "./chunk-EI27JC4V.mjs";
 import {
   TaxRateRuleReferenceType
-} from "./chunk-35G7IXTE.mjs";
+} from "./chunk-M4Z2YEYB.mjs";
 import {
   LocalizedTablePagination,
   useDeleteTaxRateAction
@@ -35,7 +35,7 @@ import {
 } from "./chunk-HBXV7ENS.mjs";
 import {
   useProducts
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 
 // src/routes/tax-regions/common/components/tax-rate-line/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -120,16 +120,13 @@ var TaxOverrideCard = ({ taxRate }) => {
   if (taxRate.is_default) {
     return null;
   }
-  const groupedRules = taxRate.rules.reduce(
-    (acc, rule) => {
-      if (!acc[rule.reference]) {
-        acc[rule.reference] = [];
-      }
-      acc[rule.reference].push(rule.reference_id);
-      return acc;
-    },
-    {}
-  );
+  const groupedRules = taxRate.rules.reduce((acc, rule) => {
+    if (!acc[rule.reference]) {
+      acc[rule.reference] = [];
+    }
+    acc[rule.reference].push(rule.reference_id);
+    return acc;
+  }, {});
   const validKeys = Object.values(TaxRateRuleReferenceType);
   const numberOfTargets = Object.keys(groupedRules).map(
     (key) => validKeys.includes(key)
@@ -297,7 +294,9 @@ var useReferenceValues = (type, ids) => {
   const products = useProducts(
     {
       id: ids.slice(0, DISPLAY_OVERRIDE_ITEMS_LIMIT),
-      limit: DISPLAY_OVERRIDE_ITEMS_LIMIT
+      limit: DISPLAY_OVERRIDE_ITEMS_LIMIT,
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields: "-type,-collection,-options,-tags,-images,-variants,-sales_channels"
     },
     {
       enabled: !!ids.length && type === "product" /* PRODUCT */

package/dist/{chunk-VSQK3AWP.mjs → chunk-VX2HE7O5.mjs}

@@ -1,13 +1,14 @@
-import {
-  toCamelCase
-} from "./chunk-6CPMXY5N.mjs";
 import {
   DisplayIdCell,
   TotalCell
-} from "./chunk-3I6G3NRU.mjs";
+} from "./chunk-WG7UTTKY.mjs";
 import {
   DateCell
 } from "./chunk-ROKB75YP.mjs";
+import {
+  getOrderFulfillmentStatus,
+  getOrderPaymentStatus
+} from "./chunk-NTEWUH4C.mjs";
 import {
   MoneyAmountCell
 } from "./chunk-INE2QCSC.mjs";
@@ -25,7 +26,7 @@ import {
   SaveViewDialog,
   useViewConfiguration,
   useViewConfigurations
-} from "./chunk-TBEGSDLQ.mjs";
+} from "./chunk-KCWP7RF5.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
@@ -34,7 +35,7 @@ import {
 } from "./chunk-DG7J63J2.mjs";
 import {
   useFeatureFlag
-} from "./chunk-M32MJOJN.mjs";
+} from "./chunk-G4BWCU5P.mjs";
 import {
   useEntityColumns
 } from "./chunk-3BF5SC66.mjs";
@@ -546,6 +547,14 @@ var StatusRenderer = (value, row, column, t) => {
   if (column.field === "status" && row.status && (row.handle || row.is_giftcard !== void 0)) {
     return /* @__PURE__ */ jsx2(ProductStatusCell, { status: row.status });
   }
+  if (column.context === "payment" && t) {
+    const { label, color } = getOrderPaymentStatus(t, value);
+    return /* @__PURE__ */ jsx2(StatusBadge, { color, children: label });
+  }
+  if (column.context === "fulfillment" && t) {
+    const { label, color } = getOrderFulfillmentStatus(t, value);
+    return /* @__PURE__ */ jsx2(StatusBadge, { color, children: label });
+  }
   const getStatusColor = (status) => {
     switch (status?.toLowerCase()) {
       case "active":
@@ -567,10 +576,9 @@ var StatusRenderer = (value, row, column, t) => {
         return "grey";
     }
   };
-  const getTranslatedStatus = (status, column2) => {
+  const getTranslatedStatus = (status) => {
     if (!t) return status;
     const lowerStatus = status.toLowerCase();
-    const camelCaseStatus = toCamelCase(lowerStatus);
     switch (lowerStatus) {
       case "active":
         return t("general.active", "Active");
@@ -583,16 +591,10 @@ var StatusRenderer = (value, row, column, t) => {
       case "canceled":
         return t("orders.status.canceled", "Canceled");
       default:
-        if (column2.context === "payment") {
-          return t(`orders.payment.status.${camelCaseStatus}`, status);
-        }
-        if (column2.context === "fulfillment") {
-          return t(`orders.fulfillment.status.${camelCaseStatus}`, status);
-        }
         return t(`status.${lowerStatus}`, status);
     }
   };
-  const translatedValue = getTranslatedStatus(value, column);
+  const translatedValue = getTranslatedStatus(value);
   return /* @__PURE__ */ jsx2(StatusBadge, { color: getStatusColor(value), children: translatedValue });
 };
 var BadgeListRenderer = (value, row, column, t) => {
@@ -604,7 +606,9 @@ var BadgeListRenderer = (value, row, column, t) => {
   const remaining = value.length - 2;
   return /* @__PURE__ */ jsxs2("div", { className: "flex gap-1", children: [
     items.map((item, index) => /* @__PURE__ */ jsx2(Badge, { size: "xsmall", children: typeof item === "string" ? item : item.name || item.title || "-" }, index)),
-    remaining > 0 && /* @__PURE__ */ jsx2(Badge, { size: "xsmall", color: "grey", children: t ? t("general.plusCountMore", "+ {{count}} more", { count: remaining }) : `+${remaining}` })
+    remaining > 0 && /* @__PURE__ */ jsx2(Badge, { size: "xsmall", color: "grey", children: t ? t("general.plusCountMore", "+ {{count}} more", {
+      count: remaining
+    }) : `+${remaining}` })
   ] });
 };
 var ProductInfoRenderer = (_, row, _column, _t) => {

package/dist/{chunk-3I6G3NRU.mjs → chunk-WG7UTTKY.mjs}

@@ -25,11 +25,11 @@ var DisplayIdHeader = () => {
 // src/components/table/table-cells/order/total-cell/total-cell.tsx
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var TotalCell = ({ currencyCode, total }) => {
+var TotalCell = ({ currencyCode, total, className }) => {
   if (!total) {
     return /* @__PURE__ */ jsx2(PlaceholderCell, {});
   }
-  return /* @__PURE__ */ jsx2(MoneyAmountCell, { currencyCode, amount: total, align: "right" });
+  return /* @__PURE__ */ jsx2(MoneyAmountCell, { currencyCode, amount: total, className, align: "right" });
 };
 var TotalHeader = () => {
   const { t } = useTranslation2();

package/dist/{chunk-YGEJFHC3.mjs → chunk-XIVBRONM.mjs}

@@ -1,6 +1,6 @@
 import {
   salesChannelsQueryKeys
-} from "./chunk-FNQ227BC.mjs";
+} from "./chunk-N3FCYZV6.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/chunk-XNIVMZHA.mjs

@@ -0,0 +1,50 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-MSDRGCRR.mjs";
+import {
+  useQueryParams
+} from "./chunk-C76H5USB.mjs";
+
+// src/routes/store/common/hooks/use-locales-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useLocalesTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("code", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.code") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.name") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/routes/store/common/hooks/use-locales-table-query.tsx
+var useLocalesTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(["order", "q", "offset"], prefix);
+  const { offset, ...rest } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset) : 0,
+    ...rest
+  };
+  return { searchParams, raw };
+};
+
+export {
+  useLocalesTableColumns,
+  useLocalesTableQuery
+};

package/dist/chunk-XXBP2Z5M.mjs

@@ -0,0 +1,182 @@
+import {
+  RouteModalForm,
+  RouteModalProvider,
+  StackedModalProvider,
+  useStackedModal,
+  useStateAwareTo
+} from "./chunk-42OOM4DJ.mjs";
+
+// src/components/modals/route-drawer/route-drawer.tsx
+import { Drawer, clx } from "@medusajs/ui";
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+var Root = ({ prev = "..", children }) => {
+  const navigate = useNavigate();
+  const [open, setOpen] = useState(false);
+  const [stackedModalOpen, onStackedModalOpen] = useState(false);
+  const to = useStateAwareTo(prev);
+  useEffect(() => {
+    setOpen(true);
+    return () => {
+      setOpen(false);
+      onStackedModalOpen(false);
+    };
+  }, []);
+  const handleOpenChange = (open2) => {
+    if (!open2) {
+      document.body.style.pointerEvents = "auto";
+      navigate(to, { replace: true });
+      return;
+    }
+    setOpen(open2);
+  };
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx(RouteModalProvider, { prev: to, children: /* @__PURE__ */ jsx(StackedModalProvider, { onOpenChange: onStackedModalOpen, children: /* @__PURE__ */ jsx(
+    Drawer.Content,
+    {
+      "aria-describedby": void 0,
+      className: clx({
+        "!bg-ui-bg-disabled !inset-y-5 !right-5": stackedModalOpen
+      }),
+      children
+    }
+  ) }) }) });
+};
+var Header = Drawer.Header;
+var Title = Drawer.Title;
+var Description = Drawer.Description;
+var Body = Drawer.Body;
+var Footer = Drawer.Footer;
+var Close = Drawer.Close;
+var Form = RouteModalForm;
+var RouteDrawer = Object.assign(Root, {
+  Header,
+  Title,
+  Body,
+  Description,
+  Footer,
+  Close,
+  Form
+});
+
+// src/components/modals/stacked-drawer/stacked-drawer.tsx
+import { Drawer as Drawer2, clx as clx2 } from "@medusajs/ui";
+import {
+  forwardRef,
+  useEffect as useEffect2
+} from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Root2 = ({ id, children }) => {
+  const { register, unregister, getIsOpen, setIsOpen } = useStackedModal();
+  useEffect2(() => {
+    register(id);
+    return () => unregister(id);
+  }, []);
+  return /* @__PURE__ */ jsx2(Drawer2, { open: getIsOpen(id), onOpenChange: (open) => setIsOpen(id, open), children });
+};
+var Close2 = Drawer2.Close;
+Close2.displayName = "StackedDrawer.Close";
+var Header2 = Drawer2.Header;
+Header2.displayName = "StackedDrawer.Header";
+var Body2 = Drawer2.Body;
+Body2.displayName = "StackedDrawer.Body";
+var Trigger = Drawer2.Trigger;
+Trigger.displayName = "StackedDrawer.Trigger";
+var Footer2 = Drawer2.Footer;
+Footer2.displayName = "StackedDrawer.Footer";
+var Title2 = Drawer2.Title;
+Title2.displayName = "StackedDrawer.Title";
+var Description2 = Drawer2.Description;
+Description2.displayName = "StackedDrawer.Description";
+var Content = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx2(
+    Drawer2.Content,
+    {
+      ref,
+      className: clx2(className),
+      overlayProps: {
+        className: "bg-transparent"
+      },
+      ...props
+    }
+  );
+});
+Content.displayName = "StackedDrawer.Content";
+var StackedDrawer = Object.assign(Root2, {
+  Close: Close2,
+  Header: Header2,
+  Body: Body2,
+  Content,
+  Trigger,
+  Footer: Footer2,
+  Description: Description2,
+  Title: Title2
+});
+
+// src/components/modals/stacked-focus-modal/stacked-focus-modal.tsx
+import { FocusModal, clx as clx3 } from "@medusajs/ui";
+import {
+  forwardRef as forwardRef2,
+  useEffect as useEffect3
+} from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Root3 = ({
+  id,
+  onOpenChangeCallback,
+  children
+}) => {
+  const { register, unregister, getIsOpen, setIsOpen } = useStackedModal();
+  useEffect3(() => {
+    register(id);
+    return () => unregister(id);
+  }, []);
+  const handleOpenChange = (open) => {
+    setIsOpen(id, open);
+    onOpenChangeCallback?.(open);
+  };
+  return /* @__PURE__ */ jsx3(FocusModal, { open: getIsOpen(id), onOpenChange: handleOpenChange, children });
+};
+var Close3 = FocusModal.Close;
+Close3.displayName = "StackedFocusModal.Close";
+var Header3 = FocusModal.Header;
+Header3.displayName = "StackedFocusModal.Header";
+var Body3 = FocusModal.Body;
+Body3.displayName = "StackedFocusModal.Body";
+var Trigger2 = FocusModal.Trigger;
+Trigger2.displayName = "StackedFocusModal.Trigger";
+var Footer3 = FocusModal.Footer;
+Footer3.displayName = "StackedFocusModal.Footer";
+var Title3 = FocusModal.Title;
+Title3.displayName = "StackedFocusModal.Title";
+var Description3 = FocusModal.Description;
+Description3.displayName = "StackedFocusModal.Description";
+var Content2 = forwardRef2(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3(
+    FocusModal.Content,
+    {
+      ref,
+      className: clx3("!top-6", className),
+      overlayProps: {
+        className: "bg-transparent"
+      },
+      ...props
+    }
+  );
+});
+Content2.displayName = "StackedFocusModal.Content";
+var StackedFocusModal = Object.assign(Root3, {
+  Close: Close3,
+  Header: Header3,
+  Body: Body3,
+  Content: Content2,
+  Trigger: Trigger2,
+  Footer: Footer3,
+  Description: Description3,
+  Title: Title3
+});
+
+export {
+  RouteDrawer,
+  StackedDrawer,
+  StackedFocusModal
+};