@peculiar/react-components 0.0.2-alpha.29 → 0.0.2-alpha.292

package/dist/esnext/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,EACT,KAAK,GACN,MAAM,OAAO,CAAC;AACf,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esnext/styles/sizes/base.js

@@ -0,0 +1,19 @@
+export const generateBaseSize = (grid = 5) => ({
+    'base-half': `${grid / 2}px`,
+    base: `${grid}px`,
+    'base-2': `${grid * 2}px`,
+    'base-3': `${grid * 3}px`,
+    'base-4': `${grid * 4}px`,
+    'base-5': `${grid * 5}px`,
+    'base-6': `${grid * 6}px`,
+    'base-7': `${grid * 7}px`,
+    'base-8': `${grid * 8}px`,
+    'base-9': `${grid * 9}px`,
+    'base-10': `${grid * 10}px`,
+    'base-11': `${grid * 11}px`,
+    'base-12': `${grid * 12}px`,
+    'base-14': `${grid * 14}px`,
+    'base-16': `${grid * 16}px`,
+});
+export const base = generateBaseSize();
+//# sourceMappingURL=base.js.map

package/dist/esnext/styles/sizes/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../src/styles/sizes/base.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAe,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,WAAW,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IAC5B,IAAI,EAAE,GAAG,IAAI,IAAI;IACjB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI;IACzB,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;IAC3B,SAAS,EAAE,GAAG,IAAI,GAAG,EAAE,IAAI;CAC5B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC"}

package/dist/esnext/styles/sizes/index.js

@@ -0,0 +1,2 @@
+export { base, generateBaseSize } from './base';
+//# sourceMappingURL=index.js.map

package/dist/esnext/styles/sizes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/sizes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esnext/styles/theme_provider.js

@@ -1,11 +1,18 @@
-import { injectGlobal } from './css';
+import * as React from 'react';
+import { Global } from '@emotion/core';
+import { createTheme, createThemeCSSVariablesFromObject } from './utils';
 import { defaultTheme } from './default_theme';
-injectGlobal({
-    html: defaultTheme,
-});
 export const ThemeProvider = (props) => {
-    const { children } = props;
-    return children;
+    const { children, theme: themeProp, } = props;
+    const theme = React.useMemo(() => {
+        const output = themeProp ? createTheme(themeProp) : defaultTheme;
+        return output;
+    }, [themeProp]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Global, { styles: {
+                html: createThemeCSSVariablesFromObject(theme),
+            } }),
+        children));
 };
 ThemeProvider.displayName = 'ThemeProvider';
 //# sourceMappingURL=theme_provider.js.map

package/dist/esnext/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,YAAY,CAAC;IACX,IAAI,EAAE,YAAY;CACnB,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esnext/styles/utils.js

@@ -0,0 +1,42 @@
+import flat from 'flat';
+import deepmerge from 'deepmerge';
+import { Color } from '@peculiar/color';
+import { defaultTheme } from './default_theme';
+import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
+import { generateBaseSize, } from './sizes';
+export const themeCSSVariablePrefix = 'pv';
+export const contrastThreshold = 2;
+export const createTheme = (options) => {
+    const primary = generatePrimaryColors(options?.color?.primary);
+    const secondary = generateSecondaryColors(options?.color?.secondary);
+    const wrong = generateWrongColors(options?.color?.wrong);
+    const attention = generateAttentionColors(options?.color?.attention);
+    const size = generateBaseSize(options?.size);
+    function getContrastText(background) {
+        const contrastRatio = new Color(background)
+            .getContrastRatio(defaultTheme.color.white);
+        return contrastRatio > contrastThreshold
+            ? defaultTheme.color.white
+            : defaultTheme.color.black;
+    }
+    const partialTheme = deepmerge(options, {
+        color: {
+            ...primary,
+            ...secondary,
+            ...wrong,
+            ...attention,
+            'primary-contrast': getContrastText(primary.primary),
+            'secondary-contrast': getContrastText(secondary.secondary),
+            'wrong-contrast': getContrastText(wrong.wrong),
+        },
+        size,
+    });
+    return deepmerge(defaultTheme, partialTheme);
+};
+export const createThemeCSSVariablesFromObject = (object) => {
+    const flatted = flat({
+        [`--${themeCSSVariablePrefix}`]: object,
+    }, { delimiter: '-' });
+    return flatted;
+};
+//# sourceMappingURL=utils.js.map

