uikit-react-public 0.25.5 → 0.26.1

package/dist/components/Icon/svgs/social/YoutubeSvg.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import('react').MemoExoticComponent<({ ...props }: {
     [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react").JSX.Element>;
 export default _default;

package/dist/components/Layout/Layout.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-layout";
 export interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
-declare const Layout: ({ children, testId, className, ...props }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const Layout: ({ children, testId, className, ...props }: LayoutProps) => import("react").JSX.Element;
 export default Layout;

package/dist/components/Layout/Layout.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ children, testId, className, ...props }: import('./Layout').LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, testId, className, ...props }: import('./Layout').LayoutProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Main/Main.d.ts

@@ -17,5 +17,5 @@ export declare const NAME = "ucl-uikit-main";
  *
  * Optionally wraps children in the UCL Design System `Layout` grid when `layout` is true
  */
-declare const Main: ({ layout, testId, className, children, ...props }: MainProps) => import("react/jsx-runtime").JSX.Element;
+declare const Main: ({ layout, testId, className, children, ...props }: MainProps) => import("react").JSX.Element;
 export default Main;

package/dist/components/Main/Main.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { default as Main } from './Main';
 declare const meta: {
     title: string;
-    component: ({ layout, testId, className, children, ...props }: import('./Main').MainProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ layout, testId, className, children, ...props }: import('./Main').MainProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Menu/Menu.context.d.ts

@@ -10,5 +10,5 @@ export declare const useAppMenu: () => IContext;
 declare const MenuProvider: ({ defaultOpen, children, }: {
     defaultOpen?: boolean;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default MenuProvider;

package/dist/components/Menu/Menu.d.ts

@@ -13,6 +13,6 @@ export interface IMenuSubComponents {
     Section: typeof MenuSection;
     Item: typeof MenuItem;
 }
-declare const MemoMenu: import('react').MemoExoticComponent<({ defaultOpen, title, position, menuId, testId, children, className, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoMenu: import('react').MemoExoticComponent<({ defaultOpen, title, position, menuId, testId, children, className, ...props }: MenuProps) => import("react").JSX.Element>;
 declare const MenuWithSubComponents: typeof MemoMenu & IMenuSubComponents;
 export default MenuWithSubComponents;

package/dist/components/Menu/MenuTrigger.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-menu__trigger";
 export declare const DEFAULT_ARIA_LABEL = "Menu button";
 export interface MenuTriggerProps extends IconButtonProps {
 }
-declare const _default: import('react').MemoExoticComponent<({ className, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ className, ...props }: MenuTriggerProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/MenuNew/ActionMenuButton.d.ts

@@ -2,5 +2,5 @@ import { ButtonProps } from '../Button';
 export declare const NAME = "ucl-uikit-menu__action-button";
 export interface ActionMenuButtonProps extends Omit<ButtonProps<'button'>, 'variant' | 'as'> {
 }
-declare const ActionMenuButton: ({ className, children, ...props }: ActionMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActionMenuButton: ({ className, children, ...props }: ActionMenuButtonProps) => import("react").JSX.Element;
 export default ActionMenuButton;

package/dist/components/MenuNew/MenuAccordion/MenuAccordionChevron.d.ts

@@ -2,5 +2,5 @@ export interface MenuAccordionChevronProps {
     expanded: boolean;
     className?: string;
 }
-declare const MenuAccordionChevron: ({ expanded, className, }: MenuAccordionChevronProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuAccordionChevron: ({ expanded, className, }: MenuAccordionChevronProps) => import("react").JSX.Element;
 export default MenuAccordionChevron;

package/dist/components/MenuNew/MenuAccordion/MenuAccordionItem.d.ts

@@ -4,5 +4,5 @@ export interface MenuAccordionItemProps extends HTMLAttributes<HTMLDivElement> {
     asChild?: boolean;
     testId?: string;
 }
-declare const MenuAccordionItem: ({ asChild, testId, className, children, ...props }: MenuAccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuAccordionItem: ({ asChild, testId, className, children, ...props }: MenuAccordionItemProps) => import("react").JSX.Element;
 export default MenuAccordionItem;

package/dist/components/MenuNew/MenuBaseItem.d.ts

@@ -3,8 +3,8 @@ export interface MenuBaseItemProps extends HTMLAttributes<HTMLDivElement> {
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
     endAdornment?: ReactNode;
-    underlineOnHover?: boolean;
+    hoverMode?: 'background' | 'underline';
     asChild?: boolean;
 }
-declare const MenuBaseItem: ({ icon, iconPosition, endAdornment, className, children, onClick, onKeyDown, role, tabIndex, underlineOnHover, asChild, ...props }: MenuBaseItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuBaseItem: ({ icon, iconPosition, endAdornment, className, children, onClick, onKeyDown, role, tabIndex, hoverMode, asChild, ...props }: MenuBaseItemProps) => import("react").JSX.Element;
 export default MenuBaseItem;

package/dist/components/MenuNew/MenuDivider.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from 'react';
 export declare const NAME = "ucl-uikit-menu__divider";
 export interface MenuDividerProps extends HTMLAttributes<HTMLHRElement> {
 }
-declare const MenuDivider: ({ className, ...props }: MenuDividerProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuDivider: ({ className, ...props }: MenuDividerProps) => import("react").JSX.Element;
 export default MenuDivider;

package/dist/components/MenuNew/MenuHead.d.ts

@@ -5,5 +5,5 @@ export interface MenuHeadProps extends HTMLAttributes<HTMLDivElement> {
     onClose?: () => void;
     closeButtonAriaLabel?: string;
 }
-declare const MenuHead: ({ testId, onClose, closeButtonAriaLabel, className, ...props }: MenuHeadProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuHead: ({ testId, onClose, closeButtonAriaLabel, className, ...props }: MenuHeadProps) => import("react").JSX.Element;
 export default MenuHead;

package/dist/components/MenuNew/MenuHeading.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-menu__heading";
 export interface MenuHeadingProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
-declare const MenuHeading: ({ testId, className, children, ...props }: MenuHeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuHeading: ({ testId, className, children, ...props }: MenuHeadingProps) => import("react").JSX.Element;
 export default MenuHeading;

package/dist/components/MenuNew/MenuItemText.d.ts

@@ -5,5 +5,5 @@ export interface MenuItemTextProps {
     className?: string;
     children?: ReactNode;
 }
-declare const MenuItemText: ({ asChild, className, children, }: MenuItemTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItemText: ({ asChild, className, children, }: MenuItemTextProps) => import("react").JSX.Element;
 export default MenuItemText;

package/dist/components/MenuNew/MenuSection.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-menu__section";
 export interface MenuSectionProps extends HTMLAttributes<HTMLElement> {
     testId?: string;
 }
-declare const MenuSection: ({ testId, className, children, ...props }: MenuSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuSection: ({ testId, className, children, ...props }: MenuSectionProps) => import("react").JSX.Element;
 export default MenuSection;

package/dist/components/MenuNew/PrimaryMenuItem.d.ts

@@ -5,5 +5,5 @@ export interface PrimaryMenuItemProps extends Omit<MenuBaseItemProps, 'iconPosit
     asChild?: boolean;
     trailingContent?: ReactNode;
 }
-declare const PrimaryMenuItem: ({ className, children, asChild, trailingContent, ...props }: PrimaryMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const PrimaryMenuItem: ({ className, children, asChild, trailingContent, ...props }: PrimaryMenuItemProps) => import("react").JSX.Element;
 export default PrimaryMenuItem;

package/dist/components/MenuNew/SecondaryMenuItem.d.ts

@@ -4,5 +4,5 @@ export interface SecondaryMenuItemProps extends Omit<MenuBaseItemProps, 'iconPos
     asChild?: boolean;
     externalLink?: boolean;
 }
-declare const SecondaryMenuItem: ({ className, children, asChild, externalLink, ...props }: SecondaryMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const SecondaryMenuItem: ({ className, children, asChild, externalLink, ...props }: SecondaryMenuItemProps) => import("react").JSX.Element;
 export default SecondaryMenuItem;

package/dist/components/NativeDatepicker/NativeDatepicker.d.ts

@@ -1,3 +1,3 @@
 import { NativeDatepickerProps } from './NativeDatepicker.types';
-declare const NativeDatepicker: ({ value, onValueChange, minDate, maxDate, className, disabled, testId, ref, ...props }: NativeDatepickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const NativeDatepicker: ({ value, onValueChange, minDate, maxDate, className, disabled, testId, ref, ...props }: NativeDatepickerProps) => import("react").JSX.Element;
 export default NativeDatepicker;

package/dist/components/NativeDatepicker/NativeDatepicker.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ value, onValueChange, minDate, maxDate, className, disabled, testId, ref, ...props }: import('./NativeDatepicker.types').NativeDatepickerProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, onValueChange, minDate, maxDate, className, disabled, testId, ref, ...props }: import('./NativeDatepicker.types').NativeDatepickerProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Overlay/Overlay.stories.d.ts

@@ -331,7 +331,7 @@ declare const meta: {
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         ref?: import('react').Ref<import('./Overlay').Ref> | undefined;
         key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Pagination/Pagination.d.ts

@@ -4,21 +4,35 @@ import { default as PaginationInfo } from './PaginationInfo';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-pagination";
 interface PaginationContextValue {
+    mode: 'offset' | 'tracked';
     offset: number;
     limit: number;
-    total: number;
+    total?: number;
+    currentPage: number;
+    trackedMaxPage: number;
+    hasPreviousPage: boolean;
+    hasNextPage: boolean;
     onPageChange?: (page: number) => void;
+    onNextPage?: () => void;
+    onPreviousPage?: () => void;
 }
 export declare const PaginationContext: import('react').Context<PaginationContextValue | undefined>;
 export interface PaginationBaseProps extends HTMLAttributes<HTMLDivElement> {
-    offset: number;
+    mode?: 'offset' | 'tracked';
+    offset?: number;
     limit: number;
-    total: number;
+    total?: number;
     onPageChange?: (newOffset: number) => void;
+    currentPage?: number;
+    trackedMaxPage?: number;
+    hasNextPage?: boolean;
+    hasPreviousPage?: boolean;
+    onNextPage?: () => void;
+    onPreviousPage?: () => void;
     testId?: string;
 }
 export type PaginationProps = PaginationBaseProps & MarginProps;
-declare const Pagination: ({ offset, limit, total, onPageChange, testId, className, children, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ offset, limit, total, onPageChange, mode, currentPage, trackedMaxPage, hasNextPage, hasPreviousPage, onNextPage, onPreviousPage, testId, className, children, ...props }: PaginationProps) => import("react").JSX.Element;
 export interface PaginationSubComponents {
     Controls: typeof PaginationControls;
     Info: typeof PaginationInfo;

package/dist/components/Pagination/Pagination.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (({ offset, limit, total, onPageChange, testId, className, children, ...props }: import('./Pagination').PaginationProps) => import("react/jsx-runtime").JSX.Element) & import('./Pagination').PaginationSubComponents;
+    component: (({ offset, limit, total, onPageChange, mode, currentPage, trackedMaxPage, hasNextPage, hasPreviousPage, onNextPage, onPreviousPage, testId, className, children, ...props }: import('./Pagination').PaginationProps) => import("react").JSX.Element) & import('./Pagination').PaginationSubComponents;
     parameters: {
         docs: {
             story: string;

package/dist/components/Pagination/PaginationControls.d.ts

@@ -5,5 +5,5 @@ export interface PaginationControlsProps extends HTMLAttributes<HTMLDivElement>
     maxNumberButtons?: number;
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ maxNumberButtons, testId, className, }: PaginationControlsProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: import('react').MemoExoticComponent<({ maxNumberButtons, testId, className, }: PaginationControlsProps) => import("react").JSX.Element | null>;
 export default _default;

package/dist/components/Pagination/PaginationInfo.d.ts

@@ -4,5 +4,5 @@ export interface PaginationInfoProps extends React.HTMLAttributes<HTMLDivElement
     itemsPluralName?: string;
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ format, itemsPluralName, testId, className, ...props }: PaginationInfoProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: import('react').MemoExoticComponent<({ format, itemsPluralName, testId, className, ...props }: PaginationInfoProps) => import("react").JSX.Element | null>;
 export default _default;

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

@@ -1,6 +1,6 @@
 export { default } from './Pagination';
 export type { PaginationProps } from './Pagination';
-export { default as DialogHeader } from './PaginationControls';
+export { default as PaginationControls } from './PaginationControls';
 export type { PaginationControlsProps } from './PaginationControls';
-export { default as DialogFooter } from './PaginationInfo';
+export { default as PaginationInfo } from './PaginationInfo';
 export type { PaginationInfoProps } from './PaginationInfo';

package/dist/components/Paragraph/Paragraph.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, JSX } from 'react';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-paragrah";
 export type ParagraphLevel = 'lg' | 'lg-medium' | 'lg-semibold' | 'lg-bold' | 'md' | 'md-medium' | 'md-semibold' | 'md-semibold' | 'md-medium-numeric' | 'sm' | 'sm-medium' | 'sm-semibold' | 'xs' | 'xs-medium';
@@ -12,5 +12,5 @@ export interface ParagraphBaseProps extends HTMLAttributes<HTMLParagraphElement>
     ref?: React.Ref<HTMLParagraphElement>;
 }
 export type ParagraphProps = ParagraphBaseProps & MarginProps;
-declare const _default: import('react').MemoExoticComponent<({ level, size, emphasis, as, margins, testId, className, ref, noMargins, ...props }: ParagraphProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ level, size, emphasis, as, margins, testId, className, ref, noMargins, ...props }: ParagraphProps) => JSX.Element>;
 export default _default;

package/dist/components/Paragraph/Paragraph.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').MemoExoticComponent<({ level, size, emphasis, as, margins, testId, className, ref, noMargins, ...props }: import('./Paragraph').ParagraphProps) => import("react/jsx-runtime").JSX.Element>;
+    component: import('react').MemoExoticComponent<({ level, size, emphasis, as, margins, testId, className, ref, noMargins, ...props }: import('./Paragraph').ParagraphProps) => import("react").JSX.Element>;
     args: {
         children: string;
     };

package/dist/components/Search/Search.d.ts

@@ -3,6 +3,7 @@ import { InputProps, IconButtonProps } from '../..';
 import { MarginProps } from '../common/marginsStyle';
 export interface SearchBaseProps extends HTMLAttributes<HTMLDivElement> {
     onSearch?: (searchTerms: string) => void;
+    onClear?: () => void;
     placeholder?: string;
     disabled?: boolean;
     inputProps?: InputProps;
@@ -12,5 +13,5 @@ export interface SearchBaseProps extends HTMLAttributes<HTMLDivElement> {
 }
 export type SearchProps = SearchBaseProps & MarginProps;
 export declare const NAME = "ucl-uikit-search";
-declare const Search: ({ placeholder, testId, onSearch, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ placeholder, testId, onSearch, onClear, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: SearchProps) => import("react").JSX.Element;
 export default Search;

package/dist/components/Search/Search.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ placeholder, testId, onSearch, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: import('./Search').SearchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ placeholder, testId, onSearch, onClear, disabled, m, mv, mh, mt, mb, ml, mr, noMargins, inputProps, clearButtonProps, submitButtonProps, className, ...props }: import('./Search').SearchProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Select/subcomponents/CustomOption.d.ts

@@ -1,3 +1,3 @@
 import { CustomOptionProps } from '../Select.types';
-declare const CustomOption: <T extends string | number>({ value, optionIndex, isSelected, onSelect, lineBreak, testId, className, children, ...props }: CustomOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CustomOption: <T extends string | number>({ value, optionIndex, isSelected, onSelect, lineBreak, testId, className, children, ...props }: CustomOptionProps<T>) => import("react").JSX.Element;
 export default CustomOption;

package/dist/components/Select/subcomponents/CustomSelect.d.ts

@@ -1,4 +1,4 @@
 import { InternalSelectProps } from '../Select.types';
 type CustomSelectProps<T> = Omit<InternalSelectProps<T>, 'native' | 'nativeHtmlAttributes'>;
-declare const CustomSelect: <T extends string | number>({ selectionBehaviour, value, options, onValueChange, disabled, clearable, placeholder, lineBreak, filterInputProps, width, testId, className, panelClassName, filterable, ref, ...props }: CustomSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSelect: <T extends string | number>({ selectionBehaviour, value, options, onValueChange, disabled, clearable, placeholder, lineBreak, filterInputProps, width, testId, className, panelClassName, filterable, ref, ...props }: CustomSelectProps<T>) => import("react").JSX.Element;
 export default CustomSelect;

package/dist/components/Select/subcomponents/FilterInput.d.ts

@@ -12,5 +12,5 @@ type FilterInputComponentProps = {
     ariaExpanded?: boolean;
     ariaActiveDescendant?: string;
 } & FilterInputProps;
-declare const FilterInput: ({ value, onChange, onBlur, onTabOut, placeholder, disabled, inputRef, className, ariaControls, ariaExpanded, ariaActiveDescendant, ...rest }: FilterInputComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterInput: ({ value, onChange, onBlur, onTabOut, placeholder, disabled, inputRef, className, ariaControls, ariaExpanded, ariaActiveDescendant, ...rest }: FilterInputComponentProps) => import("react").JSX.Element;
 export default FilterInput;

package/dist/components/Select/subcomponents/NativeSelect.d.ts

@@ -3,5 +3,5 @@ type NativeSelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'va
     value?: string | number;
     ref?: React.Ref<HTMLSelectElement>;
 };
-declare const NativeSelect: ({ options, width, disabled, placeholder, testId, className, ...props }: NativeSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const NativeSelect: ({ options, width, disabled, placeholder, testId, className, ...props }: NativeSelectProps) => import("react").JSX.Element;
 export default NativeSelect;

package/dist/components/Select/subcomponents/Panel.d.ts

@@ -1,3 +1,3 @@
 type PanelProps = React.ComponentPropsWithoutRef<'div'>;
-declare const Panel: ({ className, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: ({ className, ...props }: PanelProps) => import("react").JSX.Element;
 export default Panel;

package/dist/components/Select/subcomponents/VisibleField.d.ts

@@ -10,5 +10,5 @@ interface VisibleFieldProps<T> {
     clearButtonRef?: React.RefObject<HTMLButtonElement | null>;
     children?: React.ReactNode;
 }
-declare const VisibleField: <T extends string | number>({ selectedOption, isOpen, placeholder, disabled, filterable, clearable, onClear, clearButtonRef, children, }: VisibleFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const VisibleField: <T extends string | number>({ selectedOption, isOpen, placeholder, disabled, filterable, clearable, onClear, clearButtonRef, children, }: VisibleFieldProps<T>) => import("react").JSX.Element;
 export default VisibleField;

package/dist/components/Spinner/Spinner.d.ts

@@ -7,5 +7,5 @@ export interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
     ref?: Ref<SVGSVGElement>;
     inheritColour?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ size, strokeWidth, className, testId, inheritColour, ref, ...rest }: SpinnerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ size, strokeWidth, className, testId, inheritColour, ref, ...rest }: SpinnerProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/Spinner/Spinner.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').MemoExoticComponent<({ size, strokeWidth, className, testId, inheritColour, ref, ...rest }: import('./Spinner').SpinnerProps) => import("react/jsx-runtime").JSX.Element>;
+    component: import('react').MemoExoticComponent<({ size, strokeWidth, className, testId, inheritColour, ref, ...rest }: import('./Spinner').SpinnerProps) => import("react").JSX.Element>;
     args: {
         size: number;
     };

package/dist/components/Table/Table.d.ts

@@ -1,10 +1,10 @@
 import { TableProps } from './Table.types';
 declare const Table: {
-    ({ testId, className, children, ref, ariaLabel, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
-    Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react/jsx-runtime").JSX.Element;
-    HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react/jsx-runtime").JSX.Element;
-    Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./subcomponents').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+    ({ testId, className, children, ref, ariaLabel, ...props }: TableProps): import("react").JSX.Element;
+    Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react").JSX.Element;
+    HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react").JSX.Element;
+    Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react").JSX.Element;
+    Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react").JSX.Element;
+    Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./subcomponents').TableCellProps) => import("react").JSX.Element;
 };
 export default Table;

package/dist/components/Table/Table.stories.d.ts

@@ -2,12 +2,12 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        ({ testId, className, children, ref, ariaLabel, ...props }: import('./Table.types').TableProps): import("react/jsx-runtime").JSX.Element;
-        Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react/jsx-runtime").JSX.Element;
-        HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
-        Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react/jsx-runtime").JSX.Element;
-        Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react/jsx-runtime").JSX.Element;
-        Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./subcomponents').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+        ({ testId, className, children, ref, ariaLabel, ...props }: import('./Table.types').TableProps): import("react").JSX.Element;
+        Head: ({ className, children, ...props }: import('./subcomponents').TableHeadProps) => import("react").JSX.Element;
+        HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./subcomponents').TableHeadCellProps) => import("react").JSX.Element;
+        Body: ({ className, children, ...props }: import('./subcomponents').TableBodyProps) => import("react").JSX.Element;
+        Row: ({ selected, className, children, ...props }: import('./subcomponents').TableRowProps) => import("react").JSX.Element;
+        Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./subcomponents').TableCellProps) => import("react").JSX.Element;
     };
     parameters: {
         layout: string;

package/dist/components/Table/subcomponents/Body.d.ts

@@ -1,4 +1,4 @@
 export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
 }
-declare const Body: ({ className, children, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const Body: ({ className, children, ...props }: TableBodyProps) => import("react").JSX.Element;
 export default Body;

package/dist/components/Table/subcomponents/Cell/Cell.d.ts

@@ -12,5 +12,5 @@ export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElemen
     checkboxProps?: Omit<CheckboxProps, 'checked' | 'onChange'>;
     buttonProps?: Omit<ButtonProps<'button'>, 'variant' | 'onClick' | 'className'>;
 }
-declare const Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const Cell: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: TableCellProps) => import("react").JSX.Element;
 export default Cell;

package/dist/components/Table/subcomponents/Cell/Cell.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./Cell').TableCellProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./Cell').TableCellProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -298,7 +298,7 @@ declare const meta: {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Table/subcomponents/Cell/CellContent.d.ts

@@ -10,5 +10,5 @@ interface CellContentProps extends React.HTMLAttributes<HTMLDivElement> {
     handleCheckboxChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleButtonClick: (event: React.UIEvent) => void;
 }
-declare const CellContent: ({ variant, icon, checked, checkboxProps, buttonProps, handleCheckboxChange, handleButtonClick, children, }: CellContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const CellContent: ({ variant, icon, checked, checkboxProps, buttonProps, handleCheckboxChange, handleButtonClick, children, }: CellContentProps) => import("react").JSX.Element;
 export default CellContent;

package/dist/components/Table/subcomponents/Head.d.ts

@@ -1,4 +1,4 @@
 export interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
 }
-declare const Head: ({ className, children, ...props }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+declare const Head: ({ className, children, ...props }: TableHeadProps) => import("react").JSX.Element;
 export default Head;

package/dist/components/Table/subcomponents/HeadCell/HeadCell.d.ts

@@ -10,5 +10,5 @@ export interface TableHeadCellProps extends React.HTMLAttributes<HTMLTableCellEl
     testId?: string;
     checkboxAriaLabel?: string;
 }
-declare const HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeadCell: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: TableHeadCellProps) => import("react").JSX.Element;
 export default HeadCell;

package/dist/components/Table/subcomponents/HeadCell/HeadCell.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { SortOrder } from '../../Table.types';
 declare const meta: {
     title: string;
-    component: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./HeadCell').TableHeadCellProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, accessor, sort, onSortChange, showSortIcon, checked, onCheck, testId, className, children, checkboxAriaLabel, ...props }: import('./HeadCell').TableHeadCellProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -304,7 +304,7 @@ declare const meta: {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLTableCellElement> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Table/subcomponents/HeadCell/HeadCellContent.d.ts

@@ -7,5 +7,5 @@ interface HeadCellContentProps extends React.HTMLAttributes<HTMLDivElement> {
     checkboxAriaLabel: string;
     onCheckboxChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const HeadCellContent: ({ variant, sort, showSortIcon, checked, onCheckboxChange, checkboxAriaLabel, children, }: HeadCellContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeadCellContent: ({ variant, sort, showSortIcon, checked, onCheckboxChange, checkboxAriaLabel, children, }: HeadCellContentProps) => import("react").JSX.Element;
 export default HeadCellContent;

package/dist/components/Table/subcomponents/Row.d.ts

@@ -1,5 +1,5 @@
 export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     selected?: boolean;
 }
-declare const Row: ({ selected, className, children, ...props }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const Row: ({ selected, className, children, ...props }: TableRowProps) => import("react").JSX.Element;
 export default Row;

package/dist/components/Table/subcomponents/SortIcon.d.ts

@@ -3,5 +3,5 @@ interface SortingIconProps extends React.SVGAttributes<SVGElement> {
     sortOrder: SortOrder;
     size?: number;
 }
-declare const SortingIcon: ({ sortOrder, size }: SortingIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const SortingIcon: ({ sortOrder, size }: SortingIconProps) => import("react").JSX.Element;
 export default SortingIcon;

package/dist/components/Tabs/Tab.d.ts

@@ -7,5 +7,5 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     counter?: number;
     ref?: React.RefObject<HTMLButtonElement>;
 }
-declare const _default: import('react').MemoExoticComponent<({ testId, className, label, value, counter, ref, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ testId, className, label, value, counter, ref, ...props }: TabProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/Text/Text.d.ts

@@ -6,5 +6,5 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
     testId?: string;
     ref?: Ref<HTMLSpanElement>;
 }
-declare const _default: import('react').MemoExoticComponent<({ level, testId, className, ref, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ level, testId, className, ref, ...props }: TextProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/Timepicker/Timepicker.d.ts

@@ -6,5 +6,5 @@ export interface TimepickerProps extends Omit<InputHTMLAttributes<HTMLInputEleme
     value?: TimepickerValue;
     onValueChange?: (value: TimepickerValue, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const Timepicker: ({ testId, value, className, onValueChange, ...props }: TimepickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Timepicker: ({ testId, value, className, onValueChange, ...props }: TimepickerProps) => import("react").JSX.Element;
 export default Timepicker;

package/dist/components/Toggle/ToggleHandle.d.ts

@@ -4,5 +4,5 @@ export interface ToggleHandleProps extends React.HTMLAttributes<HTMLDivElement>
     checked: boolean;
     disabled: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ checked, className }: ToggleHandleProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ checked, className }: ToggleHandleProps) => React.JSX.Element>;
 export default _default;

package/dist/components/UclLogo/UclLogo.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-logo";
 export interface UclLogoProps extends SVGAttributes<SVGElement> {
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ testId, ...props }: UclLogoProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ testId, ...props }: UclLogoProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/UclLogo/UclLogoNegativeSpace.d.ts

@@ -4,5 +4,5 @@ export interface UclLogoNegativeSpaceProps extends SVGAttributes<SVGElement> {
     buildingFill?: string;
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ buildingFill, testId, ...props }: UclLogoNegativeSpaceProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ buildingFill, testId, ...props }: UclLogoNegativeSpaceProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/UclLogoNew/UclLogo.d.ts

@@ -4,5 +4,5 @@ export interface UclLogoProps extends SVGAttributes<SVGElement> {
     variant?: 'primary' | 'secondary' | 'primary-inverse' | 'secondary-inverse';
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ variant, testId, ...props }: UclLogoProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ variant, testId, ...props }: UclLogoProps) => import("react").JSX.Element>;
 export default _default;