@avalabs/k2-alpine 0.0.0-main-747398c

package/dist/components/PopoverItem/PopoverItem.d.ts

@@ -0,0 +1,40 @@
+import { SxProps, Theme } from '@mui/material';
+export interface PopoverItemProps {
+    /**
+     * The content of the item.
+     */
+    children?: React.ReactNode;
+    /**
+     * The label to display for the item.
+     */
+    label?: string;
+    /**
+     * Optional icon to display before the label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether the item is selected.
+     */
+    selected?: boolean;
+    /**
+     * Whether the item is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Callback fired when the item is clicked.
+     */
+    onClick?: (e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /**
+     * Additional styles to apply to the item.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * Whether to show a check icon for the selected item.
+     * @default true
+     */
+    showCheckIcon?: boolean;
+}
+/**
+ * PopoverItem component for styling items inside the Popover.
+ */
+export declare const PopoverItem: import('react').ForwardRefExoticComponent<PopoverItemProps & import('react').RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1 @@
+export * from './PopoverItem';

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,13 @@
+import { BoxProps, TextFieldProps } from '@mui/material';
+export type SearchInputProps = TextFieldProps & {
+    boxProps?: BoxProps & {
+        'data-testid'?: string;
+    };
+    inputRef?: TextFieldProps['inputRef'];
+    isLoading?: boolean;
+    isMobile?: boolean;
+    size?: 'medium' | 'small';
+    withHotkeys?: boolean;
+    autoFocus?: boolean;
+};
+export declare const SearchInput: ({ boxProps, inputRef, isLoading, size, autoFocus, ...rest }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,5 @@
+import { SelectProps } from '@mui/material';
+export type BorderlessSelectProps = SelectProps & {
+    label: string;
+};
+export declare const Select: import('react').MemoExoticComponent<({ value, label, onChange, IconComponent, children, sx, MenuProps, ...otherProps }: BorderlessSelectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/SelectCountry/SelectCountry.d.ts

@@ -0,0 +1,20 @@
+import { BorderlessSelectProps } from '@avalabs/k2-alpine';
+export interface Country {
+    countryCode: string;
+    name: string;
+    regions?: string[];
+    flagImageUrl?: string;
+}
+export interface SelectCountryProps extends Omit<BorderlessSelectProps, 'label' | 'children' | 'onChange'> {
+    countries: Country[];
+    value?: string;
+    onChange?: (countryCode: string) => void;
+    placeholder?: string;
+    searchText?: string;
+    emptyText?: string;
+    label?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+}
+export declare function SelectCountry({ countries, value, onChange, placeholder, searchText, emptyText, label, disabled, error, helperText, ...props }: SelectCountryProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { SelectCountry, type SelectCountryProps, type Country } from './SelectCountry';

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface Step {
+    title: string | React.ReactNode;
+    content: React.ReactNode;
+    summary?: React.ReactNode;
+    nextLabel?: string;
+    nextDisabled?: boolean;
+    onNext?: () => void;
+    footerContent?: React.ReactNode;
+    hideUnlessActive?: boolean;
+}
+export interface StepperProps {
+    steps: Step[];
+    activeStep: number;
+    onStepChange?: (step: number) => void;
+    className?: string;
+}
+export declare const Stepper: React.FC<StepperProps>;

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

@@ -0,0 +1 @@
+export * from './Stepper';

package/dist/components/StoreButtons/AppStore.d.ts

@@ -0,0 +1,6 @@
+type AppStoreProps = {
+    title: string;
+    ariaLabel?: string;
+};
+export declare const AppStore: import('react').NamedExoticComponent<AppStoreProps>;
+export {};

package/dist/components/StoreButtons/ChromeStore.d.ts

@@ -0,0 +1,6 @@
+type ChromeStoreProps = {
+    title: string;
+    ariaLabel?: string;
+};
+export declare const ChromeStore: import('react').NamedExoticComponent<ChromeStoreProps>;
+export {};

package/dist/components/StoreButtons/PlayStore.d.ts

@@ -0,0 +1,6 @@
+type PlayStoreProps = {
+    title: string;
+    ariaLabel?: string;
+};
+export declare const PlayStore: import('react').NamedExoticComponent<PlayStoreProps>;
+export {};

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

@@ -0,0 +1,3 @@
+export { AppStore } from './AppStore';
+export { PlayStore } from './PlayStore';
+export { ChromeStore } from './ChromeStore';

package/dist/components/TabBar/TabBar.d.ts

@@ -0,0 +1,18 @@
+import { TabProps, TabsProps } from '@mui/material';
+export type TabBarItemProps = {
+    id: string;
+    label: string;
+    to?: string;
+} & TabProps;
+export type TabBarProps = TabsProps & {
+    tabBarItems: TabBarItemProps[];
+    size?: 'extension';
+};
+/**
+ * TabBar component
+ *
+ * @param {TabBarProps} props
+ *
+ * Scrollable variant of the Tabs component overridden to match the design system
+ */
+export declare const TabBar: import('react').NamedExoticComponent<TabBarProps>;

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

@@ -0,0 +1 @@
+export { TabBar, type TabBarItemProps } from './TabBar';

package/dist/components/ThemeInvert/ThemeInvert.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const ThemeInvert: FC<PropsWithChildren>;

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

@@ -0,0 +1 @@
+export { ThemeInvert } from './ThemeInvert';

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { CoreTheme } from '../../theme';
+type ThemeProviderProps = {
+    theme: CoreTheme;
+};
+export declare const ThemeProvider: import('react').NamedExoticComponent<PropsWithChildren<ThemeProviderProps>>;
+export {};

package/dist/components/Tilt/Tilt.d.ts

@@ -0,0 +1,39 @@
+import { SxProps, Theme } from '@mui/material';
+import { PropsWithChildren } from 'react';
+export interface TiltProps {
+    /**
+     * Maximum rotation angle in degrees
+     * @default 20
+     */
+    rotationRange?: number;
+    /**
+     * Whether to show the sheen effect on tilt
+     * @default false
+     */
+    showSheen?: boolean;
+    /**
+     * Additional CSS styles using MUI's sx prop format
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * Callback for when the element is clicked
+     */
+    onClick?: () => void;
+    /**
+     * Callback for when the mouse enters the element
+     */
+    onMouseEnter?: () => void;
+    /**
+     * Callback for when the mouse leaves the element
+     */
+    onMouseLeave?: () => void;
+    /**
+     * Scale factor to apply on hover. Pass a number greater than 1 for a zoom effect.
+     * @default undefined (no scaling)
+     */
+    scaleOnHover?: number;
+}
+/**
+ * A wrapper component that adds 3D tilt effect to its children based on mouse position
+ */
+export declare const Tilt: ({ children, rotationRange, showSheen, scaleOnHover, sx, onClick, onMouseEnter, onMouseLeave, }: PropsWithChildren<TiltProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,26 @@
+export type ToastType = 'info' | 'success' | 'critical' | 'error' | 'suspicious' | 'scam' | 'custom' | 'basic';
+export type ToastPosition = {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+};
+export type ToastOptions = {
+    id?: number | string;
+    position?: ToastPosition;
+    duration?: number;
+    showCloseIcon?: boolean;
+    type?: ToastType;
+    description?: string;
+    action?: React.ReactNode;
+};
+export declare const toast: {
+    info: (title: string, options?: ToastOptions) => string | number;
+    success: (title: string, options?: ToastOptions) => string | number;
+    critical: (title: string, options?: ToastOptions) => string | number;
+    error: (title: string, options?: ToastOptions) => string | number;
+    suspicious: (title: string, options?: ToastOptions) => string | number;
+    scam: (title: string, options?: ToastOptions) => string | number;
+    show: (title: string, options?: ToastOptions) => string | number;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};
+export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/TruncateText/TruncateText.d.ts

@@ -0,0 +1,32 @@
+import { Breakpoint, TypographyProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
+export declare const TRUNCATE_TEXT_SIZES: {
+    readonly compact: 9;
+    readonly small: 12;
+    readonly medium: 24;
+    readonly large: 48;
+};
+export type TruncateTextSize = keyof typeof TRUNCATE_TEXT_SIZES;
+export declare const truncateAddress: (address: string, chars?: number) => string;
+export declare const truncateLabel: (label: string, labelLength: number) => string;
+export interface TruncateTextProps extends Omit<TypographyProps, 'monospace'> {
+    label?: string;
+    size?: true | number | TruncateTextSize;
+    showTooltip?: boolean;
+    monospace?: boolean;
+    truncateAtBreakpoint?: Breakpoint;
+}
+/**
+ * TruncateText component for displaying truncated text with optional tooltip
+ *
+ * @example
+ * // Basic usage (compact size)
+ * <TruncateText>0x742d35Cc6634C0532925a3b844Bc454e4438f44e</TruncateText>
+ *
+ * // Medium size truncation
+ * <TruncateText size="medium">0x742d35Cc6634C0532925a3b844Bc454e4438f44e</TruncateText>
+ *
+ * // Label truncation (truncates at the end instead of in the middle)
+ * <TruncateText label="This is a very long label" size="medium" />
+ */
+export declare const TruncateText: import('react').NamedExoticComponent<PropsWithChildren<TruncateTextProps>>;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,5 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
+export type TypographyProps = Omit<MuiTypographyProps, 'fontWeight'> & {
+    fontWeight?: 'semibold' | MuiTypographyProps['fontWeight'];
+};
+export declare const Typography: import('react').NamedExoticComponent<TypographyProps>;