@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.0

package/build/components/input/component.types.d.ts

@@ -0,0 +1,78 @@
+import { IErrorMessage } from '../error';
+import { IThemeSize } from '../../styles/utils';
+import { IThemeControl, IThemeGenreInput, ITypography } from '../../styles/utils/types';
+import { ClipboardEventHandler, CSSProperties, FocusEventHandler, HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, KeyboardEventHandler, PropsWithChildren, Ref } from 'react';
+import { NumberFormatValues, NumericFormatProps, PatternFormatProps } from 'react-number-format';
+type ICommonInput = {
+    className?: string;
+    style?: CSSProperties;
+    error?: IErrorMessage;
+    placeholder?: string;
+    ref?: Ref<HTMLInputElement | null>;
+    sxTypography?: ITypography;
+    control?: IThemeControl;
+    size: IThemeSize;
+    tabIndex?: number;
+    ariaLabel?: string;
+    autoComplete?: HTMLInputAutoCompleteAttribute | string;
+    genre: IThemeGenreInput;
+    id?: string;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    isBold?: boolean;
+    isCenter?: boolean;
+    isDisabled?: boolean;
+    isFullRadius?: boolean;
+    isHidden?: boolean;
+    isHiddenBorder?: boolean;
+    isMinWidthAsContent?: boolean;
+    isNiceNumber?: boolean;
+    isNoSpaces?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isWidthAsHeight?: boolean;
+    isZeroRadius?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    name?: string;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+};
+type IControlledValue = {
+    value: string | number | null | undefined;
+    defaultValue?: never;
+};
+type IUnControlledValue = {
+    defaultValue: string | number | null | undefined;
+    value?: never;
+};
+type IBaseInput = ICommonInput & (IControlledValue | IUnControlledValue);
+export type IInputStandard = IBaseInput & {
+    variety: 'standard';
+    onChange?: (value: string) => void;
+    type?: HTMLInputTypeAttribute;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export type IInputPattern = IBaseInput & {
+    variety: 'pattern';
+    onChange?: (value: NumberFormatValues) => void;
+    propsPattern: Pick<PatternFormatProps, 'allowEmptyFormatting' | 'format' | 'mask' | 'patternChar' | 'type' | 'valueIsNumericString'>;
+};
+export type IInputNumeric = IBaseInput & {
+    variety: 'numeric';
+    onChange?: (value: NumberFormatValues) => void;
+    propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'isAllowed' | 'prefix' | 'suffix' | 'thousandSeparator' | 'thousandsGroupStyle'>;
+};
+export type IInput = IInputStandard | IInputPattern | IInputNumeric;
+export interface InputChildrenProps extends PropsWithChildren {
+    left: string;
+    right: string;
+    width: string;
+    isFocusInput?: boolean;
+}
+export {};

package/build/components/input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './component';
+export type { IInput, IInputNumeric, IInputPattern, IInputStandard, } from './component.types';

package/build/components/input-otp/component.d.ts

@@ -0,0 +1,2 @@
+import { IInputOTP } from './component.types';
+export declare const InputOTP: (props: IInputOTP) => import("react/jsx-runtime").JSX.Element;

package/build/components/input-otp/component.types.d.ts

@@ -0,0 +1,8 @@
+import { IInputStandard } from '../input';
+import { FocusEvent } from 'react';
+export type IInputOTP = {
+    length: number;
+    onComplete?: (otp: string) => void;
+    onFocus?: (event?: FocusEvent<HTMLElement>) => void;
+    onBlur?: (event?: FocusEvent<HTMLElement>) => void;
+} & Pick<IInputStandard, 'size' | 'genre' | 'id' | 'error' | 'onChange' | 'sxTypography' | 'className' | 'style' | 'isBold' | 'isFullRadius' | 'isDisabled' | 'isHidden' | 'isHiddenBorder'>;

package/build/components/input-otp/index.d.ts

@@ -0,0 +1,2 @@
+export { InputOTP } from './component';
+export type { IInputOTP } from './component.types';

package/build/components/pagination/component.constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_COMPONENT_PAGINATION_GAP = 12;

package/build/components/pagination/component.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IPagination } from './component.types';
+export declare const Pagination: FC<IPagination>;

package/build/components/pagination/component.types.d.ts

