@bloomreach/react-banana-ui 1.25.2 → 1.25.3

package/dist/components/inputs/radio-group/radio-group-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type RadioGroupContextType = {
     /**
      * If `true`, all the radio buttons within the group will be disabled, preventing user interaction.

package/dist/components/inputs/radio-group/radio-group.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import type { RadioGroupProps } from './radio-group.types';
-import './radio-group.scss';
+import { default as React } from 'react';
+import { RadioGroupProps } from './radio-group.types';
 /**
  *
  * RadioGroup is a component that groups Radio components together,

package/dist/components/inputs/radio-group/radio-group.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Args, Meta } from '@storybook/react';
-import { type Story } from './radio-group.stories';
+import { Story } from './radio-group.stories';
 import { RadioGroupProps } from './radio-group.types';
 type StoryArgs = Args & RadioGroupProps;
 declare const meta: Meta<StoryArgs>;

package/dist/components/inputs/radio-group/radio-group.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import RadioGroup from './radio-group';
+import { default as RadioGroup } from './radio-group';
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 export type Story = StoryObj<typeof RadioGroup>;

package/dist/components/inputs/radio-group/radio-group.types.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import { default as React, ReactElement } from 'react';
 export interface RadioGroupProps {
     /**
      * The child elements of the component. These are usually `Radio` or 'RadioField' components.

package/dist/components/inputs/select/select-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface SelectContextType {
     multiple?: boolean;
 }

package/dist/components/inputs/select/select.d.ts

@@ -1,5 +1,4 @@
-import type { SelectComponentType } from './select.types';
-import './select.scss';
+import { SelectComponentType } from './select.types';
 /**
  * @internal
  *

package/dist/components/inputs/select/select.types.d.ts

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { default as React, ForwardedRef, ReactElement, ReactNode } from 'react';
 export type SelectValue<Value, Multiple> = Multiple extends true ? Value[] : Value | null;
 export interface SelectProps<OptionValue extends NonNullable<unknown>, Multiple extends boolean> {
     /**

package/dist/components/inputs/select-field/select-field.d.ts

@@ -1,4 +1,4 @@
-import type { SelectFieldComponentType } from './select-field.types';
+import { SelectFieldComponentType } from './select-field.types';
 /**
  * The `SelectField` component is meant to optimize user interaction and experience.
  * It is a customizable dropdown list that allows users to choose one or more options from a list.

package/dist/components/inputs/select-field/select-field.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { type Story } from './select-field.stories';
+import { Story } from './select-field.stories';
 import { SelectField } from '.';
 declare const meta: Meta<typeof SelectField>;
 export default meta;

package/dist/components/inputs/select-field/select-field.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import SelectField from './select-field';
+import { default as SelectField } from './select-field';
 declare const meta: Meta<typeof SelectField>;
 export default meta;
 export type Story<ValueType extends NonNullable<unknown> = string, Multiple extends boolean = false> = StoryObj<typeof SelectField<ValueType, Multiple>>;

package/dist/components/inputs/select-option/select-option.d.ts

@@ -1,3 +1,3 @@
-import type { SelectOptionComponentType } from './select-option.types';
+import { SelectOptionComponentType } from './select-option.types';
 declare const _default: SelectOptionComponentType;
 export default _default;

package/dist/components/inputs/text-field/text-field.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { TextFieldProps } from './text-field.types';
-import './text-field.scss';
+import { TextFieldProps } from './text-field.types';
 /**
  * The text field includes a label, a helper text and a textarea field where users can type multiline of text.
  * The text field component typically appears in forms and dialogs.
@@ -31,5 +29,5 @@ import './text-field.scss';
  * }
  * ```
  */
-declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare const TextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default TextField;

package/dist/components/inputs/text-field/text-field.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { type Story } from './text-field.stories';
+import { Story } from './text-field.stories';
 declare const meta: Meta;
 export default meta;
 export declare const DifferentStates: Story;

package/dist/components/inputs/text-field/text-field.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import TextField from './text-field';
+import { default as TextField } from './text-field';
 declare const meta: Meta<typeof TextField>;
 export default meta;
 export type Story = StoryObj<typeof TextField>;

package/dist/components/inputs/toggle/toggle.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ToggleProps } from './toggle.types';
-import './toggle.scss';
+import { ToggleProps } from './toggle.types';
 /**
  * Toggle represents an action that changes a state by clicking on it.
  * They are usually used for actions or options that have an immediate effect on the UI.
@@ -16,5 +14,5 @@ import './toggle.scss';
  * }
  * ```
  */
-declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Toggle;

package/dist/components/inputs/toggle-field/toggle-field.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ToggleFieldProps } from './toggle-field.types';
-import './toggle-field.scss';
+import { ToggleFieldProps } from './toggle-field.types';
 /**
  * The toggle field represents an action that changes a state by clicking on it.
  * Usually used for actions or options that have an immediate effect on the UI and
@@ -25,5 +23,5 @@ import './toggle-field.scss';
  * }
  * ```
  */
-declare const ToggleField: import("react").ForwardRefExoticComponent<ToggleFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const ToggleField: import('react').ForwardRefExoticComponent<ToggleFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default ToggleField;

package/dist/components/inputs/toggle-field/toggle-field.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { type Story } from './toggle-field.stories';
+import { Story } from './toggle-field.stories';
 declare const meta: Meta;
 export default meta;
 export declare const Basic: Story;

package/dist/components/inputs/toggle-field/toggle-field.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import ToggleField from './toggle-field';
+import { default as ToggleField } from './toggle-field';
 declare const meta: Meta<typeof ToggleField>;
 export default meta;
 export type Story = StoryObj<typeof ToggleField>;

package/dist/components/inputs/toggle-field/toggle-field.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { ToggleProps } from '../../internal';
+import { ToggleProps } from '../../internal';
 export interface ToggleFieldProps extends ToggleProps {
     /**
      * Custom class name for the container of the component.

package/dist/components/layout/box/box.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { BoxProps } from './box.types';
+import { BoxProps } from './box.types';
 /**
  * The `Box` is a general purpose container.
  *
@@ -13,5 +12,5 @@ import type { BoxProps } from './box.types';
  * }
  * ```
  */
-declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Box: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Box;

package/dist/components/layout/box/box.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { type Story } from './box.stories';
+import { Story } from './box.stories';
 declare const meta: Meta;
 export default meta;
 export declare const Basic: Story;

package/dist/components/layout/box/box.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Box from './box';
+import { default as Box } from './box';
 declare const meta: Meta<typeof Box>;
 export default meta;
 export type Story = StoryObj<typeof Box>;

package/dist/components/layout/flex/flex.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { FlexProps } from './flex.types';
+import { FlexProps } from './flex.types';
 /**
  * The component for creating flex layouts.
  *
@@ -13,5 +12,5 @@ import type { FlexProps } from './flex.types';
  * }
  * ```
  */
-declare const Flex: import("react").ForwardRefExoticComponent<FlexProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Flex: import('react').ForwardRefExoticComponent<FlexProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Flex;

package/dist/components/layout/flex/flex.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { type Story } from './flex.stories';
+import { Story } from './flex.stories';
 declare const meta: Meta;
 export default meta;
 export declare const Basic: Story;

package/dist/components/layout/flex/flex.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Flex from './flex';
+import { default as Flex } from './flex';
 declare const meta: Meta<typeof Flex>;
 export default meta;
 export type Story = StoryObj<typeof Flex>;

package/dist/components/lists/listbox/listbox.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ListboxProps } from './listbox.types';
-import './listbox.scss';
+import { ListboxProps } from './listbox.types';
 /**
  * @internal
  * The `Listbox` component is used to display a list of items aligned with design system styles.
@@ -22,5 +20,5 @@ import './listbox.scss';
  * }
  * ```
  */
