@fattureincloud/fic-design-system 0.15.10 → 0.15.11-alpha.0

package/dist/components/accordion-new/types.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactChild } from 'react';
+import { IconProps } from '../icon';
+export declare const rotate45 = "rotate45";
+export declare const rotate90 = "rotate90";
+export declare const rotate180 = "rotate180";
+export declare type Animations = typeof rotate45 | typeof rotate90 | typeof rotate180;
+export interface AnimatedIcon extends Omit<IconProps, 'rotation'> {
+    animation?: Animations;
+    changeColor?: boolean;
+}
+export interface AccordionProps {
+    multipleOpen?: boolean;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: IconProps;
+    divider?: ReactChild;
+    items: ItemListProps[];
+    style?: {
+        header?: Record<string, unknown>;
+        content?: Record<string, unknown>;
+    };
+}
+export interface ItemListProps {
+    header: React.ReactChild;
+    content: React.ReactChild;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    defaultOpen?: boolean;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: AnimatedIcon;
+}
+export interface AccordionItemProps {
+    index: number;
+    header: React.ReactChild;
+    content: React.ReactChild;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    open: boolean;
+    toggleOpen: (index: number) => void;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: AnimatedIcon;
+}
+export interface AccordionIconProps {
+    iconProps: AnimatedIcon;
+    open: boolean;
+}
+export interface MappedProps {
+    animation: string;
+    iconColor: string;
+}
+export interface IconContainerProps {
+    animation?: Animations;
+    changeColor?: boolean;
+    open: boolean;
+}

package/dist/components/accordion-new/utils.d.ts

@@ -0,0 +1,10 @@
+import { DefaultTheme } from 'styled-components';
+import { Animations, MappedProps } from './types';
+interface MapParams {
+    animation?: Animations;
+    changeColor?: boolean;
+    open: boolean;
+    theme: DefaultTheme;
+}
+export declare const mapAnimation: ({ animation, changeColor, open, theme }: MapParams) => MappedProps;
+export {};

package/dist/components/accordions/accordions.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+import { TAccordion, UnstyledAccordionProps, UnstyledAccordionState } from './types';
+export declare class UnstyledAccordion extends Component<UnstyledAccordionProps, UnstyledAccordionState> {
+    constructor(props: UnstyledAccordionProps);
+    handleOpenAccordion: () => void;
+    render(): React.JSX.Element;
+}
+declare const Accordion: TAccordion;
+export default Accordion;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import React, { ComponentProps } from 'react';
+import { TAccordion } from './types';
+export declare const Normal: () => React.JSX.Element;
+export declare const NormalThemed: () => React.JSX.Element;
+export declare const ShowingBodyAtFirstRender: () => React.JSX.Element;
+declare const AccordionStories: Meta<ComponentProps<TAccordion>>;
+export default AccordionStories;

package/dist/components/accordions/components/styledAccordionWrapper.d.ts

@@ -0,0 +1 @@
+export declare const StyledAccordionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1 @@
+export { default as Accordion } from './accordions';

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface Props {
+    title?: string;
+    renderTitle?: () => JSX.Element;
+    renderBody: () => JSX.Element;
+    renderLateralActions?: JSX.Element;
+    lateralActions?: Array<{
+        icon: JSX.Element;
+        action: () => void;
+    }>;
+    showBodyAtFirstRender?: boolean;
+}
+export declare type TAccordion = React.FunctionComponent<Props>;
+export interface UnstyledAccordionProps extends Props {
+}
+export interface UnstyledAccordionState {
+    show: boolean;
+}
+export {};

package/dist/components/banner/utils.d.ts

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { bannerColorType } from './Banner';
+interface MappedColors {
+    bgColor: string;
+    textColor: string;
+}
+export declare const mapColors: (theme: DefaultTheme, color: bannerColorType) => MappedColors;
+export {};

package/dist/components/carousel/components/common/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FlexColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/chart/components/styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const IndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IndicatorButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LegendContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LegendItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    disabled: boolean;
+}, never>;
+export declare const LegendSquare: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+export declare const LegendIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,15 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    error?: string;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
+}
+declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

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

package/dist/components/checkbox/checkboxPalette.d.ts

