@paygreen/pgui 2.1.1 → 2.1.2

package/dist/esm/types/components/FormGroup/index.d.ts

@@ -4,7 +4,7 @@ export declare type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaul
     children?: ReactNode;
     errorMessage?: ReactNode;
     helper?: ReactNode;
-    id: string;
+    id?: string;
     isRequired?: boolean;
     label?: ReactNode;
     showError?: boolean;

package/dist/esm/types/components/SearchInput/index.d.ts

@@ -0,0 +1,11 @@
+import { InputProps } from '@chakra-ui/react';
+declare type CustomProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?(value?: string): void;
+    delay?: number;
+    clearLabel?: string;
+};
+declare type SearchInputProps = Overwrite<InputProps, CustomProps>;
+export declare const SearchInput: import("@chakra-ui/react").ComponentWithAs<"input", SearchInputProps>;
+export {};

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

@@ -0,0 +1,114 @@
+import React, { ReactNode } from 'react';
+import { BoxProps } from '@chakra-ui/react';
+import { GroupBase, Props } from 'react-select';
+declare module 'react' {
+    function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+}
+export declare type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
+    isAsync?: boolean;
+    isCreatable?: boolean;
+    isError?: boolean;
+    size?: string;
+    formatCreateLabel?: (inputValue: string) => ReactNode;
+    loadOptions?: (input: unknown) => TODO;
+    defaultOptions?: unknown | boolean;
+    debounceDelay?: number;
+} & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
+export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
+    isAsync?: boolean | undefined;
+    isCreatable?: boolean | undefined;
+    isError?: boolean | undefined;
+    size?: string | undefined;
+    formatCreateLabel?: ((inputValue: string) => ReactNode) | undefined;
+    loadOptions?: ((input: unknown) => TODO) | undefined;
+    defaultOptions?: unknown | boolean;
+    debounceDelay?: number | undefined;
+} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
+    placeholder?: React.ReactNode;
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
+    pageSize?: number | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
+    isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
+    isMulti?: IsMulti | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
+    placeholder?: React.ReactNode;
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
+    pageSize?: number | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
+    isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
+    isMulti?: IsMulti | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;

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

@@ -2,3 +2,5 @@ export * from './ActionsButton';
 export * from './DataList';
 export * from './FormGroup';
 export * from './Pagination';
+export * from './SearchInput';
+export * from './Select';

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

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

package/dist/esm/types/theme/components/{Badge.d.ts → badge.d.ts}

