@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-XBFWFGZH.js

@@ -0,0 +1,249 @@
+import {
+  useDeletePriceListAction
+} from "./chunk-JOX3ZSRT.js";
+import {
+  getPriceListStatus
+} from "./chunk-U5MJIHLY.js";
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  usePriceLists
+} from "./chunk-EEOEIXDA.js";
+
+// src/pages/price-lists/price-list-list/price-list-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PriceListListTitle = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Heading, { children: t("priceLists.domain") }),
+    /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("priceLists.subtitle") })
+  ] });
+};
+var PriceListListActions = ({
+  children
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "create", children: t("actions.create") }) }) });
+};
+var PriceListListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PriceListListTitle, {}),
+    /* @__PURE__ */ jsx(PriceListListActions, {})
+  ] }) });
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation5 } from "react-i18next";
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table-actions.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PriceListListTableActions = ({ priceList }) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeletePriceListAction({ priceList, navigateOnSuccess: false });
+  return /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              to: `${priceList.id}/edit`,
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {})
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx2(Trash, {})
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-columns.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var usePricingTableColumns = () => {
+  const { t } = useTranslation3();
+  return useMemo(
+    () => [
+      columnHelper.accessor("title", {
+        header: () => /* @__PURE__ */ jsx3(TextHeader, { text: t("fields.title") }),
+        cell: (info) => info.getValue()
+      }),
+      columnHelper.accessor("status", {
+        header: t("priceLists.fields.status.label"),
+        cell: ({ row }) => {
+          const { color, text } = getPriceListStatus(t, row.original);
+          return /* @__PURE__ */ jsx3(StatusCell, { color, children: text });
+        }
+      }),
+      columnHelper.accessor("prices", {
+        header: t("priceLists.fields.priceOverrides.header"),
+        cell: (info) => /* @__PURE__ */ jsx3(TextCell, { text: `${info.getValue()?.length || "-"}` })
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx3(PriceListListTableActions, { priceList: row.original })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-filters.tsx
+import { useTranslation as useTranslation4 } from "react-i18next";
+var usePricingTableFilters = () => {
+  const { t } = useTranslation4();
+  const filters = [
+    { label: t("fields.createdAt"), key: "starts_at", type: "date" },
+    { label: t("fields.updatedAt"), key: "ends_at", type: "date" }
+  ];
+  return filters;
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/use-pricing-table-query.tsx
+var usePricingTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    ["offset", "q", "order", "status", "starts_at", "ends_at"],
+    prefix
+  );
+  const searchParams = {
+    limit: pageSize,
+    offset: raw.offset ? Number(raw.offset) : 0,
+    order: raw.order,
+    status: raw.status?.split(","),
+    starts_at: raw.starts_at ? JSON.parse(raw.starts_at) : void 0,
+    ends_at: raw.ends_at ? JSON.parse(raw.ends_at) : void 0,
+    q: raw.q
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-data-table.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var PriceListListDataTable = () => {
+  const { t } = useTranslation5();
+  const { searchParams, raw } = usePricingTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { price_lists, count, isLoading, isError, error } = usePriceLists(
+    searchParams,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = usePricingTableFilters();
+  const columns = usePricingTableColumns();
+  const { table } = useDataTable({
+    data: price_lists || [],
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx4(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      filters,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "status", label: t("fields.status") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      queryObject: raw,
+      pageSize: PAGE_SIZE,
+      navigateTo: (row) => row.original.id,
+      isLoading,
+      pagination: true,
+      search: true
+    }
+  );
+};
+
+// src/pages/price-lists/price-list-list/components/price-list-list-table/price-list-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var PriceListListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx5(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(PriceListListHeader, {}),
+    /* @__PURE__ */ jsx5(PriceListListDataTable, {})
+  ] }) });
+};
+
+// src/pages/price-lists/price-list-list/price-list-list.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(PriceListListTable, {}) });
+};
+var PriceListListPage = Object.assign(Root, {
+  Table: PriceListListTable,
+  Header: PriceListListHeader,
+  HeaderTitle: PriceListListTitle,
+  HeaderActions: PriceListListActions,
+  DataTable: PriceListListDataTable
+});
+
+export {
+  PriceListListPage
+};

package/dist/chunk-XFKRBJLK.js

@@ -0,0 +1,104 @@
+import {
+  productsQueryKeys
+} from "./chunk-WBNGBRBK.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  queryKeysFactory
+} from "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+
+// src/hooks/api/categories.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var CATEGORIES_QUERY_KEY = "categories";
+var categoriesQueryKeys = queryKeysFactory(CATEGORIES_QUERY_KEY);
+var useProductCategory = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: categoriesQueryKeys.detail(id, query),
+    queryFn: () => sdk.admin.productCategories.$id.query({ $id: id, ...query }),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useProductCategories = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: categoriesQueryKeys.list(query),
+    queryFn: () => sdk.admin.productCategories.query({ ...query }),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateProductCategory = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.productCategories.mutate(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: categoriesQueryKeys.lists() });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateProductCategory = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.productCategories.$id.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: categoriesQueryKeys.lists() });
+      queryClient.invalidateQueries({
+        queryKey: categoriesQueryKeys.detail(id)
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteProductCategory = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.productCategories.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: categoriesQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({ queryKey: categoriesQueryKeys.lists() });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateProductCategoryProducts = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.productCategories.$id.products.mutate({
+      $id: id,
+      ...payload
+    }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: categoriesQueryKeys.lists() });
+      queryClient.invalidateQueries({
+        queryKey: categoriesQueryKeys.details()
+      });
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.details()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  categoriesQueryKeys,
+  useProductCategory,
+  useProductCategories,
+  useCreateProductCategory,
+  useUpdateProductCategory,
+  useDeleteProductCategory,
+  useUpdateProductCategoryProducts
+};

