@thebasenet/ui 0.1.0

package/dist/components/index.d.ts

@@ -0,0 +1,122 @@
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type LoaderProps = {
+    size?: number | string;
+    color?: string;
+    variant?: "primary" | "secondary";
+    className?: string;
+};
+declare const Loader: React__default.FC<LoaderProps>;
+
+interface PageLoaderProps {
+    message?: string;
+}
+declare function PageLoader({ message }: PageLoaderProps): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps {
+    title?: string;
+    message?: string;
+    imageSrc?: string;
+    size?: number;
+    component?: React__default.ReactNode;
+    className?: string;
+    icon?: React__default.ReactNode;
+}
+declare const EmptyState: React__default.FC<EmptyStateProps>;
+
+interface LoadingStateProps {
+    /** Number of skeleton rows to render */
+    rows?: number;
+    /** Show a circular skeleton avatar before each row */
+    showAvatar?: boolean;
+    className?: string;
+    rowClassName?: string;
+}
+declare const LoadingState: React__default.FC<LoadingStateProps>;
+
+interface ErrorStateProps {
+    title?: string;
+    message?: string;
+    onRetry?: () => void;
+}
+declare const ErrorState: React__default.FC<ErrorStateProps>;
+
+declare function useIsMobile(): boolean;
+interface CustomModalProps {
+    title: string;
+    children: ReactNode | ((closeModal: () => void) => ReactNode);
+    trigger?: ReactNode;
+    triggerAsChild?: boolean;
+    description?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    contentClassName?: string;
+    showModalHeader?: boolean;
+    showModalDescription?: boolean;
+    /** Override the default icon shown in the modal header */
+    customIcon?: ReactNode;
+    footer?: ReactNode;
+}
+declare const CustomModal: React__default.FC<CustomModalProps>;
+
+type BackButtonProps = {
+    onClick?: () => void;
+};
+declare const BackButton: ({ onClick }: BackButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface ThemeSwitcherProps {
+    variant?: "default" | "outline" | "ghost" | "secondary";
+    size?: "default" | "sm" | "lg" | "icon";
+    className?: string;
+}
+declare const ThemeSwitcher: ({ variant, size, className, }: ThemeSwitcherProps) => react_jsx_runtime.JSX.Element;
+
+type ProfileImageProps = {
+    /** Render the avatar wrapped in a next/link */
+    asLink?: boolean;
+    /** Avatar diameter in px */
+    size?: number;
+    className?: string;
+    /** Full URL to the profile picture */
+    profilePicUrl?: string;
+    /** Show a verified badge indicator */
+    isVerified?: boolean;
+    /** Show an online presence indicator */
+    isOnline?: boolean;
+    isOverflowHidden?: boolean;
+    /** href for the link when asLink=true (defaults to "/profile/{userId}") */
+    link?: string;
+    /** Used for the image alt text */
+    userName?: string;
+    /** Used to build the default link (/profile/{userId}) */
+    userId?: string;
+};
+declare const ProfileImage: ({ asLink, size, profilePicUrl, isVerified, isOnline, isOverflowHidden, className, link, userName, userId, }: ProfileImageProps) => react_jsx_runtime.JSX.Element;
+
+interface Country {
+    countryCode: string;
+    countryName: string;
+    /** Optional — phone dial code, e.g. "+1" */
+    dialCode?: string;
+    /** Optional — emoji flag */
+    flag?: string;
+}
+interface CountrySelectorProps {
+    /** Array of country objects to display */
+    countries: Country[];
+    value?: string;
+    onChange?: (countryCode: string) => void;
+    setValue?: (field: string, value: any) => void;
+    fieldName?: string;
+    placeholder?: string;
+    error?: string;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare const CountrySelector: React__default.FC<CountrySelectorProps>;
+
+export { BackButton, type Country, CountrySelector, type CountrySelectorProps, CustomModal, type CustomModalProps, EmptyState, ErrorState, Loader, LoadingState, PageLoader, ProfileImage, ThemeSwitcher, useIsMobile };