@@ -0,0 +1,16 @@
+import { paletteColor } from '../../styles/types';
+import { checkboxParts, checkboxState, checkboxStatus } from './types';
+export declare type CheckboxPalette = {
+    input: {
+        [k in checkboxState]: {
+            [k in checkboxStatus]: {
+                [k in checkboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in checkboxState]: paletteColor;
+    };
+};
+declare const checkboxPalette: CheckboxPalette;
+export default checkboxPalette;

package/dist/components/checkbox/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    isDisabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
+export default Input;

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

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    isDisabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
+export default Label;

package/dist/components/checkbox/hooks/useCheckboxValue.d.ts

@@ -0,0 +1,11 @@
+import { checkboxStatus } from '../types';
+interface UseCheckboxValueReturn {
+    status: checkboxStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    setIndeterminate: () => void;
+    toggleCheckbox: () => void;
+}
+declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+export default useCheckboxValue;

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

@@ -0,0 +1,4 @@
+import Checkbox, { CheckboxProps } from './Checkbox';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -0,0 +1,19 @@
+import { paletteColor } from '../../styles/types';
+export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
+export declare type checkboxState = 'normal' | 'error';
+export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
+export interface CheckboxStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    tickColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/components/checkbox/utils.d.ts

@@ -0,0 +1,24 @@
+import { DefaultTheme } from 'styled-components';
+import { IconProps } from '../icon';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+import { checkboxStatus, CheckboxStyles } from './types';
+interface InputMapParams extends CheckboxInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+interface LabelMapProps extends CheckboxLabelProps {
+    theme: DefaultTheme;
+}
+export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+    fontSize: string;
+    cursor: string;
+    opacity: number;
+    color: string;
+};
+declare type statusIconType = {
+    [k in checkboxStatus]: IconProps['icon'] | null;
+};
+export declare const statusIcon: statusIconType;
+export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export {};

package/dist/components/chips/chips.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TChip, UnstyledChipProps, UnstyledChipState } from './types';
+export declare class UnstyledChip extends Component<UnstyledChipProps, UnstyledChipState> {
+    render(): JSX.Element;
+}
+declare const Chip: TChip;
+export default Chip;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Chip } from '.';
+export declare const Normal: () => JSX.Element;
+declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
+export default ChipStories;

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChipsProps } from '../types';
+export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,2 @@
+import Chip from './chips';
+export { Chip };

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ChipsProps {
+    text?: string | number;
+    statusEdit?: boolean;
+    closeAction?: () => void;
+}
+export declare type TChip = React.FunctionComponent<ChipsProps>;
+export interface UnstyledChipProps extends ChipsProps {
+}
+export interface UnstyledChipState {
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface Props {
+    show?: boolean;
+    title?: string;
+    renderHeader?: () => JSX.Element;
+    renderFooter?: () => JSX.Element;
+    actionClose?: () => void;
+}
+export declare type TDrawer = React.FunctionComponent<Props>;
+export interface UnstyledDrawerProps extends Props {
+}
+export interface UnstyledDrawerState {
+}
+export {};

package/dist/components/ficFeatures/FICFeatures.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FICFeaturesProps } from './types';
+declare const FICFeatures: (props: FICFeaturesProps) => JSX.Element;
+export default FICFeatures;

package/dist/components/ficFeatures/FICFeaturesContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FICFeaturesContextValue, FICFeaturesProviderProps } from './types';
+export declare const FICFeaturesContext: React.Context<FICFeaturesContextValue>;
+declare const FICFeaturesProvider: ({ children, editable, plansToShow }: FICFeaturesProviderProps) => JSX.Element;
+export default FICFeaturesProvider;

package/dist/components/ficFeatures/components/changeOrderModal/ChangeOrderModal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type ChangeOrderModalProps<T extends Record<string, unknown>> = {
+    close: () => void;
+    itemLabelExtractor: (item: T) => string;
+    list: T[];
+    open: boolean;
+    title: string;
+    updateList: (newOrder: T[]) => void;
+};
+declare const ChangeOrderModal: <T extends Record<string, unknown>>({ close, itemLabelExtractor, list, open, title, updateList, }: ChangeOrderModalProps<T>) => JSX.Element;
+export default ChangeOrderModal;