package/dist/chunk-XFR5JLNF.js

@@ -0,0 +1,44 @@
+// src/pages/api-key-management/common/utils.ts
+function getApiKeyTypeFromPathname(pathname) {
+  const isSecretKey = pathname.startsWith("/settings/secret-api-keys");
+  switch (isSecretKey) {
+    case true:
+      return "secret" /* SECRET */;
+    case false:
+      return "publishable" /* PUBLISHABLE */;
+  }
+}
+function getApiKeyStatusProps(revokedAt, t) {
+  if (!revokedAt) {
+    return {
+      color: "green",
+      label: t("apiKeyManagement.status.active")
+    };
+  }
+  return {
+    color: "red",
+    label: t("apiKeyManagement.status.revoked")
+  };
+}
+function getApiKeyTypeProps(type, t) {
+  if (type === "publishable" /* PUBLISHABLE */) {
+    return {
+      color: "green",
+      label: t("apiKeyManagement.type.publishable")
+    };
+  }
+  return {
+    color: "blue",
+    label: t("apiKeyManagement.type.secret")
+  };
+}
+var prettifyRedactedToken = (token) => {
+  return token.replace("***", `\u2022\u2022\u2022`);
+};
+
+export {
+  getApiKeyTypeFromPathname,
+  getApiKeyStatusProps,
+  getApiKeyTypeProps,
+  prettifyRedactedToken
+};

package/dist/chunk-XIZLPYEE.js

