@vchasno/ui-kit 0.2.10 → 0.2.11

package/dist/Select/types/components/BubbleBox/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './BubbleBox';
 export type { BubbleBoxProps } from './BubbleBox';
+export * from './utils';

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

@@ -9,4 +9,31 @@ export interface SelectProps extends ReactSelectProps, Partial<WithLabel & WithH
     dataQa?: string;
 }
 declare const Select: React.FC<SelectProps>;
+export declare const SelectComponents: {
+    ClearIndicator: <Option_1, IsMulti extends boolean, Group extends import("react-select").GroupBase<Option_1>>(props: import("react-select").ClearIndicatorProps<Option_1, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
+    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends import("react-select").GroupBase<Option_1>>(props: import("react-select").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
+    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends import("react-select").GroupBase<Option_2>>(props: import("react-select").DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
+    DownChevron: (props: import("react-select/dist/declarations/src/components/indicators").DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
+    CrossIcon: (props: import("react-select/dist/declarations/src/components/indicators").CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
+    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends import("react-select").GroupBase<Option_3>>(props: import("react-select").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
+    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends import("react-select").GroupBase<Option_4>>(props: import("react-select").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends import("react-select").GroupBase<Option_5>>(props: import("react-select").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends import("react-select").GroupBase<Option_6>>(props: import("react-select").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
+    Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends import("react-select").GroupBase<Option_7>>(props: import("react-select").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
+    LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends import("react-select").GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: import("react-select").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
+    Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends import("react-select").GroupBase<Option_9>>(props: import("react-select").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
+    MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("react-select").GroupBase<Option_10>>(props: import("react-select").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("react-select").GroupBase<Option_11>>(props: import("react-select/dist/declarations/src/components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends import("react-select").GroupBase<Option_12>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
+    NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends import("react-select").GroupBase<Option_13>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("react-select").GroupBase<Option_14>>(props: import("react-select").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("react-select").GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueLabel: <Option_15_1, IsMulti_15_1 extends boolean, Group_15_1 extends import("react-select").GroupBase<Option_15_1>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15_1, IsMulti_15_1, Group_15_1>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueRemove: typeof import("react-select/dist/declarations/src/components/MultiValue").MultiValueRemove;
+    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("react-select").GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
+    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends import("react-select").GroupBase<Option_17>>(props: import("react-select").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
+    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("react-select").GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
+    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends import("react-select").GroupBase<Option_19>>(props: import("react-select").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
+    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends import("react-select").GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
+};
 export default Select;

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

@@ -1,7 +1,5 @@
-export { default } from './Select';
+export { default, SelectComponents } from './Select';
 export type { SelectProps } from './Select';
 export { default as SelectCreatable } from './SelectCreatable';
 export type { SelectCreatableProps } from './SelectCreatable';
 export type { Option } from './types';
-export { PlaceholderProps, CommonProps, PropsValue, ControlProps, MultiValueProps, MultiValueRemoveProps, MultiValueGenericProps, SingleValueProps, ValueContainerProps, ContainerProps, IndicatorsContainerProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, GroupProps, GroupHeadingProps, MenuProps, MenuListProps, InputProps, AriaGuidanceProps, AriaOnFilterProps, ActionMetaBase, AriaLiveMessages, AriaOnFocusProps, ClearActionMeta, Colors, CommonPropsAndClassName, CreateOptionActionMeta, } from 'react-select';
-export { components } from 'react-select';

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

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+import './SvgBorder.global.css';
+export interface SvgBorderProps extends HTMLAttributes<HTMLDivElement> {
+    svgClassName?: string;
+    strokeDasharray?: string;
+    strokeWidth?: number;
+    color?: string;
+    borderRadius?: number;
+    animation?: 'border-offset';
+    animationPlay?: boolean;
+    animationDurationSec?: number;
+    dashoffset?: number | string;
+}
+/**
+ * @link <https://css-tricks.com/svg-line-animation-works/>
+ */
+declare const SvgBorder: React.FC<SvgBorderProps>;
+export default SvgBorder;

package/dist/Select/types/components/SvgBorder/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './SvgBorder';
+export type { SvgBorderProps } from './SvgBorder';
+export * from './utils';

package/dist/Select/types/components/SvgBorder/utils.d.ts

@@ -0,0 +1 @@
+export declare const composeRoundedBorderPath: (width: number, height: number, radiusOffset: number) => string;

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

@@ -32,5 +32,7 @@ export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export { default as PulseDot } from './PulseDot';
 export type { PulseDotProps } from './PulseDot';
-export { default as BubbleBox } from './BubbleBox';
+export { default as BubbleBox, composeBubblePath } from './BubbleBox';
 export type { BubbleBoxProps } from './BubbleBox';
+export { default as SvgBorder, composeRoundedBorderPath } from './SvgBorder';
+export type { SvgBorderProps } from './SvgBorder';

package/dist/Select/types/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks/useClientRect';

package/dist/SelectCreatable/types/components/BubbleBox/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './BubbleBox';
 export type { BubbleBoxProps } from './BubbleBox';
+export * from './utils';

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

@@ -9,4 +9,31 @@ export interface SelectProps extends ReactSelectProps, Partial<WithLabel & WithH
     dataQa?: string;
 }
 declare const Select: React.FC<SelectProps>;
+export declare const SelectComponents: {
+    ClearIndicator: <Option_1, IsMulti extends boolean, Group extends import("react-select").GroupBase<Option_1>>(props: import("react-select").ClearIndicatorProps<Option_1, IsMulti, Group>) => import("@emotion/react").jsx.JSX.Element;
+    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends import("react-select").GroupBase<Option_1>>(props: import("react-select").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
+    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends import("react-select").GroupBase<Option_2>>(props: import("react-select").DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => import("@emotion/react").jsx.JSX.Element;
+    DownChevron: (props: import("react-select/dist/declarations/src/components/indicators").DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
+    CrossIcon: (props: import("react-select/dist/declarations/src/components/indicators").CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
+    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends import("react-select").GroupBase<Option_3>>(props: import("react-select").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
+    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends import("react-select").GroupBase<Option_4>>(props: import("react-select").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends import("react-select").GroupBase<Option_5>>(props: import("react-select").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends import("react-select").GroupBase<Option_6>>(props: import("react-select").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
+    Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends import("react-select").GroupBase<Option_7>>(props: import("react-select").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
+    LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends import("react-select").GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: import("react-select").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
+    Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends import("react-select").GroupBase<Option_9>>(props: import("react-select").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
+    MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends import("react-select").GroupBase<Option_10>>(props: import("react-select").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends import("react-select").GroupBase<Option_11>>(props: import("react-select/dist/declarations/src/components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends import("react-select").GroupBase<Option_12>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
+    NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends import("react-select").GroupBase<Option_13>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("react-select").GroupBase<Option_14>>(props: import("react-select").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("react-select").GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueLabel: <Option_15_1, IsMulti_15_1 extends boolean, Group_15_1 extends import("react-select").GroupBase<Option_15_1>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15_1, IsMulti_15_1, Group_15_1>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueRemove: typeof import("react-select/dist/declarations/src/components/MultiValue").MultiValueRemove;
+    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("react-select").GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
+    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends import("react-select").GroupBase<Option_17>>(props: import("react-select").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
+    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("react-select").GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
+    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends import("react-select").GroupBase<Option_19>>(props: import("react-select").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
+    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends import("react-select").GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
+};
 export default Select;

package/dist/SelectCreatable/types/components/Select/index.d.ts

@@ -1,7 +1,5 @@
-export { default } from './Select';
+export { default, SelectComponents } from './Select';
 export type { SelectProps } from './Select';
 export { default as SelectCreatable } from './SelectCreatable';
 export type { SelectCreatableProps } from './SelectCreatable';
 export type { Option } from './types';
-export { PlaceholderProps, CommonProps, PropsValue, ControlProps, MultiValueProps, MultiValueRemoveProps, MultiValueGenericProps, SingleValueProps, ValueContainerProps, ContainerProps, IndicatorsContainerProps, ClearIndicatorProps, DropdownIndicatorProps, IndicatorSeparatorProps, LoadingIndicatorProps, GroupProps, GroupHeadingProps, MenuProps, MenuListProps, InputProps, AriaGuidanceProps, AriaOnFilterProps, ActionMetaBase, AriaLiveMessages, AriaOnFocusProps, ClearActionMeta, Colors, CommonPropsAndClassName, CreateOptionActionMeta, } from 'react-select';
-export { components } from 'react-select';

package/dist/SelectCreatable/types/components/SvgBorder/SvgBorder.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+import './SvgBorder.global.css';
+export interface SvgBorderProps extends HTMLAttributes<HTMLDivElement> {
+    svgClassName?: string;
+    strokeDasharray?: string;
+    strokeWidth?: number;
+    color?: string;
+    borderRadius?: number;
+    animation?: 'border-offset';
+    animationPlay?: boolean;
+    animationDurationSec?: number;
+    dashoffset?: number | string;
+}
+/**
+ * @link <https://css-tricks.com/svg-line-animation-works/>
+ */
+declare const SvgBorder: React.FC<SvgBorderProps>;
+export default SvgBorder;

package/dist/SelectCreatable/types/components/SvgBorder/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './SvgBorder';
+export type { SvgBorderProps } from './SvgBorder';
+export * from './utils';

package/dist/SelectCreatable/types/components/SvgBorder/utils.d.ts

@@ -0,0 +1 @@
+export declare const composeRoundedBorderPath: (width: number, height: number, radiusOffset: number) => string;

package/dist/SelectCreatable/types/components/index.d.ts

@@ -32,5 +32,7 @@ export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export { default as PulseDot } from './PulseDot';
 export type { PulseDotProps } from './PulseDot';
-export { default as BubbleBox } from './BubbleBox';
+export { default as BubbleBox, composeBubblePath } from './BubbleBox';
 export type { BubbleBoxProps } from './BubbleBox';
+export { default as SvgBorder, composeRoundedBorderPath } from './SvgBorder';
+export type { SvgBorderProps } from './SvgBorder';

package/dist/SelectCreatable/types/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks/useClientRect';

package/dist/index.d.ts

@@ -222,4 +222,29 @@ interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const BubbleBox: React.FC<BubbleBoxProps>;
 
-export { Alert, type AlertProps, BubbleBox, type BubbleBoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, FlexBox, type FlexBoxProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, PulseDot, type PulseDotProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps };
+declare const composeBubblePath: (width: number, height: number, bubble: number, radiusOffset: number) => string;
+
+interface SvgBorderProps extends HTMLAttributes<HTMLDivElement> {
+    svgClassName?: string;
+    strokeDasharray?: string;
+    strokeWidth?: number;
+    color?: string;
+    borderRadius?: number;
+    animation?: 'border-offset';
+    animationPlay?: boolean;
+    animationDurationSec?: number;
+    dashoffset?: number | string;
+}
+/**
+ * @link <https://css-tricks.com/svg-line-animation-works/>
+ */
+declare const SvgBorder: React.FC<SvgBorderProps>;
+
+declare const composeRoundedBorderPath: (width: number, height: number, radiusOffset: number) => string;
+
+declare const useClientRect: () => {
+    rect: DOMRect | null;
+    ref: React.RefObject<HTMLDivElement>;
+};
+
+export { Alert, type AlertProps, BubbleBox, type BubbleBoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, FlexBox, type FlexBoxProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, PulseDot, type PulseDotProps, Spinner, type SpinnerProps, SvgBorder, type SvgBorderProps, Switch, type SwitchProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps, composeBubblePath, composeRoundedBorderPath, useClientRect };