-declare const Listbox: import("react").ForwardRefExoticComponent<ListboxProps & import("react").RefAttributes<HTMLUListElement>>;
+declare const Listbox: import('react').ForwardRefExoticComponent<ListboxProps & import('react').RefAttributes<HTMLUListElement>>;
 export default Listbox;

package/dist/components/lists/listbox-group/listbox-group.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ListboxGroupProps } from './listbox-group.types';
-import './listbox-group.scss';
+import { ListboxGroupProps } from './listbox-group.types';
 /**
  * @internal
  * The `ListboxGroup` component is used to display a list of grouped items aligned with design system styles.
@@ -29,5 +27,5 @@ import './listbox-group.scss';
  *   );
  * }
  */
-declare const ListboxGroup: import("react").ForwardRefExoticComponent<ListboxGroupProps & import("react").RefAttributes<HTMLUListElement>>;
+declare const ListboxGroup: import('react').ForwardRefExoticComponent<ListboxGroupProps & import('react').RefAttributes<HTMLUListElement>>;
 export default ListboxGroup;

package/dist/components/lists/listbox-group-label/listbox-group-label.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ListboxGroupLabelProps } from './listbox-group-label.types';
-import './listbox-group-label.scss';
+import { ListboxGroupLabelProps } from './listbox-group-label.types';
 /**
  * The `ListboxGroupLabel` component is used to display label inside list group.
  *
@@ -29,5 +27,5 @@ import './listbox-group-label.scss';
  * }
  * ```
  */
-declare const ListboxGroupLabel: import("react").ForwardRefExoticComponent<ListboxGroupLabelProps & import("react").RefAttributes<HTMLLIElement>>;
+declare const ListboxGroupLabel: import('react').ForwardRefExoticComponent<ListboxGroupLabelProps & import('react').RefAttributes<HTMLLIElement>>;
 export default ListboxGroupLabel;

package/dist/components/lists/listbox-item/listbox-item.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ListboxItemProps } from './listbox-item.types';
-import './listbox-item.scss';
+import { ListboxItemProps } from './listbox-item.types';
 /**
  * @internal
  * The `ListboxItem` component is used to define the items of the `Listbox` component.
@@ -23,5 +21,5 @@ import './listbox-item.scss';
  * }
  * ```
  */
-declare const ListboxItem: import("react").ForwardRefExoticComponent<ListboxItemProps & import("react").RefAttributes<HTMLLIElement>>;
+declare const ListboxItem: import('react').ForwardRefExoticComponent<ListboxItemProps & import('react').RefAttributes<HTMLLIElement>>;
 export default ListboxItem;

package/dist/components/navigation/pagination/pagination-config.d.ts

@@ -1,4 +1,4 @@
-import type { ItemsPerPageOptionsType } from './pagination.types';
+import { ItemsPerPageOptionsType } from './pagination.types';
 export declare const DEFAULT_ITEMS_PER_PAGE_OPTIONS: ItemsPerPageOptionsType;
 export declare const PAGINATION_PAGES_LIMIT = 9;
 export declare const PAGINATION_PAGES_BUFFER = 2;

package/dist/components/navigation/pagination/pagination-context.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { PaginationProps } from './pagination.types';
-declare const PaginationContext: import("react").Context<PaginationProps | null>;
+import { PaginationProps } from './pagination.types';
+declare const PaginationContext: import('react').Context<PaginationProps | null>;
 export declare function usePaginationContext(): PaginationProps | null;
 export default PaginationContext;

package/dist/components/navigation/pagination/pagination-items-per-page-selector.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function PaginationItemsPerPageSelector(): JSX.Element | null;

package/dist/components/navigation/pagination/pagination-navigation-helpers.d.ts