package/dist/esnext/styles/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE;YACL,GAAG,OAAO;YACV,GAAG,SAAS;YACZ,GAAG,KAAK;YACR,GAAG,SAAS;YACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;YAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;SACT;QACvC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,MAA2B,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,IAAI,CAClB;QACE,CAAC,KAAK,sBAAsB,EAAE,CAAC,EAAE,MAAM;KACxC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esnext/test-utils.js

@@ -0,0 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import '@testing-library/jest-dom/extend-expect';
+export * from '@testing-library/react';
+export { default as userEvent } from '@testing-library/user-event';
+//# sourceMappingURL=test-utils.js.map

package/dist/esnext/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../src/test-utils.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,yCAAyC,CAAC;AAEjD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/esnext/utils/index.js

@@ -0,0 +1,2 @@
+export { useEnhancedEffect } from './use_enhanced_effect';
+//# sourceMappingURL=index.js.map

package/dist/esnext/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esnext/utils/owner_document.js

@@ -0,0 +1,4 @@
+export function ownerDocument(node) {
+    return (node && node.ownerDocument) || document;
+}
+//# sourceMappingURL=owner_document.js.map

package/dist/esnext/utils/owner_document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owner_document.js","sourceRoot":"","sources":["../../../src/utils/owner_document.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,IAA6B;IACzD,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;AAClD,CAAC"}

package/dist/esnext/utils/use_enhanced_effect.js

@@ -0,0 +1,3 @@
+import { useLayoutEffect, useEffect } from 'react';
+export const useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+//# sourceMappingURL=use_enhanced_effect.js.map

package/dist/esnext/utils/use_enhanced_effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_enhanced_effect.js","sourceRoot":"","sources":["../../../src/utils/use_enhanced_effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC"}

package/dist/types/Alert/alert.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+declare type BaseProps = {
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The type of the component.
+     */
+    variant?: ('wrong' | 'attention' | 'success' | 'pending');
+    /**
+     * If `true`, the start icon will be hidden.
+     */
+    disableIcon?: boolean;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose?: () => void;
+    'data-testid'?: string;
+};
+export declare type AlertProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare const Alert: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Alert, AlertProps } from './alert';

package/dist/types/Autocomplete/autocomplete.d.ts

@@ -0,0 +1,94 @@
+import React from 'react';
+import { UseAutocompleteProps, AutocompleteValue } from '../hooks';
+/**
+ * Types.
+ */
+export declare type AutocompleteRenderGroupParams = {
+    key: string | number;
+    group: string;
+    children?: React.ReactNode;
+};
+export declare type AutocompleteProps<T, Multiple extends boolean | undefined = undefined> = UseAutocompleteProps<T, Multiple> & {
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder?: string;
+    /**
+     * Text to display when there are no options.
+     */
+    noOptionsText?: React.ReactNode;
+    /**
+     * If `true`, the component is in a loading state.
+     * This shows the `loadingText` in place of suggestions (only if there are no
+     * suggestions to show, e.g. `options` are empty).
+     */
+    loading?: boolean;
+    /**
+     * Text to display when in a loading state.
+     */
+    loadingText?: React.ReactNode;
+    /**
+     * The maximum number of tags that will be visible when not focused.
+     */
+    limitTags?: number;
+    /**
+     * If `true`, the popup search input will be hidden.
+     */
+    disableSearch?: boolean;
+    /**
+     * If `true`, the autocomplete will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Name attribute of the `input` element.
+     */
+    name?: string;
+    /**
+     * If `true`, the `input` element is required.
+     */
+    required?: boolean;
+    /**
+     * Text to display when in the create button element.
+     */
+    createOptionText?: string;
+    /**
+     * If `true`, the create button element will be shown.
+     */
+    allowCreateOption?: boolean;
+    /**
+     * Render the root element.
+     */
+    renderRoot?: (props: object, value: AutocompleteValue<T, Multiple>) => React.ReactNode;
+    /**
+     * Render the option, use `getOptionLabel` by default.
+     */
+    renderOption?: (props: object, option: T) => React.ReactNode;
+    /**
+     * The label to display when the tags are truncated (`limitTags`).
+     */
+    getLimitTagsText?: (more: number) => string;
+    /**
+     * Callback fired when the create button clicked.
+     */
+    onCreate?: (event: React.SyntheticEvent, value: string) => void;
+};
+/**
+ *
+ */
+export declare function Autocomplete<T, Multiple extends boolean | undefined = undefined>(props: AutocompleteProps<T, Multiple>): JSX.Element;
+export declare namespace Autocomplete {
+    var defaultProps: {
+        disableSearch: boolean;
+        noOptionsText: string;
+        loading: boolean;
+        loadingText: string;
+        limitTags: number;
+        required: boolean;
+        allowCreateOption: boolean;
+        createOptionText: string;
+    };
+}

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

