@obolnetwork/obol-ui 1.0.64 → 1.0.67

package/dist/components/atoms/Button/Button.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
 import * as Stitches from "@stitches/react";
+import { CSS } from "../../../stitches.config";
+import { ReactNode } from "react";
 export declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
     color?: "coordinate" | "test" | "create" | "ghost" | "primary" | "secondary" | undefined;
     ghost?: boolean | "true" | undefined;
@@ -500,7 +501,12 @@ export declare const ButtonStory: (props: Omit<ButtonComponentProps, "color" | "
     outlined?: boolean | undefined;
     variant?: "nav" | "tx" | "wallet" | undefined;
 } & {
-    children?: import("react").ReactNode;
+    children?: ReactNode;
     disabled?: boolean | undefined;
 }) => JSX.Element;
+interface LoadingButtonProps extends ButtonComponentProps {
+    css?: CSS;
+    children?: ReactNode;
+}
+export declare const LoadingButton: React.FC<LoadingButtonProps>;
 export {};

package/dist/components/atoms/Dialog/Dialog.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { CSS } from "../../../stitches.config";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Text } from "../index";
 export declare const Dialog: import("@stitches/react/types/styled-component").StyledComponent<React.FC<DialogPrimitive.DialogProps>, {}, {
     motion: "(prefers-reduced-motion)";
     hover: "(any-hover: hover)";
@@ -484,7 +483,9 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
     };
 }>>;
 export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const DialogContent: React.FC<{}>;
+export declare const DialogContent: React.FC<{
+    children?: React.ReactNode;
+}>;
 export declare const DialogTitle: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, {}, {
     motion: "(prefers-reduced-motion)";
     hover: "(any-hover: hover)";
@@ -2894,9 +2895,10 @@ export declare const DialogIconButton: import("@stitches/react/types/styled-comp
 }>>;
 interface DialogComponentProps {
     triggerElement: React.ReactNode;
-    title?: string | typeof Text;
+    title?: string;
     description?: string;
     css?: CSS;
+    children: ReactNode;
 }
 export declare const DialogComponent: React.FC<DialogComponentProps>;
 export {};

package/dist/components/atoms/LogoCard/LogoCard.d.ts

@@ -4,4 +4,4 @@ export declare const LogoCard: (props: {
     logoCardLink?: string;
     width?: string;
     height?: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/NumberField/NumberField.d.ts

@@ -1,5 +1,5 @@
 import { FocusEventHandler } from "react";
-interface NumberFieldProps {
+export interface NumberFieldProps {
     max?: number;
     min?: number;
     value?: number;
@@ -8,4 +8,3 @@ interface NumberFieldProps {
     name?: string;
 }
 export declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/atoms/TextField/TextField.d.ts

@@ -966,7 +966,7 @@ export declare const TextAreaField: import("@stitches/react/types/styled-compone
         };
     };
 }>>;
-export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponent<Pick<Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
+export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }, "css" | "withCopy"> & import("@stitches/react/types/styled-component").TransformProps<{
     withCopy?: boolean | "true" | undefined;
@@ -1452,8 +1452,8 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
             };
         };
     }> | undefined;
-}, "css" | "withCopy" | "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComponent<Pick<Omit<Pick<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | keyof import("react").TextareaHTMLAttributes<HTMLTextAreaElement>> & {
+}, "ref"> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
     ref?: ((instance: HTMLTextAreaElement | null) => void) | import("react").RefObject<HTMLTextAreaElement> | null | undefined;
 }, "css" | "withCopy"> & import("@stitches/react/types/styled-component").TransformProps<{
     withCopy?: boolean | "true" | undefined;
@@ -1941,4 +1941,4 @@ export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComp
     }> | undefined;
 } & {
     disableResize?: boolean | undefined;
-}, "css" | "withCopy" | "key" | keyof import("react").TextareaHTMLAttributes<HTMLTextAreaElement> | "disableResize"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+}, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/atoms/index.d.ts