@@ -0,0 +1,261 @@
+// src/components/layout/pages/single-column-page/single-column-page.tsx
+import { Outlet } from "react-router-dom";
+
+// src/components/common/json-view-section/json-view-section.tsx
+import {
+  ArrowUpRightOnBox,
+  Check,
+  SquareTwoStack,
+  TriangleDownMini,
+  XMarkMini
+} from "@medusajs/icons";
+import {
+  Badge,
+  Container,
+  Drawer,
+  Heading,
+  IconButton,
+  Kbd
+} from "@medusajs/ui";
+import Primitive from "@uiw/react-json-view";
+import { Suspense, useState } from "react";
+import { Trans, useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var JsonViewSection = ({ data }) => {
+  const { t } = useTranslation();
+  const numberOfKeys = Object.keys(data).length;
+  return /* @__PURE__ */ jsxs(Container, { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("json.header") }),
+      /* @__PURE__ */ jsx(Badge, { size: "2xsmall", rounded: "full", children: t("json.numberOfKeys", {
+        count: numberOfKeys
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Drawer, { children: [
+      /* @__PURE__ */ jsx(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          variant: "transparent",
+          className: "text-ui-fg-muted hover:text-ui-fg-subtle",
+          children: /* @__PURE__ */ jsx(ArrowUpRightOnBox, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        Drawer.Content,
+        {
+          dir: "ltr",
+          className: "bg-ui-contrast-bg-base text-ui-code-fg-subtle !shadow-elevation-commandbar overflow-hidden border border-none max-md:inset-x-2 max-md:max-w-[calc(100%-16px)]",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "bg-ui-code-bg-base flex items-center justify-between px-6 py-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
+                /* @__PURE__ */ jsx(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { className: "text-ui-contrast-fg-primary", children: /* @__PURE__ */ jsx(
+                  Trans,
+                  {
+                    i18nKey: "json.drawer.header",
+                    count: numberOfKeys,
+                    components: [
+                      /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle" }, "count-span")
+                    ]
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsx(Drawer.Description, { className: "sr-only", children: t("json.drawer.description") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+                /* @__PURE__ */ jsx(Kbd, { className: "bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary", children: "esc" }),
+                /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    variant: "transparent",
+                    className: "text-ui-contrast-fg-secondary hover:text-ui-contrast-fg-primary hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:bg-ui-contrast-bg-base-hover focus-visible:shadow-borders-interactive-with-active",
+                    children: /* @__PURE__ */ jsx(XMarkMini, {})
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Drawer.Body, { className: "flex flex-1 flex-col overflow-hidden px-[5px] py-0 pb-[5px]", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-contrast-bg-subtle flex-1 overflow-auto rounded-b-[4px] rounded-t-lg p-3", children: /* @__PURE__ */ jsx(
+              Suspense,
+              {
+                fallback: /* @__PURE__ */ jsx("div", { className: "flex size-full flex-col" }),
+                children: /* @__PURE__ */ jsxs(
+                  Primitive,
+                  {
+                    value: data,
+                    displayDataTypes: false,
+                    style: {
+                      "--w-rjv-font-family": "Roboto Mono, monospace",
+                      "--w-rjv-line-color": "var(--contrast-border-base)",
+                      "--w-rjv-curlybraces-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-brackets-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-key-string": "var(--contrast-fg-primary)",
+                      "--w-rjv-info-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-type-string-color": "var(--tag-green-icon)",
+                      "--w-rjv-quotes-string-color": "var(--tag-green-icon)",
+                      "--w-rjv-type-boolean-color": "var(--tag-orange-icon)",
+                      "--w-rjv-type-int-color": "var(--tag-orange-icon)",
+                      "--w-rjv-type-float-color": "var(--tag-orange-icon)",
+                      "--w-rjv-type-bigint-color": "var(--tag-orange-icon)",
+                      "--w-rjv-key-number": "var(--contrast-fg-secondary)",
+                      "--w-rjv-arrow-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-copied-color": "var(--contrast-fg-secondary)",
+                      "--w-rjv-copied-success-color": "var(--contrast-fg-primary)",
+                      "--w-rjv-colon-color": "var(--contrast-fg-primary)",
+                      "--w-rjv-ellipsis-color": "var(--contrast-fg-secondary)"
+                    },
+                    collapsed: 1,
+                    children: [
+                      /* @__PURE__ */ jsx(Primitive.Quote, { render: () => /* @__PURE__ */ jsx("span", {}) }),
+                      /* @__PURE__ */ jsx(
+                        Primitive.Null,
+                        {
+                          render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-red-icon", children: "null" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Primitive.Undefined,
+                        {
+                          render: () => /* @__PURE__ */ jsx("span", { className: "text-ui-tag-blue-icon", children: "undefined" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Primitive.CountInfo,
+                        {
+                          render: (_props, { value }) => {
+                            return /* @__PURE__ */ jsx("span", { className: "text-ui-contrast-fg-secondary ml-2", children: t("general.items", {
+                              count: Object.keys(value).length
+                            }) });
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Primitive.Arrow, { children: /* @__PURE__ */ jsx(TriangleDownMini, { className: "text-ui-contrast-fg-secondary -ml-[0.5px]" }) }),
+                      /* @__PURE__ */ jsx(Primitive.Colon, { children: /* @__PURE__ */ jsx("span", { className: "mr-1", children: ":" }) }),
+                      /* @__PURE__ */ jsx(
+                        Primitive.Copied,
+                        {
+                          render: ({ style }, { value }) => {
+                            return /* @__PURE__ */ jsx(Copied, { style, value });
+                          }
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ) }) })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var Copied = ({ style, value }) => {
+  const [copied, setCopied] = useState(false);
+  const handler = (e) => {
+    e.stopPropagation();
+    setCopied(true);
+    if (typeof value === "string") {
+      navigator.clipboard.writeText(value);
+    } else {
+      const json = JSON.stringify(value, null, 2);
+      navigator.clipboard.writeText(json);
+    }
+    setTimeout(() => {
+      setCopied(false);
+    }, 2e3);
+  };
+  const styl = { whiteSpace: "nowrap", width: "20px" };
+  if (copied) {
+    return /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, children: /* @__PURE__ */ jsx(Check, { className: "text-ui-contrast-fg-primary" }) });
+  }
+  return /* @__PURE__ */ jsx("span", { style: { ...style, ...styl }, onClick: handler, children: /* @__PURE__ */ jsx(SquareTwoStack, { className: "text-ui-contrast-fg-secondary" }) });
+};
+
+// src/components/common/metadata-section/metadata-section.tsx
+import { ArrowUpRightOnBox as ArrowUpRightOnBox2 } from "@medusajs/icons";
+import { Badge as Badge2, Container as Container2, Heading as Heading2, IconButton as IconButton2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MetadataSection = ({
+  data,
+  href = "metadata/edit"
+}) => {
+  const { t } = useTranslation2();
+  if (!data) {
+    return null;
+  }
+  if (!("metadata" in data)) {
+    return null;
+  }
+  const numberOfKeys = data.metadata ? Object.keys(data.metadata).length : 0;
+  return /* @__PURE__ */ jsxs2(Container2, { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("metadata.header") }),
+      /* @__PURE__ */ jsx2(Badge2, { size: "2xsmall", rounded: "full", children: t("metadata.numberOfKeys", {
+        count: numberOfKeys
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      IconButton2,
+      {
+        size: "small",
+        variant: "transparent",
+        className: "text-ui-fg-muted hover:text-ui-fg-subtle",
+        asChild: true,
+        children: /* @__PURE__ */ jsx2(Link, { to: href, children: /* @__PURE__ */ jsx2(ArrowUpRightOnBox2, {}) })
+      }
+    )
+  ] });
+};
+
+// src/components/layout/pages/single-column-page/single-column-page.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var SingleColumnPage = ({
+  children,
+  /**
+   * Data of the page which is passed to Widgets, JSON view, and Metadata view.
+   */
+  data,
+  /**
+   * Whether the page should render an outlet for children routes. Defaults to true.
+   */
+  hasOutlet = true,
+  /**
+   * Whether to show JSON view of the data. Defaults to false.
+   */
+  showJSON,
+  /**
+   * Whether to show metadata view of the data. Defaults to false.
+   */
+  showMetadata
+}) => {
+  if (showJSON && !data) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(
+        "`showJSON` is true but no data is provided. To display JSON, provide data prop."
+      );
+    }
+    showJSON = false;
+  }
+  if (showMetadata && !data) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(
+        "`showMetadata` is true but no data is provided. To display metadata, provide data prop."
+      );
+    }
+    showMetadata = false;
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-3", children: [
+    children,
+    showMetadata && /* @__PURE__ */ jsx3(MetadataSection, { data }),
+    showJSON && /* @__PURE__ */ jsx3(JsonViewSection, { data }),
+    hasOutlet && /* @__PURE__ */ jsx3(Outlet, {})
+  ] });
+};
+
+export {
+  JsonViewSection,
+  MetadataSection,
+  SingleColumnPage
+};