@bloomreach/react-banana-ui 1.25.1 → 1.25.3

package/dist/components/foundations/icon/icons/WarningFillIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { IconInstanceProps } from '../icon.types';
-declare const WarningFillIcon: import("react").ForwardRefExoticComponent<IconInstanceProps & import("react").RefAttributes<SVGSVGElement>>;
+import { IconInstanceProps } from '../icon.types';
+declare const WarningFillIcon: import('react').ForwardRefExoticComponent<IconInstanceProps & import('react').RefAttributes<SVGSVGElement>>;
 export default WarningFillIcon;

package/dist/components/foundations/icon/icons/WebhookIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { IconInstanceProps } from '../icon.types';
-declare const WebhookIcon: import("react").ForwardRefExoticComponent<IconInstanceProps & import("react").RefAttributes<SVGSVGElement>>;
+import { IconInstanceProps } from '../icon.types';
+declare const WebhookIcon: import('react').ForwardRefExoticComponent<IconInstanceProps & import('react').RefAttributes<SVGSVGElement>>;
 export default WebhookIcon;

package/dist/components/foundations/icon/icons/WeblayerIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { IconInstanceProps } from '../icon.types';
-declare const WeblayerIcon: import("react").ForwardRefExoticComponent<IconInstanceProps & import("react").RefAttributes<SVGSVGElement>>;
+import { IconInstanceProps } from '../icon.types';
+declare const WeblayerIcon: import('react').ForwardRefExoticComponent<IconInstanceProps & import('react').RefAttributes<SVGSVGElement>>;
 export default WeblayerIcon;

package/dist/components/foundations/icon/icons/WrenchIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { IconInstanceProps } from '../icon.types';
-declare const WrenchIcon: import("react").ForwardRefExoticComponent<IconInstanceProps & import("react").RefAttributes<SVGSVGElement>>;
+import { IconInstanceProps } from '../icon.types';
+declare const WrenchIcon: import('react').ForwardRefExoticComponent<IconInstanceProps & import('react').RefAttributes<SVGSVGElement>>;
 export default WrenchIcon;

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

@@ -1,5 +1,4 @@
-import type { AutocompleteComponentType } from './autocomplete.types';
-import './autocomplete.scss';
+import { AutocompleteComponentType } from './autocomplete.types';
 /**
  * Autocomplete allows a user to search for value(s) to select from a list.
  *

package/dist/components/inputs/autocomplete/autocomplete.qa.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react';
-import { ControlledMultipleValue as ControlledMultipleValueStory, ControlledSingleValue as ControlledSingleValueStory, CustomOptionLabel as CustomOptionLabelStory, HideSelectedOptions as HideSelectedOptionsStory, Multiple as MultipleStory, type Story } from './autocomplete.stories';
-import Autocomplete from './autocomplete';
+import { ControlledMultipleValue as ControlledMultipleValueStory, ControlledSingleValue as ControlledSingleValueStory, CustomOptionLabel as CustomOptionLabelStory, HideSelectedOptions as HideSelectedOptionsStory, Multiple as MultipleStory, Story } from './autocomplete.stories';
+import { default as Autocomplete } from './autocomplete';
 declare const meta: Meta<typeof Autocomplete>;
 export default meta;
 export declare const Basic: Story;

package/dist/components/inputs/autocomplete/autocomplete.stories.d.ts

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

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

@@ -1,4 +1,4 @@
-import type { AutocompleteGroupedOption as MuiBaseAutocompleteGroupedOption } from '@mui/base';
+import { AutocompleteGroupedOption as MuiBaseAutocompleteGroupedOption } from '@mui/base';
 import { ForwardedRef, ReactElement, ReactNode, SyntheticEvent } from 'react';
 export type AutocompleteValue<Value, Multiple> = Multiple extends true ? Value[] : Value | null;
 export interface AutocompleteProps<AutocompleteOption extends NonNullable<unknown>, Multiple extends boolean> {

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { BaseFieldProps } from './base-field.types';
-import './base-field.scss';
+import { BaseFieldProps } from './base-field.types';
 export declare const getZeroSpace: () => JSX.Element;
 /**
  * @internal
@@ -9,5 +7,5 @@ export declare const getZeroSpace: () => JSX.Element;
  * It also provides the `error` and `full width` states for the field.
  * Should be used as a base for all other field components and should not be exposed to the end users.
  */
-declare const BaseField: import("react").ForwardRefExoticComponent<BaseFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const BaseField: import('react').ForwardRefExoticComponent<BaseFieldProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BaseField;

