@ssa-ui-kit/core 0.0.1-alpha → 0.0.3-alpha

package/.babelrc.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const rootBabelConfig = require('../../.babelrc.js');
-
-module.exports = rootBabelConfig;
+/* eslint-disable @typescript-eslint/no-var-requires */
+const rootBabelConfig = require('../../.babelrc.js');
+
+module.exports = rootBabelConfig;

package/.storybook/main.ts

@@ -1,43 +1,43 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-import initWebpackConfig from '../webpack.config';
-appWebpackConfig = initWebpackConfig();
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-mdx-gfm', //cspell:disable-line
-    'storybook-addon-pseudo-states',
-  ],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {},
-  },
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
-    //cspell:disable-next-line
-    reactDocgenTypescriptOptions: {
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false,
-      },
-    },
-  },
-  webpackFinal: (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...appWebpackConfig.resolve.alias,
-    };
-
-    return config;
-  },
-  docs: {
-    autodocs: true, //cspell:disable-line
-  },
-};
-
-export default config;
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import initWebpackConfig from '../webpack.config';
+appWebpackConfig = initWebpackConfig();
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm', //cspell:disable-line
+    'storybook-addon-pseudo-states',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
+    //cspell:disable-next-line
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+    },
+  },
+  webpackFinal: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      ...appWebpackConfig.resolve.alias,
+    };
+
+    return config;
+  },
+  docs: {
+    autodocs: true, //cspell:disable-line
+  },
+};
+
+export default config;

package/.storybook/preview.tsx

@@ -1,22 +1,22 @@
-import React from 'react';
-import '@storybook/react-webpack5';
-
-import { ThemeProvider } from '@emotion/react';
-import theme from '../src/themes/main';
-
-import './style.css';
-
-const preview = {
-  parameters: {
-    controls: { expanded: true, hideNoControlsWarning: true },
-  },
-  decorators: [
-    (Story) => (
-      <ThemeProvider theme={theme}>
-        <Story />
-      </ThemeProvider>
-    ),
-  ],
-};
-
-export default preview;
+import React from 'react';
+import '@storybook/react-webpack5';
+
+import { ThemeProvider } from '@emotion/react';
+import theme from '../src/themes/main';
+
+import './style.css';
+
+const preview = {
+  parameters: {
+    controls: { expanded: true, hideNoControlsWarning: true },
+  },
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={theme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+};
+
+export default preview;

package/.storybook/style.css

@@ -1,31 +1,31 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
-
-* {
-  outline: none;
-
-  box-sizing: border-box;
-  font-family: 'Manrope', sans-serif;
-
-  color: #2b2d31;
-}
-
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin: 0;
-  padding: 0;
-}
-
-.token.plain-text,
-.language-jsx span {
-  color: white;
-}
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
+
+* {
+  outline: none;
+
+  box-sizing: border-box;
+  font-family: 'Manrope', sans-serif;
+
+  color: #2b2d31;
+}
+
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+.token.plain-text,
+.language-jsx span {
+  color: white;
+}

package/customTest.tsx