@@ -0,0 +1 @@
+export { Autocomplete } from './autocomplete';

package/dist/types/Avatar/avatar.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { ColorType } from '../styles';
+import { TypographyProps } from '../Typography';
+declare type BaseProps = {
+    /**
+     * The name of the person in the avatar.
+     *
+     * - If `src` has loaded, the name will be used as the `alt` attribute of the `img`.
+     * - If `src` is not loaded, the name will be used to create the initials.
+     */
+    name?: string;
+    /**
+     * Function to get the initials to display.
+     */
+    getInitials?: (name: string) => string;
+    /**
+     * The `src` attribute for the `img` element.
+     */
+    src?: string;
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * Props applied to the `Typography` element.
+     */
+    typographyProps?: Partial<TypographyProps>;
+    /**
+     * The size of the avatar.
+     */
+    size?: ('small' | 'medium' | 'large');
+    /**
+     * The color of component background.
+     */
+    background?: ColorType;
+    /**
+     * The color of initials text.
+     */
+    color?: ColorType;
+    'data-testid'?: string;
+};
+export declare const Avatar: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/Backdrop/backdrop.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { BaseTransitionProps } from '../Fade';
+declare type BaseProps = {
+    /**
+     * If `true`, the backdrop is open.
+     */
+    open: boolean;
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * If `true`, the backdrop is invisible.
+     */
+    invisible?: boolean;
+    /**
+     * The duration for the transition, in milliseconds.
+     */
+    transitionDuration?: number;
+    variant?: ('light' | 'medium' | 'heavy');
+};
+export declare type BackdropProps = BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Backdrop: React.ForwardRefExoticComponent<BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Backdrop, BackdropProps } from './backdrop';

package/dist/types/{box → Box}/box.d.ts

@@ -1,15 +1,25 @@
 import * as React from 'react';
 import { ColorType } from '../styles';
 declare type BaseProps = {
+    /**
+     * The content of the component.
+     */
     children?: React.ReactNode;
+    /**
+     * The className of the component.
+     */
     className?: string;
-    as?: React.ElementType;
+    /**
+     * The component used for the root node.
+     */
+    component?: React.ElementType;
     background?: ColorType;
     borderColor?: ColorType;
     borderWidth?: number;
-    borderStyle?: ('solid' | 'dashed' | 'dotted');
+    borderStyle?: ('solid' | 'dashed');
     borderPosition?: ('horizontal' | 'vertical' | 'top' | 'right' | 'bottom' | 'left');
     borderRadius?: number;
+    'data-testid'?: string;
 };
 export declare const Box: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/types/Button/button.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ButtonBaseProps } from '../ButtonBase';
+declare type BaseProps = {
+    circled?: boolean;
+    /**
+     * Element placed before the children.
+     */
+    startIcon?: React.ReactNode;
+    /**
+     * Element placed after the children.
+     */
+    endIcon?: React.ReactNode;
+    /**
+     * Specify if the button doesn't have padding.
+     */
+    withoutPadding?: boolean;
+};
+export declare type ButtonProps = BaseProps & ButtonBaseProps;
+export declare const Button: React.ForwardRefExoticComponent<BaseProps & {
+    children: React.ReactNode;
+    disabled?: boolean;
+    variant?: "text" | "contained" | "outlined";
+    textVariant?: import("../styles").TypographyType;
+    color?: "default" | "white" | "primary" | "secondary" | "wrong";
+    size?: "small" | "medium" | "large";
+    className?: string;
+    component?: React.ElementType<any>;
+    'data-testid'?: string;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Button, ButtonProps } from './button';

