@ssa-ui-kit/core 2.0.0-canary-1cc9a72-20250305 → 2.1.0-canary-afe713f-20250306

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BadgeProps } from './types';
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+declare const Badge: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLDivElement>, "size"> & BadgeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Badge;

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

@@ -10,7 +10,7 @@ export declare const secondaryBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
-    children?: import("react").ReactNode;
+    type?: "button" | "reset" | "submit" | undefined;
     className?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
@@ -18,11 +18,11 @@ export declare const secondaryBtnSpecs: {
     "aria-label"?: string | undefined | undefined;
     "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     block?: boolean | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];
@@ -31,7 +31,7 @@ export declare const tertiaryBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
-    children?: import("react").ReactNode;
+    type?: "button" | "reset" | "submit" | undefined;
     className?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
@@ -39,11 +39,11 @@ export declare const tertiaryBtnSpecs: {
     "aria-label"?: string | undefined | undefined;
     "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     block?: boolean | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];
@@ -52,7 +52,7 @@ export declare const infoBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
-    children?: import("react").ReactNode;
+    type?: "button" | "reset" | "submit" | undefined;
     className?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
@@ -60,11 +60,11 @@ export declare const infoBtnSpecs: {
     "aria-label"?: string | undefined | undefined;
     "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     block?: boolean | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];
@@ -73,7 +73,7 @@ export declare const attentionBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
-    children?: import("react").ReactNode;
+    type?: "button" | "reset" | "submit" | undefined;
     className?: string | undefined;
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
@@ -81,11 +81,11 @@ export declare const attentionBtnSpecs: {
     "aria-label"?: string | undefined | undefined;
     "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     block?: boolean | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];

package/dist/components/Charts/PieChart/PieChartLegendMarker.d.ts

@@ -1,4 +1,4 @@
-export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<import("../../Badge/types").BadgeProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<Omit<Omit<import("react").HTMLProps<HTMLDivElement>, "size"> & import("../../Badge/types").BadgeProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
     background?: string;

package/dist/components/Field/FieldControl.d.ts

@@ -0,0 +1,7 @@
+import React, { HTMLAttributes } from 'react';
+import { FieldContextValue } from './FieldProvider';
+export interface FieldControlProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    controlRef?: React.RefObject<HTMLElement>;
+    children: React.ReactNode | ((props: FieldContextValue) => React.ReactNode);
+}
+export declare const FieldControl: React.ForwardRefExoticComponent<FieldControlProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Field/FieldDescription.d.ts

@@ -0,0 +1,4 @@
+export interface FieldDescriptionProps {
+    children: React.ReactNode;
+}
+export declare const FieldDescription: ({ children }: FieldDescriptionProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/Field/FieldError.d.ts

@@ -0,0 +1,4 @@
+export interface FieldErrorProps {
+    children: React.ReactNode;
+}
+export declare const FieldError: ({ children }: FieldErrorProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/Field/FieldLabel.d.ts

@@ -0,0 +1,5 @@
+import { LabelProps } from '../Label/types';
+export interface FieldLabelProps extends LabelProps {
+    children: React.ReactNode;
+}
+export declare const FieldLabel: ({ children, ...props }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Field/FieldProvider.d.ts

@@ -0,0 +1,12 @@
+export interface FieldContextValue {
+    status: 'error' | 'success' | 'basic';
+    disabled: boolean;
+    /**
+     * If true, ReactElement children will be focused if FieldControl is clicked.
+     */
+    forwardFocus: boolean;
+}
+export declare const FieldProvider: ({ children, value, }: {
+    value: FieldContextValue;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<FieldContextValue | null>>, useFieldContext: () => FieldContextValue;

package/dist/components/Field/FieldRoot.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes } from 'react';
+import { FieldContextValue } from './FieldProvider';
+export interface FieldRootProps extends Partial<FieldContextValue>, HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare const FieldRoot: ({ children, ...props }: FieldRootProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Field/FieldSuccess.d.ts

@@ -0,0 +1,4 @@
+export interface FieldSuccessProps {
+    children: React.ReactNode;
+}
+export declare const FieldSuccess: ({ children }: FieldSuccessProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+export * as default from './index.parts';
+export { FieldRootProps as FieldProps } from './FieldRoot';
+export { FieldLabelProps } from './FieldLabel';
+export { FieldControlProps } from './FieldControl';
+export { useFieldContext } from './FieldProvider';

package/dist/components/Field/index.parts.d.ts

@@ -0,0 +1,6 @@
+export { FieldRoot as Root } from './FieldRoot';
+export { FieldError as Error } from './FieldError';
+export { FieldSuccess as Success } from './FieldSuccess';
+export { FieldDescription as Description } from './FieldDescription';
+export { FieldLabel as Label, FieldLabelProps } from './FieldLabel';
+export { FieldControl as Control, FieldControlProps } from './FieldControl';

package/dist/components/FiltersMultiSelect/FiltersMultiSelect.d.ts

@@ -0,0 +1,24 @@
+import { UseFormReturn } from 'react-hook-form';
+import { InputProps } from '../Input/types';
+import { FieldProps } from '../Field';
+import { SelectedFilter, UseFiltersMultiSelectStore } from './useFiltersMultiSelect';
+export interface FiltersMultiSelectProps extends Pick<FieldProps, 'status' | 'disabled'> {
+    children: React.ReactNode;
+    description?: string;
+    emptyNode?: React.ReactNode;
+    error?: string;
+    icon?: React.ReactNode;
+    inputProps?: InputProps['inputProps'];
+    label?: string;
+    placeholder?: string;
+    searchable?: boolean;
+    selectedFilters?: SelectedFilter[];
+    store?: UseFiltersMultiSelectStore;
+    success?: string;
+    badgeClassName?: string;
+    inputClassName?: string;
+    wrapperClassName?: string;
+    onChange?: (value: SelectedFilter[]) => void;
+    register?: UseFormReturn['register'];
+}
+export declare const FiltersMultiSelect: ({ children, description, disabled, emptyNode: controlledEmptyNode, error, icon, inputProps, label, placeholder, searchable, selectedFilters: controlledSelectedFilters, status, store: controlledStore, success, badgeClassName, inputClassName, wrapperClassName, onChange, register, }: FiltersMultiSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/FiltersMultiSelect/FiltersMultiSelectProvider.d.ts

@@ -0,0 +1,9 @@
+import { UseFiltersMultiSelectStore } from './useFiltersMultiSelect';
+export interface FiltersMultiSelectContextValue {
+    store: UseFiltersMultiSelectStore;
+    emptyNode?: React.ReactNode;
+}
+export declare const FiltersMultiSelectProvider: ({ children, value, }: {
+    value: FiltersMultiSelectContextValue;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<FiltersMultiSelectContextValue | null>>, useFiltersMultiSelectContext: () => FiltersMultiSelectContextValue;

package/dist/components/FiltersMultiSelect/components/FilterBadge.d.ts

@@ -0,0 +1,11 @@
+import { SelectedFilter } from '../useFiltersMultiSelect';
+interface FilterBadgeProps {
+    type: SelectedFilter['type'];
+    disabled?: boolean;
+    className?: string;
+    withRemoveButton?: boolean;
+    onRemove?: () => void;
+    children: React.ReactNode;
+}
+export declare const FilterBadge: ({ type, disabled, className, withRemoveButton, onRemove, children, }: FilterBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FiltersMultiSelect/components/FiltersMultiSelectEmpty.d.ts

@@ -0,0 +1,5 @@
+import { type HTMLAttributes } from 'react';
+export interface FiltersMultiSelectEmptyProps extends HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const FiltersMultiSelectEmpty: ({ children, ...props }: FiltersMultiSelectEmptyProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/FiltersMultiSelect/components/FiltersMultiSelectOption.d.ts

@@ -0,0 +1,7 @@
+import { Filter } from '../useFiltersMultiSelect';
+export interface FiltersMultiSelectOptionProps {
+    filter: Filter;
+    children: React.ReactNode;
+    selected?: boolean;
+}
+export declare const FiltersMultiSelectOption: ({ filter, children, selected, }: FiltersMultiSelectOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/FiltersMultiSelect/components/FiltersMultiSelectOptions.d.ts

@@ -0,0 +1,4 @@
+import React, { type HTMLAttributes } from 'react';
+export declare const FiltersMultiSelectOptions: ({ children, ...props }: {
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export { FiltersMultiSelect, FiltersMultiSelectProps, } from './FiltersMultiSelect';
+export { FiltersMultiSelectOption, FiltersMultiSelectOptionProps, } from './components/FiltersMultiSelectOption';
+export { FiltersMultiSelectOptions } from './components/FiltersMultiSelectOptions';
+export { FiltersMultiSelectEmpty, FiltersMultiSelectEmptyProps, } from './components/FiltersMultiSelectEmpty';
+export { useFilterMultiSelect, Filter, SelectedFilter, } from './useFiltersMultiSelect';

package/dist/components/FiltersMultiSelect/useFiltersMultiSelect.d.ts

@@ -0,0 +1,32 @@
+export type Filter = {
+    id: string;
+    label: string;
+    group?: true;
+};
+export type SelectedFilter = Omit<Filter, 'group'> & {
+    type: 'include' | 'exclude' | 'group';
+};
+export interface UseFiltersMultiSelectOptions {
+    opened?: boolean;
+    defaultOpened?: boolean;
+    selectedFilters?: SelectedFilter[];
+    defaultSelectedFilters?: SelectedFilter[];
+    search?: string;
+    defaultSearch?: string;
+    onChange?: (value: SelectedFilter[]) => void;
+    onOpenedChange?: (opened: boolean) => void;
+    onDropdownClose?: () => void;
+    onDropdownOpen?: () => void;
+    onSearchChange?: (search: string) => void;
+}
+export declare function useFilterMultiSelect({ opened, defaultOpened, selectedFilters, defaultSelectedFilters, search, defaultSearch, onChange, onOpenedChange, onDropdownClose, onDropdownOpen, onSearchChange, }?: UseFiltersMultiSelectOptions): {
+    opened: boolean;
+    selectedFilters: SelectedFilter[];
+    search: string;
+    toggleDropdown: (open?: boolean) => void;
+    selectFilters: (...filters: SelectedFilter[]) => void;
+    unselectFilters: (...filters: SelectedFilter[]) => void;
+    isSelected: (id: string) => SelectedFilter | undefined;
+    setSearch: (value: string) => void;
+};
+export type UseFiltersMultiSelectStore = ReturnType<typeof useFilterMultiSelect>;

package/dist/components/Icon/icons/CheckCircleInverted.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const CheckCircleInverted: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "check-circle-inverted";

package/dist/components/Icon/icons/MinusCircle.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const MinusCircle: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "minus-circle";

package/dist/components/Icon/icons/MinusCircleInverted.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const MinusCircleInverted: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "minus-circle-inverted";

package/dist/components/Icon/icons/PlusCircle.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const PlusCircle: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "plus-circle";

package/dist/components/Icon/icons/PlusCircleInverted.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const PlusCircleInverted: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "plus-circle-inverted";

package/dist/components/Icon/icons/all.d.ts

@@ -7,10 +7,15 @@ export * as Sleep from './Sleep';
 export * as Stats from './Stats';
 export * as Trainings from './Trainings';
 export * as Plus from './Plus';
+export * as PlusCircle from './PlusCircle';
+export * as PlusCircleInverted from './PlusCircleInverted';
 export * as Minus from './Minus';
+export * as MinusCircle from './MinusCircle';
+export * as MinusCircleInverted from './MinusCircleInverted';
 export * as Cross from './Cross';
 export * as Check from './Check';
 export * as CheckCircle from './CheckCircle';
+export * as CheckCircleInverted from './CheckCircleInverted';
 export * as More from './More';
 export * as MoreVertical from './MoreVertical';
 export * as Notification from './Notification';

package/dist/components/Icon/icons/iconsList.d.ts

@@ -1 +1 @@
-export declare const iconsList: ("visible" | "copy" | "circle" | "attention" | "search" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | "maximize" | "employee" | "language" | "message" | "report")[];
+export declare const iconsList: ("visible" | "copy" | "circle" | "search" | "email" | "attention" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "plus-circle" | "plus-circle-inverted" | "minus" | "minus-circle" | "minus-circle-inverted" | "cross" | "check" | "check-circle" | "check-circle-inverted" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "lock" | "information" | "warning" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | "maximize" | "employee" | "language" | "message" | "report")[];

package/dist/components/index.d.ts

@@ -71,7 +71,9 @@ export * from './CardList';
 export * from './Checkbox';
 export * from './CollapsibleNavBar';
 export * from './DatePicker';
+export * from './Field';
 export * from './Filters';
+export * from './FiltersMultiSelect';
 export * from './FormCheckbox';
 export * from './FullscreenModeContext';
 export * from './Icon';