@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

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

@@ -1,80 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import cn from "../utils/index.js";
-const pageTitleVariants = cva(
-  "font-semibold leading-tight tracking-tight flex items-center gap-2",
-  {
-    variants: {
-      size: {
-        sm: "text-xl md:text-2xl",
-        default: "text-xl md:text-2xl",
-        lg: "text-3xl md:text-4xl",
-        xl: "text-4xl md:text-5xl"
-      },
-      variant: {
-        default: "text-foreground",
-        primary: "text-primary",
-        muted: "text-muted-foreground",
-        gradient: "bg-gradient-to-r from-primary to-purple-600 bg-clip-text text-transparent"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    }
-  }
-);
-const pageTitleRootVariants = cva("flex items-center", {
-  variants: {
-    spacing: {
-      sm: "gap-2",
-      default: "gap-4",
-      lg: "gap-6"
-    }
-  },
-  defaultVariants: {
-    spacing: "default"
-  }
-});
-const PageTitle = React.forwardRef(
-  ({
-    className,
-    size,
-    variant,
-    spacing,
-    backButton,
-    icon,
-    actions,
-    subtitle,
-    as: Component = "h1",
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: cn(pageTitleRootVariants({ spacing })), children: [
-      backButton && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: backButton }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-          icon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: icon }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx(
-              Component,
-              {
-                className: cn(pageTitleVariants({ size, variant }), "m-0"),
-                children
-              }
-            ),
-            subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-1", children: subtitle })
-          ] })
-        ] }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-2", children: actions })
-      ] })
-    ] }) });
-  }
-);
-PageTitle.displayName = "PageTitle";
-export {
-  PageTitle,
-  pageTitleRootVariants,
-  pageTitleVariants
-};

package/dist/esm/components/percent-indicator.js

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-import { percentTemplate } from "../utils/format-money.js";
-function PercentIndicator({
-  percent,
-  decimals = 2,
-  showColor = true,
-  className,
-  ...props
-}) {
-  const getColorClass = () => {
-    if (!showColor) return "";
-    if (percent >= 90) return "text-destructive";
-    if (percent >= 70) return "text-orange-500";
-    if (percent >= 50) return "text-yellow-600";
-    return "text-green-600";
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("font-medium", getColorClass(), className), ...props, children: percentTemplate(percent, decimals) });
-}
-export {
-  PercentIndicator
-};

package/dist/esm/components/pool-points-indicator.js

@@ -1,73 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-const COLOR_MAP = {
-  primary: "border-primary bg-primary",
-  secondary: "border-secondary bg-secondary",
-  green: "border-green-600 bg-green-600",
-  blue: "border-blue-600 bg-blue-600",
-  yellow: "border-yellow-600 bg-yellow-600"
-};
-function PoolPointsIndicator({
-  size = 24,
-  color = "primary",
-  className,
-  children
-}) {
-  const borderSize = size + 8;
-  const colorClasses = COLOR_MAP[color];
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-block", className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "absolute flex items-center justify-center rounded-full border-2",
-          colorClasses.split(" ")[0]
-          // border color
-        ),
-        style: {
-          top: -4,
-          left: -4,
-          width: borderSize,
-          height: borderSize
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "absolute flex items-center justify-center rounded-full",
-          colorClasses.split(" ")[1]
-        ),
-        style: {
-          top: -6,
-          right: -6,
-          width: 14,
-          height: 14,
-          zIndex: 1
-        },
-        children: /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "8",
-            height: "8",
-            viewBox: "0 0 8 8",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "text-white",
-            role: "img",
-            "aria-label": "Pool Points Indicator",
-            children: [
-              /* @__PURE__ */ jsx("title", { children: "Pool Points" }),
-              /* @__PURE__ */ jsx("path", { d: "M4.5 0L1 4.5h2.5L3 8l3.5-4.5H4L4.5 0z", fill: "currentColor" })
-            ]
-          }
-        )
-      }
-    ),
-    children
-  ] });
-}
-export {
-  PoolPointsIndicator
-};

package/dist/esm/components/search-bar.js

