@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.10

package/dist/esm/components/composites/strategies-table/index.js

@@ -1,40 +0,0 @@
-import { customStrategyColumn as t, strategyColumn as r, strategyLeverageColumn as a, strategyRewardsColumn as p } from "./columns.js";
-import { APYFeature as l, APYFeatureTooltip as s } from "./components/apy-feature/apy-feature.js";
-import { RWAFeature as u, StrategiesRewardsCell as f, StrategyPoints as x, ZeroSlippageFeature as n } from "./components/cells/cells.js";
-import { DisabledWrap as g, Plus as R, TitleGrid as T } from "./components/cells/cells.styles.js";
-import { Feature as w } from "./components/feature/feature.js";
-import { FeatureRoot as C } from "./components/feature/feature.styles.js";
-import { StrategiesTableNotFoundLine as y } from "./components/not-found-line.js";
-import { PointsFeature as A, PointsFeatureTooltip as L, PointsLabel as v } from "./components/points-feature/points-feature.js";
-import { RewardsTooltip as Y, RewardsTooltipHover as c } from "./components/rewards-tooltip/rewards-tooltip.js";
-import { RewardsTooltipRoot as G } from "./components/rewards-tooltip/rewards-tooltip-root.js";
-import { RewardsTooltipView as N } from "./components/rewards-tooltip/rewards-tooltip-view.js";
-import { RewardsTooltipContent as Z } from "./components/rewards-tooltip/tooltip-content.js";
-import { StrategiesTable as j } from "./components/strategies-table.js";
-export {
-  l as APYFeature,
-  s as APYFeatureTooltip,
-  g as DisabledWrap,
-  w as Feature,
-  C as FeatureRoot,
-  R as Plus,
-  A as PointsFeature,
-  L as PointsFeatureTooltip,
-  v as PointsLabel,
-  u as RWAFeature,
-  Y as RewardsTooltip,
-  Z as RewardsTooltipContent,
-  c as RewardsTooltipHover,
-  G as RewardsTooltipRoot,
-  N as RewardsTooltipView,
-  f as StrategiesRewardsCell,
-  j as StrategiesTable,
-  y as StrategiesTableNotFoundLine,
-  x as StrategyPoints,
-  T as TitleGrid,
-  n as ZeroSlippageFeature,
-  t as customStrategyColumn,
-  r as strategyColumn,
-  a as strategyLeverageColumn,
-  p as strategyRewardsColumn
-};

package/dist/esm/components/composites/strategies-table/types/cells.js

@@ -1 +0,0 @@
-

package/dist/esm/components/composites/strategies-table/types/index.js

@@ -1 +0,0 @@
-

package/dist/esm/components/composites/strategies-table/types/points-reward.js

@@ -1 +0,0 @@
-

package/dist/esm/components/composites/strategies-table/types/rewards-tooltip.js

@@ -1 +0,0 @@
-

package/dist/esm/components/composites/strategies-table/types/table.js

@@ -1 +0,0 @@
-

package/dist/esm/components/connectkit/connect-kit-wallet-adapter.js

@@ -1,32 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useModal as d, useSIWE as a } from "connectkit";
-import { useMemo as r } from "react";
-import { WalletUIProvider as c } from "../auth/wallet-ui-context.js";
-function g({
-  children: t
-}) {
-  const { setOpen: i, openSIWE: o } = d(), e = a(), n = r(
-    () => ({
-      openConnectModal: () => i(!0),
-      openSIWE: o,
-      siwe: {
-        isSignedIn: e.isSignedIn,
-        isRejected: e.isRejected,
-        isLoading: e.isLoading,
-        data: e.data
-      }
-    }),
-    [
-      i,
-      o,
-      e.isSignedIn,
-      e.isRejected,
-      e.isLoading,
-      e.data
-    ]
-  );
-  return /* @__PURE__ */ s(c, { value: n, children: t });
-}
-export {
-  g as ConnectKitWalletAdapter
-};

package/dist/esm/components/connectkit/index.js

@@ -1,6 +0,0 @@
-import { ConnectKitWalletAdapter as t } from "./connect-kit-wallet-adapter.js";
-import { SIWEClientProvider as i } from "./siwe-provider.js";
-export {
-  t as ConnectKitWalletAdapter,
-  i as SIWEClientProvider
-};