@@ -0,0 +1,22 @@
+import { IButton } from '../button';
+import { CSSProperties } from 'react';
+export type IPagination = {
+    buttonControl: Pick<IButton, 'size' | 'genre' | 'isFullRadius' | 'isWidthAsHeight'>;
+    buttonCount: {
+        active: Pick<IButton, 'size' | 'genre' | 'isFullRadius'>;
+        inactive: Pick<IButton, 'size' | 'genre' | 'isFullRadius'>;
+    };
+    gap?: number;
+    index: number;
+    lengthData?: Record<number, Pick<IButton, 'genre' | 'icons'>>;
+    length: number;
+    isInfinity?: boolean;
+    viewQuantity: number;
+    changeIndex: (index: number) => void;
+    locale: {
+        prev: string;
+        next: string;
+    };
+    className?: string;
+    style: CSSProperties;
+};

package/build/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './component';
+export type { IPagination } from './component.types';

package/build/components/popover/component.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_POPOVER_OFFSET = 8;
+export declare const DEFAULT_ARROW_HEIGHT = 8;
+export declare const DEFAULT_POPOVER_CLOSE_DELAY = 100;

package/build/components/popover/component.d.ts

@@ -0,0 +1,34 @@
+import { FC, Ref } from 'react';
+import { IPopover, IUsePopover } from './component.types';
+export declare const Popover: FC<IPopover>;
+export declare const usePopover: (props: IUsePopover) => {
+    getIsInside: (target: Node | null) => boolean;
+    isOpen: boolean;
+    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    refReference: Ref<HTMLElement | null>;
+    refFloating: Ref<HTMLElement | null>;
+    refArrow: import('react').RefObject<null>;
+    context: {
+        x: number;
+        y: number;
+        placement: import('@floating-ui/utils').Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    floatingStyles: import('react').CSSProperties;
+    placement: import('@floating-ui/utils').Placement;
+};

package/build/components/popover/component.types.d.ts

@@ -0,0 +1,113 @@
+import { IThemeSize } from '../../styles/utils';
+import { IThemeControl, IThemeGenrePopover, ITypography } from '../../styles/utils/types';
+import { FloatingContext, Placement } from '@floating-ui/react';
+import { CSSProperties, PropsWithChildren, Ref, RefObject } from 'react';
+/**
+ * Props for the Popover component. / Свойства компонента Popover.
+ */
+export type IPopover = PropsWithChildren & {
+    className?: string;
+    style?: CSSProperties;
+    maxWidth?: string;
+    maxHeight?: string;
+    isOpen: boolean;
+    isArrow?: boolean;
+    floatingStyles: CSSProperties;
+    onClose?: () => void;
+    control?: IThemeControl;
+    sxTypography?: ITypography;
+    placement?: Placement;
+    arrowHeight?: number;
+    isCenteredArrow?: boolean;
+    /**
+     * Ref to the popover root element.
+     */
+    ref?: Ref<HTMLElement | null>;
+    refArrow?: RefObject<null>;
+    size: IThemeSize;
+    genre: IThemeGenrePopover;
+    context?: FloatingContext;
+    isDisabledBoxShadow?: boolean;
+};
+/**
+ * Props for the usePopover hook (popover logic and behavior).
+ * Свойства для хука usePopover (логика и поведение поповера).
+ */
+export type IUsePopover = {
+    /**
+     * Поддержка фокуса внутри поповера (если true, фокус будет удерживаться внутри поповера).
+     */
+    isFocusTrap?: boolean;
+    /**
+     * Delay in ms before closing popover on hover out (default: 100).
+     * Задержка в мс перед закрытием поповера при уходе мыши (по умолчанию: 100).
+     */
+    hoverCloseDelay?: number;
+    /**
+     * Offset in px for hover zone around popover (default: 8).
+     * Отступ в пикселях для hover-зоны вокруг поповера (по умолчанию: 8).
+     */
+    hoverOffset?: number;
+    /**
+     * If true, popover closes when clicking outside.
+     * Если true — поповер закрывается при клике вне его.
+     */
+    isClickOutside?: boolean;
+    /**
+     * If true, disables all popover logic and interaction.
+     * Если true — отключает всю логику и взаимодействие поповера.
+     */
+    isDisabled?: boolean;
+    /**
+     * If true, enables floating hover mode (popover stays open while mouse is near).
+     * Если true — включает режим плавающего hover (поповер открыт, пока мышь рядом).
+     */
+    isFloatingHover?: boolean;
+    /**
+     * If true, popover width matches reference element.
+     * Если true — ширина поповера совпадает с reference-элементом.
+     */
+    isWidthAsContent?: boolean;
+    isArrow?: boolean;
+    arrowHeight?: number;
+    /**
+     * Popover open/close mode: 'click', 'hover', 'clickOpen', or 'independence'.
+     * Режим открытия/закрытия поповера: 'click', 'hover', 'clickOpen', 'independence'.
+     */
+    mode?: 'click' | 'hover' | 'clickOpen' | 'independence';
+    /**
+     * Offset in px between reference and popover (default: 8).
+     * Отступ в пикселях между reference и поповером (по умолчанию: 8).
+     */
+    offset?: number;
+    /**
+     * Placement of the popover relative to reference (from floating-ui).
+     * Положение поповера относительно reference (из floating-ui).
+     */
+    placement: Placement;
+    /**
+     * Refs to elements that should not trigger click outside close.
+     * Массив ref'ов, которые не должны вызывать закрытие при клике вне.
+     */
+    refsExcludeClickOutside?: Ref<HTMLElement | null>[];
+    /**
+     * Refs to elements that should not trigger blur close.
+     * Массив ref'ов, которые не должны вызывать закрытие при потере фокуса.
+     */
+    refsExcludeBlur?: Ref<HTMLElement | null>[];
+    /**
+     * Callback fired when popover is focused/opened.
+     * Колбэк, вызываемый при открытии/фокусе поповера.
+     */
+    onFocus?: () => void;
+    /**
+     * Callback fired when popover is blurred/closed.
+     * Колбэк, вызываемый при закрытии/потере фокуса поповера.
+     */
+    onBlur?: () => void;
+    /**
+     * Callback fired when reference element loses focus (not to excluded refs).
+     * Колбэк, вызываемый при потере фокуса reference-элемента (не на исключённые ref'ы).
+     */
+    onBlurReference?: () => void;
+};

package/build/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover, usePopover } from './component';
+export type { IPopover, IUsePopover } from './component.types';

