@thenamespace/ens-components 0.0.1-alpha

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import "./Button.css";
+export type ButtonVariant = "solid" | "outline" | "ghost";
+export type ButtonSize = "sm" | "md" | "lg";
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    prefix?: ReactNode;
+    dataTestId?: string;
+}
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/types/components/atoms/chain-icon/ChainIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./ChainIcon.css";
+export type ChainName = "eth" | "arb" | "base" | "bitcoin" | "matic" | "op" | "sol" | "zora";
+interface ChainIconProps extends React.SVGProps<SVGSVGElement> {
+    chain: ChainName;
+    size?: number;
+}
+export declare const ChainIcon: React.FC<ChainIconProps>;
+export {};

package/dist/types/components/atoms/icon/Icon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./Icon.css";
+export type IconName = "person" | "x" | "search" | "square-user" | "globe" | "pin" | "box" | "book" | "map-pin" | "mail" | "discord" | "github" | "telegram" | "youtube" | "image" | "circle-person" | "twitter" | "circle-alert" | "check-circle" | "alert-triangle" | "info" | "x-circle" | "rotate-circle";
+export interface IconProps {
+    name: IconName;
+    color?: string;
+    size?: number;
+    className?: string;
+    dataTestId?: string;
+}
+export declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/types/components/atoms/icon/custom/DiscordIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface DiscordIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const DiscordIcon: React.FC<DiscordIconProps>;
+export {};

package/dist/types/components/atoms/icon/custom/GithubIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface GithubIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const GithubIcon: React.FC<GithubIconProps>;
+export {};

package/dist/types/components/atoms/icon/custom/TelegramIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TelegramIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const TelegramIcon: React.FC<TelegramIconProps>;
+export {};

package/dist/types/components/atoms/icon/custom/XIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface XIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const XIcon: React.FC<XIconProps>;
+export {};

package/dist/types/components/atoms/icon/custom/YoutubeIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface YoutubeIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+}
+export declare const YoutubeIcon: React.FC<YoutubeIconProps>;
+export {};

package/dist/types/components/atoms/icon/custom/index.d.ts

@@ -0,0 +1,5 @@
+export { DiscordIcon } from "./DiscordIcon";
+export { GithubIcon } from "./GithubIcon";
+export { TelegramIcon } from "./TelegramIcon";
+export { YoutubeIcon } from "./YoutubeIcon";
+export { XIcon } from "./XIcon";

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

@@ -0,0 +1,6 @@
+export * from "./button/Button";
+export * from "./input/Input";
+export * from "./text/Text";
+export * from "./icon/Icon";
+export * from "./chain-icon/ChainIcon";
+export * from "./tooltip/Tooltip";