@@ -13,7 +13,6 @@ export * from "./IconButton/IconButton";
 export * from "./TextField/TextField";
 export * from "./NumberField/NumberField";
 export * from "./Tooltip/Tooltip";
-export * from "./LoadingButton/LoadingButton";
 export * from "./Checkbox/Checkbox";
 export * from "./Switch/Switch";
 export * from "./Dialog/Dialog";

package/dist/components/icons/AlertIcon.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const AlertIcon: (props: SvgIconProps) => JSX.Element;
+export declare const AlertIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/ArrowForward.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const ArrowForward: (props: SvgIconProps) => JSX.Element;
+export declare const ArrowForward: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/ChevronDownIcon.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const ChevronDownIcon: (props: SvgIconProps) => JSX.Element;
+export declare const ChevronDownIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/ChevronUpIcon.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const ChevronUpIcon: (props: SvgIconProps) => JSX.Element;
+export declare const ChevronUpIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/CloseIcon.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const CloseIcon: (props: SvgIconProps) => JSX.Element;
+export declare const CloseIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/Download.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const Download: (props: SvgIconProps) => JSX.Element;
+export declare const Download: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/Hexapod.d.ts

@@ -1,2 +1,2 @@
-export declare const Hexapod: () => JSX.Element;
-export declare const HexapodMobile: () => JSX.Element;
+export declare const Hexapod: () => import("react/jsx-runtime").JSX.Element;
+export declare const HexapodMobile: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/OpenInNew.d.ts

@@ -1,2 +1,2 @@
 import { SvgIconProps } from "../atoms/SvgIcon/SvgIcon";
-export declare const OpenInNew: (props: SvgIconProps) => JSX.Element;
+export declare const OpenInNew: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/Planet.d.ts

@@ -486,7 +486,7 @@ declare const SvgIconPlanet: import("@stitches/react/types/styled-component").St
 export declare type SvgIconPlanetProps = {
     css?: CSS;
 } & Stitches.VariantProps<typeof SvgIconPlanet>;