package/build/components/select/component.d.ts

@@ -0,0 +1,4 @@
+import { IContainerDropdownListOption, IContainerSelectListOption, ISelect, ISelectItem } from './component.types';
+export declare const Select: <T extends object & ISelectItem>(props: ISelect<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownListOption: import('react').MemoExoticComponent<(<T extends object & ISelectItem>(props: IContainerDropdownListOption<T>) => import("react/jsx-runtime").JSX.Element)>;
+export declare const SelectListOption: import('react').MemoExoticComponent<(<T extends object & ISelectItem>(props: IContainerSelectListOption<T>) => import("react/jsx-runtime").JSX.Element)>;

package/build/components/select/component.examples.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ISelectLanguage, ISelectMonth, ISelectMonths, ISelectYear } from './component.types';
+export declare const SelectLanguage: FC<ISelectLanguage>;
+export declare const SelectMonth: FC<ISelectMonth>;
+export declare const SelectMonths: FC<ISelectMonths>;
+export declare const SelectYear: FC<ISelectYear>;

package/build/components/select/component.types.d.ts

@@ -0,0 +1,109 @@
+import { IDatePickerTranslateMonth } from '../date-picker';
+import { IErrorMessage } from '../error';
+import { IThemeSize } from '../../styles/utils';
+import { IThemeControl, IThemeGenreSelect, ITypography } from '../../styles/utils/types';
+import { CSSProperties, FocusEvent, ReactNode, Ref } from 'react';
+export interface ISelectItem {
+    [key: string]: unknown;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label: string | number | ReactNode;
+    value: string | number;
+}
+export type ISelect<T extends ISelectItem> = {
+    id?: string;
+    size: IThemeSize;
+    genre: IThemeGenreSelect;
+    control?: IThemeControl;
+    sxTypography?: ITypography;
+    error?: IErrorMessage;
+    className?: string;
+    style?: CSSProperties;
+    classNamePopover?: string;
+    stylePopover?: CSSProperties;
+    isToggleWhenClickSelectListOption?: boolean;
+    isDisabled?: boolean;
+    isShowDropdownOptionIcon?: boolean;
+    isShowIconToggle?: boolean;
+    isShowIconSearchClear?: boolean;
+    isShowIconFetching?: boolean;
+    isShowSelectAll?: boolean;
+    isShowSelectAllLabel?: boolean;
+    isShowAddOption?: boolean;
+    isNotShowDisabledOptions?: boolean;
+    isOnClickOptionClose?: boolean;
+    isSortValueAsOption?: boolean;
+    isCenter?: boolean;
+    isStayValueAfterSelect?: boolean;
+    isBold?: boolean;
+    isWrapSelectOption?: boolean;
+    isMulti?: boolean;
+    isFetching?: boolean;
+    isClearWhenClickSelectListOption?: boolean;
+    isOnlyColorInSelectListOption?: boolean;
+    labelPlaceholder?: string;
+    labelEmptyOption?: string;
+    labelSelectAll?: string;
+    labelAndMore?: (count: number) => string;
+    labelAddOption?: (value: string) => string;
+    isSearch?: boolean;
+    valueSearch?: string;
+    onChangeSearch?: (value: string) => void;
+    optionAllLength?: number;
+    option: T[];
+    value: T[];
+    maxViewSelect?: number;
+    maxViewDropdown?: number;
+    minViewDropdown?: number;
+    refFloating?: Ref<HTMLElement | null>;
+    refReference?: Ref<HTMLElement | null>;
+    onAddOption?: (value: string) => void;
+    onChange: (value: T[]) => void;
+    onChangeAll?: (value: T[], isAll: boolean) => void;
+    onFocus?: (event?: FocusEvent<HTMLElement>) => void;
+    onBlur?: (event?: FocusEvent<HTMLElement>) => void;
+    fetchNextPage?: () => void;
+    getEstimateSize?: (index: number) => number;
+};
+export interface ISelectLanguageOption extends ISelectItem {
+    placeholder: string;
+    search?: string;
+}
+export type ISelectLanguage = Omit<ISelect<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    value: string | null;
+    onChange: (language: string | null) => void;
+};
+export type ISelectMonth = Omit<ISelect<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    dateMin?: number;
+    dateMax?: number;
+    value: number | null;
+    isShortLabel?: boolean;
+    onChange: (value: number | null) => void;
+    monthsLocale: IDatePickerTranslateMonth[];
+};
+export type ISelectMonths = Omit<ISelect<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    dateMin?: number;
+    dateMax?: number;
+    value: number[];
+    isShortLabel?: boolean;
+    onChange: (value: number[]) => void;
+    monthsLocale: IDatePickerTranslateMonth[];
+};
+export type ISelectYear = Omit<ISelectMonth, 'monthsLocale'> & {
+    dateMin?: number;
+    dateMax?: number;
+    sortOrder?: 'asc' | 'desc';
+};
+export type IContainerDropdownListOption<T extends ISelectItem> = Pick<ISelect<T>, 'genre' | 'size' | 'isCenter' | 'isBold' | 'isShowDropdownOptionIcon' | 'sxTypography' | 'className' | 'style'> & {
+    item: T;
+    isChecked?: boolean;
+    isShowScroll?: boolean;
+    onClick: () => void;
+    virtualRowSize: number;
+    virtualRowStart: number;
+};
+export type IContainerSelectListOption<T extends ISelectItem> = Pick<ISelect<T>, 'genre' | 'size' | 'isCenter' | 'isWrapSelectOption' | 'isClearWhenClickSelectListOption' | 'isOnlyColorInSelectListOption' | 'className' | 'style'> & {
+    item: T;
+    isChecked?: boolean;
+    onClick: () => void;
+};