package/dist/components/inputs/base-input/base-input.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
-import type { BaseInputProps } from './base-input.types';
-import './base-input.scss';
+import { BaseInputProps } from './base-input.types';
 /**
  * @internal
  * The base input component to enter and edit text.
  * Should be used only by other components and not exposed to the end users.
  */
-declare const BaseInput: import("react").ForwardRefExoticComponent<BaseInputProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const BaseInput: import('react').ForwardRefExoticComponent<BaseInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export default BaseInput;

package/dist/components/inputs/calendar/calendar-base.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import type { CalendarBaseProps } from './calendar.types';
-import './calendar.scss';
+import { CalendarBaseProps } from './calendar.types';
 /**
  * @internal
  * The component is used inside datepicker component to allow lift state up.
  */
-declare const CalendarBase: import("react").ForwardRefExoticComponent<CalendarBaseProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CalendarBase: import('react').ForwardRefExoticComponent<CalendarBaseProps & import('react').RefAttributes<HTMLDivElement>>;
 export default CalendarBase;

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { CalendarProps } from './calendar.types';
-import './calendar.scss';
+import { CalendarProps } from './calendar.types';
 /**
  * The `Calendar` component displays one date grid and allows users to select a single date.
  * Using the `defaultFocusedValue` or`focusedValue`, the developer can set the focused date
@@ -21,5 +19,5 @@ import './calendar.scss';
  * }
  * ```
  */
-declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Calendar: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Calendar;

package/dist/components/inputs/calendar/calendar.qa.stories.d.ts

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

package/dist/components/inputs/calendar/calendar.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj, ArgTypes } from '@storybook/react';
-import Calendar from './calendar';
+import { default as Calendar } from './calendar';
 /**
  * Convert the number values in the args to Date objects.
  * The storybook URL contains the args as string values, so we need to convert them to Date objects.

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

@@ -1,4 +1,4 @@
-import type { CalendarState } from '@react-stately/calendar';
+import { CalendarState } from '@react-stately/calendar';
 export interface CalendarProps {
     /**
      * Custom class name for the container of the component.

package/dist/components/inputs/calendar/use-calendar-state.d.ts

@@ -1,3 +1,3 @@
-import { type CalendarState } from '@react-stately/calendar';
-import type { CalendarProps } from './calendar.types';
+import { CalendarState } from '@react-stately/calendar';
+import { CalendarProps } from './calendar.types';
 export declare function useCalendarState(props: CalendarProps): CalendarState;

package/dist/components/inputs/calendar/use-calendar.d.ts

@@ -1,6 +1,6 @@
-import type { CalendarState } from '@react-stately/calendar';
-import { type DOMAttributes } from 'react';
-import type { ButtonProps } from '../../buttons';
+import { CalendarState } from '@react-stately/calendar';
+import { DOMAttributes } from 'react';
+import { ButtonProps } from '../../buttons';
 export declare function useCalendar(state: CalendarState): {
     calendarProps: DOMAttributes<HTMLElement>;
     nextButtonProps: ButtonProps;

package/dist/components/inputs/calendar-cell/calendar-cell.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import type { CalendarCellProps } from './calendar-cell.types';
-import './calendar-cell.scss';
+import { CalendarCellProps } from './calendar-cell.types';
 /**
  * The component is supposed to be used as a child of the `CalendarGrid` component.
  * @internal
  */
-declare const CalendarCell: import("react").ForwardRefExoticComponent<CalendarCellProps & import("react").RefAttributes<HTMLLIElement>>;
+declare const CalendarCell: import('react').ForwardRefExoticComponent<CalendarCellProps & import('react').RefAttributes<HTMLLIElement>>;
 export default CalendarCell;

package/dist/components/inputs/calendar-cell/calendar-cell.types.d.ts