package/dist/components/ficFeatures/components/feature/Feature.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TFeature } from '../../types';
+declare type FeatureProps = TFeature & {
+    catIdx: number;
+    featureIdx: number;
+};
+declare const Feature: ({ catIdx, comingSoon, description, featureIdx, isNew, name, plans }: FeatureProps) => JSX.Element;
+export default Feature;

package/dist/components/ficFeatures/components/feature/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const FeatureContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PlansWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FeatureNameAndDesc: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FeatureTitle: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const PlanContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ficFeatures/components/featureCategory/EditableCategoryHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TFeatureCategory, TFeaturesConfig } from '../../types';
+declare type EditableCategoryHeaderProps = {
+    category: TFeatureCategory;
+    index: number;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const EditableCategoryHeader: ({ category, index, setEditedConfig }: EditableCategoryHeaderProps) => JSX.Element;
+export default EditableCategoryHeader;

package/dist/components/ficFeatures/components/featureCategory/FeatureCategory.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { SortFeatures, TFeatureCategory, TFeaturesConfig } from '../../types';
+declare type FeatureCategoryProps = {
+    category: TFeatureCategory;
+    index: number;
+    setChangeFeaturesOrder: Dispatch<SetStateAction<SortFeatures | undefined>>;
+    setEditedConfig: Dispatch<SetStateAction<TFeaturesConfig>>;
+};
+declare const FeatureCategory: ({ category, index, setChangeFeaturesOrder, setEditedConfig, }: FeatureCategoryProps) => JSX.Element;
+export default FeatureCategory;

package/dist/components/ficFeatures/components/featureCategory/IconSelector.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type IconSelectorProps = {
+    close: () => void;
+    icon: string;
+    index: number;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const IconSelector: ({ close, icon, index, setEditedConfig }: IconSelectorProps) => JSX.Element;
+export default IconSelector;

package/dist/components/ficFeatures/components/featureCategory/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const CategoryHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconSelectorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollableFeaturesWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ficFeatures/components/featureEditModal/FeatureEditModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type FeatureEditModalProps = {
+    editedConfig: TFeaturesConfig;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const FeatureEditModal: ({ editedConfig, setEditedConfig }: FeatureEditModalProps) => JSX.Element;
+export default FeatureEditModal;

package/dist/components/ficFeatures/components/featureEditModal/PlanEditField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TFeature, TPlanConfig } from '../../types';
+declare type PlanEditFieldProps = TPlanConfig & {
+    index: number;
+    setFeatureCopy: React.Dispatch<React.SetStateAction<TFeature | undefined>>;
+};
+declare const PlanEditField: (props: PlanEditFieldProps) => JSX.Element;
+export default PlanEditField;

package/dist/components/ficFeatures/components/featureEditModal/constants.d.ts

@@ -0,0 +1,6 @@
+import { DataType } from '../../types';
+export declare const typesOptions: {
+    value: DataType;
+    label: string;
+}[];
+export declare const defaultPlanValues: Record<DataType, string | number | boolean>;

package/dist/components/ficFeatures/components/featureEditModal/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const ModalBodyContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PlanEditWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PlanTableHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ficFeatures/components/iconSelectionModal/IconSelectionModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type IconSelectionModalProps = {
+    editedConfig: TFeaturesConfig;
+    setEditedConfig: React.Dispatch<React.SetStateAction<TFeaturesConfig>>;
+};
+declare const IconSelectionModal: ({ editedConfig, setEditedConfig }: IconSelectionModalProps) => JSX.Element;
+export default IconSelectionModal;

package/dist/components/ficFeatures/components/iconSelectionModal/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const CurrentIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ficFeatures/components/topBar/TopBar.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { TFeaturesConfig } from '../../types';
+declare type TopBarProps = {
+    editedConfig: TFeaturesConfig;
+    onSave?: (config: TFeaturesConfig) => void;
+    originalConfig: TFeaturesConfig;
+    setEditedConfig: Dispatch<SetStateAction<TFeaturesConfig>>;
+};
+declare const TopBar: ({ editedConfig, onSave, originalConfig, setEditedConfig }: TopBarProps) => JSX.Element;
+export default TopBar;

package/dist/components/ficFeatures/components/topBar/styled.d.ts

@@ -0,0 +1 @@
+export declare const TopBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ficFeatures/configExample.d.ts

@@ -0,0 +1,3 @@
+import { TFeaturesConfig } from './types';
+declare const defaultConfig: TFeaturesConfig;
+export default defaultConfig;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import FICFeatures from './FICFeatures';
+export declare const Template: () => JSX.Element;
+declare const FICFeaturesStories: Meta<ComponentProps<typeof FICFeatures>>;
+export default FICFeaturesStories;

package/dist/components/ficFeatures/icons.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '../icon';
+export declare const greenPlusIcon: IconProps;
+export declare const sortIcon: IconProps;
+export declare const redBackwardIcon: IconProps;
+export declare const greenCheckIcon: IconProps;
+export declare const greyTimesIcon: IconProps;

package/dist/components/ficFeatures/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const FICFeaturesContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,62 @@
+import { IconName } from '@fortawesome/fontawesome-svg-core';
+import { Dispatch, SetStateAction } from 'react';
+export declare enum DataType {
+    BOOLEAN = "boolean",
+    NUMBER = "number",
+    STRING = "string"
+}
+export declare const ficPlans: readonly ["forfettari", "standard", "premium", "premium_plus", "complete"];
+export declare type TPlanConfig = {
+    id: (typeof ficPlans)[number];
+    type: DataType.STRING;
+    value: string;
+} | {
+    id: (typeof ficPlans)[number];
+    type: DataType.BOOLEAN;
+    value: boolean;
+} | {
+    id: (typeof ficPlans)[number];
+    type: DataType.NUMBER;
+    value: number;
+};
+export declare type TFeature = {
+    comingSoon?: boolean;
+    description?: string;
+    isNew?: boolean;
+    name: string;
+    plans: TPlanConfig[];
+};
+export declare type TFeatureCategory = {
+    categoryIcon: IconName;
+    categoryName: string;
+    features: TFeature[];
+};
+export declare type SortFeatures = TFeatureCategory & {
+    index: number;
+};
+export declare type TFeaturesConfig = TFeatureCategory[];
+export declare type FICFeaturesProps = {
+    config: TFeaturesConfig;
+    editable?: boolean;
+    onSave?: (config: TFeaturesConfig) => void;
+    plansToShow: string[];
+};
+export declare type EditFeatureParams = {
+    catIdx: number;
+    featureIdx: number;
+};
+export declare type FICFeaturesContextValue = {
+    editable: boolean;
+    plansToShow: string[];
+    openCategoriesOrderModal: boolean;
+    setOpenCategoriesOrderModal: Dispatch<SetStateAction<boolean>>;
+    openFeaturesOrderModal: boolean;
+    setOpenFeaturesOrderModal: Dispatch<SetStateAction<boolean>>;
+    editFeatureParams: EditFeatureParams | undefined;
+    setEditFeatureParams: Dispatch<SetStateAction<EditFeatureParams | undefined>>;
+    chooseCategoryIcon: number | undefined;
+    setChooseCategoryIcon: Dispatch<SetStateAction<number | undefined>>;
+};
+export declare type FICFeaturesProviderProps = FICFeaturesProps & {
+    children: React.ReactNode;
+};

package/dist/components/form/checkbox/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    disabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
+export default Input;

package/dist/components/form/checkbox/components/Label.d.ts

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    disabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;
+export default Label;

package/dist/components/form/datepicker/StyledDatePicker.d.ts

@@ -0,0 +1 @@
+export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
+export default MonthPicker;

package/dist/components/form/fileUploader/fileTypes.d.ts

@@ -0,0 +1,3 @@
+import { FileUploaderTypes } from './types';
+declare const types: FileUploaderTypes;
+export default types;

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../../../icon';
+import { statuses } from '../types';
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -0,0 +1,3 @@
+import { CustomTexts, FileUploaderTexts, statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
+export default useTexts;

package/dist/components/form/select/components/Placeholder.d.ts

@@ -0,0 +1,4 @@
+import { PlaceholderProps } from 'react-select';
+import { OptionType } from './Option';
+declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export default Placeholder;