package/dist/esm/components/connectkit/siwe-provider.js

@@ -1,60 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { SIWEProvider as m } from "connectkit";
-import { createSiweMessage as u } from "viem/siwe";
-function d({
-  apiRoutePrefix: e,
-  statement: s,
-  children: i,
-  onRefresh: o,
-  ...c
-}) {
-  const a = async () => {
-    const n = await fetch(`${e}/nonce`);
-    if (!n.ok)
-      throw new Error("Failed to fetch SIWE nonce");
-    return await n.text();
-  }, g = ({
-    nonce: n,
-    address: t,
-    chainId: r
-  }) => u({
-    version: "1",
-    domain: window.location.host,
-    uri: window.location.origin,
-    address: t,
-    chainId: r,
-    nonce: n,
-    statement: s || "Sign In With Ethereum."
-  }), w = async ({
-    message: n,
-    signature: t
-  }) => {
-    if (!(await fetch(`${e}/signin`, {
-      method: "POST",
-      body: JSON.stringify({ message: n, signature: t })
-    })).ok)
-      throw new Error("Failed to verify SIWE message");
-    return !0;
-  };
-  return /* @__PURE__ */ f(
-    m,
-    {
-      getNonce: a,
-      createMessage: g,
-      verifyMessage: async (n) => w(n),
-      getSession: async () => {
-        const n = await fetch(`${e}/session`);
-        return n.ok ? n.json() : null;
-      },
-      onSignIn: async (n) => (o?.(), n),
-      signOut: async () => (await fetch(`${e}/logout`, {
-        method: "POST"
-      }), o?.(), !0),
-      ...c,
-      children: i
-    }
-  );
-}
-export {
-  d as SIWEClientProvider
-};

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

@@ -1,39 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as r } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const o = {
-  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 l({
-  status: e,
-  className: i
-}) {
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: r(
-        "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",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ t("div", { className: r("w-2 h-2 rounded-full", o[e]) }),
-        e
-      ]
-    }
-  );
-}
-export {
-  l as CreditSessionStatus
-};

package/dist/esm/components/credit-session-status/index.js

@@ -1,4 +0,0 @@
-import { CreditSessionStatus as o } from "./credit-session-status.js";
-export {
-  o as CreditSessionStatus
-};

package/dist/esm/components/currency-button/currency-button.js

