@gearbox-protocol/ui-kit 2.1.0-next.1

package/dist/esm/components/buttons/external-button/index.js

@@ -0,0 +1,4 @@
+import { ExternalButton as r } from "./external-button.js";
+export {
+  r as ExternalButton
+};

package/dist/esm/components/buttons/filter-button/filter-button.js

@@ -0,0 +1,32 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { IconSliderSimple as f } from "@gearbox-protocol/static";
+import * as p from "react";
+import { Button as u } from "../button/button.js";
+const c = p.forwardRef(
+  ({
+    className: t,
+    label: r = "Filter",
+    showIcon: e = !0,
+    variant: o = "outline",
+    size: i = "default",
+    children: m,
+    ...l
+  }, s) => /* @__PURE__ */ a(
+    u,
+    {
+      ref: s,
+      variant: o,
+      size: i,
+      className: t,
+      ...l,
+      children: [
+        e && /* @__PURE__ */ n(f, { size: 16, className: "size-4" }),
+        m || r
+      ]
+    }
+  )
+);
+c.displayName = "FilterButton";
+export {
+  c as FilterButton
+};

package/dist/esm/components/buttons/filter-button/index.js

@@ -0,0 +1,4 @@
+import { FilterButton as r } from "./filter-button.js";
+export {
+  r as FilterButton
+};

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

@@ -0,0 +1,20 @@
+import { BackButton as r, backButtonVariants as n } from "./back-button/back-button.js";
+import { Button as e, buttonVariants as u } from "./button/button.js";
+import { CopyButton as p } from "./copy-button/copy-button.js";
+import { ExternalButton as f } from "./external-button/external-button.js";
+import { FilterButton as i } from "./filter-button/filter-button.js";
+import { NavigationButton as s } from "./navigation-button/navigation-button.js";
+import { RangeButtons as g } from "./range-buttons/range-buttons.js";
+import { TabButton as l } from "./tab-button/tab-button.js";
+export {
+  r as BackButton,
+  e as Button,
+  p as CopyButton,
+  f as ExternalButton,
+  i as FilterButton,
+  s as NavigationButton,
+  g as RangeButtons,
+  l as TabButton,
+  n as backButtonVariants,
+  u as buttonVariants
+};

package/dist/esm/components/buttons/navigation-button/index.js

@@ -0,0 +1,4 @@
+import { NavigationButton as a } from "./navigation-button.js";
+export {
+  a as NavigationButton
+};

package/dist/esm/components/buttons/navigation-button/navigation-button.js

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as a from "react";
+import { BaseLink as s } from "../../base-link/base-link.js";
+import "@gearbox-protocol/sdk";
+import { cn as d } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+const m = a.forwardRef(({ href: o, text: r, isActive: e, ...t }, i) => /* @__PURE__ */ n(
+  s,
+  {
+    href: o,
+    ref: i,
+    className: d(
+      "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 relative",
+      "text-decoration-none text-foreground hover:text-foreground hover:bg-secondary px-4 py-2",
+      e ? "bg-secondary md:bg-transparent text-foreground" : ""
+    ),
+    "data-active": e,
+    ...t,
+    children: r
+  }
+));
+m.displayName = "NavButton";
+export {
+  m as NavigationButton
+};

package/dist/esm/components/buttons/range-buttons/index.js

@@ -0,0 +1,4 @@
+import { RangeButtons as e } from "./range-buttons.js";
+export {
+  e as RangeButtons
+};

package/dist/esm/components/buttons/range-buttons/range-buttons.js

