tvuikit 0.3.2 → 0.3.4

package/dist/components/button/button.d.ts

@@ -3,5 +3,6 @@ import { BUTTONS } from '../../variables/colors';
 export type ButtonProps = {
     children: ReactNode;
     variant?: keyof typeof BUTTONS;
+    overwriteClassName?: boolean;
 } & DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-export declare const Button: ({ variant, children, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, children, className, overwriteClassName, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dropdown/dropdown-item.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../button';
+export type DropdownItemProps = ButtonProps;
+export declare const DropdownItem: ({ children, onClick, className, variant, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dropdown/dropdown-menu.d.ts

@@ -0,0 +1,3 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export type DropdownMenuProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const DropdownMenu: ({ children, className, style, ...props }: DropdownMenuProps) => import('react').ReactPortal | null;

package/dist/components/dropdown/dropdown-trigger.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../button';
+export type DropdownTriggerProps = ButtonProps;
+export declare const DropdownTrigger: ({ children, className, ...props }: DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dropdown/dropdown.context.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+type DropdownContextType = {
+    opened: boolean;
+    toggle: (state?: boolean) => void;
+    dropdownRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLButtonElement | null>;
+};
+export declare const DropdownContext: import('react').Context<DropdownContextType | null>;
+export declare const useDropdown: () => DropdownContextType;
+export {};

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,10 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type DropdownProps = {
+    children: ReactNode;
+    onChangeState?: (opened: boolean) => void;
+    closeOnClickOutside?: boolean;
+    className?: string;
+} & Omit<DivProps, "ref">;
+export declare const Dropdown: ({ children, onChangeState, closeOnClickOutside, className, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export * from './dropdown';
+export * from './dropdown-menu';
+export * from './dropdown-item';
+export * from './dropdown-trigger';

package/dist/components/dropdown/index.stories.d.ts

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

package/dist/components/dropdown/use-outside-click.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useClickOutside: (ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void) => void;

package/dist/components/index.d.ts

@@ -6,4 +6,5 @@ export * from './input';
 export * from './modal';
 export * from './switch';
 export * from './wrapper';
+export * from './dropdown';
 export * as Guildline from './guideline';