@gearbox-protocol/permissionless-ui 1.10.7 → 1.10.8

package/dist/cjs/components/buttons/button/button.cjs

@@ -30,7 +30,7 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
   {
     variants: {
       variant: {
@@ -62,13 +62,23 @@ const buttonVariants = classVarianceAuthority.cva(
   }
 );
 const Button = React__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({ className, variant, size, asChild = false, disabled, onClick, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
+    const handleClick = (e) => {
+      if (disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      onClick?.(e);
+    };
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
         className: utils_cn.cn(buttonVariants({ variant, size, className })),
         ref,
+        disabled,
+        onClick: handleClick,
         ...props
       }
     );

package/dist/cjs/components/dialog/dialog-form.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const components_buttons_button_button = require('../buttons/button/button.cjs');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_dialog_dialog = require('./dialog.cjs');
+const components_dialog_dialogContent = require('./dialog-content.cjs');
+const components_dialog_dialogFooter = require('./dialog-footer.cjs');
+const components_dialog_dialogHeader = require('./dialog-header.cjs');
+const components_dialog_dialogTitle = require('./dialog-title.cjs');
+
+function DialogForm({
+  title,
+  isFormValid,
+  isLoading,
+  saveButtonText = "Save changes",
+  loadingText = "Saving...",
+  onCancel,
+  onSubmit,
+  submitButtonVariant = "pink",
+  authWrapper: AuthWrapper,
+  className,
+  children
+}) {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSubmit(e);
+  };
+  const submitButton = /* @__PURE__ */ jsxRuntime.jsx(
+    components_buttons_button_button.Button,
+    {
+      disabled: !isFormValid || isLoading,
+      type: "submit",
+      variant: submitButtonVariant,
+      children: isLoading ? loadingText : saveButtonText
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components_dialog_dialog.Dialog, { open: true, onOpenChange: onCancel, children: /* @__PURE__ */ jsxRuntime.jsx(
+    components_dialog_dialogContent.DialogContent,
+    {
+      className: utils_cn.cn(
+        "bg-[#141414] p-8 rounded-lg w-full max-w-4xl",
+        "flex flex-col justify-between overflow-y-auto",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_dialog_dialogHeader.DialogHeader, { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(components_dialog_dialogTitle.DialogTitle, { children: title }) }),
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(components_dialog_dialogFooter.DialogFooter, { className: "w-full mt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-full justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center space-x-2" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(components_buttons_button_button.Button, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" }),
+            AuthWrapper ? /* @__PURE__ */ jsxRuntime.jsx(AuthWrapper, { variant: submitButtonVariant, children: submitButton }) : submitButton
+          ] })
+        ] }) })
+      ] })
+    }
+  ) });
+}
+
+exports.DialogForm = DialogForm;

package/dist/cjs/components/dialog/index.cjs

@@ -7,9 +7,11 @@ const components_dialog_dialogContainer = require('./dialog-container.cjs');
 const components_dialog_dialogContent = require('./dialog-content.cjs');
 const components_dialog_dialogDescription = require('./dialog-description.cjs');
 const components_dialog_dialogFooter = require('./dialog-footer.cjs');
+const components_dialog_dialogForm = require('./dialog-form.cjs');
 const components_dialog_dialogHeader = require('./dialog-header.cjs');
 const components_dialog_dialogOverlay = require('./dialog-overlay.cjs');
 const components_dialog_dialogTitle = require('./dialog-title.cjs');
+const components_dialog_oneFieldDialog = require('./one-field-dialog.cjs');
 
 
 
@@ -20,6 +22,8 @@ exports.DialogContainer = components_dialog_dialogContainer.DialogContainer;
 exports.DialogContent = components_dialog_dialogContent.DialogContent;
 exports.DialogDescription = components_dialog_dialogDescription.DialogDescription;
 exports.DialogFooter = components_dialog_dialogFooter.DialogFooter;
+exports.DialogForm = components_dialog_dialogForm.DialogForm;
 exports.DialogHeader = components_dialog_dialogHeader.DialogHeader;
 exports.DialogOverlay = components_dialog_dialogOverlay.DialogOverlay;
 exports.DialogTitle = components_dialog_dialogTitle.DialogTitle;
+exports.OneFieldDialog = components_dialog_oneFieldDialog.OneFieldDialog;