@@ -0,0 +1,36 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import "@gearbox-protocol/sdk";
+import { cn as t } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+function f({
+  range: n,
+  rangeList: o,
+  setRange: i,
+  className: d
+}) {
+  return /* @__PURE__ */ r("div", { className: t("flex flex-row flex-nowrap", d), children: o.map((e, l) => /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: () => i(e.value),
+      className: t(
+        "px-2.5 py-2 flex min-w-[44px] min-h-[26px] justify-center items-center",
+        "text-xs leading-[14px] font-medium text-center",
+        "rounded-md border cursor-pointer transition-colors",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        e.value === n ? "bg-secondary border-secondary text-foreground" : "bg-muted border-muted text-muted-foreground hover:border-secondary",
+        l < o.length - 1 && "mr-1.5"
+      ),
+      children: e.label
+    },
+    String(e.value)
+  )) });
+}
+export {
+  f as RangeButtons
+};

package/dist/esm/components/buttons/tab-button/index.js

@@ -0,0 +1,4 @@
+import { TabButton as r } from "./tab-button.js";
+export {
+  r as TabButton
+};

package/dist/esm/components/buttons/tab-button/tab-button.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as e from "react";
+import { Button as i } from "../button/button.js";
+const f = e.forwardRef(
+  ({ className: t, children: o, size: r, ...a }, m) => /* @__PURE__ */ n(
+    i,
+    {
+      ref: m,
+      variant: "outline",
+      size: r,
+      className: t,
+      ...a,
+      children: o
+    }
+  )
+);
+f.displayName = "TabButton";
+export {
+  f as TabButton
+};

package/dist/esm/components/card-grid/card-grid.js

@@ -0,0 +1,96 @@
+import { jsx as g } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import * as e from "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 p = a("grid w-full", {
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6"
+    },
+    columnsLg: {
+      1: "lg:grid-cols-1",
+      2: "lg:grid-cols-2",
+      3: "lg:grid-cols-3",
+      4: "lg:grid-cols-4",
+      5: "lg:grid-cols-5",
+      6: "lg:grid-cols-6"
+    },
+    columnsMd: {
+      1: "md:grid-cols-1",
+      2: "md:grid-cols-2",
+      3: "md:grid-cols-3",
+      4: "md:grid-cols-4",
+      5: "md:grid-cols-5",
+      6: "md:grid-cols-6"
+    },
+    columnsSm: {
+      1: "sm:grid-cols-1",
+      2: "sm:grid-cols-2",
+      3: "sm:grid-cols-3",
+      4: "sm:grid-cols-4",
+      5: "sm:grid-cols-5",
+      6: "sm:grid-cols-6"
+    },
+    gap: {
+      none: "gap-0",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    },
+    justifyItemContent: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    }
+  },
+  defaultVariants: {
+    columns: 1,
+    gap: "md",
+    justifyItemContent: "stretch"
+  }
+}), f = e.forwardRef(
+  ({
+    className: s,
+    columns: r,
+    columnsLg: i,
+    columnsMd: o,
+    columnsSm: d,
+    gap: t,
+    justifyItemContent: l,
+    ...m
+  }, c) => /* @__PURE__ */ g(
+    "div",
+    {
+      ref: c,
+      className: n(
+        p({
+          columns: r,
+          columnsLg: i,
+          columnsMd: o,
+          columnsSm: d,
+          gap: t,
+          justifyItemContent: l,
+          className: s
+        })
+      ),
+      ...m
+    }
+  )
+);
+f.displayName = "CardGrid";
+export {
+  f as CardGrid,
+  p as cardGridVariants
+};

package/dist/esm/components/card-grid/index.js

@@ -0,0 +1,5 @@
+import { CardGrid as d, cardGridVariants as i } from "./card-grid.js";
+export {
+  d as CardGrid,
+  i as cardGridVariants
+};

package/dist/esm/components/cards/card/card.js