package/build/components/select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './component';
+export { SelectLanguage, SelectMonth, SelectMonths, SelectYear } from './component.examples';
+export type { ISelect, ISelectLanguage, ISelectMonth, ISelectMonths, ISelectYear, } from './component.types';

package/build/components/separator/component.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ISeparator } from './component.types';
+export declare const Separator: FC<ISeparator>;

package/build/components/separator/component.types.d.ts

@@ -0,0 +1,10 @@
+import { IThemePalette } from '../../styles/utils';
+import { CSSProperties } from 'react';
+export interface ISeparator {
+    radius?: string;
+    type?: 'horizontal' | 'vertical';
+    color?: IThemePalette;
+    thickness?: string;
+    className?: string;
+    style?: CSSProperties;
+}

package/build/components/separator/index.d.ts

@@ -0,0 +1,2 @@
+export { Separator } from './component';
+export type { ISeparator } from './component.types';

package/build/components/stack/component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IStack, IStackMotion } from './component.types';
+export declare const Stack: FC<IStack>;
+export declare const StackMotion: FC<IStackMotion>;

package/build/components/stack/component.types.d.ts

@@ -0,0 +1,20 @@
+import { ISx } from '../../styles/utils';
+import { IThemeScrollbarGutter } from '../../styles/utils/types';
+import { AnimationProps, DraggableProps, FocusHandlers, HoverHandlers, LayoutProps, TapHandlers } from 'framer-motion';
+import { CSSProperties, DragEvent, DragEventHandler, JSX, PropsWithChildren, Ref } from 'react';
+export interface IStack extends ISx, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    id?: string;
+    isRipple?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+    scrollbarGutter?: IThemeScrollbarGutter;
+    onClick?: () => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent<HTMLDivElement>) => void;
+    ref?: Ref<HTMLDivElement | null>;
+    style?: CSSProperties | undefined;
+}
+export type IStackMotion = IStack & LayoutProps & AnimationProps & HoverHandlers & TapHandlers & FocusHandlers & DraggableProps & {
+    style?: CSSProperties;
+};