package/dist/cjs/components/dialog/one-field-dialog.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const viem = require('viem');
+const components_input_input = require('../input/input.cjs');
+const components_label_label = require('../label/label.cjs');
+const components_dialog_dialogForm = require('./dialog-form.cjs');
+
+function OneFieldDialog({
+  title,
+  label,
+  initialValue,
+  onSet,
+  onClose,
+  isFormValid: customValidation,
+  type,
+  saveButtonText,
+  loadingText,
+  placeholder,
+  errorMessage,
+  step = "0.01",
+  min = 0,
+  max,
+  authWrapper,
+  submitButtonVariant
+}) {
+  const [value, setValue] = React.useState(initialValue.toString());
+  const [isLoading, setIsLoading] = React.useState(false);
+  const isValid = () => {
+    if (value === "") return false;
+    if (customValidation) {
+      return customValidation(value);
+    }
+    if (type === "number") {
+      const numValue = parseFloat(value);
+      return !isNaN(numValue) && numValue >= 0;
+    }
+    if (type === "address") {
+      return viem.isAddress(value);
+    }
+    return true;
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsLoading(true);
+    try {
+      if (type === "number") {
+        const numValue = parseFloat(value);
+        if (!isNaN(numValue)) {
+          await onSet(numValue);
+        }
+      } else if (type === "address") {
+        if (viem.isAddress(value)) {
+          await onSet(value);
+        }
+      } else {
+        await onSet(value);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleCancel = () => {
+    setValue("");
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_dialog_dialogForm.DialogForm,
+    {
+      title,
+      isFormValid: isValid(),
+      onCancel: handleCancel,
+      onSubmit: handleSubmit,
+      isLoading,
+      saveButtonText,
+      loadingText,
+      authWrapper,
+      submitButtonVariant,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-4 space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_label_label.Label, { children: label ?? title }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          components_input_input.Input,
+          {
+            type: type === "number" ? "number" : "text",
+            value,
+            onChange: (e) => setValue(e.target.value),
+            placeholder: placeholder || `Enter ${type}`,
+            hasError: value !== "" && !isValid(),
+            errorMessage: errorMessage || `Invalid ${type}`,
+            className: "w-full",
+            step,
+            min,
+            max
+          }
+        )
+      ] })
+    }
+  );
+}
+
+exports.OneFieldDialog = OneFieldDialog;

package/dist/cjs/components/dropdown-menu/dropdown-menu.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const jsxRuntime = require('react/jsx-runtime');
 const DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 
 function _interopNamespaceDefault(e) {
@@ -23,7 +24,11 @@ function _interopNamespaceDefault(e) {
 
 const DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
 
-const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+const DropdownMenu = ({
+  modal = false,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { modal, ...props });
+DropdownMenu.displayName = "DropdownMenu";
 const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;

package/dist/cjs/components/error-message/error-line-message.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function ErrorLineMessage({
+  err,
+  title,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("text-destructive", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+      title ?? "Error",
+      ":"
+    ] }),
+    " ",
+    err.message
+  ] });
+}
+
+exports.ErrorLineMessage = ErrorLineMessage;

package/dist/cjs/components/error-message/index.cjs

@@ -2,8 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const components_errorMessage_errorLineMessage = require('./error-line-message.cjs');
 const components_errorMessage_errorMessage = require('./error-message.cjs');
 
 
 
+exports.ErrorLineMessage = components_errorMessage_errorLineMessage.ErrorLineMessage;
 exports.ErrorMessage = components_errorMessage_errorMessage.ErrorMessage;