@@ -1,4 +1,4 @@
-import type { PageNavigationItemsListType } from './pagination.types';
+import { PageNavigationItemsListType } from './pagination.types';
 export declare const SEPARATOR = "...";
 export declare function range(from: number, count: number): Array<number>;
 /**

package/dist/components/navigation/pagination/pagination-navigation-item.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { PageNavigationItemType } from './pagination.types';
+import { PageNavigationItemType } from './pagination.types';
 export interface PaginationNavigationItemProps {
     value: PageNavigationItemType;
 }

package/dist/components/navigation/pagination/pagination-navigation.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function PaginationNavigation(): JSX.Element | null;

package/dist/components/navigation/pagination/pagination-summary.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function PaginationSummary(): JSX.Element;

package/dist/components/navigation/pagination/pagination.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { PaginationProps } from './pagination.types';
-import './pagination.scss';
+import { PaginationProps } from './pagination.types';
 /**
  * Pagination component to display pagination links and manage the number of items per page
  *
@@ -18,5 +16,5 @@ import './pagination.scss';
  * />
  * ```
  */
-declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Pagination;

package/dist/components/navigation/pagination/pagination.qa.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react';
-import Pagination from './pagination';
-import { type Story } from './pagination.stories';
+import { default as Pagination } from './pagination';
+import { Story } from './pagination.stories';
 declare const meta: Meta<typeof Pagination>;
 export default meta;
 export declare const OnePage: Story;

package/dist/components/navigation/pagination/pagination.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Pagination from './pagination';
+import { default as Pagination } from './pagination';
 declare const meta: Meta<typeof Pagination>;
 export default meta;
 export type Story = StoryObj<typeof Pagination>;

package/dist/components/navigation/tabs/tab/tab.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { TabProps } from './tab.types';
-import './tab.scss';
+import { TabProps } from './tab.types';
 /**
  * The tab element itself.
  * Clicking on a tab displays its corresponding panel.
@@ -26,5 +24,5 @@ import './tab.scss';
  * }
  * ```
  */
-declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<Element>>;
+declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<Element>>;
 export default Tab;

package/dist/components/navigation/tabs/tab-list/tab-list.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { TabListProps } from './tab-list.types';
-import './tab-list.scss';
+import { TabListProps } from './tab-list.types';
 /**
  * The container that houses the tabs.
  * Responsible for handling focus and keyboard navigation between tabs.
@@ -26,5 +24,5 @@ import './tab-list.scss';
  * }
  * ```
  */
-declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabList: import('react').ForwardRefExoticComponent<TabListProps & import('react').RefAttributes<HTMLDivElement>>;
 export default TabList;

package/dist/components/navigation/tabs/tab-panel/tab-panel.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { TabPanelProps } from './tab-panel.types';
-import './tab-panel.scss';
+import { TabPanelProps } from './tab-panel.types';
 /**
  * The card that hosts the content associated with a tab.
  *
@@ -25,5 +23,5 @@ import './tab-panel.scss';
  * }
  * ```
  */
-declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLElement>>;
+declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLElement>>;
 export default TabPanel;

package/dist/components/navigation/tabs/tabs/tabs.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { TabsProps } from './tabs.types';
-import './tabs.scss';
+import { TabsProps } from './tabs.types';
 /**
  * The top-level component that wraps the Tabs List and Tab Panel components
  * so that tabs and their panels can communicate with one another.
@@ -26,5 +24,5 @@ import './tabs.scss';
  * }
  * ```
  */
-declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Tabs;

package/dist/components/navigation/tabs/tabs.qa.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { type Story } from './tabs.stories';
+import { Story } from './tabs.stories';
 declare const meta: Meta;
 export default meta;
 export declare const Basic: Story;

package/dist/components/popovers/modal/modal-body.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import type { ModalBodyProps } from './modal.types';
-import './modal.scss';
+import { ModalBodyProps } from './modal.types';
 /**
  * Modal body component is used to render the body section of the modal dialog.
  * Use the `padding` prop to control the padding of the body section, the default is `narrow`.
  */
-declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalBody: import('react').ForwardRefExoticComponent<ModalBodyProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ModalBody;