@@ -0,0 +1,86 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
+import * as o from "react";
+import "@gearbox-protocol/sdk";
+import { cn as d } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+const n = s(
+  "rounded-xl border border-border bg-card text-card-foreground",
+  {
+    variants: {
+      variant: {
+        default: "",
+        interactive: "hover:bg-secondary transition-colors cursor-pointer",
+        transparent: "bg-transparent hover:bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), m = o.forwardRef(
+  ({ className: r, variant: a, ...e }, i) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: i,
+      className: d(n({ variant: a, className: r })),
+      ...e
+    }
+  )
+);
+m.displayName = "Card";
+const c = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: d(
+      "flex items-center py-2 px-4 border-b border-input",
+      r
+    ),
+    ...a
+  }
+));
+c.displayName = "CardHeader";
+const p = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: d(
+      "font-semibold leading-none tracking-tight text-lg",
+      r
+    ),
+    ...a
+  }
+));
+p.displayName = "CardTitle";
+const f = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: d("text-sm text-muted-foreground", r),
+    ...a
+  }
+));
+f.displayName = "CardDescription";
+const l = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t("div", { ref: e, className: d("p-4", r), ...a }));
+l.displayName = "CardContent";
+const C = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: d("flex items-center p-4 border-t border-input", r),
+    ...a
+  }
+));
+C.displayName = "CardFooter";
+export {
+  m as Card,
+  l as CardContent,
+  f as CardDescription,
+  C as CardFooter,
+  c as CardHeader,
+  p as CardTitle
+};

package/dist/esm/components/cards/card/index.js

@@ -0,0 +1,9 @@
+import { Card as d, CardContent as e, CardDescription as C, CardFooter as o, CardHeader as t, CardTitle as i } from "./card.js";
+export {
+  d as Card,
+  e as CardContent,
+  C as CardDescription,
+  o as CardFooter,
+  t as CardHeader,
+  i as CardTitle
+};

package/dist/esm/components/cards/danger-zone/danger-zone.js

@@ -0,0 +1,12 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { cn as s } from "../../../utils/cn.js";
+import { Card as c, CardHeader as d, CardTitle as i } from "../card/card.js";
+function l({ children: t, ...e }) {
+  return /* @__PURE__ */ a(c, { ...e, className: s("border-destructive", e.className), children: [
+    /* @__PURE__ */ r(d, { className: "border-destructive", children: /* @__PURE__ */ r(i, { className: "text-destructive", children: "Danger Zone" }) }),
+    t
+  ] });
+}
+export {
+  l as DangerZone
+};

package/dist/esm/components/cards/danger-zone/index.js

@@ -0,0 +1,4 @@
+import { DangerZone as r } from "./danger-zone.js";
+export {
+  r as DangerZone
+};

package/dist/esm/components/cards/expandable-call/expandable-call.js

@@ -0,0 +1,51 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import { faCaretDown as d } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as p } from "../../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as c } from "../../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+function y({
+  header: a,
+  children: i,
+  index: s,
+  isExpandable: e = !0
+}) {
+  const [r, m] = n.useState(!1);
+  return /* @__PURE__ */ t("div", { className: "rounded bg-gray-900/50", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: `flex ${e ? "cursor-pointer" : ""} items-center gap-2 p-3`,
+        onClick: () => {
+          e && m(!r);
+        },
+        children: [
+          /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
+            "#",
+            s
+          ] }),
+          a,
+          /* @__PURE__ */ o(
+            p,
+            {
+              icon: d,
+              className: c(
+                "ml-auto size-4 text-muted-foreground",
+                r ? "rotate-180" : "",
+                "transition-transform duration-200 ease-in-out"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ o("div", { className: "border-t border-gray-800 p-4 space-y-2", children: i })
+  ] });
+}
+export {
+  y as ExpandablCall
+};

package/dist/esm/components/cards/expandable-call/index.js

@@ -0,0 +1,4 @@
+import { ExpandablCall as o } from "./expandable-call.js";
+export {
+  o as ExpandablCall
+};

package/dist/esm/components/cards/expandable-card/expandable-card.js