@@ -1,7 +1,8 @@
-export declare const Badge: {
+declare const _default: {
     baseStyle: {
         borderRadius: string;
         fontWeight: string;
         paddingX: number;
     };
 };
+export default _default;

package/dist/{cjs/types/theme/components/Button.d.ts → esm/types/theme/components/button.d.ts}

@@ -1,4 +1,4 @@
-export declare const Button: {
+declare const _default: {
     baseStyle: {
         borderRadius: string;
         fontWeight: string;
@@ -138,3 +138,4 @@ export declare const Button: {
         };
     };
 };
+export default _default;

package/dist/esm/types/theme/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Badge } from './badge';
+export { default as Button } from './button';
+export { default as Input } from './input';
+export { default as Tag } from './tag';

package/dist/{cjs/types/theme/components/Input.d.ts → esm/types/theme/components/input.d.ts}

@@ -1,4 +1,4 @@
-export declare const Input: {
+declare const _default: {
     baseStyle: {
         field: {
             borderRadius: string;
@@ -45,3 +45,4 @@ export declare const Input: {
         };
     };
 };
+export default _default;

package/dist/{cjs/types/theme/components/Tag.d.ts → esm/types/theme/components/tag.d.ts}

@@ -1,4 +1,4 @@
-export declare const Tag: {
+declare const _default: {
     baseStyle: {
         container: {
             borderRadius: string;
@@ -6,3 +6,4 @@ export declare const Tag: {
         };
     };
 };
+export default _default;

package/dist/esm/types/theme/foundations/index.d.ts

@@ -0,0 +1,86 @@
+declare const foundations: {
+    shadows: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        layout: string;
+    };
+    fonts: {
+        heading: string;
+        body: string;
+        mono: string;
+    };
+    fontSizes: {
+        '2xs': string;
+    };
+    colors: {
+        brand: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        red: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        orange: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        gradients: {
+            primary: string;
+        };
+    };
+};
+export default foundations;

package/dist/esm/types/theme/index.d.ts

@@ -1 +1 @@
-export declare const theme: unknown;
+export * from './theme';

package/dist/esm/types/theme/theme.d.ts

@@ -0,0 +1 @@
+export declare const theme: any;

package/dist/index.d.ts

@@ -1,5 +1,12 @@
 import React, { FC, ReactNode } from 'react';
-import { IconButtonProps, FlexProps, AccordionProps, FormControlProps, StackProps } from '@chakra-ui/react';
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { IconButtonProps, FlexProps, AccordionProps, FormControlProps, StackProps, InputProps, BoxProps } from '@chakra-ui/react';
+import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
+import * as react_select from 'react-select';
+import { GroupBase, Props } from 'react-select';
+import * as react_select_dist_declarations_src_filters from 'react-select/dist/declarations/src/filters';
+import * as react_select_dist_declarations_src_components from 'react-select/dist/declarations/src/components';
+import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
 
 declare type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
     label: string;
@@ -50,7 +57,7 @@ declare type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaultValue'
     children?: ReactNode;
     errorMessage?: ReactNode;
     helper?: ReactNode;
-    id: string;
+    id?: string;
     isRequired?: boolean;
     label?: ReactNode;
     showError?: boolean;
@@ -99,4 +106,128 @@ declare type PaginationProps = StackProps & {
 };
 declare const Pagination: ({ setPage, page, pageSize, totalItems, isLoadingPage, ...rest }: PaginationProps) => JSX.Element;
 
-export { ActionsButton, ActionsButtonProps, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, FormGroup, FormGroupProps, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, getPaginationInfo };
+declare type CustomProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?(value?: string): void;
+    delay?: number;
+    clearLabel?: string;
+};
+declare type SearchInputProps = Overwrite<InputProps, CustomProps>;
+declare const SearchInput: _chakra_ui_react.ComponentWithAs<"input", SearchInputProps>;
+
+declare module 'react' {
+    function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+}
+declare type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
+    isAsync?: boolean;
+    isCreatable?: boolean;
+    isError?: boolean;
+    size?: string;
+    formatCreateLabel?: (inputValue: string) => ReactNode;
+    loadOptions?: (input: unknown) => TODO;
+    defaultOptions?: unknown | boolean;
+    debounceDelay?: number;
+} & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
+declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
+    isAsync?: boolean | undefined;
+    isCreatable?: boolean | undefined;
+    isError?: boolean | undefined;
+    size?: string | undefined;
+    formatCreateLabel?: ((inputValue: string) => ReactNode) | undefined;
+    loadOptions?: ((input: unknown) => TODO) | undefined;
+    defaultOptions?: unknown | boolean;
+    debounceDelay?: number | undefined;
+} & Omit<Pick<react_select_dist_declarations_src_Select.Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
+    placeholder?: React.ReactNode;
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<Option, IsMulti, Group>> | undefined;
+    pageSize?: number | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
+    getOptionLabel?: react_select.GetOptionLabel<Option> | undefined;
+    getOptionValue?: react_select.GetOptionValue<Option> | undefined;
+    isOptionDisabled?: ((option: Option, selectValue: react_select.Options<Option>) => boolean) | undefined;
+    isMulti?: IsMulti | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: react_select.OptionsOrGroups<Option, Group> | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: react_select.StylesConfig<Option, IsMulti, Group> | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<react_select_dist_declarations_src_Select.Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
+    placeholder?: React.ReactNode;
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    isLoading?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    components?: Partial<react_select_dist_declarations_src_components.SelectComponents<Option, IsMulti, Group>> | undefined;
+    pageSize?: number | undefined;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: react_select_dist_declarations_src_filters.FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
+    getOptionLabel?: react_select.GetOptionLabel<Option> | undefined;
+    getOptionValue?: react_select.GetOptionValue<Option> | undefined;
+    isOptionDisabled?: ((option: Option, selectValue: react_select.Options<Option>) => boolean) | undefined;
+    isMulti?: IsMulti | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: react_select.MenuPlacement | undefined;
+    menuPosition?: react_select.MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: react_select.OptionsOrGroups<Option, Group> | undefined;
+    screenReaderStatus?: ((obj: {
+        count: number;
+    }) => string) | undefined;
+    styles?: react_select.StylesConfig<Option, IsMulti, Group> | undefined;
+    tabSelectsValue?: boolean | undefined;
+} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+
+declare const theme: any;
+
+export { ActionsButton, ActionsButtonProps, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, FormGroup, FormGroupProps, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, SearchInput, Select, SelectProps, getPaginationInfo, theme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@paygreen/pgui",
-  "version": "2.1.1",
-  "description": "PGUI is the design system coming grom Paygreen.",
+  "version": "2.1.2",
+  "description": "PGUI is the design system coming from Paygreen.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "files": [
@@ -9,11 +9,11 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "rollup -c rollup.config.js",
+    "build": "rm -rf ./dist && rollup -c rollup.config.js",
     "lint": "eslint src/**/*.{js,jsx,ts,tsx,json} --max-warnings=0",
     "lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx,json}'",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc.json",
-    "link-local-lib": "npm link /home/philippe.chevreul@paygreen.ad/Documents/paygreen/app.paygreen.fr/node_modules/@chakra-ui/react",
+    "link-local-lib": "npm link @chakra-ui/react react",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "prepare": "husky install"
@@ -65,7 +65,10 @@
     "@typescript-eslint/eslint-plugin": "^5.30.6",
     "@typescript-eslint/parser": "^5.30.6",
     "babel-loader": "^8.2.5",
+    "dayjs": "^1.11.4",
     "eslint": "^8.20.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-typescript": "^3.2.7",
     "eslint-plugin-import": "^2.26.0",
@@ -80,14 +83,16 @@
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-focus-lock": "^2.9.1",
     "react-icons": "^4.4.0",
+    "react-select": "^5.4.0",
     "rollup": "^2.77.0",
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-node-externals": "^4.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "typescript": "^4.7.4",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-airbnb-typescript": "^17.0.0"
+    "sass": "^1.53.0",
+    "typescript": "^4.7.4"
   }
-}
+}