@@ -1,98 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Search } from "lucide-react";
-import { useState } from "react";
-import cn from "../utils/index.js";
-import { Input } from "./input.js";
-const searchBarVariants = cva("relative w-full transition-all duration-200", {
-  variants: {
-    size: {
-      sm: "max-w-xs",
-      default: "max-w-96",
-      lg: "max-w-lg",
-      full: "max-w-full"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-const searchBarInputVariants = cva("transition-all duration-200 pl-10", {
-  variants: {
-    active: {
-      true: "",
-      false: "bg-transparent border-input"
-    },
-    theme: {
-      light: "",
-      dark: ""
-    }
-  },
-  compoundVariants: [
-    {
-      active: true,
-      theme: "light",
-      className: "bg-card text-foreground"
-    },
-    {
-      active: true,
-      theme: "dark",
-      className: "bg-[rgb(40,40,40)] text-white"
-    },
-    {
-      active: false,
-      theme: "light",
-      className: "text-foreground placeholder:text-foreground"
-    },
-    {
-      active: false,
-      theme: "dark",
-      className: "text-white placeholder:text-white"
-    }
-  ],
-  defaultVariants: {
-    active: false,
-    theme: "light"
-  }
-});
-function SearchBar({
-  onChange,
-  placeholder = "Search...",
-  className,
-  size,
-  theme = "light"
-}) {
-  const [searchQuery, setSearchQuery] = useState("");
-  const [focused, setFocused] = useState(false);
-  const active = searchQuery !== "" || focused;
-  const handleSearch = (e) => {
-    const query = e.target.value;
-    setSearchQuery(query);
-    onChange(query);
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn(searchBarVariants({ size }), className), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(
-      Search,
-      {
-        className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground pointer-events-none",
-        size: 18
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        type: "search",
-        placeholder,
-        value: searchQuery,
-        onChange: handleSearch,
-        onFocus: () => setFocused(true),
-        onBlur: () => setFocused(false),
-        className: cn(searchBarInputVariants({ active, theme }))
-      }
-    )
-  ] }) });
-}
-export {
-  SearchBar
-};

package/dist/esm/components/search-line.js