-export declare const Planet: (props: SvgIconPlanetProps) => JSX.Element;
+export declare const Planet: (props: SvgIconPlanetProps) => import("react/jsx-runtime").JSX.Element;
 import * as React from "react";
 export interface IconProps extends React.SVGAttributes<SVGElement> {
     children?: never;

package/dist/components/icons/index.d.ts

@@ -43,3 +43,4 @@ export * from "./static-icons/PendingActivationIcon";
 export * from "./static-icons/SortDefaultIcon";
 export * from "./static-icons/SortDescIcon";
 export * from "./static-icons/SortAscIcon";
+export * from "./static-icons/UnknownIcon";

package/dist/components/icons/static-icons/ActiveIcon.d.ts

@@ -1 +1 @@
-export declare const ActiveIcon: () => JSX.Element;
+export declare const ActiveIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/BulletCheckIcon.d.ts

@@ -1 +1 @@
-export declare const BulletCheckIcon: () => JSX.Element;
+export declare const BulletCheckIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/CheckIcon.d.ts

@@ -1 +1 @@
-export declare const CheckIcon: () => JSX.Element;
+export declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/CheckboxIcon.d.ts

@@ -1 +1 @@
-export declare const CheckboxIcon: () => JSX.Element;
+export declare const CheckboxIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/Coinbase.d.ts

@@ -1 +1 @@
-export declare const Coinbase: () => JSX.Element;
+export declare const Coinbase: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/CopyIcon.d.ts

@@ -1 +1 @@
-export declare const CopyIcon: () => JSX.Element;
+export declare const CopyIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/ExitedIcon.d.ts

@@ -1 +1 @@
-export declare const ExitedIcon: () => JSX.Element;
+export declare const ExitedIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/ExitingIcon.d.ts

@@ -1 +1 @@
-export declare const ExitingIcon: () => JSX.Element;
+export declare const ExitingIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/GithubIcon.d.ts

@@ -1 +1 @@
-export declare const GithubIcon: () => JSX.Element;
+export declare const GithubIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/HelpIcon.d.ts

@@ -1 +1 @@
-export declare const HelpIcon: () => JSX.Element;
+export declare const HelpIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/InActiveIcon.d.ts

@@ -1 +1 @@
-export declare const InActiveIcon: () => JSX.Element;
+export declare const InActiveIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/InProgressIcon.d.ts

@@ -1 +1 @@
-export declare const InProgressIcon: () => JSX.Element;
+export declare const InProgressIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/MenuIcon.d.ts

@@ -1 +1 @@
-export declare const MenuIcon: () => JSX.Element;
+export declare const MenuIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/Metamask.d.ts

@@ -1 +1 @@
-export declare const Metamask: () => JSX.Element;
+export declare const Metamask: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/MinusIcon.d.ts

@@ -1 +1 @@
-export declare const MinusIcon: () => JSX.Element;
+export declare const MinusIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/NewInviteIcon.d.ts

@@ -1 +1 @@
-export declare const NewInviteIcon: () => JSX.Element;
+export declare const NewInviteIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/PendingActivationIcon.d.ts

@@ -1 +1 @@
-export declare const PendingActivationIcon: () => JSX.Element;
+export declare const PendingActivationIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/PlusIcon.d.ts

@@ -1 +1 @@
-export declare const PlusIcon: () => JSX.Element;
+export declare const PlusIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/SortAscIcon.d.ts

@@ -1 +1 @@
-export declare const SortAscIcon: () => JSX.Element;
+export declare const SortAscIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/SortDefaultIcon.d.ts

@@ -1 +1 @@
-export declare const SortDefaultIcon: () => JSX.Element;
+export declare const SortDefaultIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/SortDescIcon.d.ts

@@ -1 +1 @@
-export declare const SortDescIcon: () => JSX.Element;
+export declare const SortDescIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/TrashIcon.d.ts

@@ -1 +1 @@
-export declare const TrashIcon: () => JSX.Element;
+export declare const TrashIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/TwitterIcon.d.ts

@@ -1 +1 @@
-export declare const TwitterIcon: () => JSX.Element;
+export declare const TwitterIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/UnknownIcon.d.ts

@@ -1 +1 @@
-export declare const UnknownIcon: () => JSX.Element;
+export declare const UnknownIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/WaitingIcon.d.ts

@@ -1 +1 @@
-export declare const WaitingIcon: () => JSX.Element;
+export declare const WaitingIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/WalletConnect.d.ts

@@ -1 +1 @@
-export declare const WalletConnect: () => JSX.Element;
+export declare const WalletConnect: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/circle/ObolDarkCircle.d.ts

@@ -1 +1 @@
-export declare const ObolDarkCircle: () => JSX.Element;
+export declare const ObolDarkCircle: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/circle/ObolLightCircle.d.ts

@@ -1 +1 @@
-export declare const ObolLightCircle: () => JSX.Element;
+export declare const ObolLightCircle: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/horizontal/ObolDarkBgH.d.ts

@@ -1 +1 @@
-export declare const ObolDarkBgH: () => JSX.Element;
+export declare const ObolDarkBgH: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/horizontal/ObolLightBgH.d.ts

@@ -1 +1 @@
-export declare const ObolLightBgH: () => JSX.Element;
+export declare const ObolLightBgH: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/horizontal/ObolSolidDarkBgH.d.ts

@@ -1 +1 @@
-export declare const ObolSolidDarkBgH: () => JSX.Element;
+export declare const ObolSolidDarkBgH: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/horizontal/ObolSolidLightBgH.d.ts

@@ -1 +1 @@
-export declare const ObolSolidLightBgH: () => JSX.Element;
+export declare const ObolSolidLightBgH: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/mark/ObolDarkBgMark.d.ts

@@ -1 +1 @@
-export declare const ObolDarkBgMark: () => JSX.Element;
+export declare const ObolDarkBgMark: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/mark/ObolLightBgMark.d.ts

@@ -1 +1 @@
-export declare const ObolLightBgMark: () => JSX.Element;
+export declare const ObolLightBgMark: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/mark/ObolSolidDarkBgMark.d.ts

@@ -1 +1 @@
-export declare const ObolSolidDarkBgMark: () => JSX.Element;
+export declare const ObolSolidDarkBgMark: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/mark/ObolSolidLightBgMark.d.ts

@@ -1 +1 @@
-export declare const ObolSolidLightBgMark: () => JSX.Element;
+export declare const ObolSolidLightBgMark: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/vertical/ObolDarkBgV.d.ts

@@ -1 +1 @@
-export declare const ObolDarkBgV: () => JSX.Element;
+export declare const ObolDarkBgV: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/vertical/ObolLightBgV.d.ts

@@ -1 +1 @@
-export declare const ObolLightBgV: () => JSX.Element;
+export declare const ObolLightBgV: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/vertical/ObolSolidDarkBgV.d.ts

@@ -1 +1 @@
-export declare const ObolSolidDarkBgV: () => JSX.Element;
+export declare const ObolSolidDarkBgV: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/obol/vertical/ObolSolidLightBgV.d.ts

@@ -1 +1 @@
-export declare const ObolSolidLightBgV: () => JSX.Element;
+export declare const ObolSolidLightBgV: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/planets/PlanetBlue.d.ts

@@ -1 +1 @@
-export declare const PlanetBlue: () => JSX.Element;
+export declare const PlanetBlue: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/planets/PlanetGreen.d.ts

@@ -1 +1 @@
-export declare const PlanetGreen: () => JSX.Element;
+export declare const PlanetGreen: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/planets/PlanetGrey.d.ts

@@ -1 +1 @@
-export declare const PlanetGrey: () => JSX.Element;
+export declare const PlanetGrey: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/planets/PlanetMagenta.d.ts

@@ -1 +1 @@
-export declare const PlanetMagenta: () => JSX.Element;
+export declare const PlanetMagenta: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/static-icons/planets/PlanetOrange.d.ts

@@ -1 +1 @@
-export declare const PlanetOrange: () => JSX.Element;
+export declare const PlanetOrange: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { PropsWithChildren } from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 export declare const Root: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>) | (AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>)>, {}, {
     motion: "(prefers-reduced-motion)";
@@ -962,5 +962,5 @@ export declare const Item: import("@stitches/react/types/styled-component").Styl
         };
     };
 }>>;
