@turtleclub/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,1672 @@
+import { clsx as q } from "clsx";
+import { twMerge as J } from "tailwind-merge";
+import { jsxs as n, jsx as e, Fragment as K } from "react/jsx-runtime";
+import * as x from "react";
+import { useEffect as Q } from "react";
+import { cva as b } from "class-variance-authority";
+import * as U from "@radix-ui/react-label";
+import * as L from "@radix-ui/react-scroll-area";
+import * as v from "@radix-ui/react-select";
+import { ChevronDownIcon as _, ChevronUpIcon as ee, XIcon as te, CheckIcon as re, TurtleIcon as ae, ChevronsRightIcon as ne } from "lucide-react";
+import * as oe from "@radix-ui/react-separator";
+import { useTheme as se } from "next-themes";
+import { Toaster as ie } from "sonner";
+import * as B from "@radix-ui/react-switch";
+import * as A from "@radix-ui/react-toggle-group";
+import * as le from "@radix-ui/react-toggle";
+import * as k from "@radix-ui/react-tooltip";
+import { Slot as de } from "@radix-ui/react-slot";
+function s(...r) {
+  return J(q(r));
+}
+const V = b(
+  "flex w-full bg-transparent text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground transition-colors outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        // Turtle Design System - transparent input with no borders
+        default: "border-none focus:ring-0 focus:border-none caret-primary",
+        // Optional bordered version for other use cases
+        bordered: "border border-border rounded-md focus:border-primary focus:ring-2 focus:ring-primary/20 caret-primary",
+        // No focus variant - cursor color only, no focus styles
+        nofocus: "border-none focus:ring-0 focus:border-none focus:outline-none caret-primary"
+      },
+      size: {
+        default: "h-10 px-3 py-2 text-sm",
+        sm: "h-8 px-2 py-1 text-xs",
+        lg: "h-12 px-4 py-3 text-base"
+      },
+      cursor: {
+        primary: "caret-primary",
+        foreground: "caret-foreground",
+        white: "caret-white",
+        green: "caret-green-500"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      cursor: "primary"
+    }
+  }
+), D = x.forwardRef(
+  ({ className: r, variant: t, size: a, cursor: o, type: l, prompt: c, ...i }, d) => c ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e("span", { className: "text-primary text-sm font-medium shrink-0", children: c }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: l,
+        "data-slot": "input",
+        className: s(V({ variant: t, size: a, cursor: o, className: r })),
+        ref: d,
+        ...i
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    "input",
+    {
+      type: l,
+      "data-slot": "input",
+      className: s(V({ variant: t, size: a, cursor: o, className: r })),
+      ref: d,
+      ...i
+    }
+  )
+);
+D.displayName = "Input";
+function Me({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    U.Root,
+    {
+      "data-slot": "label",
+      className: s(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        r
+      ),
+      ...t
+    }
+  );
+}
+function ce({
+  className: r,
+  children: t,
+  ...a
+}) {
+  return /* @__PURE__ */ n(
+    L.Root,
+    {
+      "data-slot": "scroll-area",
+      className: s("relative", r),
+      ...a,
+      children: [
+        /* @__PURE__ */ e(
+          L.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e($, {}),
+        /* @__PURE__ */ e(L.Corner, {})
+      ]
+    }
+  );
+}
+function $({
+  className: r,
+  orientation: t = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    L.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: t,
+      className: s(
+        "flex touch-none p-px transition-colors select-none",
+        t === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        r
+      ),
+      ...a,
+      children: /* @__PURE__ */ e(
+        L.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function me({ ...r }) {
+  return /* @__PURE__ */ e(v.Root, { "data-slot": "select", ...r });
+}
+function Ye({ ...r }) {
+  return /* @__PURE__ */ e(v.Group, { "data-slot": "select-group", ...r });
+}
+function Ze({ ...r }) {
+  return /* @__PURE__ */ e(v.Value, { "data-slot": "select-value", ...r });
+}
+function ue({
+  className: r,
+  size: t = "default",
+  children: a,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    v.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": t,
+      className: s(
+        // Turtle Design System - transparent trigger with wise white text
+        "flex w-fit items-center justify-between gap-2 bg-transparent px-3 py-2 text-sm text-foreground whitespace-nowrap transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 border-none focus:ring-0",
+        "data-[placeholder]:text-muted-foreground",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground",
+        "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
+        r
+      ),
+      ...o,
+      children: [
+        a,
+        /* @__PURE__ */ e(v.Icon, { asChild: !0, children: /* @__PURE__ */ e(_, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function fe({
+  className: r,
+  children: t,
+  position: a = "popper",
+  ...o
+}) {
+  return /* @__PURE__ */ e(v.Portal, { children: /* @__PURE__ */ n(
+    v.Content,
+    {
+      "data-slot": "select-content",
+      className: s(
+        // Turtle Design System - ninja black background for content
+        "bg-background text-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border shadow-md",
+        a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        r
+      ),
+      position: a,
+      ...o,
+      children: [
+        /* @__PURE__ */ e(xe, {}),
+        /* @__PURE__ */ e(
+          v.Viewport,
+          {
+            className: s(
+              "p-1",
+              a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e(he, {})
+      ]
+    }
+  ) });
+}
+function Xe({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    v.Label,
+    {
+      "data-slot": "select-label",
+      className: s("text-muted-foreground px-2 py-1.5 text-xs", r),
+      ...t
+    }
+  );
+}
+function pe({
+  className: r,
+  children: t,
+  ...a
+}) {
+  return /* @__PURE__ */ n(
+    v.Item,
+    {
+      "data-slot": "select-item",
+      className: s(
+        // Turtle Design System - items with wise white alpha (2%) background and ninja black text
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm text-foreground outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "bg-muted hover:bg-muted/80 focus:bg-muted/80",
+        // wise white alpha (2%) background
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        r
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ n("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: [
+          /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-muted-foreground/30 transition-colors" }),
+          /* @__PURE__ */ e(v.ItemIndicator, { className: "absolute", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-primary" }) })
+        ] }),
+        /* @__PURE__ */ e(v.ItemText, { children: t })
+      ]
+    }
+  );
+}
+function qe({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    v.Separator,
+    {
+      "data-slot": "select-separator",
+      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", r),
+      ...t
+    }
+  );
+}
+function xe({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    v.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: s("flex cursor-default items-center justify-center py-1", r),
+      ...t,
+      children: /* @__PURE__ */ e(ee, { className: "size-4" })
+    }
+  );
+}
+function he({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    v.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: s("flex cursor-default items-center justify-center py-1", r),
+      ...t,
+      children: /* @__PURE__ */ e(_, { className: "size-4" })
+    }
+  );
+}
+function Je({
+  className: r,
+  orientation: t = "horizontal",
+  decorative: a = !0,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    oe.Root,
+    {
+      "data-slot": "separator",
+      decorative: a,
+      orientation: t,
+      className: s(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        r
+      ),
+      ...o
+    }
+  );
+}
+const Ke = ({ ...r }) => {
+  const { theme: t = "system" } = se();
+  return /* @__PURE__ */ e(
+    ie,
+    {
+      theme: t,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...r
+    }
+  );
+};
+function Qe({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    B.Root,
+    {
+      "data-slot": "switch",
+      className: s(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        r
+      ),
+      ...t,
+      children: /* @__PURE__ */ e(
+        B.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: s(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+const H = b(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Ue({
+  className: r,
+  variant: t,
+  size: a,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    le.Root,
+    {
+      "data-slot": "toggle",
+      className: s(H({ variant: t, size: a, className: r })),
+      ...o
+    }
+  );
+}
+const E = x.createContext({
+  size: "default",
+  variant: "default"
+});
+function et({
+  className: r,
+  variant: t,
+  size: a,
+  children: o,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    A.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": t,
+      "data-size": a,
+      className: s(
+        "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+        r
+      ),
+      ...l,
+      children: /* @__PURE__ */ e(E.Provider, { value: { variant: t, size: a }, children: o })
+    }
+  );
+}
+function tt({
+  className: r,
+  children: t,
+  variant: a,
+  size: o,
+  ...l
+}) {
+  const c = x.useContext(E);
+  return /* @__PURE__ */ e(
+    A.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": c.variant || a,
+      "data-size": c.size || o,
+      className: s(
+        H({
+          variant: c.variant || a,
+          size: c.size || o
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        r
+      ),
+      ...l,
+      children: t
+    }
+  );
+}
+function ge({
+  delayDuration: r = 0,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    k.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: r,
+      ...t
+    }
+  );
+}
+function rt({
+  ...r
+}) {
+  return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(k.Root, { "data-slot": "tooltip", ...r }) });
+}
+function at({
+  ...r
+}) {
+  return /* @__PURE__ */ e(k.Trigger, { "data-slot": "tooltip-trigger", ...r });
+}
+function nt({
+  className: r,
+  sideOffset: t = 0,
+  children: a,
+  ...o
+}) {
+  return /* @__PURE__ */ e(k.Portal, { children: /* @__PURE__ */ n(
+    k.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: t,
+      className: s(
+        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        r
+      ),
+      ...o,
+      children: [
+        a,
+        /* @__PURE__ */ e(k.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+const ve = b(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none border",
+  {
+    variants: {
+      variant: {
+        // Turtle Design System variants using semantic classes
+        default: "bg-background text-primary border-primary shadow-[0_0_4px_0_hsl(var(--primary))] hover:bg-background/90 hover:shadow-[0_0_6px_0_hsl(var(--primary))]",
+        green: "bg-primary text-primary-foreground border-primary shadow-[0_0_4px_0_hsl(var(--primary))] hover:bg-primary/90 hover:shadow-[0_0_6px_0_hsl(var(--primary))]",
+        transparentWhite: "bg-secondary text-secondary-foreground border-secondary hover:bg-secondary/80",
+        transparentGreen: "bg-secondary text-primary border-secondary hover:bg-secondary/80"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      },
+      rounded: {
+        default: "rounded-full",
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      rounded: "default"
+    }
+  }
+);
+function F({
+  className: r,
+  variant: t,
+  size: a,
+  rounded: o,
+  asChild: l = !1,
+  ...c
+}) {
+  return /* @__PURE__ */ e(
+    l ? de : "button",
+    {
+      "data-slot": "button",
+      className: s(ve({ variant: t, size: a, rounded: o, className: r })),
+      ...c
+    }
+  );
+}
+const be = b("transition-all", {
+  variants: {
+    variant: {
+      // Turtle Design System variants
+      container: "relative bg-card shadow-[0_0_20px_0_rgba(0,0,0,0.25)] before:absolute before:inset-0 before:rounded-[inherit] before:p-px before:bg-gradient-to-b before:from-[#F9F9F9] before:from-40% before:via-white before:via-40.01% before:to-white before:to-50% before:content-[''] before:pointer-events-none before:-z-10",
+      simple: "bg-muted",
+      item: "bg-muted shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]"
+    },
+    padding: {
+      none: "p-0",
+      sm: "p-3",
+      default: "p-4",
+      md: "p-6",
+      lg: "p-8"
+    },
+    rounded: {
+      default: "rounded-lg",
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    variant: "container",
+    padding: "default",
+    rounded: "default"
+  }
+});
+function y({
+  className: r,
+  variant: t,
+  padding: a,
+  rounded: o,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card",
+      className: s(be({ variant: t, padding: a, rounded: o, className: r })),
+      ...l
+    }
+  );
+}
+function ot({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: s("flex flex-col space-y-1.5 p-6", r),
+      ...t
+    }
+  );
+}
+function st({ className: r, children: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "h3",
+    {
+      "data-slot": "card-title",
+      className: s("text-2xl font-semibold leading-none tracking-tight", r),
+      ...a,
+      children: t
+    }
+  );
+}
+function it({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    "p",
+    {
+      "data-slot": "card-description",
+      className: s("text-sm text-muted-foreground", r),
+      ...t
+    }
+  );
+}
+function lt({ className: r, ...t }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "card-content", className: s("p-6 pt-0", r), ...t });
+}
+function dt({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: s("flex items-center p-6 pt-0", r),
+      ...t
+    }
+  );
+}
+const ye = b(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer border-none rounded-full",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        xs: "h-6 px-2 py-1 text-xs",
+        default: "h-8 px-4 py-1",
+        sm: "h-7 px-3 py-1 text-xs",
+        lg: "h-9 px-6 py-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), O = x.forwardRef(
+  ({ className: r, variant: t, size: a, asChild: o = !1, ...l }, c) => /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "chip",
+      className: s(ye({ variant: t, size: a, className: r })),
+      ref: c,
+      ...l
+    }
+  )
+);
+O.displayName = "Chip";
+const Ne = b(
+  "relative inline-flex items-center justify-center rounded-full",
+  {
+    variants: {
+      size: {
+        default: "w-12 h-12",
+        sm: "w-8 h-8",
+        lg: "w-16 h-16",
+        xl: "w-20 h-20"
+      },
+      variant: {
+        default: "bg-background",
+        transparent: "bg-transparent"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    }
+  }
+), W = x.forwardRef(
+  ({ className: r, size: t, variant: a, children: o, spinning: l = !0, ...c }, i) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: i,
+      className: s(Ne({ size: t, variant: a }), r),
+      ...c,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "absolute inset-0 rounded-full",
+              "bg-gradient-to-r from-transparent via-primary to-transparent",
+              "animate-spin",
+              {
+                "animate-spin": l,
+                "animate-none": !l
+              }
+            ),
+            style: {
+              background: l ? "conic-gradient(from 0deg, transparent 0deg, var(--primary) 180deg, transparent 360deg)" : "conic-gradient(from 0deg, var(--primary) 0deg, var(--primary) 360deg)",
+              padding: "1px",
+              borderRadius: "9999px"
+            },
+            children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: s(
+                  "w-full h-full rounded-full",
+                  a === "transparent" ? "bg-transparent" : "bg-background"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "relative z-10 flex items-center justify-center", children: o })
+      ]
+    }
+  )
+);
+W.displayName = "IconAnimation";
+const we = b("inline-flex items-center gap-2 font-medium", {
+  variants: {
+    variant: {
+      default: "text-foreground",
+      muted: "text-muted-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary-foreground"
+    },
+    textSize: {
+      xs: "text-xs",
+      sm: "text-sm",
+      base: "text-base",
+      lg: "text-lg",
+      xl: "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl",
+      "7xl": "text-7xl",
+      "8xl": "text-8xl"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    textSize: "sm"
+  }
+}), P = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  base: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-8 h-8"
+}, S = x.forwardRef(
+  ({
+    className: r,
+    variant: t,
+    textSize: a,
+    icon: o,
+    children: l,
+    iconPosition: c = "left",
+    iconSize: i = "sm",
+    iconClassName: d,
+    ...f
+  }, m) => {
+    const h = () => {
+      var u;
+      return typeof o == "string" ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: o,
+          alt: "",
+          className: s(P[i], "object-contain", d)
+        }
+      ) : /* @__PURE__ */ e("span", { className: s("shrink-0", d), children: x.isValidElement(o) ? x.cloneElement(o, {
+        className: s(P[i], (u = o.props) == null ? void 0 : u.className)
+      }) : o });
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: m,
+        className: s(
+          we({ variant: t, textSize: a }),
+          c === "right" && "flex-row-reverse",
+          r
+        ),
+        ...f,
+        children: [
+          h(),
+          /* @__PURE__ */ e("span", { children: l })
+        ]
+      }
+    );
+  }
+);
+S.displayName = "LabelWithIcon";
+const ke = b("flex w-full", {
+  variants: {
+    variant: {
+      default: "justify-between border border-border shadow-sm bg-background",
+      transparent: "justify-between border border-border shadow-sm bg-transparent",
+      menuBar: "relative h-12 gap-3 rounded-full border border-border bg-background font-medium shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), ze = b(
+  "flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "text-sm text-muted-foreground hover:text-foreground",
+        active: "text-sm text-primary bg-muted",
+        menuBarDefault: "relative z-[1] w-full text-base text-foreground rounded-full px-3 py-2 hover:text-primary",
+        menuBarActive: "relative z-[1] w-full text-base text-primary rounded-full px-3 py-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Le = x.forwardRef(
+  ({ className: r, variant: t, activeValue: a, children: o, ...l }, c) => {
+    const i = x.useRef(null), d = x.useRef(null), f = x.useCallback(() => {
+      if (t !== "menuBar" || !i.current || !d.current) return;
+      const m = i.current.querySelector('[data-active="true"]');
+      m && (d.current.style.width = `${m.offsetWidth}px`, d.current.style.left = `${m.offsetLeft}px`);
+    }, [t]);
+    return x.useEffect(() => {
+      if (t !== "menuBar") return;
+      f();
+      const m = new ResizeObserver(f);
+      return i.current && m.observe(i.current), () => {
+        m.disconnect();
+      };
+    }, [a, f, t]), /* @__PURE__ */ n(
+      "nav",
+      {
+        ref: c || i,
+        className: s(ke({ variant: t, className: r })),
+        ...l,
+        children: [
+          t === "menuBar" && /* @__PURE__ */ e(
+            "div",
+            {
+              ref: d,
+              className: "absolute bottom-0 h-full origin-left rounded-full bg-secondary transition-all duration-300"
+            }
+          ),
+          o
+        ]
+      }
+    );
+  }
+);
+Le.displayName = "NavigationBar";
+const Se = x.forwardRef(
+  ({ className: r, variant: t, active: a, value: o, ...l }, c) => {
+    const d = t === "menuBarDefault" || t === "menuBarActive" ? a ? "menuBarActive" : "menuBarDefault" : a ? "active" : t || "default", f = d === "menuBarDefault" || d === "menuBarActive";
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        ref: c,
+        "data-active": a,
+        "data-value": o,
+        className: s(
+          ze({
+            variant: d,
+            className: r
+          }),
+          !f && "px-4 py-2 rounded-md"
+        ),
+        ...l
+      }
+    );
+  }
+);
+Se.displayName = "NavigationItem";
+const je = b("space-y-1", {
+  variants: {
+    size: {
+      sm: "p-2",
+      default: "p-3",
+      lg: "p-4"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    align: "center"
+  }
+}), _e = b("font-bold", {
+  variants: {
+    color: {
+      primary: "text-foreground",
+      secondary: "text-muted-foreground",
+      accent: "text-primary",
+      success: "text-green-600",
+      warning: "text-yellow-600",
+      error: "text-red-600"
+    },
+    size: {
+      sm: "text-sm",
+      default: "text-lg",
+      lg: "text-xl",
+      xl: "text-2xl"
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "default"
+  }
+}), Ie = b("font-medium text-muted-foreground", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      default: "text-xs",
+      lg: "text-sm"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+}), C = x.forwardRef(
+  ({
+    title: r,
+    value: t,
+    color: a = "primary",
+    valueSize: o = "default",
+    titleSize: l = "default",
+    size: c = "default",
+    align: i = "center",
+    icon: d,
+    subtitle: f,
+    className: m,
+    ...h
+  }, u) => /* @__PURE__ */ n(
+    y,
+    {
+      ref: u,
+      variant: "item",
+      className: s(je({ size: c, align: i }), m),
+      ...h,
+      children: [
+        d && /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "flex mb-2",
+              i === "left" && "justify-start",
+              i === "center" && "justify-center",
+              i === "right" && "justify-end"
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: Ie({ size: l }), children: r }),
+        /* @__PURE__ */ e("p", { className: _e({ color: a, size: o }), children: t }),
+        f && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground/70", children: f })
+      ]
+    }
+  )
+);
+C.displayName = "InfoCard";
+function ct({
+  className: r,
+  title: t,
+  titleIcon: a,
+  topCards: o,
+  bottomCards: l
+}) {
+  const c = /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 2L13.09 8.26L20 7L18.74 13.09L22 14L16.74 19.26L17 21L10.91 19.74L10 22L8.09 15.74L2 17L3.26 10.91L0 10L5.26 4.74L5 3L11.09 4.26L12 2Z" }) }) });
+  return /* @__PURE__ */ e(y, { className: s("space-y-4", r), children: /* @__PURE__ */ e("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    (t || a) && /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(S, { icon: a || c, textSize: "lg", iconSize: "lg", children: t }) }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-3", children: o.map((i, d) => /* @__PURE__ */ e(
+      C,
+      {
+        title: i.title,
+        value: i.value,
+        color: i.color || "primary",
+        icon: i.icon,
+        size: "sm",
+        valueSize: "sm",
+        titleSize: "sm",
+        align: "left"
+      },
+      d
+    )) }),
+    /* @__PURE__ */ e("div", { className: "space-y-2", children: l.map((i, d) => /* @__PURE__ */ e(
+      C,
+      {
+        title: i.title,
+        value: i.value,
+        color: i.color || "primary",
+        size: "sm",
+        valueSize: "sm",
+        titleSize: "sm",
+        align: "left",
+        className: "w-full"
+      },
+      d
+    )) })
+  ] }) }) });
+}
+const Ce = x.forwardRef(
+  ({ className: r, icon: t, name: a, tvl: o, yield: l, onSelect: c, selected: i = !1, ...d }, f) => {
+    const m = /* @__PURE__ */ e("div", { className: "w-6 h-6 rounded-full bg-primary/20 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 2L13.09 8.26L20 7L18.74 13.09L22 14L16.74 19.26L17 21L10.91 19.74L10 22L8.09 15.74L2 17L3.26 10.91L0 10L5.26 4.74L5 3L11.09 4.26L12 2Z" }) }) });
+    return /* @__PURE__ */ e(
+      y,
+      {
+        ref: f,
+        className: s(
+          "cursor-pointer transition-all duration-200 hover:shadow-md w-full",
+          i && "ring-2 ring-primary ring-offset-2",
+          r
+        ),
+        onClick: c,
+        ...d,
+        children: /* @__PURE__ */ n("div", { className: "flex gap-12 items-start justify-between", children: [
+          /* @__PURE__ */ n("div", { className: "flex flex-col min-w-0 flex-1 items-start justify-start", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground truncate", children: /* @__PURE__ */ e(S, { icon: t || m, textSize: "2xl", children: a }) }),
+            o && /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: [
+              "TVL: ",
+              o
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l && /* @__PURE__ */ e("span", { className: "text-lg font-bold text-primary", children: l }) })
+        ] })
+      }
+    );
+  }
+);
+Ce.displayName = "OpportunityItem";
+const Te = x.forwardRef(
+  ({
+    className: r,
+    title: t,
+    titleIcon: a,
+    yield: o,
+    details: l = [],
+    badges: c = [],
+    externalLink: i,
+    ...d
+  }, f) => {
+    const m = /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 2L13.09 8.26L20 7L18.74 13.09L22 14L16.74 19.26L17 21L10.91 19.74L10 22L8.09 15.74L2 17L3.26 10.91L0 10L5.26 4.74L5 3L11.09 4.26L12 2Z" }) }) }), h = () => /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+      }
+    ) });
+    return /* @__PURE__ */ n(y, { ref: f, className: s("p-4 space-y-4", r), ...d, children: [
+      (t || a) && /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e(S, { icon: a || m, textSize: "lg", iconSize: "lg", children: t }) }),
+        o && /* @__PURE__ */ n("div", { className: "text-right", children: [
+          /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-primary", children: o }),
+          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "APY" })
+        ] })
+      ] }),
+      l.length > 0 && /* @__PURE__ */ e("div", { className: "space-y-3", children: l.map((u, g) => /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(y, { className: "p-3", children: /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          u.icon,
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: u.label })
+        ] }),
+        /* @__PURE__ */ e("span", { className: s("text-sm font-medium", u.highlight && "text-primary"), children: u.value })
+      ] }) }) }, g)) }),
+      c.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((u, g) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: s(
+            "inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-medium",
+            u.variant === "secondary" && "bg-secondary text-secondary-foreground",
+            u.variant === "outline" && "border border-border bg-background",
+            (!u.variant || u.variant === "default") && "bg-primary/10 text-primary"
+          ),
+          children: [
+            u.icon,
+            u.text
+          ]
+        },
+        g
+      )) }),
+      i && /* @__PURE__ */ e("div", { className: "pt-2 border-t border-border", children: /* @__PURE__ */ n(
+        "a",
+        {
+          href: i.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center gap-2 text-sm text-primary hover:text-primary/80 transition-colors",
+          children: [
+            i.icon,
+            i.text,
+            /* @__PURE__ */ e(h, {})
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+Te.displayName = "OpportunityDetails";
+const Re = x.forwardRef(
+  ({
+    className: r,
+    title: t,
+    description: a,
+    txHash: o,
+    explorerUrl: l,
+    estimatedTime: c,
+    amount: i,
+    token: d,
+    protocol: f,
+    steps: m = [],
+    variant: h = "default",
+    completed: u = !1,
+    cancelled: g = !1,
+    onViewDetails: N,
+    onClose: w,
+    showActions: I = !0,
+    ...z
+  }, j) => {
+    const M = g ? "Transaction Cancelled" : u ? "Transaction Completed" : "Processing Transaction", Y = g ? "Transaction was cancelled by user" : u ? "Your transaction has been successfully processed!" : "Please wait while your transaction is being processed...", T = ({ size: p = "w-4 h-4" }) => /* @__PURE__ */ e("svg", { className: p, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+      }
+    ) }), Z = () => /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), R = (p) => p.length <= 12 ? p : `${p.slice(0, 6)}...${p.slice(-6)}`;
+    return /* @__PURE__ */ n(
+      y,
+      {
+        ref: j,
+        className: s(
+          "p-6 text-center space-y-4",
+          h === "compact" && "p-4 space-y-3",
+          r
+        ),
+        ...z,
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(W, { spinning: !u && !g, size: h === "compact" ? "default" : "lg", children: g ? /* @__PURE__ */ e(te, { className: "w-8 h-8 text-destructive" }) : u ? /* @__PURE__ */ e(re, { className: "w-8 h-8 text-primary" }) : /* @__PURE__ */ e(ae, { className: "w-8 h-8 text-primary" }) }) }),
+          /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(
+              "h3",
+              {
+                className: s(
+                  "font-medium text-foreground",
+                  h === "compact" ? "text-sm" : "text-base"
+                ),
+                children: t || M
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: s("text-muted-foreground", h === "compact" ? "text-xs" : "text-sm"), children: a || Y })
+          ] }),
+          u && !g && (i || d || f) && /* @__PURE__ */ n("div", { className: "p-3 bg-muted/50 rounded-lg space-y-1", children: [
+            i && d && /* @__PURE__ */ n("div", { className: "text-sm font-medium", children: [
+              i,
+              " ",
+              d
+            ] }),
+            f && /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground", children: [
+              "via ",
+              f
+            ] })
+          ] }),
+          o && !g && /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "Transaction Hash" }),
+            l ? /* @__PURE__ */ n(
+              "a",
+              {
+                href: `${l}/tx/${o}`,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "inline-flex items-center gap-2 text-sm text-primary hover:text-primary/80 transition-colors",
+                children: [
+                  R(o),
+                  /* @__PURE__ */ e(T, {})
+                ]
+              }
+            ) : /* @__PURE__ */ e("div", { className: "text-sm font-mono text-foreground", children: R(o) })
+          ] }),
+          !u && !g && c && /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground", children: [
+            "Estimated time: ",
+            c
+          ] }),
+          !u && !g && m.length > 0 && /* @__PURE__ */ n("div", { className: "space-y-2 pt-2 border-t border-border", children: [
+            /* @__PURE__ */ e("div", { className: "text-xs font-medium text-muted-foreground text-left", children: "Progress" }),
+            /* @__PURE__ */ e("div", { className: "space-y-2", children: m.map((p, X) => /* @__PURE__ */ n("div", { className: "flex items-center gap-3 text-left", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: s(
+                    "flex items-center justify-center w-5 h-5 rounded-full border-2 flex-shrink-0",
+                    p.completed && "bg-primary border-primary text-primary-foreground",
+                    p.current && !p.completed && "border-primary text-primary animate-pulse",
+                    !p.completed && !p.current && "border-muted-foreground/30 text-muted-foreground"
+                  ),
+                  children: p.completed ? /* @__PURE__ */ e(Z, {}) : p.current ? /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-primary animate-pulse" }) : /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-muted-foreground/30" })
+                }
+              ),
+              /* @__PURE__ */ n("div", { className: "flex-1 flex items-center justify-between", children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: s(
+                      "text-sm",
+                      p.completed && "text-foreground",
+                      p.current && !p.completed && "text-foreground font-medium",
+                      !p.completed && !p.current && "text-muted-foreground"
+                    ),
+                    children: p.label
+                  }
+                ),
+                p.txHash && l && /* @__PURE__ */ n(
+                  "a",
+                  {
+                    href: `${l}/tx/${p.txHash}`,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "inline-flex items-center gap-1 text-xs text-primary hover:text-primary/80 transition-colors ml-2",
+                    title: `View transaction: ${p.txHash}`,
+                    children: [
+                      /* @__PURE__ */ n("span", { className: "font-mono", children: [
+                        p.txHash.slice(0, 6),
+                        "...",
+                        p.txHash.slice(-4)
+                      ] }),
+                      /* @__PURE__ */ e(T, { size: "w-3 h-3" })
+                    ]
+                  }
+                )
+              ] })
+            ] }, X)) })
+          ] }),
+          (u || g) && I && (N || w) && /* @__PURE__ */ n(
+            "div",
+            {
+              className: s(
+                "flex gap-2 pt-2",
+                h === "compact" ? "flex-col" : "flex-row justify-center"
+              ),
+              children: [
+                !g && N && /* @__PURE__ */ e(
+                  F,
+                  {
+                    variant: "transparentWhite",
+                    size: h === "compact" ? "sm" : "default",
+                    onClick: N,
+                    children: "View Details"
+                  }
+                ),
+                w && /* @__PURE__ */ e(
+                  F,
+                  {
+                    variant: "default",
+                    size: h === "compact" ? "sm" : "default",
+                    onClick: w,
+                    children: g ? "Try Again" : "Done"
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Re.displayName = "TxStatus";
+const G = x.forwardRef(
+  ({ tokens: r, value: t, onValueChange: a, placeholder: o = "Select token", disabled: l, className: c }, i) => {
+    const d = t || (r.length > 0 ? r[0].address : void 0), f = r.find((m) => m.address === d);
+    return Q(() => {
+      !t && r.length > 0 && a && a(r[0].address);
+    }, [t, r, a]), /* @__PURE__ */ n(me, { value: d, onValueChange: a, disabled: l, children: [
+      /* @__PURE__ */ e(
+        ue,
+        {
+          ref: i,
+          className: s(
+            "w-auto min-w-[80px] h-8 px-2 py-1 bg-muted hover:bg-muted/80 border-none rounded-md text-sm font-medium",
+            "focus:ring-2 focus:ring-primary/20 focus:outline-none",
+            c
+          ),
+          children: f ? /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ e("span", { className: "w-4 h-4 flex items-center justify-center", children: f.icon }),
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: f.symbol })
+          ] }) : /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: o })
+        }
+      ),
+      /* @__PURE__ */ e(fe, { children: r.map((m) => /* @__PURE__ */ e(pe, { value: m.address, className: "cursor-pointer", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e("span", { className: "w-4 h-4 flex items-center justify-center", children: m.icon }),
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: m.symbol })
+      ] }) }, m.address)) })
+    ] });
+  }
+);
+G.displayName = "TokenSelector";
+const Be = x.forwardRef(
+  ({
+    className: r,
+    value: t = "",
+    onChange: a,
+    tokens: o,
+    selectedToken: l,
+    onTokenChange: c,
+    usdValue: i,
+    balance: d,
+    onMaxClick: f,
+    placeholder: m = "0",
+    disabled: h = !1,
+    hideTokenSelector: u = !1,
+    ...g
+  }, N) => {
+    const w = o.find((z) => z.address === l), I = (z) => {
+      const j = z.target.value;
+      /^\d*\.?\d*$/.test(j) && (a == null || a(j));
+    };
+    return /* @__PURE__ */ n(
+      y,
+      {
+        ref: N,
+        className: s("space-y-3", h && "opacity-50", r),
+        ...g,
+        children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
+              D,
+              {
+                variant: "nofocus",
+                value: t,
+                onChange: I,
+                placeholder: m,
+                disabled: h,
+                className: "text-2xl font-medium border-none bg-transparent p-0 h-auto focus:ring-0"
+              }
+            ) }),
+            !u && /* @__PURE__ */ e(
+              G,
+              {
+                tokens: o,
+                value: l,
+                onValueChange: c,
+                disabled: h,
+                placeholder: "Select token"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ e("div", { children: i && /* @__PURE__ */ n("span", { children: [
+              "≈ $",
+              i
+            ] }) }),
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+              d && /* @__PURE__ */ n("span", { children: [
+                "Balance: ",
+                d,
+                " ",
+                (w == null ? void 0 : w.symbol) || ""
+              ] }),
+              f && /* @__PURE__ */ e(
+                O,
+                {
+                  variant: "default",
+                  size: "xs",
+                  onClick: f,
+                  className: s(
+                    "cursor-pointer hover:bg-primary hover:text-primary-foreground transition-colors text-xs",
+                    h && "cursor-not-allowed opacity-50"
+                  ),
+                  children: "MAX"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Be.displayName = "SwapInput";
+const Ve = x.forwardRef(
+  ({
+    className: r,
+    swapFee: t,
+    slippageInUsd: a,
+    deposit: o,
+    receive: l,
+    equivalentInUsd: c,
+    networkFee: i,
+    networkFeeInUsd: d,
+    showFree: f = !1,
+    defaultOpen: m = !1,
+    ...h
+  }, u) => {
+    const [g, N] = x.useState(m);
+    return /* @__PURE__ */ n(y, { ref: u, className: s("overflow-hidden", r), ...h, children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => N(!g),
+          className: "w-full flex items-center justify-between p-1 hover:bg-muted/50 transition-colors",
+          children: [
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ n("span", { className: "text-sm font-medium", children: [
+                o,
+                " = ",
+                l
+              ] }),
+              /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: [
+                "(≈ $",
+                c,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: [
+                "≈ $",
+                a
+              ] }),
+              /* @__PURE__ */ e(_, { className: "w-4 h-4" })
+            ] })
+          ]
+        }
+      ),
+      g && /* @__PURE__ */ n("div", { className: "transition-all animate-in fade-in-0 duration-300", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: "Swap Fee" }),
+          t ? /* @__PURE__ */ n("span", { className: "font-medium", children: [
+            t,
+            "%"
+          ] }) : /* @__PURE__ */ e("span", { className: "text-xs px-2 py-1 bg-primary/10 text-primary rounded-full font-medium", children: "FREE" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: "Network Fee" }),
+          /* @__PURE__ */ n("span", { className: "font-medium", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs text-foreground", children: i }),
+            d ? /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: [
+              "(≈ $",
+              d,
+              ")"
+            ] }) : /* @__PURE__ */ e("span", { className: "text-xs px-2 py-1 bg-primary/10 text-primary rounded-full font-medium", children: "FREE" })
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+);
+Ve.displayName = "SwapDetails";
+const Fe = x.forwardRef(
+  ({ className: r, tokens: t = [], variant: a = "default", defaultOpen: o = !1, ...l }, c) => {
+    const [i, d] = x.useState(o), f = (m) => /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-primary", children: m.charAt(0) }) });
+    return t.length === 0 ? null : /* @__PURE__ */ n(y, { ref: c, className: s("overflow-hidden", r), ...l, children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => d(!i),
+          className: "w-full flex items-center justify-between p-2 hover:bg-muted/50 transition-colors",
+          children: [
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "Swap Route" }),
+            /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: [
+                t.length,
+                " token",
+                t.length > 1 ? "s" : ""
+              ] }),
+              /* @__PURE__ */ e(_, { className: "w-4 h-4 text-primary" })
+            ] })
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ e("div", { className: "px-4 pb-4 border-t border-border", children: /* @__PURE__ */ n(ce, { className: "rounded-md whitespace-nowrap", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2 overflow-x-auto py-3", children: t.map((m, h) => /* @__PURE__ */ n(K, { children: [
+          /* @__PURE__ */ e(y, { variant: "item", className: "p-2 rounded-full", children: /* @__PURE__ */ e(
+            S,
+            {
+              icon: m.icon || f(m.symbol),
+              textSize: "xs",
+              iconSize: "sm",
+              children: /* @__PURE__ */ n("span", { className: "gap-2", children: [
+                m.amount,
+                " ",
+                m.symbol
+              ] })
+            }
+          ) }, h),
+          h < t.length - 1 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 mx-1", children: /* @__PURE__ */ e(ne, { className: "w-4 h-4 text-primary" }) })
+        ] })) }),
+        /* @__PURE__ */ e($, { orientation: "horizontal", className: "h-2" })
+      ] }) })
+    ] });
+  }
+);
+Fe.displayName = "RouteDetails";
+const mt = {
+  colors: {
+    // Turtle brand colors
+    neonGreen: "oklch(0.86 0.16 142.5)",
+    darkGreen: "oklch(0.24 0.16 142.5)",
+    ninjaBlack: "oklch(0.1 0.005 120)",
+    wiseWhite: "oklch(0.98 0 0)",
+    wiseGray: "oklch(0.17 0.003 120)",
+    mintCream: "oklch(0.95 0.046 109)",
+    turtleYellow: "oklch(0.97 0.21 98.2)",
+    turtleRed: "oklch(0.6 0.28 29)",
+    whiteTransparent: "oklch(0.98 0 0 / 0.02)",
+    // Semantic colors - light theme
+    light: {
+      background: "oklch(1 0 0)",
+      foreground: "oklch(0.141 0.005 285.823)",
+      card: "oklch(1 0 0)",
+      cardForeground: "oklch(0.141 0.005 285.823)",
+      popover: "oklch(1 0 0)",
+      popoverForeground: "oklch(0.141 0.005 285.823)",
+      primary: "oklch(0.21 0.006 285.885)",
+      primaryForeground: "oklch(0.985 0 0)",
+      secondary: "oklch(0.967 0.001 286.375)",
+      secondaryForeground: "oklch(0.21 0.006 285.885)",
+      muted: "oklch(0.967 0.001 286.375)",
+      mutedForeground: "oklch(0.552 0.016 285.938)",
+      accent: "oklch(0.967 0.001 286.375)",
+      accentForeground: "oklch(0.21 0.006 285.885)",
+      destructive: "oklch(0.577 0.245 27.325)",
+      border: "oklch(0.92 0.004 286.32)",
+      input: "oklch(0.92 0.004 286.32)",
+      ring: "oklch(0.705 0.015 286.067)"
+    },
+    // Semantic colors - dark theme
+    dark: {
+      background: "oklch(0.141 0.005 285.823)",
+      foreground: "oklch(0.985 0 0)",
+      card: "oklch(0.21 0.006 285.885)",
+      cardForeground: "oklch(0.985 0 0)",
+      popover: "oklch(0.21 0.006 285.885)",
+      popoverForeground: "oklch(0.985 0 0)",
+      primary: "oklch(0.92 0.004 286.32)",
+      primaryForeground: "oklch(0.21 0.006 285.885)",
+      secondary: "oklch(0.274 0.006 286.033)",
+      secondaryForeground: "oklch(0.985 0 0)",
+      muted: "oklch(0.274 0.006 286.033)",
+      mutedForeground: "oklch(0.705 0.015 286.067)",
+      accent: "oklch(0.274 0.006 286.033)",
+      accentForeground: "oklch(0.985 0 0)",
+      destructive: "oklch(0.704 0.191 22.216)",
+      border: "oklch(1 0 0 / 10%)",
+      input: "oklch(1 0 0 / 15%)",
+      ring: "oklch(0.552 0.016 285.938)"
+    }
+  },
+  spacing: {
+    xs: "0.25rem",
+    // 4px
+    sm: "0.5rem",
+    // 8px
+    md: "0.75rem",
+    // 12px
+    lg: "1rem",
+    // 16px
+    xl: "1.5rem",
+    // 24px
+    "2xl": "2rem",
+    // 32px
+    "3xl": "3rem",
+    // 48px
+    "4xl": "4rem"
+    // 64px
+  },
+  radius: {
+    none: "0",
+    sm: "calc(0.625rem - 4px)",
+    md: "calc(0.625rem - 2px)",
+    lg: "0.625rem",
+    xl: "calc(0.625rem + 4px)",
+    full: "9999px"
+  },
+  fontSize: {
+    xs: ["0.75rem", { lineHeight: "1rem" }],
+    sm: ["0.875rem", { lineHeight: "1.25rem" }],
+    base: ["1rem", { lineHeight: "1.5rem" }],
+    lg: ["1.125rem", { lineHeight: "1.75rem" }],
+    xl: ["1.25rem", { lineHeight: "1.75rem" }],
+    "2xl": ["1.5rem", { lineHeight: "2rem" }],
+    "3xl": ["1.875rem", { lineHeight: "2.25rem" }]
+  },
+  fontWeight: {
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  shadow: {
+    xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+  }
+};
+export {
+  F as Button,
+  y as Card,
+  lt as CardContent,
+  it as CardDescription,
+  dt as CardFooter,
+  ot as CardHeader,
+  st as CardTitle,
+  O as Chip,
+  W as IconAnimation,
+  C as InfoCard,
+  D as Input,
+  Me as Label,
+  S as LabelWithIcon,
+  Le as NavigationBar,
+  Se as NavigationItem,
+  Te as OpportunityDetails,
+  ct as OpportunityDetailsV1,
+  Ce as OpportunityItem,
+  Fe as RouteDetails,
+  ce as ScrollArea,
+  $ as ScrollBar,
+  me as Select,
+  fe as SelectContent,
+  Ye as SelectGroup,
+  pe as SelectItem,
+  Xe as SelectLabel,
+  he as SelectScrollDownButton,
+  xe as SelectScrollUpButton,
+  qe as SelectSeparator,
+  ue as SelectTrigger,
+  Ze as SelectValue,
+  Je as Separator,
+  Ve as SwapDetails,
+  Be as SwapInput,
+  Qe as Switch,
+  Ke as Toaster,
+  Ue as Toggle,
+  et as ToggleGroup,
+  tt as ToggleGroupItem,
+  G as TokenSelector,
+  rt as Tooltip,
+  nt as TooltipContent,
+  ge as TooltipProvider,
+  at as TooltipTrigger,
+  Re as TxStatus,
+  ve as buttonVariants,
+  be as cardVariants,
+  ye as chipVariants,
+  s as cn,
+  Ne as iconAnimationVariants,
+  V as inputVariants,
+  we as labelWithIconVariants,
+  ke as navigationBarVariants,
+  ze as navigationItemVariants,
+  H as toggleVariants,
+  mt as tokens
+};
+//# sourceMappingURL=index.js.map