package/build/components/stack/index.d.ts

@@ -0,0 +1,2 @@
+export { Stack, StackMotion } from './component';
+export type { IStack, IStackMotion } from './component.types';

package/build/components/textarea/component.d.ts

@@ -0,0 +1,2 @@
+import { ITextArea } from './component.types';
+export declare const TextArea: (props: ITextArea) => import("react/jsx-runtime").JSX.Element;

package/build/components/textarea/component.types.d.ts

@@ -0,0 +1,67 @@
+import { IErrorMessage } from '../error';
+import { IThemeSize } from '../../styles/utils';
+import { IThemeControl, IThemeGenreTextArea, ITypography } from '../../styles/utils/types';
+import { ClipboardEventHandler, CSSProperties, FocusEventHandler, HTMLInputAutoCompleteAttribute, KeyboardEventHandler, MouseEventHandler, Ref } from 'react';
+type ICommonTextArea = {
+    name?: string;
+    ariaLabel?: string;
+    autoComplete?: HTMLInputAutoCompleteAttribute | string;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    genre: IThemeGenreTextArea;
+    minRows: number;
+    ref?: Ref<HTMLTextAreaElement | null>;
+    control?: IThemeControl;
+    error?: IErrorMessage;
+    sxTypography?: ITypography;
+    size: IThemeSize;
+    placeholder?: string;
+    maxLength?: number;
+    minLength?: number;
+    isResize?: boolean;
+    isLoading?: boolean;
+    isBold?: boolean;
+    isDisabled?: boolean;
+    isFullRadius?: boolean;
+    isHidden?: boolean;
+    isHiddenBorder?: boolean;
+    isNiceNumber?: boolean;
+    isNoSpaces?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isZeroRadius?: boolean;
+    onChange?: (value: string) => void;
+    onClick?: MouseEventHandler<HTMLTextAreaElement>;
+    onMouseDown?: MouseEventHandler<HTMLTextAreaElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onPaste?: ClipboardEventHandler<HTMLTextAreaElement>;
+};
+type IControlledValue = {
+    value: string | null | undefined;
+    defaultValue?: never;
+};
+type IUnControlledValue = {
+    value?: never;
+    defaultValue: string;
+};
+type IBaseTextArea = ICommonTextArea & (IControlledValue | IUnControlledValue);
+type IAutoHeightTextArea = IBaseTextArea & {
+    isAutoHeight: true;
+    maxRows: number;
+    isResize?: false | undefined;
+};
+type IResizableTextArea = IBaseTextArea & {
+    isResize: true;
+    isAutoHeight?: false | undefined;
+    maxRows?: never;
+};
+type IFixedTextArea = IBaseTextArea & {
+    isResize?: false | undefined;
+    isAutoHeight?: false | undefined;
+    maxRows?: never;
+};
+export type ITextArea = IAutoHeightTextArea | IResizableTextArea | IFixedTextArea;
+export {};

package/build/components/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea } from './component';
+export type { ITextArea } from './component.types';