@@ -0,0 +1,51 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import { faCaretDown as d } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as c } from "../../icons/fa-icon.js";
+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";
+import { Card as f, CardContent as p } from "../card/card.js";
+function I({
+  header: i,
+  children: s,
+  alwaysExpanded: r = !1
+}) {
+  const [t, m] = a.useState(r);
+  return /* @__PURE__ */ e(f, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: n(
+          "flex items-center justify-between gap-4 p-4 rounded-t-xl",
+          r ? "" : "cursor-pointer hover:bg-secondary",
+          t ? "" : "rounded-b-xl"
+        ),
+        onClick: () => {
+          r || m(!t);
+        },
+        children: [
+          /* @__PURE__ */ o("div", { className: "flex-1", children: i }),
+          !r && /* @__PURE__ */ o("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ o(
+            c,
+            {
+              icon: d,
+              className: n(
+                "size-4 text-muted-foreground",
+                t ? "rotate-180" : "",
+                "transition-transform duration-200 ease-in-out"
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ o(p, { className: "border-t border-input bg-gray-900/30", children: s })
+  ] });
+}
+export {
+  I as ExpandableCard
+};

package/dist/esm/components/cards/expandable-card/index.js

@@ -0,0 +1,4 @@
+import { ExpandableCard as d } from "./expandable-card.js";
+export {
+  d as ExpandableCard
+};

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

@@ -0,0 +1,15 @@
+import { Card as e, CardContent as o, CardDescription as d, CardFooter as t, CardHeader as C, CardTitle as n } from "./card/card.js";
+import { DangerZone as x } from "./danger-zone/danger-zone.js";
+import { ExpandablCall as f } from "./expandable-call/expandable-call.js";
+import { ExpandableCard as i } from "./expandable-card/expandable-card.js";
+export {
+  e as Card,
+  o as CardContent,
+  d as CardDescription,
+  t as CardFooter,
+  C as CardHeader,
+  n as CardTitle,
+  x as DangerZone,
+  f as ExpandablCall,
+  i as ExpandableCard
+};

package/dist/esm/components/carousel/carousel.js

@@ -0,0 +1,66 @@
+import { jsx as r } from "react/jsx-runtime";
+/* empty css                                                                                                     */
+/* empty css                                                                                                           */
+import * as N from "react";
+import w from "../../_virtual/index2.js";
+import { faChevronRight as h, faChevronLeft as x } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as i } from "../icons/fa-icon.js";
+import "@gearbox-protocol/sdk";
+import { cn as s } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../utils/z-index.js";
+const b = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    onClick: o,
+    className: s("slick-arrow slick-prev", e),
+    style: t,
+    "aria-label": "Previous slide",
+    children: /* @__PURE__ */ r(i, { icon: x, className: "size-4" })
+  }
+), y = ({ onClick: o, className: e, style: t }) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    onClick: o,
+    className: s("slick-arrow slick-next", e),
+    style: t,
+    "aria-label": "Next slide",
+    children: /* @__PURE__ */ r(i, { icon: h, className: "size-4" })
+  }
+), k = N.forwardRef(
+  ({
+    className: o,
+    children: e,
+    infinite: t = !0,
+    arrows: a = !1,
+    dots: l = !0,
+    autoplay: c = !1,
+    autoplaySpeed: m = 5e3,
+    slidesToShow: n = 1,
+    gap: p = 16,
+    ...f
+  }, u) => {
+    const d = {
+      infinite: t,
+      arrows: a,
+      dots: l,
+      autoplay: c,
+      autoplaySpeed: m,
+      slidesToShow: n,
+      prevArrow: /* @__PURE__ */ r(b, {}),
+      nextArrow: /* @__PURE__ */ r(y, {}),
+      ...f
+    }, v = {
+      "--carousel-gap": `${p}px`
+    };
+    return /* @__PURE__ */ r("div", { className: s("carousel-clip relative w-full", o), children: /* @__PURE__ */ r("div", { className: "carousel-root", style: v, children: /* @__PURE__ */ r(w, { ref: u, ...d, children: e }) }) });
+  }
+);
+k.displayName = "Carousel";
+export {
+  k as Carousel
+};

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

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