@@ -1,5 +1,5 @@
-import type { CalendarDate } from '@internationalized/date';
-import type { CalendarState } from '@react-stately/calendar';
+import { CalendarDate } from '@internationalized/date';
+import { CalendarState } from '@react-stately/calendar';
 export interface CalendarCellProps {
     /**
      * Custom class name for the container of the component.

package/dist/components/inputs/calendar-grid/calendar-grid.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-import type { CalendarGridProps } from './calendar-grid.types';
-import './calendar-grid.scss';
+import { CalendarGridProps } from './calendar-grid.types';
 /**
  * The component is supposed to be used as a child of the `Calendar` component.
  * @internal
  */
-declare const CalendarGrid: import("react").ForwardRefExoticComponent<CalendarGridProps & import("react").RefAttributes<HTMLUListElement>>;
+declare const CalendarGrid: import('react').ForwardRefExoticComponent<CalendarGridProps & import('react').RefAttributes<HTMLUListElement>>;
 export default CalendarGrid;

package/dist/components/inputs/calendar-grid/calendar-grid.types.d.ts

@@ -1,4 +1,4 @@
-import type { CalendarState } from '@react-stately/calendar';
+import { CalendarState } from '@react-stately/calendar';
 export interface CalendarGridProps {
     /**
      * Custom class name for the container of the component.

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import type { CheckboxProps } from './checkbox.types';
-import './checkbox.scss';
+import { default as React } from 'react';
+import { CheckboxProps } from './checkbox.types';
 /**
  * Checkboxes are used to pick an option when one or more options can be chosen.
  * A single checkbox can be used representing a singular option,

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface CheckboxProps {
     /**
      * Custom class name for the container of the component.

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { CheckboxFieldProps } from './checkbox-field.types';
-import './checkbox-field.scss';
+import { CheckboxFieldProps } from './checkbox-field.types';
 /**
  * Checkbox fields are used to pick an option when one or more options can be chosen.
  * A single checkbox field can be used representing a singular option,
@@ -19,5 +17,5 @@ import './checkbox-field.scss';
  * }
  * ```
  */
-declare const CheckboxField: import("react").ForwardRefExoticComponent<CheckboxFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const CheckboxField: import('react').ForwardRefExoticComponent<CheckboxFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default CheckboxField;

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { CheckboxGroupProps } from './checkbox-group.types';
-import './checkbox-group.scss';
+import { CheckboxGroupProps } from './checkbox-group.types';
 /**
  * The `CheckboxGroup` component is used to group multiple `Checkbox` or `CheckboxField` components together.
  * It provides a way to manage the state of multiple checkboxes as a single entity.
@@ -36,5 +34,5 @@ import './checkbox-group.scss';
  * )};
  * ```
  */
-declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CheckboxGroup: import('react').ForwardRefExoticComponent<CheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
 export default CheckboxGroup;

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

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

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

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

package/dist/components/inputs/date-input/date-input.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { DateInputProps } from './date-input.types';
-import './date-input.scss';
+import { DateInputProps } from './date-input.types';
 /**
  * The date input allows users to enter and edit date values using a keyboard.
  * Each part of a date value is displayed in an individually editable segment.
@@ -28,5 +26,5 @@ import './date-input.scss';
  * }
  * ```
  */
-declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLElement>>;
+declare const DateInput: import('react').ForwardRefExoticComponent<DateInputProps & import('react').RefAttributes<HTMLElement>>;
 export default DateInput;

package/dist/components/inputs/date-input/date-input.qa.stories.d.ts

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

package/dist/components/inputs/date-input/date-input.stories.d.ts

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

package/dist/components/inputs/date-input/date-input.types.d.ts

@@ -1,5 +1,5 @@
-import type { KeyboardEventHandler, MouseEventHandler } from 'react';
-import type { DateValidationResult } from '../../../utils/date';
+import { KeyboardEventHandler, MouseEventHandler } from 'react';
+import { DateValidationResult } from '../../../utils/date';
 export interface DateChangeHandlerContext extends DateValidationResult {
     valid: boolean;
 }

package/dist/components/inputs/date-input/use-date-input-state.d.ts

@@ -1,3 +1,3 @@
-import { type DateFieldState } from '@react-stately/datepicker';
-import type { DateInputProps } from './date-input.types';
+import { DateFieldState } from '@react-stately/datepicker';
+import { DateInputProps } from './date-input.types';
 export declare function useDateInputState(props: DateInputProps): DateFieldState;

package/dist/components/inputs/date-input/use-date-input.d.ts

@@ -1,7 +1,7 @@
-import { type DateFieldAria } from '@react-aria/datepicker';
-import type { DateFieldState } from '@react-stately/datepicker';
-import type { InputHTMLAttributes, RefObject } from 'react';
-import type { DateInputProps } from './date-input.types';
+import { DateFieldAria } from '@react-aria/datepicker';
+import { DateFieldState } from '@react-stately/datepicker';
+import { InputHTMLAttributes, RefObject } from 'react';
+import { DateInputProps } from './date-input.types';
 /**
  * Provides the behavior and accessibility implementation for a date input component.
  * @internal

package/dist/components/inputs/date-picker/date-picker.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { DatePickerProps } from './date-picker.types';
-import './date-picker.scss';
+import { DatePickerProps } from './date-picker.types';
 /**
  * The date picker is a composite component that combines the date input and calendar components.
  * It provides a text field for entering a date and a calendar for selecting a date.
@@ -26,5 +24,5 @@ import './date-picker.scss';
  * }
  * ```
  */
-declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/dist/components/inputs/date-picker/date-picker.qa.stories.d.ts

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

package/dist/components/inputs/date-picker/date-picker.stories.d.ts

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

package/dist/components/inputs/date-picker/date-picker.types.d.ts

@@ -1,4 +1,4 @@
-import type { DateValidationResult } from '../../../utils/date';
+import { DateValidationResult } from '../../../utils/date';
 export interface DatePickerChangeHandlerContext extends DateValidationResult {
     valid: boolean;
 }

package/dist/components/inputs/date-picker/use-date-picker-state.d.ts

@@ -1,5 +1,5 @@
-import { type DatePickerState } from '@react-stately/datepicker';
-import type { DatePickerProps } from './date-picker.types';
+import { DatePickerState } from '@react-stately/datepicker';
+import { DatePickerProps } from './date-picker.types';
 /**
  * Custom hook that manages the state for a date picker component.
  */

package/dist/components/inputs/date-picker/use-date-picker.d.ts

@@ -1,7 +1,7 @@
-import type { CalendarState } from '@react-stately/calendar';
-import type { DatePickerState } from '@react-stately/datepicker';
-import type { DatePickerProps } from './date-picker.types';
-import type { DateInputProps } from '../date-input';
+import { CalendarState } from '@react-stately/calendar';
+import { DatePickerState } from '@react-stately/datepicker';
+import { DatePickerProps } from './date-picker.types';
+import { DateInputProps } from '../date-input';
 /**
  * Custom hook for the DatePicker component.
  */

package/dist/components/inputs/date-segment/date-segment.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
-import type { DateSegmentProps } from './date-segment.types';
-import './date-segment.scss';
+import { DateSegmentProps } from './date-segment.types';
 /**
  * The `DateSegment` component is used to render a segment of a date input.
  *
  * @internal
  */
-declare const DateSegment: import("react").ForwardRefExoticComponent<DateSegmentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DateSegment: import('react').ForwardRefExoticComponent<DateSegmentProps & import('react').RefAttributes<HTMLDivElement>>;
 export default DateSegment;

package/dist/components/inputs/date-segment/date-segment.types.d.ts

@@ -1,5 +1,5 @@
-import type { DateFieldState, DateSegment } from '@react-stately/datepicker';
-import type { ReactNode } from 'react';
+import { DateFieldState, DateSegment } from '@react-stately/datepicker';
+import { ReactNode } from 'react';
 export interface DateSegmentProps {
     /**
      * Custom class name for the container of the component.

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { FieldLabelProps } from './field-label.types';
-import './field-label.scss';
+import { FieldLabelProps } from './field-label.types';
 /**
  * @internal
  * The `FieldLabel` component renders a label for a form field like `input`, `select`, `textarea`, etc.
@@ -24,5 +22,5 @@ import './field-label.scss';
  * }
  * ```
  */
-declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+declare const FieldLabel: import('react').ForwardRefExoticComponent<FieldLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
 export default FieldLabel;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { InputFieldProps } from './input-field.types';
+import { InputFieldProps } from './input-field.types';
 /**
  * The input field includes a label, a helper text and an input field where users can type one line of text.
  * The input field component typically appears in forms and dialogs.
@@ -29,5 +28,5 @@ import type { InputFieldProps } from './input-field.types';
  * }
  * ```
  */
-declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputField: import('react').ForwardRefExoticComponent<InputFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default InputField;

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

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

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

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

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import type { RadioProps } from './radio.types';
-import './radio.scss';
+import { RadioProps } from './radio.types';
 /**
  * Radio buttons are used to pick an option when only one option can be chosen.
  * A single radio button can be used representing a singular option,
@@ -23,5 +21,5 @@ import './radio.scss';
  * }
  * ```
  */
-declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Radio;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface RadioProps {
     /**
      * If `true`, the radio button is checked.

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { RadioFieldProps } from './radio-field.types';
+import { RadioFieldProps } from './radio-field.types';
 /**
  * Radio fields are used to pick an option when only one option can be chosen.
  * A single Radio field can be used representing a singular option,
@@ -24,5 +23,5 @@ import type { RadioFieldProps } from './radio-field.types';
  * }
  * ```
  */
-declare const RadioField: import("react").ForwardRefExoticComponent<RadioFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const RadioField: import('react').ForwardRefExoticComponent<RadioFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default RadioField;

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { RadioProps } from '../radio';
+import { RadioProps } from '../radio';
 export interface RadioFieldProps extends RadioProps {
     /**
      * The label to display with the radio field.