@@ -1,188 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { ArrowRight, Loader2, Search } from "lucide-react";
-import * as React from "react";
-import cn from "../utils/index.js";
-import { Input } from "./input.js";
-const searchLineVariants = cva("relative w-full transition-all duration-200", {
-  variants: {
-    size: {
-      sm: "max-w-xs",
-      default: "max-w-md",
-      lg: "max-w-lg",
-      full: "max-w-full"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-const searchLineInputVariants = cva("transition-all duration-200 pr-10", {
-  variants: {
-    active: {
-      true: "",
-      false: "bg-transparent border-input"
-    },
-    theme: {
-      light: "",
-      dark: ""
-    }
-  },
-  compoundVariants: [
-    {
-      active: true,
-      theme: "light",
-      className: "bg-card text-foreground"
-    },
-    {
-      active: true,
-      theme: "dark",
-      className: "bg-[rgb(40,40,40)] text-white"
-    },
-    {
-      active: false,
-      theme: "light",
-      className: "text-foreground placeholder:text-foreground"
-    },
-    {
-      active: false,
-      theme: "dark",
-      className: "text-white placeholder:text-white"
-    }
-  ],
-  defaultVariants: {
-    active: false,
-    theme: "light"
-  }
-});
-const SearchLine = React.forwardRef(
-  ({
-    className,
-    size,
-    searchState,
-    placeholder = "Search...",
-    theme = "light",
-    showSearchIcon = false,
-    customIcon,
-    onSubmit,
-    ...props
-  }, ref) => {
-    const { value, handleSubmit, handleInput, loading } = searchState;
-    const [focused, setFocused] = React.useState(false);
-    const active = value !== "" || focused;
-    const handleFormSubmit = React.useCallback(
-      (e) => {
-        e.preventDefault();
-        handleSubmit({ preventDefault: () => {
-        } });
-        if (onSubmit) {
-          onSubmit(value);
-        }
-      },
-      [handleSubmit, onSubmit, value]
-    );
-    const handleIconClick = React.useCallback(() => {
-      handleSubmit({ preventDefault: () => {
-      } });
-      if (onSubmit) {
-        onSubmit(value);
-      }
-    }, [handleSubmit, onSubmit, value]);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(searchLineVariants({ size }), className),
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          "form",
-          {
-            onSubmit: handleFormSubmit,
-            onFocus: () => setFocused(true),
-            onBlur: () => setFocused(false),
-            className: "relative",
-            children: [
-              showSearchIcon && /* @__PURE__ */ jsx(
-                Search,
-                {
-                  className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground pointer-events-none",
-                  size: 18
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "search",
-                  placeholder,
-                  value,
-                  onChange: handleInput,
-                  className: cn(
-                    searchLineInputVariants({ active, theme }),
-                    showSearchIcon && "pl-10"
-                  )
-                }
-              ),
-              active && !loading && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleIconClick,
-                  className: "absolute right-2 top-1/2 transform -translate-y-1/2 w-9 h-9 flex items-center justify-center rounded-full transition-colors cursor-pointer",
-                  "aria-label": "Submit search",
-                  children: customIcon || /* @__PURE__ */ jsx(ArrowRight, { className: "text-primary", size: 18 })
-                }
-              ),
-              loading && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 w-9 h-9 flex items-center justify-center", children: /* @__PURE__ */ jsx(
-                Loader2,
-                {
-                  className: "text-muted-foreground animate-spin",
-                  size: 18
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-SearchLine.displayName = "SearchLine";
-const WithSearchLine = React.forwardRef(
-  ({
-    searchState,
-    children,
-    placeholder = "Search...",
-    theme = "light",
-    className
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "w-full flex gap-4 flex-col sm:flex-row sm:items-center md:justify-between",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "sm:flex-shrink-0 sm:flex-grow-1", children }),
-          /* @__PURE__ */ jsx("div", { className: "w-full sm:flex-1 md:flex-initial md:max-w-md", children: /* @__PURE__ */ jsx(
-            SearchLine,
-            {
-              searchState,
-              placeholder,
-              theme,
-              size: "full"
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-WithSearchLine.displayName = "WithSearchLine";
-export {
-  SearchLine,
-  WithSearchLine,
-  searchLineInputVariants,
-  searchLineVariants
-};

package/dist/esm/components/select.js

@@ -1,144 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { cva } from "class-variance-authority";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import * as React from "react";
-import cn from "../utils/index.js";
-const Select = SelectPrimitive.Root;
-const SelectGroup = SelectPrimitive.Group;
-const SelectValue = SelectPrimitive.Value;
-const selectTriggerVariants = cva(
-  "flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 bg-[rgb(40,40,40)] text-white",
-  {
-    variants: {
-      size: {
-        sm: "h-8 text-xs px-2",
-        default: "h-9",
-        lg: "h-11 text-base px-4"
-      },
-      variant: {
-        default: "",
-        error: "border-red-500",
-        success: "border-green-500"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    }
-  }
-);
-const SelectTrigger = React.forwardRef(({ className, children, size, variant, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(selectTriggerVariants({ size, variant, className })),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md 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",
-      position === "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",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-secondary focus:bg-secondary data-[disabled]:pointer-events-none data-[disabled]:opacity-50 bg-transparent text-white border-[rgb(100,100,100)]",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-  selectTriggerVariants
-};

package/dist/esm/components/short-string.js

@@ -1,39 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../utils/cn.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./tooltip.js";
-function ShortString({
-  children,
-  maxLength,
-  className,
-  showTooltip = true
-}) {
-  if (maxLength === void 0) {
-    const content = /* @__PURE__ */ jsx("span", { className: cn("inline-block max-w-full truncate", className), children });
-    if (!showTooltip) {
-      return content;
-    }
-    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: content }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children }) })
-    ] }) });
-  }
-  if (!children || children.length <= maxLength) {
-    return /* @__PURE__ */ jsx("span", { className, children });
-  }
-  const truncated = `${children.slice(0, maxLength)}...`;
-  if (!showTooltip) {
-    return /* @__PURE__ */ jsx("span", { className, children: truncated });
-  }
-  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className, children: truncated }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children }) })
-  ] }) });
-}
-export {
-  ShortString
-};