@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

package/dist/cjs/components/checkbox-item.js

@@ -0,0 +1,82 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkbox_item_exports = {};
+__export(checkbox_item_exports, {
+  CheckboxItem: () => CheckboxItem
+});
+module.exports = __toCommonJS(checkbox_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+const CheckboxItem = React.forwardRef(
+  ({ className, children, checked, onCheckedChange, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "label",
+      {
+        ref,
+        className: (0, import_utils.default)(
+          "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
+          "hover:bg-secondary",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              onChange: (e) => onCheckedChange?.(e.target.checked),
+              disabled,
+              className: "sr-only"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_utils.default)(
+                "absolute left-2 flex h-4 w-4 items-center justify-center rounded-[4px] border border-primary shadow transition-colors",
+                checked && "bg-primary text-primary-foreground"
+              ),
+              children: checked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-4 w-4" })
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+CheckboxItem.displayName = "CheckboxItem";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxItem
+});

package/dist/cjs/components/compound-apy.js

@@ -0,0 +1,232 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var compound_apy_exports = {};
+__export(compound_apy_exports, {
+  CompoundAPY: () => CompoundAPY
+});
+module.exports = __toCommonJS(compound_apy_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+var import_format_money = require('../utils/format-money.js');
+var import_description = require('./description.js');
+var import_token_icon = require('./token-icon.js');
+var import_tooltip = require('./tooltip.js');
+var import_typed_intl = require('./typed-intl/index.js');
+function CompoundAPY({
+  totalAPY,
+  baseAPY,
+  extraAPY,
+  externalAPY,
+  tokensList,
+  decimals = 2,
+  className
+}) {
+  const nonZeroExtraAPY = React.useMemo(() => {
+    return extraAPY.filter((apy) => (apy.apy || 0) > 0);
+  }, [extraAPY]);
+  const hasNonZeroExtraAPY = nonZeroExtraAPY.length > 0;
+  const hasExternalAPY = externalAPY && externalAPY.totalValue > 0 && externalAPY.totalValue !== totalAPY;
+  const hasBreakdown = hasNonZeroExtraAPY || hasExternalAPY || baseAPY.length > 1;
+  const apyString = React.useMemo(() => {
+    const number = [
+      (0, import_format_money.formatPercentAmount)(totalAPY, decimals),
+      ...hasExternalAPY ? [(0, import_format_money.formatPercentAmount)(externalAPY.totalValue, decimals)] : []
+    ].join("-");
+    return `${number}%`;
+  }, [totalAPY, hasExternalAPY, externalAPY, decimals]);
+  if (!hasBreakdown) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.default)("font-medium", className), children: [
+      (0, import_format_money.formatPercentAmount)(totalAPY, decimals),
+      "%"
+    ] });
+  }
+  const BASE_TITLE = {
+    supplyAPY: "components.apyParts.supplyAPY",
+    tokenYield: "components.apyParts.tokenYield"
+  };
+  const BASE_TITLE_DESCRIPTION = {
+    supplyAPY: "components.apyParts.supplyAPY.tip",
+    tokenYield: "components.apyParts.tokenYield.tip"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline-flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: (0, import_utils.default)(
+            "inline-flex items-center gap-1.5 font-medium cursor-help",
+            className
+          ),
+          children: [
+            apyString,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "svg",
+              {
+                className: "h-3.5 w-3.5 ",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                role: "img",
+                "aria-label": "APY Information",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "APY Information" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      hasNonZeroExtraAPY && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 mt-1 justify-end", children: nonZeroExtraAPY.map((r) => {
+        const token = tokensList?.[r.rewardToken];
+        const symbol = token?.symbol || r.rewardTokenSymbol;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_token_icon.TokenIcon,
+          {
+            symbol,
+            size: 18
+          },
+          `icon-${r.rewardToken}-${r.apy}`
+        );
+      }) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipContent, { className: "max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2 text-sm", children: [
+      baseAPY.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: "flex justify-between items-start gap-4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typed_intl.FormattedMessageTyped, { messageId: BASE_TITLE[r.type] }),
+                ":"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_description.Description, { className: "text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_typed_intl.FormattedMessageTyped,
+                {
+                  messageId: BASE_TITLE_DESCRIPTION[r.type]
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-medium", children: [
+              (0, import_format_money.formatPercentAmount)(r.apy, decimals),
+              "%"
+            ] })
+          ]
+        },
+        `base-${r.type}-${r.apy}`
+      )),
+      nonZeroExtraAPY.map((r) => {
+        const token = tokensList?.[r.rewardToken];
+        const symbol = token?.symbol || r.rewardTokenSymbol;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: "flex justify-between items-start gap-4",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: " flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_token_icon.TokenIcon, { symbol, size: 16 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_typed_intl.FormattedMessageTyped,
+                    {
+                      messageId: "components.apyParts.extraAPY",
+                      values: { symbol }
+                    }
+                  ),
+                  ":"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_description.Description, { className: "text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typed_intl.FormattedMessageTyped, { messageId: "components.apyParts.extraAPY.tip" }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-medium text-green-500", children: [
+                "+",
+                (0, import_format_money.formatPercentAmount)(r.apy, decimals),
+                "%"
+              ] })
+            ]
+          },
+          `extra-${r.rewardToken}-${r.apy}`
+        );
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between gap-4 pt-2 border-t border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-medium", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typed_intl.FormattedMessageTyped, { messageId: "components.apyParts.totalAPY" }),
+          ":"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-bold", children: [
+          (0, import_format_money.formatPercentAmount)(totalAPY, decimals),
+          "%"
+        ] })
+      ] }),
+      externalAPY?.tooltip && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-2 pt-2 border-t border-border text-xs opacity-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "svg",
+          {
+            className: "h-3.5 w-3.5 mt-0.5 flex-shrink-0",
+            fill: "currentColor",
+            viewBox: "0 0 20 20",
+            role: "img",
+            "aria-label": "External APY",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "External APY" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_typed_intl.FormattedMessageTyped,
+          {
+            messageId: externalAPY.tooltip,
+            values: {
+              name: externalAPY.name,
+              value: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-bold", children: [
+                "+",
+                (0, import_format_money.formatPercentAmount)(externalAPY.value, decimals),
+                "%"
+              ] })
+            }
+          }
+        ) })
+      ] })
+    ] }) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CompoundAPY
+});