-export declare const Trigger: React.FC;
-export declare const Content: React.FC;
+export declare const Trigger: React.FC<PropsWithChildren>;
+export declare const Content: React.FC<PropsWithChildren>;

package/dist/components/molecules/AdvisoryToggle/AdvisoryToggle.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 interface AdvisoryToggleBulletProps {
     state: BulletState;
     rank?: number;
     onClick(): void;
+    children: ReactNode;
 }
 export declare type BulletState = "enabled" | "upcoming" | "completed";
 export declare const AdvisoryToggleItem: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {

package/dist/components/molecules/Navbar/Navbar.d.ts

@@ -1,4 +1,6 @@
+import { ReactNode } from "react";
 import React from "react";
 export declare const Navbar: React.FC<{
     logoText?: string;
+    children: ReactNode;
 }>;

package/dist/components/molecules/Table/Table.d.ts

@@ -25,6 +25,7 @@ export declare type ColumnDef<T> = {
 export interface TableProps {
     rows: RowDef<any>[];
     columns: ColumnDef<any>[];
+    rowClickHandler?: (row: any) => void;
 }
 export interface SplitterTableProps extends TableProps {
     onAddRow?(item?: unknown): void;

package/dist/components/molecules/Table/TableV2.d.ts

@@ -10,6 +10,7 @@ interface TabData {
 interface ContainerProps {
     tabs: TabData[];
     css?: CSS;
+    rowClickHandler?: (row: any) => void;
 }
 interface BadgeCountProps {
     count: number;

package/dist/components/utils/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type * as Stitches from "@stitches/react";
 interface StitchesMedia {
     [x: string]: any;