package/build/components/toggle/component.d.ts

@@ -0,0 +1,2 @@
+import { IToggle } from './component.types';
+export declare const Toggle: (props: IToggle) => import("react/jsx-runtime").JSX.Element;

package/build/components/toggle/component.types.d.ts

@@ -0,0 +1,25 @@
+import { IErrorMessage } from '../error';
+import { IThemeControl, IThemeGenreToggle, IThemeSize } from '../../styles/utils/types';
+import { CSSProperties, FocusEvent, MouseEventHandler, Ref } from 'react';
+export type IToggle = {
+    ariaLabel?: string;
+    className?: string;
+    genre: IThemeGenreToggle;
+    id?: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    isHiddenBorder?: boolean;
+    isZeroRadius?: boolean;
+    name?: string;
+    onChange?: (value: boolean) => void;
+    onFocus?: (event: FocusEvent<HTMLButtonElement, Element>) => void;
+    onMouseDown?: MouseEventHandler<HTMLButtonElement>;
+    control?: IThemeControl;
+    error?: IErrorMessage;
+    ref?: Ref<HTMLElement | null>;
+    size: IThemeSize;
+    style?: CSSProperties;
+    tabIndex?: number;
+    type?: HTMLButtonElement['type'];
+    value: boolean;
+};

package/build/components/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { Toggle } from './component';
+export type { IToggle } from './component.types';

package/build/components/tooltip/component.constants.d.ts

@@ -0,0 +1,3 @@
+import { Placement } from '@floating-ui/react';
+export declare const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement;
+export declare const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number;

package/build/components/tooltip/component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITooltip } from './component.types';
+export declare const Tooltip: FC<ITooltip>;
+export declare const TooltipContent: FC<ITooltip>;

package/build/components/tooltip/component.types.d.ts

@@ -0,0 +1,12 @@
+import { IPopover, IUsePopover } from '../popover';
+import { ITypography } from '../../styles/utils';
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+export type ITooltip = PropsWithChildren & Pick<IPopover, 'genre' | 'size' | 'maxHeight' | 'maxWidth' | 'isCenteredArrow'> & {
+    content: ReactNode;
+    isDisabled?: boolean;
+    classNameWrapper?: string;
+    styleWrapper?: CSSProperties;
+    classNamePopover?: string;
+    stylePopover?: CSSProperties;
+    sxTypography?: ITypography;
+} & Pick<IUsePopover, 'isWidthAsContent' | 'offset' | 'isClickOutside' | 'isFloatingHover' | 'mode' | 'hoverCloseDelay' | 'hoverOffset' | 'placement'>;

package/build/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './component';
+export type { ITooltip } from './component.types';

package/build/components/typography/component.d.ts

@@ -0,0 +1,3 @@
+import { ITypographyComponent, ITypographyTooltip } from './component.types';
+export declare const Typography: import('react').MemoExoticComponent<(props: ITypographyComponent) => import("react/jsx-runtime").JSX.Element>;
+export declare const TypographyTooltip: import('react').MemoExoticComponent<(props: ITypographyTooltip) => import("react/jsx-runtime").JSX.Element>;

package/build/components/typography/component.types.d.ts

@@ -0,0 +1,18 @@
+import { ITooltip } from '../tooltip';
+import { ITypography } from '../../styles/utils';
+import { CSSProperties, PropsWithChildren, Ref } from 'react';
+export type ITypographyComponent = PropsWithChildren & {
+    onClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    href?: string;
+    isParagraph?: boolean;
+    isAnchor?: boolean;
+    isSpan?: boolean;
+    ref?: Ref<HTMLElement | HTMLHeadingElement | HTMLAnchorElement | null>;
+    sx?: ITypography;
+};
+export type ITypographyTooltip = {
+    typography: ITypographyComponent;
+    tooltip: Omit<ITooltip, 'children' | 'content'>;
+} & PropsWithChildren;

package/build/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+export { Typography, TypographyTooltip } from './component';
+export type { ITypographyComponent, ITypographyTooltip } from './component.types';

package/build/components-error.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-CW3en5xf.cjs"),r=require("./error--kiPVmoi.cjs");exports.ErrorMessage=r.ErrorMessage;

package/build/components-error.d.ts

@@ -0,0 +1,2 @@
+export * from './components/error/index'
+export {}