package/dist/cjs/components/credit-session-status.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var credit_session_status_exports = {};
+__export(credit_session_status_exports, {
+  CreditSessionStatus: () => CreditSessionStatus
+});
+module.exports = __toCommonJS(credit_session_status_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = __toESM(require('../utils/index.js'));
+const COLOR_BY_STATUS = {
+  active: "bg-green-500",
+  closed: "bg-gray-500",
+  repaid: "bg-gray-500",
+  liquidated: "bg-red-500",
+  liquidateExpired: "bg-red-500",
+  liquidatePaused: "bg-red-500"
+};
+function CreditSessionStatus({
+  status,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_utils.default)(
+        "inline-flex items-center gap-1.5 px-3 py-1.5",
+        "text-xs font-medium uppercase tracking-wider",
+        "bg-muted border border-border rounded-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.default)("w-2 h-2 rounded-full", COLOR_BY_STATUS[status]) }),
+        status
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreditSessionStatus
+});

package/dist/cjs/components/description.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var description_exports = {};
+__export(description_exports, {
+  Description: () => Description
+});
+module.exports = __toCommonJS(description_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = __toESM(require('../utils/index.js'));
+function Description({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_utils.default)("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Description
+});

package/dist/cjs/components/detailed-page-title.js

@@ -0,0 +1,96 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var detailed_page_title_exports = {};
+__export(detailed_page_title_exports, {
+  DetailedPageTitle: () => DetailedPageTitle
+});
+module.exports = __toCommonJS(detailed_page_title_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_utils = __toESM(require('../utils/index.js'));
+var import_copy = require('../utils/copy.js');
+var import_button = require('./buttons/button.js');
+var import_dropdown_menu = require('./dropdown-menu/index.js');
+var import_page_title = require('./page-title.js');
+var import_token_icon = require('./token-icon.js');
+function DetailedPageTitle({
+  title,
+  token,
+  toCopy,
+  explorerLinks,
+  className,
+  onCopySuccess
+}) {
+  const handleCopy = () => {
+    if (toCopy) {
+      (0, import_copy.copyToClipboard)({ text: toCopy });
+      onCopySuccess?.();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_page_title.PageTitle,
+    {
+      icon: token?.symbol && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_token_icon.TokenIcon, { symbol: token.symbol, size: 36 }),
+      actions: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        toCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: handleCopy,
+            title: "Copy address",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { className: "h-4 w-4" })
+          }
+        ),
+        explorerLinks && explorerLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuContent, { align: "end", children: explorerLinks.map((explorer) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "a",
+            {
+              href: explorer.link,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "flex items-center gap-2",
+              children: [
+                explorer.label,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3 w-3 ml-auto" })
+              ]
+            }
+          ) }, explorer.link)) })
+        ] })
+      ] }),
+      className: (0, import_utils.default)(className),
+      children: title
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DetailedPageTitle
+});

package/dist/cjs/components/dialog/dialog-container.js

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dialog_container_exports = {};
+__export(dialog_container_exports, {
+  DialogContainer: () => DialogContainer
+});
+module.exports = __toCommonJS(dialog_container_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+const maxWidthClasses = {
+  sm: "max-w-screen-sm",
+  md: "max-w-screen-md",
+  lg: "max-w-screen-lg",
+  xl: "max-w-screen-xl",
+  "2xl": "max-w-screen-2xl",
+  full: "max-w-full"
+};
+const DialogContainer = React.forwardRef(
+  ({
+    maxWidth = "full",
+    padding = true,
+    center = true,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_utils.default)(
+          "w-full border bg-card rounded-lg border-border",
+          maxWidthClasses[maxWidth],
+          center && "mx-auto",
+          padding && "p-4 sm:p-6 lg:p-8",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogContainer.displayName = "DialogContainer";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogContainer
+});

package/dist/cjs/components/dialog/dialog-content.js

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dialog_content_exports = {};
+__export(dialog_content_exports, {
+  DialogContent: () => DialogContent
+});
+module.exports = __toCommonJS(dialog_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../../utils/index.js'));
+var import_dialog = require('./dialog.js');
+var import_dialog_overlay = require('./dialog-overlay.js');
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog_overlay.DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: (0, import_utils.default)(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[-10%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[-10%] rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-white", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogContent
+});