package/dist/cjs/components/error-view/error-view.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const components_buttons_backButton_backButton = require('../buttons/back-button/back-button.cjs');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function ErrorView({
+  status,
+  message,
+  backButton,
+  className
+}) {
+  const messageSize = message.length > 32 ? "default" : "large";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn("w-full flex items-center justify-center py-16", className),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: utils_cn.cn(
+            "flex flex-col items-center max-w-md mx-auto px-4 py-8 text-center",
+            messageSize === "default" && "gap-4"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-6xl font-bold text-foreground font-mono", children: status }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex flex-col items-center gap-4"), children: [
+              messageSize === "large" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold text-foreground", children: message }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-foreground", children: message }),
+              backButton && /* @__PURE__ */ jsxRuntime.jsx(
+                components_buttons_backButton_backButton.BackButton,
+                {
+                  text: backButton.text,
+                  href: backButton.href,
+                  className: "inline-flex items-center text-md"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+exports.ErrorView = ErrorView;

package/dist/cjs/components/error-view/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_errorView_errorView = require('./error-view.cjs');
+
+
+
+exports.ErrorView = components_errorView_errorView.ErrorView;

package/dist/cjs/components/filter/filter-modal.cjs

@@ -22,8 +22,11 @@ const components_dialog_dialogContent = require('../dialog/dialog-content.cjs');
 require('../dialog/dialog-description.cjs');
 const components_dialog_dialogFooter = require('../dialog/dialog-footer.cjs');
 const components_dialog_dialogHeader = require('../dialog/dialog-header.cjs');
-require('../dialog/dialog-overlay.cjs');
 const components_dialog_dialogTitle = require('../dialog/dialog-title.cjs');
+require('../dialog/dialog-overlay.cjs');
+require('viem');
+require('../input/input.cjs');
+require('../label/label.cjs');
 const components_searchLine_searchLine = require('../search-line/search-line.cjs');
 const components_tabs_tabs = require('../tabs/tabs.cjs');
 

package/dist/cjs/components/index.cjs

@@ -37,9 +37,11 @@ const components_dialog_dialogContainer = require('./dialog/dialog-container.cjs
 const components_dialog_dialogContent = require('./dialog/dialog-content.cjs');
 const components_dialog_dialogDescription = require('./dialog/dialog-description.cjs');
 const components_dialog_dialogFooter = require('./dialog/dialog-footer.cjs');
+const components_dialog_dialogForm = require('./dialog/dialog-form.cjs');
 const components_dialog_dialogHeader = require('./dialog/dialog-header.cjs');
 const components_dialog_dialogOverlay = require('./dialog/dialog-overlay.cjs');
 const components_dialog_dialogTitle = require('./dialog/dialog-title.cjs');
+const components_dialog_oneFieldDialog = require('./dialog/one-field-dialog.cjs');
 const components_dropdownMenu_dropdownMenu = require('./dropdown-menu/dropdown-menu.cjs');
 const components_dropdownMenu_dropdownMenuCheckboxItem = require('./dropdown-menu/dropdown-menu-checkbox-item.cjs');
 const components_dropdownMenu_dropdownMenuContent = require('./dropdown-menu/dropdown-menu-content.cjs');
@@ -50,7 +52,9 @@ const components_dropdownMenu_dropdownMenuSeparator = require('./dropdown-menu/d
 const components_dropdownMenu_dropdownMenuShortcut = require('./dropdown-menu/dropdown-menu-shortcut.cjs');
 const components_dropdownMenu_dropdownMenuSubContent = require('./dropdown-menu/dropdown-menu-sub-content.cjs');
 const components_dropdownMenu_dropdownMenuSubTrigger = require('./dropdown-menu/dropdown-menu-sub-trigger.cjs');
+const components_errorMessage_errorLineMessage = require('./error-message/error-line-message.cjs');
 const components_errorMessage_errorMessage = require('./error-message/error-message.cjs');
+const components_errorView_errorView = require('./error-view/error-view.cjs');
 const components_filter_filterBlock = require('./filter/filter-block.cjs');
 const components_filter_filterCheckboxItem = require('./filter/filter-checkbox-item.cjs');
 const components_filter_filterChip = require('./filter/filter-chip.cjs');
@@ -80,6 +84,7 @@ const components_image_image = require('./image/image.cjs');
 const components_input_input = require('./input/input.cjs');
 const components_label_label = require('./label/label.cjs');
 const components_layout_appLogo_appLogo = require('./layout/app-logo/app-logo.cjs');
+const components_layout_block_block = require('./layout/block/block.cjs');
 const components_layout_col_col = require('./layout/col/col.cjs');
 const components_layout_container_container = require('./layout/container/container.cjs');
 const components_layout_footer_footer = require('./layout/footer/footer.cjs');
@@ -109,6 +114,7 @@ const components_signatures_confirmationItem = require('./signatures/confirmatio
 const components_signatures_identicon = require('./signatures/identicon.cjs');
 const components_signatures_verticalTimeline = require('./signatures/vertical-timeline.cjs');
 const components_skeleton_skeleton = require('./skeleton/skeleton.cjs');
+const components_skeleton_skeletonStack = require('./skeleton/skeleton-stack.cjs');
 const components_statBadge_statBadge = require('./stat-badge/stat-badge.cjs');
 const components_tabControl_tabControl = require('./tab-control/tab-control.cjs');
 const components_table_editButton = require('./table/edit-button.cjs');
@@ -135,6 +141,7 @@ const components_tradingView_graphDropdown = require('./trading-view/graph-dropd
 const components_tradingView_tradingView = require('./trading-view/trading-view.cjs');
 const components_typedIntl_index = require('./typed-intl/index.cjs');
 const components_vspace_vspace = require('./vspace/vspace.cjs');
+const components_withCopy_withCopy = require('./with-copy/with-copy.cjs');
 const components_withFilterButton_withFilterButton = require('./with-filter-button/with-filter-button.cjs');
 
 
@@ -195,9 +202,11 @@ exports.DialogContainer = components_dialog_dialogContainer.DialogContainer;
 exports.DialogContent = components_dialog_dialogContent.DialogContent;
 exports.DialogDescription = components_dialog_dialogDescription.DialogDescription;
 exports.DialogFooter = components_dialog_dialogFooter.DialogFooter;
+exports.DialogForm = components_dialog_dialogForm.DialogForm;
 exports.DialogHeader = components_dialog_dialogHeader.DialogHeader;
 exports.DialogOverlay = components_dialog_dialogOverlay.DialogOverlay;
 exports.DialogTitle = components_dialog_dialogTitle.DialogTitle;
+exports.OneFieldDialog = components_dialog_oneFieldDialog.OneFieldDialog;
 exports.DropdownMenu = components_dropdownMenu_dropdownMenu.DropdownMenu;
 exports.DropdownMenuGroup = components_dropdownMenu_dropdownMenu.DropdownMenuGroup;
 exports.DropdownMenuPortal = components_dropdownMenu_dropdownMenu.DropdownMenuPortal;
@@ -213,7 +222,9 @@ exports.DropdownMenuSeparator = components_dropdownMenu_dropdownMenuSeparator.Dr
 exports.DropdownMenuShortcut = components_dropdownMenu_dropdownMenuShortcut.DropdownMenuShortcut;
 exports.DropdownMenuSubContent = components_dropdownMenu_dropdownMenuSubContent.DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = components_dropdownMenu_dropdownMenuSubTrigger.DropdownMenuSubTrigger;
+exports.ErrorLineMessage = components_errorMessage_errorLineMessage.ErrorLineMessage;
 exports.ErrorMessage = components_errorMessage_errorMessage.ErrorMessage;
+exports.ErrorView = components_errorView_errorView.ErrorView;
 exports.FilterBlock = components_filter_filterBlock.FilterBlock;
 exports.FilterCheckboxItem = components_filter_filterCheckboxItem.FilterCheckboxItem;
 exports.FilterChip = components_filter_filterChip.FilterChip;
@@ -259,6 +270,7 @@ exports.inputVariants = components_input_input.inputVariants;
 exports.Label = components_label_label.Label;
 exports.labelVariants = components_label_label.labelVariants;
 exports.AppLogo = components_layout_appLogo_appLogo.AppLogo;
+exports.Block = components_layout_block_block.Block;
 exports.Col = components_layout_col_col.Col;
 exports.Container = components_layout_container_container.Container;
 exports.Footer = components_layout_footer_footer.Footer;
@@ -313,6 +325,7 @@ exports.Identicon = components_signatures_identicon.Identicon;
 exports.VerticalTimeline = components_signatures_verticalTimeline.VerticalTimeline;
 exports.Skeleton = components_skeleton_skeleton.Skeleton;
 exports.skeletonVariants = components_skeleton_skeleton.skeletonVariants;
+exports.SkeletonStack = components_skeleton_skeletonStack.SkeletonStack;
 exports.StatBadge = components_statBadge_statBadge.StatBadge;
 exports.StatBadgeGrid = components_statBadge_statBadge.StatBadgeGrid;
 exports.statBadgeContentVariants = components_statBadge_statBadge.statBadgeContentVariants;
@@ -383,4 +396,5 @@ exports.TradingView = components_tradingView_tradingView.TradingView;
 exports.FormattedMessageTyped = components_typedIntl_index.FormattedMessageTyped;
 exports.useIntlTyped = components_typedIntl_index.useIntlTyped;
 exports.VSpace = components_vspace_vspace.VSpace;
+exports.WithCopy = components_withCopy_withCopy.WithCopy;
 exports.WithFilterButton = components_withFilterButton_withFilterButton.WithFilterButton;

package/dist/cjs/components/layout/block/block.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const utils_cn = require('../../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+const marginClasses = {
+  none: "mb-0",
+  sm: "mb-4",
+  md: "mb-6",
+  lg: "mb-8"
+};
+const justifyClasses = {
+  "flex-start": "justify-start",
+  center: "justify-center",
+  "flex-end": "justify-end",
+  between: "justify-between"
+};
+const alignClasses = {
+  "flex-start": "items-start",
+  center: "items-center",
+  "flex-end": "items-end",
+  stretch: "items-stretch"
+};
+function Block({
+  children,
+  margin = "md",
+  justify = "flex-start",
+  align = "flex-start",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        "flex flex-row flex-nowrap",
+        marginClasses[margin],
+        justifyClasses[justify],
+        alignClasses[align],
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+exports.Block = Block;

package/dist/cjs/components/layout/block/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_layout_block_block = require('./block.cjs');
+
+
+
+exports.Block = components_layout_block_block.Block;

package/dist/cjs/components/layout/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const components_layout_appLogo_appLogo = require('./app-logo/app-logo.cjs');
+const components_layout_block_block = require('./block/block.cjs');
 const components_layout_col_col = require('./col/col.cjs');
 const components_layout_container_container = require('./container/container.cjs');
 const components_layout_footer_footer = require('./footer/footer.cjs');
@@ -15,6 +16,7 @@ const components_layout_pageLayout_pageLayout = require('./page-layout/page-layo
 
 
 exports.AppLogo = components_layout_appLogo_appLogo.AppLogo;
+exports.Block = components_layout_block_block.Block;
 exports.Col = components_layout_col_col.Col;
 exports.Container = components_layout_container_container.Container;
 exports.Footer = components_layout_footer_footer.Footer;

package/dist/cjs/components/loader-guard/loader-guard.cjs

@@ -6,6 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const components_guard_guard = require('../guard/guard.cjs');
 require('clsx');
 require('tailwind-merge');
+require('react');
+require('sonner');
+require('@gearbox-protocol/sdk');
 require('../layout/col/col.cjs');
 const components_layout_container_container = require('../layout/container/container.cjs');
 require('../layout/footer/footer.cjs');

package/dist/cjs/components/next/markdown-viewer.cjs

@@ -9,6 +9,8 @@ const ReactMarkdown = require('react-markdown');
 const remarkGfm = require('remark-gfm');
 require('clsx');
 require('tailwind-merge');
+require('sonner');
+require('@gearbox-protocol/sdk');
 require('../layout/col/col.cjs');
 require('../layout/container/container.cjs');
 require('../layout/footer/footer.cjs');

package/dist/cjs/components/select/select.cjs

@@ -31,7 +31,11 @@ function _interopNamespaceDefault(e) {
 const SelectPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SelectPrimitive);
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const Select = SelectPrimitive__namespace.Root;
+const Select = ({
+  modal = false,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { modal, ...props });
+Select.displayName = "Select";
 const SelectGroup = SelectPrimitive__namespace.Group;
 const SelectValue = SelectPrimitive__namespace.Value;
 const selectTriggerVariants = classVarianceAuthority.cva(

package/dist/cjs/components/skeleton/index.cjs

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const components_skeleton_skeleton = require('./skeleton.cjs');
+const components_skeleton_skeletonStack = require('./skeleton-stack.cjs');
 
 
 
 exports.Skeleton = components_skeleton_skeleton.Skeleton;
 exports.skeletonVariants = components_skeleton_skeleton.skeletonVariants;
+exports.SkeletonStack = components_skeleton_skeletonStack.SkeletonStack;

package/dist/cjs/components/skeleton/skeleton-stack.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_skeleton_skeleton = require('./skeleton.cjs');
+
+const gapClasses = {
+  sm: "space-y-2",
+  md: "space-y-3",
+  lg: "space-y-4"
+};
+function SkeletonStack({
+  lines = 5,
+  className,
+  gap = "md"
+}) {
+  const skeletonKeys = React.useMemo(
+    () => Array.from({ length: lines }, () => crypto.randomUUID()),
+    [lines]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn(gapClasses[gap], className), children: skeletonKeys.map((key, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    components_skeleton_skeleton.Skeleton,
+    {
+      className: utils_cn.cn("h-4 w-full", index === lines - 1 && "w-3/4")
+    },
+    key
+  )) });
+}
+
+exports.SkeletonStack = SkeletonStack;

package/dist/cjs/components/with-copy/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_withCopy_withCopy = require('./with-copy.cjs');
+
+
+
+exports.WithCopy = components_withCopy_withCopy.WithCopy;