@youngonesworks/ui 0.1.1

package/README.md

@@ -0,0 +1,83 @@
+# YoungonesUI
+
+A React component library built with Tailwind CSS v4.
+
+## Features
+
+- React components built with TypeScript
+- Styled with Tailwind CSS v4
+- Fully customizable components
+- Tree-shakeable (only import what you need)
+- TypeScript support
+- Modern build with Rolldown (Rust-based bundler)
+
+## Installation
+
+```bash
+# yarn
+yarn add youngonesui
+```
+
+### Peer Dependencies
+
+- react: ^18 || ^19
+- react-dom: ^18 || ^19
+
+### Tailwind CSS v4 setup
+
+```bash
+npm install tailwindcss@4 postcss autoprefixer
+npx tailwindcss init -p
+```
+
+Update `tailwind.config.js`:
+
+```js
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    './node_modules/youngonesui/**/*.{js,jsx,ts,tsx}',
+  ],
+  theme: { extend: {} },
+  plugins: [],
+};
+```
+
+## Usage
+
+```tsx
+import { Button } from 'youngonesui';
+
+function App() {
+  return (
+    <>
+      <Button>Default</Button>
+      <Button variant="secondary" size="sm">Small Secondary</Button>
+      <Button variant="outline" size="lg">Large Outline</Button>
+    </>
+  );
+}
+```
+
+### Components
+
+#### Button
+
+```tsx
+<Button
+  variant="primary"  // 'primary' | 'secondary' | 'outline'
+  size="md"          // 'sm' | 'md' | 'lg'
+  onClick={() => console.log('clicked')}
+>
+  Click me
+</Button>
+```
+
+## Contributing
+
+Contributions are welcome! Please follow the conventional commits spec and ensure all tests pass before opening a PR.
+
+## License
+
+MIT

package/dist/components/ActionIcon/ActionIcon.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ActionIcon } from './index';
+declare const meta: Meta<typeof ActionIcon>;
+export default meta;
+type Story = StoryObj<typeof ActionIcon>;
+export declare const Default: Story;
+export declare const Transparent: Story;
+export declare const Small: Story;
+export declare const Round: Story;

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

@@ -0,0 +1,25 @@
+interface ActionIconProps {
+    children?: React.ReactNode;
+}
+export interface IActionIcon extends Omit<ActionIconProps, 'classNames'> {
+    'data-testid'?: string;
+    title: string;
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    styleVariant?: 'default' | 'transparent' | 'small' | 'round';
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    icon: React.ReactNode;
+    iconSize?: number;
+    strokeWidth?: number;
+    className?: string;
+    /**
+     * @deprecated Can be removed and replaced by iconSize
+     */
+    width?: string;
+    /**
+     * @deprecated Can be removed and replaced by iconSize
+     */
+    height?: string;
+}
+export declare const ActionIcon: import("react").ForwardRefExoticComponent<IActionIcon & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export {};

package/dist/components/Alert/Alert.stories.d.ts

@@ -0,0 +1,6 @@
+import { type Meta, type StoryObj } from '@storybook/react';
+import { Alert } from './index';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AlertStory: Story;