@@ -1,110 +0,0 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { IconExpand as g } from "@gearbox-protocol/static";
-import { cva as u } from "class-variance-authority";
-import { TokenSymbol as k } from "../token-symbol/token-symbol.js";
-import { currencyButtonTestIds as w } from "../../test-ids/currency-button.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as x } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const B = 13, N = u(
-  "flex flex-row items-center text-foreground cursor-[unset]",
-  {
-    variants: {
-      size: {
-        xs: "text-sm leading-[17px]",
-        sm: "text-[16px] leading-[21px]",
-        md: "text-[21px] leading-[33px]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), V = {
-  sm: { symbol: 16, arrow: 8 },
-  md: { symbol: 28, arrow: 12 }
-}, E = u(
-  "ml-0.5 leading-none text-gray-100 transition-transform duration-100 ease-[ease]",
-  {
-    variants: {
-      size: {
-        sm: "px-1",
-        md: "px-1.5"
-      },
-      active: {
-        true: "rotate-180",
-        false: ""
-      }
-    },
-    defaultVariants: { size: "md", active: !1 }
-  }
-);
-function K({
-  title: o,
-  maxLength: l = B,
-  token: m,
-  disabled: d,
-  showSelectDialog: r,
-  size: n,
-  active: f = !1,
-  chainId: v,
-  network: y,
-  className: z,
-  children: c
-}) {
-  const s = !d && r ? r : void 0, t = !!(r && !d), a = n === "xs" ? "sm" : n ?? "md", p = V[a];
-  return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: A uses div (CurrencyBlock); role + keyboard for a11y
-    /* @__PURE__ */ b(
-      "div",
-      {
-        role: t ? "button" : void 0,
-        tabIndex: t ? 0 : void 0,
-        onKeyDown: t && s ? (i) => {
-          (i.key === "Enter" || i.key === " ") && (i.preventDefault(), s());
-        } : void 0,
-        "data-active": t,
-        "data-testid": w.root,
-        onClick: s,
-        className: x(
-          "group",
-          N({ size: n }),
-          t && "cursor-pointer",
-          t && "hover:[&_.expand-wrap]:text-foreground",
-          z
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            k,
-            {
-              title: o,
-              size: p.symbol,
-              token: m,
-              showSymbol: !0,
-              maxLength: l,
-              marginSize: a,
-              chainId: v,
-              network: y
-            }
-          ),
-          !m && (c ?? o) ? /* @__PURE__ */ e("span", { className: "text-muted-foreground truncate", children: c ?? o }) : null,
-          r && /* @__PURE__ */ e(
-            "span",
-            {
-              className: x(
-                "expand-wrap",
-                E({ size: a, active: f })
-              ),
-              children: /* @__PURE__ */ e(g, { size: p.arrow })
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-export {
-  K as CurrencyButton
-};

package/dist/esm/components/currency-button/index.js

@@ -1,4 +0,0 @@
-import { CurrencyButton as t } from "./currency-button.js";
-export {
-  t as CurrencyButton
-};

package/dist/esm/components/description/description.js

@@ -1,26 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import * as m from "react";
-import "@gearbox-protocol/sdk";
-import { cn as a } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import { Typography as c } from "../typography/typography.js";
-const e = m.forwardRef(
-  ({ className: r, as: o = "div", ...i }, t) => /* @__PURE__ */ p(
-    c,
-    {
-      ref: t,
-      className: a(r),
-      variant: "caption",
-      color: "secondary",
-      as: o,
-      ...i
-    }
-  )
-);
-e.displayName = "Description";
-export {
-  e as Description
-};

package/dist/esm/components/description/index.js

@@ -1,4 +0,0 @@
-import { Description as e } from "./description.js";
-export {
-  e as Description
-};

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

@@ -1,194 +0,0 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import * as g from "react";
-import { PageTitle as T } from "../page-title/page-title.js";
-import { TokenIcon as D } from "../token-icon/token-icon.js";
-import "@gearbox-protocol/sdk";
-import { cn as m } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import "../accordion/accordion.js";
-import "@gearbox-protocol/static";
-import "@fortawesome/free-solid-svg-icons";
-import "../icons/fa-icon.js";
-import "../alert-badge/alert-badge.js";
-import "../alert-dialog/alert-dialog.js";
-import "../alert-modal/alert-modal.js";
-import "../tooltip/simple-tooltip.js";
-import "../tooltip/tooltip.js";
-import "react-intl";
-import "../arc-loader/arc-loader.js";
-import "../asset-line/asset-line.js";
-import "../buttons/back-button/back-button.js";
-import "../buttons/button/button.js";
-import "../buttons/copy-button/copy-button.js";
-import "../buttons/external-button/external-button.js";
-import "../buttons/filter-button/filter-button.js";
-import "../buttons/navigation-button/navigation-button.js";
-import "../buttons/tab-button/tab-button.js";
-import "wagmi";
-import "../auth/wallet-ui-context.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../base-link/base-link.js";
-import "../navigation-context/navigation-context.js";
-import "../button-checkbox/button-checkbox.js";
-import "../card-grid/card-grid.js";
-import "../cards/card/card.js";
-import "../carousel/carousel.js";
-import "../checkbox/checkbox.js";
-import "../checkbox/checkbox-labeled.js";
-import "../checkbox-item/checkbox-item.js";
-import "../client-adapters/styled-button/styled-button.js";
-import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import "../colored-text/colored-text.js";
-import "../input/input.js";
-import "../with-title/with-title.js";
-import "../smart-number-input/balance-indicator.js";
-import "../smart-number-input/smart-number-input.js";
-import "../table/grid-table.js";
-import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
-import "../typography/typography.js";
-import "../help-tip/help-tip.js";
-import "../description/description.js";
-import "../confirm-menu/confirm-menu.js";
-import "../dialog/dialog-modal-container.js";
-import "../text-button/text-button.js";
-import "../vertical-indicator/vertical-indicator.js";
-import "../points-icon/points-icon.js";
-import "../skeleton/skeleton.js";
-import "../vertical-list/vertical-list.js";
-import "../rounded-image/rounded-image.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
-import "../composites/strategies-table/components/feature/feature.styles.js";
-import "viem";
-import "../icon-button/icon-button.js";
-import "../separate-line/separate-line.js";
-import "../tip-card/tip-card.js";
-import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
-import "../currency-button/currency-button.js";
-import "../detailed-apy/detailed-apy.js";
-import { DetailedPageTitleCopyButton as h } from "./detailed-page-title-copy-button.js";
-import { DetailedPageTitleExplorerDropdown as y } from "./detailed-page-title-explorer-dropdown.js";
-import "../modal/modal.js";
-import "@radix-ui/react-dialog";
-import "../dialog/dialog-container.js";
-import "../dialog/dialog-content.js";
-import "../dialog/dialog-description.js";
-import "../dialog/dialog-footer.js";
-import "../dialog/dialog-header.js";
-import "../dialog/dialog-title.js";
-import "../dialog/dialog-overlay.js";
-import "../label/label.js";
-import "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import "../dropdown-menu/dropdown-menu-content.js";
-import "../dropdown-menu/dropdown-menu-item.js";
-import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
-import "../edit-input/edit-input.js";
-import "../fadeout-loading/fadeout-loading.js";
-import "../filter/filter-block.js";
-import "../filter/filter-checkbox-item.js";
-import "../filter/filter-chip.js";
-import "../filter/filter-chips.js";
-import "../filter/filter-dropdown-item.js";
-import "../filter/filter-group.js";
-import "../filter/filter-label.js";
-import "../search-line/search-line.js";
-import "../tabs/tabs.js";
-import "../filter/filter-modal-item.js";
-import "../filter/filter-radio-item.js";
-import "../filter/filter-separator.js";
-import "../filter/variants.js";
-import "../graph/formatters.js";
-import "lightweight-charts";
-import "../graph/graph-view.js";
-import "../health-factor/health-factor.js";
-import "../horizontal-indicator/horizontal-indicator.js";
-import "../layout/col/col.js";
-import "../layout/container/container.js";
-import "../layout/footer/footer.js";
-import "../layout/grid/grid.js";
-import "../layout/header/header.js";
-import "../layout/layout/layout.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../layout/social-icons/social-icons.js";
-import "../link/link.js";
-import "../../utils/reactochart-compat.js";
-import "../status-elements/status-elements.js";
-import "../loader/loader.js";
-import "../loading/loading.js";
-import "../loading-bar/loading-bar.js";
-import "react-markdown";
-import "remark-gfm";
-import "../navbar/navbar.js";
-import "../navbar/navbar-indicator-context.js";
-import "../app-bar/app-bar.js";
-import "../navitem/navitem.js";
-import "../simple-dropdown/simple-dropdown.js";
-import "../progress-bar/progress-bar.js";
-import "../radio-group/radio-group.js";
-import "../search-bar/search-bar.js";
-import "../segmented-control/segmented-control.js";
-import "../select/select.js";
-import "../separator/separator.js";
-import "../simple-accordion/simple-accordion.js";
-import "../simple-dropdown/simple-dropdown-menu-item.js";
-import "../slider/slider.js";
-import "../slider/slider-context.js";
-import "@radix-ui/react-slider";
-import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
-import "../split-list/split-list.js";
-import "../stat-badge/stat-badge.js";
-import "../status-dot/status-dot.js";
-import "../stepper/stepper.js";
-import "../switch/switch.js";
-import "../table/table.js";
-import "../table/grid-table-loader.js";
-import "../textarea/textarea.js";
-import "../theme-provider.js";
-import "../time-to-liquidation/time-to-liquidation.js";
-import "../toggle/toggle.js";
-import "../with-filter-button/with-filter-button.js";
-const b = g.forwardRef(function({
-  title: p,
-  token: t,
-  toCopy: r,
-  explorerLinks: o,
-  buttonsSlot: e,
-  actionsPosition: a,
-  actionsPositionMd: l,
-  tokenIconSize: s = 36,
-  disabled: c = !1,
-  className: n
-}, d) {
-  return /* @__PURE__ */ i(
-    T,
-    {
-      ref: d,
-      actionsPosition: a,
-      actionsPositionMd: l,
-      icon: t?.symbol ? /* @__PURE__ */ i("div", { className: m("inline-block shrink-0", c && "grayscale"), children: /* @__PURE__ */ i(D, { symbol: P(t), size: s }) }) : void 0,
-      actions: /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-2", children: [
-        e,
-        r && /* @__PURE__ */ i(h, { toCopy: r }),
-        o && o.length > 0 && /* @__PURE__ */ i(y, { explorerLinks: o })
-      ] }),
-      className: m(n),
-      children: p
-    }
-  );
-});
-b.displayName = "DetailedPageTitle";
-export {
-  b as DetailedPageTitle
-};

package/dist/esm/components/dropdown-label/dropdown-label.js

@@ -1,68 +0,0 @@
-import { jsxs as y, jsx as a } from "react/jsx-runtime";
-import { faCaretDown as b } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as h } from "../icons/fa-icon.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as n } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const s = {
-  filled: "bg-gray-60 hover:bg-gray-80 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
-  filledDark: "bg-gray-10 hover:bg-gray-20 disabled:text-secondary-foreground disabled:bg-gray-20 disabled:cursor-default shadow-[0_2px_2px_rgba(0,0,0,0.25)]",
-  empty: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default",
-  dark: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default",
-  light: "bg-transparent hover:text-secondary-foreground disabled:text-secondary-foreground disabled:cursor-default"
-}, l = {
-  sm: "py-[7px] px-2.5 pl-3 text-sm leading-[17px] rounded-lg",
-  md: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
-  default: "py-[13px] pr-3 pl-4 text-sm leading-[17px] rounded-xl",
-  lg: "py-[13px] pr-3 pl-4 text-lg leading-[17px] rounded-xl"
-};
-function C({
-  children: i,
-  label: p,
-  opened: g,
-  size: r,
-  theme: e,
-  as: f = "span",
-  onClick: t,
-  icon: x,
-  iconSize: u = 16,
-  className: c
-}) {
-  const o = typeof r == "string" && r in l, m = typeof e == "string" && e in s, d = o ? void 0 : typeof r == "string" ? r === "sm" ? 14 : r === "default" ? 16 : r === "lg" ? 18 : 16 : r;
-  return /* @__PURE__ */ y(
-    f,
-    {
-      onClick: t,
-      className: n(
-        "inline-flex items-center cursor-pointer transition-colors",
-        m ? [
-          "w-full justify-between border-0 text-foreground",
-          s[e],
-          o && l[r]
-        ] : ["gap-1", t && "hover:text-primary"],
-        c
-      ),
-      style: d ? { fontSize: d } : void 0,
-      children: [
-        p || i,
-        /* @__PURE__ */ a(
-          "span",
-          {
-            className: n(
-              "inline-flex transition-transform duration-100",
-              g && "rotate-180"
-            ),
-            children: x ?? /* @__PURE__ */ a(h, { icon: b, style: { fontSize: u } })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  C as DefaultDropdownLabel
-};

package/dist/esm/components/dropdown-label/index.js

@@ -1,4 +0,0 @@
-import { DefaultDropdownLabel as r } from "./dropdown-label.js";
-export {
-  r as DefaultDropdownLabel
-};

package/dist/esm/components/error-view/error-view.js

@@ -1,52 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { BackButton as x } from "../buttons/back-button/back-button.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as l } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-function N({
-  status: m,
-  message: t,
-  backButton: r,
-  className: n
-}) {
-  const o = t.length > 32 ? "default" : "large";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: l(
-        "w-full h-full flex items-center justify-center py-16",
-        n
-      ),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          className: l(
-            "flex flex-col items-center max-w-md mx-auto px-4 py-8 text-center",
-            o === "default" && "gap-4"
-          ),
-          children: [
-            /* @__PURE__ */ e("h1", { className: "text-6xl md:text-9xl font-bold text-foreground font-mono", children: m }),
-            /* @__PURE__ */ i("div", { className: l("flex flex-col items-center gap-4"), children: [
-              o === "large" ? /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold text-foreground", children: t }) : /* @__PURE__ */ e("p", { className: "text-lg text-foreground", children: t }),
-              r && /* @__PURE__ */ e(
-                x,
-                {
-                  text: r.text,
-                  href: r.href,
-                  className: "inline-flex items-center text-md"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}
-export {
-  N as ErrorView
-};