package/dist/types/components/atoms/input/Input.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./Input.css";
+export type InputType = "text" | "number";
+export type InputSize = "sm" | "md" | "lg";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> {
+    type?: InputType;
+    size?: InputSize;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    disabled?: boolean;
+    error?: boolean;
+    dataTestId?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/types/components/atoms/text/Text.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./Text.css";
+export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type TextWeight = "light" | "regular" | "medium" | "bold";
+export type TextColor = "primary" | "white" | "grey" | "danger";
+export interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: React.ReactNode;
+    size?: TextSize;
+    weight?: TextWeight;
+    color?: TextColor;
+    dataTestId?: string;
+}
+export declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/types/components/atoms/tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import './Tooltip.css';
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export interface TooltipProps {
+    children: ReactNode;
+    content: ReactNode;
+    position?: TooltipPosition;
+    delay?: number;
+    disabled?: boolean;
+    className?: string;
+    contentClassName?: string;
+    trigger?: 'hover' | 'click' | 'focus';
+    maxWidth?: number;
+    offset?: number;
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/types/components/ens-records-form/EnsRecordsForm.d.ts

@@ -0,0 +1,13 @@
+import { EnsRecords } from "@/types";
+import "./EnsRecordsForm.css";
+import { Address, Hash } from "viem";
+interface EditRecordsFormProps {
+    initialRecords?: EnsRecords;
+    resolverAddress: Address;
+    name: string;
+    chainId?: number;
+    onCancel?: () => void;
+    onSuccess?: (txHash: Hash) => void;
+}
+export declare const EnsRecordsForm: ({ name, initialRecords, chainId, resolverAddress, onCancel, onSuccess, }: EditRecordsFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/ens-records-form/record-diff/RecordDiff.d.ts

@@ -0,0 +1,6 @@
+import { EnsRecordsDiff } from "@/utils";
+interface RecordDiffProps {
+    diff: EnsRecordsDiff;
+}
+export declare const RecordDiff: ({ diff }: RecordDiffProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export { SelectRecordsForm } from "./select-records-form/SelectRecordsForm";
+export { PendingTransaction, TransactionState } from "./pending-transaction/PendingTransaction";
+export * from "./atoms";
+export * from "./molecules";

package/dist/types/components/molecules/alert/Alert.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Alert.css";
+export type AlertVariant = "error" | "warning" | "info" | "success";
+export interface AlertProps {
+    variant?: AlertVariant;
+    children: React.ReactNode;
+    className?: string;
+    onClose?: () => void;
+    dismissible?: boolean;
+    title?: string;
+}
+export declare const Alert: React.FC<AlertProps>;
+export default Alert;

package/dist/types/components/molecules/contenthash/ContenthashIcon.d.ts

@@ -0,0 +1,7 @@
+import { ContenthashProtocol } from "@/types";
+interface ContenthashIconProps extends React.SVGProps<SVGSVGElement> {
+    protocol: ContenthashProtocol;
+    size?: number;
+}
+export declare const ContenthashIcon: (props: ContenthashIconProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/molecules/contenthash/icons/ArweaveIcon.d.ts

@@ -0,0 +1,5 @@
+interface ArweaveIconProps {
+    size?: number;
+}
+export declare const ArweaveIcon: ({ size }: ArweaveIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/molecules/contenthash/icons/IpfsIcon.d.ts

@@ -0,0 +1,5 @@
+interface IpfsIconProps {
+    size?: number;
+}
+export declare const IpfsIcon: ({ size }: IpfsIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/molecules/contenthash/icons/OnionIcon.d.ts

@@ -0,0 +1,5 @@
+interface OnionIconProps {
+    size?: number;
+}
+export declare const OnionIcon: ({ size }: OnionIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/molecules/contenthash/icons/SkynetIcon.d.ts

@@ -0,0 +1,5 @@
+interface SkynetIconProps {
+    size?: number;
+}
+export declare const SkynetIcon: ({ size }: SkynetIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/molecules/contenthash/icons/SwarmIcon.d.ts

@@ -0,0 +1,5 @@
+interface SwarmIconProps {
+    size?: number;
+}
+export declare const SwarmIcon: ({ size }: SwarmIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/molecules/dropdown/Dropdown.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Dropdown.css";
+export interface DropdownProps {
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    disabled?: boolean;
+    dataTestId?: string;
+    closeCallback?: () => void;
+}
+export declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/dist/types/components/molecules/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./dropdown/Dropdown";
+export * from "./contenthash/ContenthashIcon";
+export * from "./alert/Alert";
+export * from "./modal/Modal";

package/dist/types/components/molecules/modal/Modal.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import "./Modal.css";
+export type ModalSize = "sm" | "md" | "lg";
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    /** Optional footer content. If not provided, a default Close button is shown. */
+    footer?: React.ReactNode;
+    /** Width preset for the dialog */
+    size?: ModalSize;
+    /** Disable closing on overlay click and Escape */
+    isDismissDisabled?: boolean;
+    /** Optional id for the title element to improve accessibility */
+    titleId?: string;
+    /** Additional className for the container */
+    className?: string;
+    /** Optional styles for the dialog container */
+    style?: React.CSSProperties;
+}
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/types/components/pending-transaction/PendingTransaction.d.ts

@@ -0,0 +1,14 @@
+import "./PendingTransaction.css";
+export declare enum TransactionState {
+    InProgress = "In Progress",
+    Completed = "Completed",
+    Failed = "Failed"
+}
+interface PendingTransactionProps {
+    state: TransactionState;
+    blockExplorerUrl: string;
+    transactionHash?: string;
+    className?: string;
+}
+export declare const PendingTransaction: ({ state, blockExplorerUrl, transactionHash, className, }: PendingTransactionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/select-records-form/SelectRecordsForm.d.ts

@@ -0,0 +1,7 @@
+import { EnsRecords } from "@/types";
+import "./SelectRecordsForm.css";
+export interface SelectRecordsFormProps {
+    records: EnsRecords;
+    onRecordsUpdated: (records: EnsRecords) => void;
+}
+export declare const SelectRecordsForm: ({ records, onRecordsUpdated, }: SelectRecordsFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/select-records-form/address-record/AddressRecords.d.ts

@@ -0,0 +1,9 @@
+import { EnsAddressRecord } from "@/types";
+interface AddressRecordProps {
+    initialAddresses: EnsAddressRecord[];
+    addresses: EnsAddressRecord[];
+    onAddressesChanged: (addresses: EnsAddressRecord[]) => void;
+    searchFilter?: string;
+}
+export declare const AddressRecords: ({ addresses, onAddressesChanged, initialAddresses, searchFilter, }: AddressRecordProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/select-records-form/contenthash-records/ContenthashRecord.d.ts

@@ -0,0 +1,10 @@
+import { ContenthashProtocol, EnsContenthashRecord } from "@/types";
+interface ContenthashRecordProps {
+    contenthash?: EnsContenthashRecord;
+    onContenthashChanged: (value: EnsContenthashRecord) => void;
+    onContenthashRemoved: () => void;
+    onContenthashAdded: (protocol: ContenthashProtocol) => void;
+    searchFilter?: string;
+}
+export declare const ContenthashRecord: ({ contenthash, onContenthashChanged, onContenthashRemoved, onContenthashAdded, searchFilter, }: ContenthashRecordProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/select-records-form/image-records/ImageRecords.d.ts

@@ -0,0 +1,9 @@
+import "./ImageRecords.css";
+interface ImageRecordProps {
+    avatar?: string;
+    header?: string;
+    onAvatarAdded: (value: string) => void;
+    onHeaderAdded: (value: string) => void;
+}
+export declare const ImageRecords: ({ avatar, header, onAvatarAdded, onHeaderAdded, }: ImageRecordProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/select-records-form/records-selector/RecordsSelector.d.ts

@@ -0,0 +1,18 @@
+import { EnsContenthashRecord, EnsAddressRecord, EnsTextRecord } from "@/types";
+import "./RecordsSelector.css";
+export type ScrollToRecordSegment = "texts" | "addresses" | "website";
+export interface RecordsAddedParams {
+    keys: string[];
+    coins: number[];
+    contenthash?: EnsContenthashRecord;
+}
+interface RecordsSelectorProps {
+    texts: EnsTextRecord[];
+    addresses: EnsAddressRecord[];
+    contenthash?: EnsContenthashRecord;
+    segment?: ScrollToRecordSegment;
+    onRecordsAdded: (params: RecordsAddedParams) => void;
+    onClose: () => void;
+}
+export declare const RecordsSelector: ({ onClose, texts, addresses, contenthash, segment, onRecordsAdded }: RecordsSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/select-records-form/text-records/TextRecords.d.ts

@@ -0,0 +1,11 @@
+import { EnsTextRecord } from "@/types";
+import { TextRecordCategory } from "@/constants";
+interface TextRecordsProps {
+    initialTexts: EnsTextRecord[];
+    texts: EnsTextRecord[];
+    onTextsChanged: (texts: EnsTextRecord[]) => void;
+    category: TextRecordCategory;
+    searchFilter?: string;
+}
+export declare const TextRecords: ({ texts, onTextsChanged, category, initialTexts, searchFilter, }: TextRecordsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./records/addressConstants";
+export * from "./records/contenthashConstants";
+export * from "./records/textConstants";

package/dist/types/constants/records/addressConstants.d.ts

@@ -0,0 +1,14 @@
+import { ChainName } from "@/components";
+export interface SupportedEnsAddress {
+    validateFunc?: (value: string) => boolean;
+    isEMV?: boolean;
+    label: string;
+    coinType: number;
+    chainId?: number;
+    chainName: ChainName;
+    placeholder?: string;
+}
+export declare const supportedAddresses: SupportedEnsAddress[];
+export declare const getSupportedAddressMap: () => Record<number, SupportedEnsAddress>;
+export declare const getSupportedAddressByCoin: (coin: number) => SupportedEnsAddress | undefined;
+export declare const getSupportedAddressByName: (name: ChainName) => SupportedEnsAddress | undefined;

package/dist/types/constants/records/contenthashConstants.d.ts

@@ -0,0 +1,8 @@
+import { ContenthashProtocol } from "@/types";
+export interface SupportedContenthashRecord {
+    protocol: ContenthashProtocol;
+    label: string;
+}
+export declare const supportedContenthashRecords: SupportedContenthashRecord[];
+export declare const getSupportedChashByProtocol: (protocol: ContenthashProtocol) => SupportedContenthashRecord | undefined;
+export declare const isContenthashValid: (protocol: ContenthashProtocol, value: string) => boolean;

package/dist/types/constants/records/textConstants.d.ts

@@ -0,0 +1,16 @@
+import { IconName } from "@/components";
+export declare enum TextRecordCategory {
+    Image = "image",
+    General = "general",
+    Social = "social"
+}
+export interface SupportedTextRecord {
+    icon: IconName;
+    key: string;
+    category: TextRecordCategory;
+    label?: string;
+    placeholder?: string;
+}
+export declare const supportedTexts: SupportedTextRecord[];
+export declare const getSupportedTextMap: () => Record<string, SupportedTextRecord>;
+export declare const getSupportedText: (key: string) => SupportedTextRecord | undefined;

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useWaitForTransaction";
+export * from "./useWeb3Clients";

package/dist/types/hooks/useWaitForTransaction.d.ts

@@ -0,0 +1,3 @@
+export declare const useWaitForTransaction: ({ chainId: number }: {
+    chainId: number;
+}) => void;