package/dist/types/ButtonBase/button_base.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { TypographyType } from '../styles';
+declare type BaseProps = {
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * If `true`, the button will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The variant to use.
+     */
+    variant?: ('contained' | 'outlined' | 'text');
+    /**
+     * The variant of text to use.
+     */
+    textVariant?: TypographyType;
+    /**
+     * The color of the component.
+     */
+    color?: ('primary' | 'secondary' | 'wrong' | 'white' | 'default');
+    /**
+     * The size of the button.
+     */
+    size?: ('small' | 'medium' | 'large');
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The component used for the root node.
+     */
+    component?: React.ElementType;
+    'data-testid'?: string;
+};
+export declare type ButtonBaseProps = BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const ButtonBase: React.ForwardRefExoticComponent<BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { ButtonBase, ButtonBaseProps } from './button_base';

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+declare type BaseProps = {
+    /**
+     * If `true`, the component is checked.
+     */
+    checked?: boolean;
+    /**
+     * If `true`, the component is checked by default.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Attributes applied to the input element.
+     */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'>;
+    /**
+     * The content of the component.
+     */
+    className?: string;
+    /**
+     * If `true`, the checkbox will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The `id` of the input element.
+     */
+    id?: string;
+    /**
+     * If `true`, the `input` element will be required.
+     */
+    required?: boolean;
+    /**
+     * The icon to display when the component is checked.
+     */
+    checkedIcon?: React.ReactElement;
+    /**
+     * Callback fired when the state is changed.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
+};
+export declare type CheckboxProps = BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'htmlFor' | 'onChange'>;
+export declare const Checkbox: React.ForwardRefExoticComponent<BaseProps & Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "children" | "htmlFor" | "onChange"> & React.RefAttributes<HTMLLabelElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Checkbox } from './checkbox';

package/dist/types/Chip/chip.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+/**
+ * Types.
+ */
+declare type BaseProps = {
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * If `true`, the chip will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Override the default delete icon element. Shown only if `onDelete` is set.
+     */
+    deleteIcon?: React.ReactElement;
+    /**
+     * The variant to use.
+     */
+    variant?: ('contained' | 'outlined');
+    /**
+     * The color of the component.
+     */
+    color?: ('secondary' | 'wrong' | 'default');
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * Element placed before the children.
+     */
+    startContent?: React.ReactElement;
+    /**
+     * The component used for the root node.
+     */
+    component?: React.ElementType;
+    /**
+     * Callback function fired when the delete icon is clicked. If set, the delete icon will be shown.
+     */
+    onDelete?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Callback function fired when the component is clicked. If set, the component will be clickable.
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    'data-testid'?: string;
+};
+/**
+ *
+ */
+export declare const Chip: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { Chip } from './chip';

package/dist/types/CircularProgress/circular_progress.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+declare type BaseProps = {
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: ('primary' | 'secondary' | 'white');
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    /**
+     * The size of the progress.
+     */
+    size?: ('small' | 'large');
+};
+export declare type CircularProgressProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ *
+ */
+export declare const CircularProgress: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1 @@
+export { CircularProgress, CircularProgressProps } from './circular_progress';

package/dist/types/Collapse/collapse.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { TransitionProps } from 'react-transition-group/Transition';
+declare type BaseTransitionProps = Pick<TransitionProps<HTMLElement>, ('onEnter' | 'onEntered' | 'onEntering' | 'onExit' | 'onExited' | 'onExiting')>;
+declare type BaseProps = {
+    /**
+     * If `true`, the component will transition in.
+     */
+    in?: boolean;
+    /**
+     * The duration for the transition, in milliseconds.
+     */
+    timeout?: number;
+    /**
+     * A single child content element.
+     */
+    children: React.ReactNode;
+};
+declare type CollapseProps = BaseProps & BaseTransitionProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Collapse: React.FC<CollapseProps>;
+export {};

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

@@ -0,0 +1 @@
+export { Collapse } from './collapse';