package/dist/components/Alert/Alert.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+interface IAlert {
+    show: boolean;
+    message: ReactNode;
+    type: 'warning' | 'error' | 'success';
+    'data-testid'?: string;
+    plain?: boolean;
+    /**
+     * @deprecated Can be removed entirely.
+     */
+    closable?: boolean;
+    className?: string;
+}
+export declare const Alert: {
+    ({ show, message, type, plain, className }: IAlert): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/components/AppleAppButtonIcon/AppleAppButtonIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AppleAppButtonIcon } from './index';
+declare const meta: Meta<typeof AppleAppButtonIcon>;
+export default meta;
+type Story = StoryObj<typeof AppleAppButtonIcon>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare const AppleAppButtonIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AutoCompleteInput/AutoCompleteInput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AutoCompleteInput } from './index';
+declare const meta: Meta<typeof AutoCompleteInput>;
+export default meta;
+type Story = StoryObj<typeof AutoCompleteInput>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import { type ChangeEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
+import { type TextInputProps } from '../TextInput';
+interface ISearchLocationFormProps extends TextInputProps {
+    label: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: () => void;
+    inputValue?: string;
+    showSuggestions: boolean;
+    handleOnKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    children: ReactNode;
+    loading?: boolean;
+    rightSection?: ReactNode;
+    inputRef?: Ref<HTMLInputElement>;
+}
+export declare const AutoCompleteInput: ({ label, onChange, onFocus, inputValue, showSuggestions, handleOnKeyDown, children, error, rightSection, inputRef, }: ISearchLocationFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Avatar } from './index';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;

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

@@ -0,0 +1,22 @@
+interface IAvatarProps {
+    'data-testid'?: string;
+    src: string;
+    alt?: string;
+    size?: number;
+    radius?: keyof typeof radiusFormatter;
+}
+declare const radiusFormatter: {
+    0: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    100: string;
+};
+export declare const Avatar: {
+    ({ src, alt, size, radius }: IAvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/AvatarIndicator/AvatarIndicator.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { AvatarIndicator } from './index';
+declare const meta: Meta<typeof AvatarIndicator>;
+export default meta;
+type Story = StoryObj<typeof AvatarIndicator>;
+export declare const Default: Story;

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

@@ -0,0 +1,6 @@
+interface IAvatarIndicator {
+    indicatorCount?: number;
+    className?: string;
+}
+export declare const AvatarIndicator: ({ indicatorCount, className }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Badge } from './index';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;

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

@@ -0,0 +1,27 @@
+interface IBadgeProps {
+    styleVariant?: 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'purple' | 'pink' | 'pink-light' | 'gray' | 'white';
+    color?: 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal';
+    /** Controls appearance */
+    variant?: 'light' | 'filled' | 'outline' | 'dot' | 'gradient';
+    /** Badge height and font size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
+    radius?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
+    fullWidth?: boolean;
+    /** Section rendered on the left side of label */
+    leftSection?: React.ReactNode;
+    /** Section rendered on the right side of label */
+    rightSection?: React.ReactNode;
+    favorite?: boolean;
+    /** Badge label */
+    children?: React.ReactNode;
+    mobile?: boolean;
+    className?: string;
+    badgeBorder?: boolean;
+}
+export declare const Badge: {
+    ({ styleVariant, className, favorite, mobile, badgeBorder, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/BigBadge/BigBadge.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { BigBadge } from './index';
+declare const meta: Meta<typeof BigBadge>;
+export default meta;
+type Story = StoryObj<typeof BigBadge>;
+export declare const Default: Story;

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

@@ -0,0 +1,9 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface IBigBadgeProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    styleVariant?: 'green' | 'red' | 'white' | 'accent-blue' | 'orange';
+    'data-testid'?: string;
+    children: ReactNode;
+}
+export declare const BigBadge: ({ styleVariant, className, children, ...props }: IBigBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/BreadCrumb/BreadCrumb.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { BreadCrumb } from './index';
+declare const meta: Meta<typeof BreadCrumb>;
+export default meta;
+type Story = StoryObj<typeof BreadCrumb>;
+export declare const Default: Story;

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

@@ -0,0 +1,8 @@
+interface IBreadCrumb {
+    text: string;
+}
+export declare const BreadCrumb: {
+    ({ text }: IBreadCrumb): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,13 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { buttonVariants } from './buttonVariants';
+interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: keyof typeof buttonVariants;
+    ariaLabel?: string;
+    isLoading?: boolean;
+    block?: boolean;
+    dataTestId?: string;
+    icon?: ReactNode;
+    iconRight?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<IButton & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Outline: Story;
+export declare const Loading: Story;

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

@@ -0,0 +1,10 @@
+export declare const buttonVariants: {
+    readonly primary: string;
+    readonly secondary: string;
+    readonly danger: string;
+    readonly link: string;
+    readonly outline: string;
+    readonly search: string;
+    readonly icon__primary: string;
+    readonly icon__danger: string;
+};

package/dist/components/Button.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+type ButtonProps = {
+    children: ReactNode;
+    variant?: "primary" | "secondary" | "danger";
+    onClick?: () => void;
+};
+export declare const Button: React.FC<ButtonProps & {
+    className?: string;
+}>;
+export {};

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Checkbox } from './index';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Indeterminate: Story;
+export declare const ErrorState: Story;

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

@@ -0,0 +1,11 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+export interface ICheckbox extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'size' | 'disabled'> {
+    size?: 'sm' | 'md';
+    mediumBoldText?: boolean;
+    label?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    indeterminate?: boolean;
+    error?: string;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Divider } from './index';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Default: Story;

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

@@ -0,0 +1,6 @@
+interface DividerProps {
+    'data-testid'?: string;
+    className?: string;
+}
+export declare const Divider: ({ className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/GoogleAppButtonIcon/GoogleAppButtonIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { GoogleAppButtonIcon } from './index';
+declare const meta: Meta<typeof GoogleAppButtonIcon>;
+export default meta;
+type Story = StoryObj<typeof GoogleAppButtonIcon>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare const GoogleAppButtonIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HR/HR.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { HR } from './index';
+declare const meta: Meta<typeof HR>;
+export default meta;
+type Story = StoryObj<typeof HR>;
+export declare const Default: Story;

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

@@ -0,0 +1,8 @@
+interface HRProps {
+    className?: string;
+}
+export declare const HR: {
+    ({ className }: HRProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/HamburgerMenuButton/HamburgerMenuButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { HamburgerMenuButton } from './index';
+declare const meta: Meta<typeof HamburgerMenuButton>;
+export default meta;
+type Story = StoryObj<typeof HamburgerMenuButton>;
+export declare const Default: Story;

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

@@ -0,0 +1,6 @@
+interface IHamburgerMenuButtonProps {
+    setMenuState: () => void;
+    menuState: boolean;
+}
+export declare const HamburgerMenuButton: import("react").ForwardRefExoticComponent<IHamburgerMenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Island/Island.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Island } from './index';
+declare const meta: Meta<typeof Island>;
+export default meta;
+type Story = StoryObj<typeof Island>;
+export declare const Default: Story;

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IIsland extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    noShadow?: boolean;
+    noPadding?: boolean;
+}
+export declare const Island: {
+    ({ children, className, noShadow, noPadding, ...props }: IIsland): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/Label/Label.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Label } from './index';
+declare const meta: Meta<typeof Label>;
+export default meta;
+type Story = StoryObj<typeof Label>;
+export declare const Default: Story;

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

@@ -0,0 +1,7 @@
+interface LabelProps {
+    children: React.ReactNode | string | React.ReactNode[];
+    htmlFor?: string;
+    className?: string;
+}
+export declare const Label: ({ children, className, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LinkText/LinkText.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { LinkText } from './index';
+declare const meta: Meta<typeof LinkText>;
+export default meta;
+type Story = StoryObj<typeof LinkText>;
+export declare const Default: Story;

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

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+interface ILinkText {
+    children: ReactElement | string | ReactElement[];
+    classNames?: string;
+}
+/** @deprecated dont use this anymore, instead use the next link */
+export declare const LinkText: {
+    ({ children, classNames }: ILinkText): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/Loader/Loader.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Loader } from './index';
+declare const meta: Meta<typeof Loader>;
+export default meta;
+type Story = StoryObj<typeof Loader>;
+export declare const Default: Story;

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

@@ -0,0 +1,4 @@
+export declare const Loader: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Logo/Logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { LogoBlack } from './index';
+declare const meta: Meta<typeof LogoBlack>;
+export default meta;
+type Story = StoryObj<typeof LogoBlack>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare const LogoBlack: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Modal } from './index';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;

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

@@ -0,0 +1,19 @@
+import { type JSX, type ReactNode } from 'react';
+interface IModal {
+    children: ReactNode;
+    title?: string;
+    withCloseButton?: boolean;
+    opened: boolean;
+    onClose: () => void;
+    additionalClassNames?: string;
+    gradient?: boolean;
+    dataTestId?: string;
+    size?: string | number;
+    uncloseAble?: boolean;
+    closeModalWithConfirmation?: boolean;
+}
+export declare const Modal: {
+    ({ title, children, withCloseButton, opened, additionalClassNames, closeModalWithConfirmation, gradient, uncloseAble, dataTestId, onClose, size, }: IModal): JSX.Element | null;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { NumberField } from './index';
+declare const meta: Meta<typeof NumberField>;
+export default meta;
+type Story = StoryObj<typeof NumberField>;
+export declare const Default: Story;

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

@@ -0,0 +1,14 @@
+interface NumberFieldProps {
+    name: string;
+    value: number | undefined;
+    id: string;
+    className?: string;
+    label?: string;
+    error?: string;
+    max?: number;
+    min?: number;
+    isDisabled?: boolean;
+    onChange?: (value: number) => void;
+}
+export declare const NumberField: ({ name, value, max, min, isDisabled, id, className, label, error, onChange, }: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PageUnavailable/PageUnavailable.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PageUnavailable } from './index';
+declare const meta: Meta<typeof PageUnavailable>;
+export default meta;
+type Story = StoryObj<typeof PageUnavailable>;
+export declare const Default: Story;

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

@@ -0,0 +1,7 @@
+interface PageUnavailableProps {
+    notAvailableButton: React.ReactNode;
+    notAvailableDescription: string;
+    notAvailableHeaderText: string;
+}
+export declare const PageUnavailable: ({ notAvailableButton, notAvailableDescription, notAvailableHeaderText }: PageUnavailableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PasswordInput/PasswordInput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PasswordInput } from './index';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;

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

@@ -0,0 +1,3 @@
+export declare const PasswordInput: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Popover } from './index';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import { type AlignedPlacement, type Side } from '@floating-ui/react';
+interface ITooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    hoverEnabled?: boolean;
+    passedOpen?: boolean;
+    placement?: AlignedPlacement | Side;
+    amountOfOffset?: number;
+    className?: string;
+    style?: 'minimal' | 'card';
+}
+export declare const Popover: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<unknown>>;
+export {};