package/dist/components/popovers/modal/modal-context.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { ModalProps } from './modal.types';
-declare const ModalContext: import("react").Context<ModalProps | null>;
+import { ModalProps } from './modal.types';
+declare const ModalContext: import('react').Context<ModalProps | null>;
 export declare function useModalContext(): ModalProps | null;
 export default ModalContext;

package/dist/components/popovers/modal/modal-footer-actions.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import type { ModalChildProps } from './modal.types';
+import { ModalChildProps } from './modal.types';
 /**
  * Modal footer actions component is used to render the actions section of the modal dialog footer.
  * You can use `ModalCloseButton` component to render the cancel button which is call `onClose` by default.
  */
-declare const ModalFooterActions: import("react").ForwardRefExoticComponent<ModalChildProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalFooterActions: import('react').ForwardRefExoticComponent<ModalChildProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ModalFooterActions;

package/dist/components/popovers/modal/modal-footer.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import type { ModalChildProps } from './modal.types';
+import { ModalChildProps } from './modal.types';
 /**
  * Modal footer component is used to render the footer section of the modal dialog and it is recommended to use
  * the `ModalFooterActions` component to render the actions in the footer section.
  * All content inside the `ModalFooter` component is justified to the left. The `ModalFooterActions`
  * component is justified to the right.
  */
-declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalChildProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalFooter: import('react').ForwardRefExoticComponent<ModalChildProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ModalFooter;

package/dist/components/popovers/modal/modal-header-title.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { ModalChildProps } from './modal.types';
+import { ModalChildProps } from './modal.types';
 /**
  * Modal header title is used to render the title in the header section of the modal dialog.
  */
-declare const ModalHeaderTitle: import("react").ForwardRefExoticComponent<ModalChildProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalHeaderTitle: import('react').ForwardRefExoticComponent<ModalChildProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ModalHeaderTitle;

package/dist/components/popovers/modal/modal-header.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import type { ModalChildProps } from './modal.types';
+import { ModalChildProps } from './modal.types';
 /**
  * Modal header component is used to render the header section of the modal dialog.
  * If `onClose` is provided to the `Modal` component, then a close button is rendered in the header section.
  * Use `ModalHeaderTitle` component to render the title in the header section.
  */
-declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalChildProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ModalHeader: import('react').ForwardRefExoticComponent<ModalChildProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ModalHeader;

package/dist/components/popovers/modal/modal.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { ModalProps } from './modal.types';
-import './modal.scss';
+import { ModalProps } from './modal.types';
 /**
  * Modal component lets you create dialogs that force the user to take action before continuing
  *
@@ -34,5 +32,5 @@ import './modal.scss';
  *   </Modal>
  * ```
  */
-declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/components/popovers/modal/modal.qa.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react';
-import type { ModalProps } from './modal.types';
-import { type Story } from './modal.stories';
+import { ModalProps } from './modal.types';
+import { Story } from './modal.stories';
 declare const meta: Meta<ModalProps>;
 export default meta;
 export declare const Basic: Story;

package/dist/components/popovers/popup/popup/popup-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { PopupContextProps } from './popup.types';
-export declare const PopupContext: import("react").Context<PopupContextProps>;
+import { PopupContextProps } from './popup.types';
+export declare const PopupContext: import('react').Context<PopupContextProps>;
 export declare function usePopupContext(): PopupContextProps;

package/dist/components/popovers/popup/popup/popup.d.ts

@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
-import type { PopupProps } from './popup.types';
-import './popup.scss';
+import { PopupProps } from './popup.types';
 /**
  * The `Popup` component is a container that manages the display and behavior of a pop-up interface.
  * It wraps around the `PopupTrigger` and `PopupContent` components, handling the logic for

package/dist/components/popovers/popup/popup/popup.types.d.ts

@@ -1,6 +1,6 @@
 import { Placement } from '@floating-ui/react';
 import { ReactNode } from 'react';
-import usePopup from './use-popup';
+import { default as usePopup } from './use-popup';
 export interface PopupProps {
     /**
      * The content of the component.