@@ -1,46 +1,46 @@
-import React, { ReactElement } from 'react';
-import { ThemeProvider, Theme } from '@emotion/react';
-import '@testing-library/dom';
-import { render, RenderOptions } from '@testing-library/react';
-
-const AllTheProviders = ({
-  children,
-  theme,
-}: {
-  children: React.ReactNode;
-  theme: Theme;
-}) => {
-  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
-};
-
-const customRender = (
-  theme: Theme,
-  ui: ReactElement,
-  options?: Omit<RenderOptions, 'wrapper'>,
-) =>
-  render(ui, {
-    wrapper: ({ children }) => (
-      <AllTheProviders theme={theme}>{children}</AllTheProviders>
-    ),
-    ...options,
-  });
-
-function mockUseForm() {
-  return {
-    ...jest.requireActual('react-hook-form'),
-    register: ({ name }: { name: string }) => ({
-      onChange: jest.fn(),
-      onBlur: jest.fn(),
-      name: name,
-      ref: jest.fn(),
-    }),
-  };
-}
-
-export const initRender = (theme: Theme) => {
-  return customRender.bind(null, theme);
-};
-
-export * from '@testing-library/react';
-
-export { customRender as render, mockUseForm };
+import React, { ReactElement } from 'react';
+import { ThemeProvider, Theme } from '@emotion/react';
+import '@testing-library/dom';
+import { render, RenderOptions } from '@testing-library/react';
+
+const AllTheProviders = ({
+  children,
+  theme,
+}: {
+  children: React.ReactNode;
+  theme: Theme;
+}) => {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+const customRender = (
+  theme: Theme,
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>,
+) =>
+  render(ui, {
+    wrapper: ({ children }) => (
+      <AllTheProviders theme={theme}>{children}</AllTheProviders>
+    ),
+    ...options,
+  });
+
+function mockUseForm() {
+  return {
+    ...jest.requireActual('react-hook-form'),
+    register: ({ name }: { name: string }) => ({
+      onChange: jest.fn(),
+      onBlur: jest.fn(),
+      name: name,
+      ref: jest.fn(),
+    }),
+  };
+}
+
+export const initRender = (theme: Theme) => {
+  return customRender.bind(null, theme);
+};
+
+export * from '@testing-library/react';
+
+export { customRender as render, mockUseForm };

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

@@ -3,3 +3,4 @@ export { AccordionContent } from './AccordionContent';
 export { AccordionGroupContext, AccordionGroupContextProvider, } from './AccordionContext';
 export { AccordionTitle } from './AccordionTitle';
 export { Accordion } from './Accordion';
+export * from './types';

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

@@ -4,11 +4,13 @@ export type AccordionSize = 'empty' | 'small' | 'medium' | 'large';
 export type SizeStyles = {
     [K in AccordionSize]: SerializedStyles;
 };
+type AccordionGroupChildren = React.ReactElement<React.PropsWithChildren<AccordionViewProps>>;
 export interface AccordionGroupProps {
     id?: string;
-    children: React.ReactElement<React.PropsWithChildren<AccordionViewProps>>[];
+    children: AccordionGroupChildren | AccordionGroupChildren[];
     size?: AccordionSize;
     accordionsStayOpen?: boolean;
+    className?: string;
 }
 export interface AccordionProps {
     id: number | string;
@@ -42,3 +44,4 @@ export interface IAccordionGroupContext {
     toggleOpenedAccordion: (accordion: AccordionProps) => void;
     setStayOpen: (isStayOpen: boolean) => void;
 }
+export {};

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

@@ -23,8 +23,8 @@ export declare const secondaryBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];
 export declare const tertiaryBtnSpecs: {
     variant: keyof import("./types").IButtonVariants | "custom" | undefined;
@@ -42,8 +42,8 @@ export declare const tertiaryBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];
 export declare const infoBtnSpecs: {
     variant: keyof import("./types").IButtonVariants | "custom" | undefined;
@@ -61,8 +61,8 @@ export declare const infoBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];
 export declare const attentionBtnSpecs: {
     variant: keyof import("./types").IButtonVariants | "custom" | undefined;
@@ -80,6 +80,6 @@ export declare const attentionBtnSpecs: {
     type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
-    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
-    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "log-in" | "email" | "lock" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | undefined;
 }[];

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

@@ -1,3 +1,3 @@
 import { ICheckboxProps } from './types';
-declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, ...rest }: ICheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: ICheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

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

@@ -1,6 +1,6 @@
-import { Control, FieldPath, FieldValues } from 'react-hook-form';
+import { Control, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
 import { MutableRefObject } from 'react';
-export interface ICheckboxProps {
+export interface ICheckboxProps extends Partial<Pick<UseFormReturn, 'register'>> {
     text?: string;
     id?: string;
     onChange?: (newState: boolean) => void;

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

@@ -0,0 +1,2 @@
+import { SVGProps } from '../types';
+export declare const Chart: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SVGProps } from '../types';
+export declare const Clock: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SVGProps } from '../types';
+export declare const Email: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SVGProps } from '../types';
+export declare const Lock: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SVGProps } from '../types';
+export declare const LogIn: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SVGProps } from '../types';
+export declare const Robot: ({ fill, size }: SVGProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-export declare const iconsList: readonly ["diet", "calendar", "home", "stats", "sleep", "trainings", "measurements", "settings", "plus", "minus", "more", "more-vertical", "check", "check-circle", "cross", "user", "union", "notification", "information", "warning", "attention", "visible", "invisible", "log-out", "carrot-down", "carrot-up", "carrot-left", "carrot-right", "radio-on", "circle", "arrow-up", "arrow-down", "filter", "search", "archive", "bin", "change", "copy"];
+export declare const iconsList: readonly ["diet", "calendar", "home", "stats", "sleep", "trainings", "measurements", "settings", "plus", "minus", "more", "more-vertical", "check", "check-circle", "cross", "user", "union", "notification", "information", "warning", "attention", "visible", "invisible", "log-out", "log-in", "email", "lock", "carrot-down", "carrot-up", "carrot-left", "carrot-right", "radio-on", "circle", "arrow-up", "arrow-down", "filter", "search", "archive", "bin", "change", "copy", "robot", "chart", "clock"];

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

@@ -1,8 +1,3 @@
-/// <reference types="react" />
+import type { ModalDialogProps } from '../ModalDialog';
 export type ModalContextProps = [boolean, (isOpen: boolean) => void];
-export interface ModalProps {
-    'aria-label'?: string;
-    noBackground?: boolean;
-    isOpen?: boolean;
-    children?: React.ReactNode;
-}
+export type ModalProps = Partial<ModalDialogProps>;

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

@@ -1 +1,2 @@
 export { default } from './ModalDialog';
+export * from './types';

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

@@ -4,4 +4,5 @@ export interface ModalDialogProps {
     noBackground?: boolean;
     'aria-label'?: string;
     children?: React.ReactNode;
+    className?: string;
 }

package/dist/components/MultipleDropdown/stories/consts.d.ts

@@ -0,0 +1,5 @@
+export declare const items: {
+    value: number;
+    label: string;
+    subText: string;
+}[];

package/dist/components/Popover/stories/StoryComponent.d.ts

@@ -1 +1,2 @@
-export declare const StoryComponent: () => import("react/jsx-runtime").JSX.Element;
+import { PopoverOptions } from '../types';
+export declare const StoryComponent: ({ interactionsEnabled, }: Pick<PopoverOptions, 'interactionsEnabled'>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { Placement, useInteractions, UseFloatingReturn, UseFloatingOptions } from '@floating-ui/react';
+export type InteractionsEnabled = 'click' | 'hover' | 'both';
 export interface PopoverOptions {
     initialOpen?: boolean;
     placement?: Placement;
     modal?: boolean;
     open?: boolean;
     floatingOptions?: Partial<UseFloatingOptions>;
+    interactionsEnabled?: InteractionsEnabled;
     onOpenChange?: (open: boolean) => void;
 }
 export type SetIDs = {

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

@@ -1,19 +1,11 @@
-/// <reference types="react" />
 import type { UseFormReturn, FieldError } from 'react-hook-form';
-export interface TextFieldProps extends Partial<Pick<UseFormReturn, 'register'>> {
-    name: string;
-    type?: string;
+import { InputProps } from '../Input/types';
+export interface TextFieldProps extends InputProps, Partial<Pick<UseFormReturn, 'register'>> {
     label?: string;
-    placeholder?: string;
-    validationSchema?: Record<string, unknown>;
     errors?: FieldError;
     success?: boolean;
     helperText?: string;
-    disabled?: boolean;
     rows?: number;
-    endElement?: React.ReactElement;
     multirow?: boolean;
     maxLength?: number;
-    className?: string;
-    as?: React.ElementType;
 }

package/dist/index.d.ts

@@ -20,7 +20,11 @@ export * from './components/Checkbox';
 export { default as FormCheckbox } from './components/FormCheckbox';
 export * from './components/FormCheckbox';
 export { default as Dropdown } from './components/Dropdown';
+export { default as DropdownArrow } from './components/DropdownArrow';
+export { default as DropdownBase } from './components/DropdownBase';
 export { default as DropdownOption } from './components/DropdownOption';
+export { default as DropdownOptions } from './components/DropdownOptions';
+export { default as DropdownToggle } from './components/DropdownToggle';
 export type { IDropdownOption } from './components/DropdownOptions';
 export { default as Icon } from './components/Icon';
 export * from './components/Icon';
@@ -31,11 +35,13 @@ export { default as Modal } from './components/Modal';
 export { default as ModalDismissButton } from './components/ModalDismissButton';
 export { default as ModalContent } from './components/ModalContent';
 export { default as ModalOpenButton } from './components/ModalOpenButton';
+export { default as ModalDialog } from './components/ModalDialog';
 export * from './components/Modal';
 export * from './components/Popover';
 export { default as MultipleDropdown } from './components/MultipleDropdown';
 export { default as MultipleDropdownNotification } from './components/MultipleDropdownNotification';
 export { default as MultipleDropdownOptions } from './components/MultipleDropdownOptions';
+export { default as Progress } from './components/Progress';
 export { default as ProgressBar } from './components/ProgressBar';
 export { default as ProgressCircle } from './components/ProgressCircle';
 export { default as ProgressLegend } from './components/ProgressLegend';
@@ -43,6 +49,7 @@ export { default as ProgressLegendItem } from './components/ProgressLegendItem';
 export { default as ProgressVertical } from './components/ProgressVertical';
 export { default as Stepper } from './components/Stepper';
 export { default as Step } from './components/Step';
+export { default as StepConnector } from './components/StepConnector';
 export { default as StepLabel } from './components/StepLabel';
 export { default as Switch } from './components/Switch';
 export * from './components/Switch';
@@ -77,5 +84,7 @@ export * from './components/ResponsiveImage';
 export { default as Form } from './components/Form';
 export { default as FormGroup } from './components/FormGroup';
 export { default as FormAction } from './components/FormAction';
+export { default as FormHelperText } from './components/FormHelperText';
 export { default as Indicator } from './components/Indicator';
 export * from './components/ButtonGroup';
+export { default as Link } from './components/Link';