@avalabs/k2-alpine 1.188.0

package/README.md

@@ -0,0 +1,29 @@
+# K2 Alpine Components
+
+Component library to be used for Core applications.
+
+## Using K2 Alpine
+
+In order to use K2 Alpine, you must do some client-side setup.
+
+### Installing fonts
+
+You will need to set the following scripts in your `head` tag to install fonts.
+
+```html
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..700;1,14..32,400..700&display=swap" />
+```
+
+## Scripts
+
+`pnpm storybook` will allow you to start Storybook and be able to visualize the component library. Read more details in the [Storybook documentation](./docs/STORYBOOK.md).
+
+
+## Libraries
+
+K2 Alpine Components uses the following libraries:
+
+- [React](https://react.dev/)
+- [MUI](https://mui.com/)

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

@@ -0,0 +1,3 @@
+import { AccordionProps as MuiAccordionProps } from '@mui/material';
+export type AccordionProps = Omit<MuiAccordionProps, 'square' | 'variant'>;
+export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { AccordionActionsProps as MuiAccordionActionsProps } from '@mui/material';
+export type AccordionActionsProps = MuiAccordionActionsProps;
+export declare const AccordionActions: import('react').ForwardRefExoticComponent<Omit<MuiAccordionActionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { AccordionDetailsProps as MuiAccordionDetailsProps } from '@mui/material';
+export type AccordionDetailsProps = MuiAccordionDetailsProps;
+export declare const AccordionDetails: import('react').ForwardRefExoticComponent<Omit<MuiAccordionDetailsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { AccordionSummaryProps as MuiAccordionSummaryProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface AccordionSummaryProps extends Omit<MuiAccordionSummaryProps, 'expandIcon'> {
+    expandIcon?: ReactNode;
+    icon?: ReactNode;
+    description?: ReactNode;
+    expandIconLabel?: ReactNode;
+}
+export declare const AccordionSummary: import('react').ForwardRefExoticComponent<Omit<AccordionSummaryProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { BoxProps } from '@mui/material';
+export type AccordionsProps = BoxProps;
+export declare const Accordions: import('react').ForwardRefExoticComponent<Omit<AccordionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+export * from './Accordion';
+export * from './AccordionSummary';
+export * from './AccordionDetails';
+export * from './AccordionActions';
+export * from './Accordions';

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@mui/material';
+type AvatarProps = {
+    size: 'small' | 'medium' | 'large';
+    containerProps?: BoxProps;
+    alt: string;
+    src?: string;
+};
+export declare const Avatar: import('react').NamedExoticComponent<AvatarProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import { ButtonBaseProps } from '@mui/material';
+export type SquareButtonProps = ButtonBaseProps & {
+    icon: React.ReactNode;
+    label: string;
+};
+export declare const SquareButton: import('react').MemoExoticComponent<({ icon, label, ...squareButtonRestProps }: SquareButtonProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/CustomDialog/CustomDialog.d.ts

@@ -0,0 +1,30 @@
+import { DialogProps as MuiDialogProps } from '@mui/material';
+import { ReactNode } from 'react';
+export interface CustomDialogProps extends Omit<MuiDialogProps, 'title'> {
+    /**
+     * Dialog title
+     */
+    title?: ReactNode;
+    /**
+     * Dialog subtitle
+     */
+    subtitle?: ReactNode;
+    /**
+     * Dialog body content
+     */
+    children?: ReactNode;
+    /**
+     * Dialog footer content
+     */
+    footer?: ReactNode;
+    /**
+     * Handler for close button click
+     */
+    onClose?: () => void;
+    /**
+     * Whether to show the close button
+     * @default true
+     */
+    showCloseButton?: boolean;
+}
+export declare const CustomDialog: import('react').ForwardRefExoticComponent<Omit<CustomDialogProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Icons/Airdrop.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Airdrop: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Avalanche.d.ts

@@ -0,0 +1,9 @@
+import { IconBaseProps } from 'react-icons';
+type AvalancheIconColorScheme = {
+    backgroundFill?: string;
+    foregroundFill?: string;
+};
+export declare const Avalanche: ({ size, backgroundFill, foregroundFill, ...rest }: IconBaseProps & AvalancheIconColorScheme) => import("react/jsx-runtime").JSX.Element;
+export declare const AvalancheColorIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvalancheAchromaticIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Avatar.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Avatar: ({ size, fill, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Bitcoin.d.ts

@@ -0,0 +1,9 @@
+import { IconBaseProps } from 'react-icons';
+type BitcoinIconColorScheme = {
+    backgroundFill?: string;
+    foregroundFill?: string;
+};
+export declare const Bitcoin: ({ size, backgroundFill, foregroundFill, ...rest }: IconBaseProps & BitcoinIconColorScheme) => import("react/jsx-runtime").JSX.Element;
+export declare const BitcoinColorIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BitcoinAchromaticIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Bridge.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Bridge: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/CChain.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const CChain: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChevronDown.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const ChevronDown: ({ ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/CloudAlert.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const CloudAlert: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/CloudDownload.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const CloudDownload: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Contacts.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Contacts: ({ size, fill, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Core.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Core: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/DeployedCode.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const DeployedCode: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Discover.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Discover: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Encrypted.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Encrypted: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Ethereum.d.ts

@@ -0,0 +1,9 @@
+import { IconBaseProps } from 'react-icons';
+type EthereumIconColorScheme = {
+    backgroundFill?: string;
+    foregroundFill?: string;
+};
+export declare const Ethereum: ({ size, backgroundFill, foregroundFill, ...rest }: IconBaseProps & EthereumIconColorScheme) => import("react/jsx-runtime").JSX.Element;
+export declare const EthereumColorIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EthereumAchromaticIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Explorer.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Explorer: ({ size, fill, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Export.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Export: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Landscape.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Landscape: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/LedgerWallet.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const LedgerWallet: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Monitoring.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Monitoring: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Outbound.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Outbound: ({ size, fill, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/PChainIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const PChain: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Portfolio.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Portfolio: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/QrCode.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const QrCode: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Send.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Send: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Signature.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Signature: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Solana.d.ts

@@ -0,0 +1,7 @@
+import { IconBaseProps } from 'react-icons';
+type SolanaIconColorScheme = {
+    backgroundFill?: string;
+};
+export declare const Solana: ({ size, backgroundFill, ...rest }: IconBaseProps & SolanaIconColorScheme) => import("react/jsx-runtime").JSX.Element;
+export declare const SolanaColorIcon: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Stake.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Stake: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Swap.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Swap: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Tools.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const Tools: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/TriangleDown.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const TriangleDown: ({ ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/TriangleUp.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const TriangleUp: ({ ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/WalletClosed.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const WalletClosed: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/WalletOpen.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const WalletOpen: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/WaterDrop.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const WaterDrop: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/XChainIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const XChain: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/XPChain.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from 'react-icons';
+export declare const XPChain: ({ size, ...rest }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,146 @@
+import { SxProps } from '@mui/material';
+import { IconBaseProps } from 'react-icons';
+/**
+ * SVG Icons
+ */
+export type IconWithSx = IconBaseProps & {
+    sx?: SxProps;
+};
+export declare const AvatarIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const ChevronDownIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const TriangleDownIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const TriangleUpIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const CoreIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+/**
+ * Sidebar Icons
+ */
+export declare const ContactsIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const DiscoverIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const ExplorerIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const OutboundIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const PortfolioIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+/**
+ * Transaction Icons
+ */
+export declare const BridgeIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const SendIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const StakeIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const SwapIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+/**
+ * Tool Icons
+ */
+export declare const AirdropIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const AvalancheAchromaticIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const AvalancheColorIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const AvalancheIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const BitcoinAchromaticIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const BitcoinColorIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const BitcoinIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const CChainIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const CloudAlertIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const CloudDownloadIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const DeployedCodeIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const EncryptedIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const EthereumAchromaticIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const EthereumColorIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const EthereumIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const ExportIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const LandscapeIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const MonitoringIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const PChainIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const QrCodeIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const SignatureIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const SolanaColorIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const WaterDropIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const XChainIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const XPChainIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+/**
+ * Wallet Icons
+ */
+export declare const LedgerIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const WalletClosedIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;
+export declare const WalletOpenIcon: import('react').ComponentType<IconBaseProps & {
+    sx?: SxProps;
+} & import('../..').WithSxProps>;

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,10 @@
+import { PopoverProps as MuiPopoverProps, ThemeOptions } from '@mui/material';
+export declare const PopoverOverrides: ThemeOptions['components'];
+export type PopoverProps = MuiPopoverProps;
+/**
+ * Popover component that displays content in a floating container.
+ * This component extends MUI's Popover with custom styling.
+ *
+ * The Popover will close when clicking outside by default.
+ */
+export declare const Popover: import('react').ForwardRefExoticComponent<Omit<MuiPopoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/PopoverContent.d.ts

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material';
+export interface PopoverContentProps {
+    /**
+     * The content of the popover.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional styles to apply to the content.
+     */
+    sx?: SxProps<Theme>;
+}
+/**
+ * PopoverContent component for styling the content inside the Popover.
+ */
+export declare const PopoverContent: import('react').ForwardRefExoticComponent<PopoverContentProps & import('react').RefAttributes<HTMLUListElement>>;

package/dist/components/Popover/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?: () => 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/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+export * from './PopoverContent';

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?: () => 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,12 @@
+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;
+};
+export declare const SearchInput: ({ boxProps, inputRef, isLoading, size, ...rest }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;

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

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

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';