uikit-react-public 0.25.4 → 0.26.0

package/dist/components/Alert/Alert.d.ts

@@ -15,9 +15,9 @@ export interface AlertBaseProps extends HTMLAttributes<HTMLDivElement> {
 }
 export type AlertProps = AlertBaseProps & MarginProps;
 declare const Alert: {
-    ({ type, children, testId, className, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, testId, }: import('./AlertTitle').AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
-    Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react/jsx-runtime").JSX.Element;
+    ({ type, children, testId, className, ...props }: AlertProps): import("react").JSX.Element;
+    Title: ({ children, testId, }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
+    Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
 };
 export interface IAlertSubComponents {
     Title: typeof AlertTitle;

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

@@ -2,9 +2,9 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        ({ type, children, testId, className, ...props }: import('./Alert').AlertProps): import("react/jsx-runtime").JSX.Element;
-        Title: ({ children, testId, }: import('./AlertTitle').AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
-        Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react/jsx-runtime").JSX.Element;
+        ({ type, children, testId, className, ...props }: import('./Alert').AlertProps): import("react").JSX.Element;
+        Title: ({ children, testId, }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
+        Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
     } & import('./Alert').IAlertSubComponents;
     parameters: {
         layout: string;

package/dist/components/Alert/AlertMessage.d.ts

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

package/dist/components/Alert/AlertTitle.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-alert__title";
 export interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {
     testId?: string;
 }
-declare const AlertTitle: ({ children, testId, }: AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const AlertTitle: ({ children, testId, }: AlertTitleProps) => import("react").JSX.Element;
 export default AlertTitle;

package/dist/components/AppHeader/AppHeader.d.ts

@@ -10,7 +10,7 @@ export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
     sticky?: boolean;
     testId?: string;
 }
-declare const MemoAppHeader: import('react').MemoExoticComponent<({ fixed, sticky, testId, className, children, ...props }: AppHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoAppHeader: import('react').MemoExoticComponent<({ fixed, sticky, testId, className, children, ...props }: AppHeaderProps) => import("react").JSX.Element>;
 export interface IHeaderSubComponents {
     Top: typeof AppHeaderTop;
     Bottom: typeof AppHeaderBottom;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./AppHeader').AppHeaderProps> & {
-        readonly type: ({ fixed, sticky, testId, className, children, ...props }: import('./AppHeader').AppHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        readonly type: ({ fixed, sticky, testId, className, children, ...props }: import('./AppHeader').AppHeaderProps) => import("react").JSX.Element;
     } & import('./AppHeader').IHeaderSubComponents;
     parameters: {
         layout: string;

package/dist/components/AppHeader/AppHeaderBottom.d.ts

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

package/dist/components/AppHeader/AppHeaderNav.d.ts

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

package/dist/components/AppHeader/AppHeaderTop.d.ts

@@ -6,5 +6,5 @@ export interface AppHeaderTopProps extends HTMLAttributes<HTMLDivElement> {
     logoClassName?: string;
     testId?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ uclLogo, logoClassName, testId, className, children, ...props }: AppHeaderTopProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ uclLogo, logoClassName, testId, className, children, ...props }: AppHeaderTopProps) => import("react").JSX.Element>;
 export default _default;

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

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

package/dist/components/AppMenu/AppMenu.d.ts

@@ -8,7 +8,7 @@ export interface AppMenuProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
     defaultOpen?: boolean;
 }
-declare const AppMenu: ({ testId, defaultOpen, children, className, ...props }: AppMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const AppMenu: ({ testId, defaultOpen, children, className, ...props }: AppMenuProps) => import("react").JSX.Element;
 export interface IAppMenuSubComponents {
     Trigger: typeof AppMenuTrigger;
     Content: typeof AppMenuContent;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (({ testId, defaultOpen, children, className, ...props }: import('./AppMenu').AppMenuProps) => import("react/jsx-runtime").JSX.Element) & import('./AppMenu').IAppMenuSubComponents;
+    component: (({ testId, defaultOpen, children, className, ...props }: import('./AppMenu').AppMenuProps) => import("react").JSX.Element) & import('./AppMenu').IAppMenuSubComponents;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Badge/Badge.d.ts

@@ -1,7 +1,9 @@
 import { SpecificIconProps } from '../Icon/Icon';
 import { ThemeType } from '../../theme';
-export type BadgeVariant = 'neutral' | 'neutral-subtle' | 'critical' | 'critical-subtle' | 'caution' | 'caution-subtle' | 'success' | 'success-subtle' | 'warning' | 'warning-subtle' | 'disabled';
+export type BadgeVariant = 'info' | 'info-subtle' | 'neutral' | 'neutral-subtle' | 'critical' | 'critical-subtle' | 'caution' | 'caution-subtle' | 'success' | 'success-subtle' | 'warning' | 'warning-subtle' | 'disabled';
 export declare const VARIANT_ICON_MAP: {
+    info: import('react').FC<SpecificIconProps>;
+    'info-subtle': import('react').FC<SpecificIconProps>;
     neutral: import('react').FC<SpecificIconProps>;
     'neutral-subtle': import('react').FC<SpecificIconProps>;
     critical: import('react').FC<SpecificIconProps>;
@@ -34,5 +36,5 @@ export interface BadgeBaseProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: 'medium' | 'large';
 }
 export type BadgeProps = BadgeBaseProps & BadgeIndicator;
-declare const Badge: ({ testId, className, variant, size, statusIndicator, icon, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+declare const Badge: ({ testId, className, variant, size, statusIndicator, icon, children, ...props }: BadgeProps) => import("react").JSX.Element;
 export default Badge;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { BadgeVariant } from './Badge';
 declare const meta: {
     title: string;
-    component: ({ testId, className, variant, size, statusIndicator, icon, children, ...props }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ testId, className, variant, size, statusIndicator, icon, children, ...props }: import('./Badge').BadgeProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Breadcrumbs/Breadcrumb.d.ts

@@ -3,5 +3,5 @@ export interface BreadcrumbProps extends Omit<LinkProps<any>, 'href' | 'to'> {
     uri: string;
     isActive?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: BreadcrumbProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -3,7 +3,7 @@ export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
     testId?: string;
 }
 declare const Breadcrumbs: {
-    ({ testId, className, children, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
-    Breadcrumb: React.MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+    ({ testId, className, children, ...props }: BreadcrumbsProps): React.JSX.Element;
+    Breadcrumb: React.MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: import('./Breadcrumb').BreadcrumbProps) => React.JSX.Element>;
 };
 export default Breadcrumbs;

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

@@ -2,8 +2,8 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        ({ testId, className, children, ...props }: import('./Breadcrumbs').BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
-        Breadcrumb: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element>;
+        ({ testId, className, children, ...props }: import('./Breadcrumbs').BreadcrumbsProps): import("react").JSX.Element;
+        Breadcrumb: import('react').MemoExoticComponent<({ testId, uri, className, children, isActive, component, ...props }: import('./Breadcrumb').BreadcrumbProps) => import("react").JSX.Element>;
     };
     parameters: {
         layout: string;

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

@@ -23,6 +23,6 @@ export type ButtonProps<C extends ElementType = 'button'> = {
     ref?: PolymorphicRef<C>;
     className?: string;
 } & ButtonBaseProps & MarginProps & Omit<ComponentPropsWithRef<C>, keyof ButtonBaseProps | 'as'>;
-declare const Button: <C extends ElementType = "button">({ as, variant, destructive, size, selected, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+declare const Button: <C extends ElementType = "button">({ as, variant, destructive, size, selected, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: ButtonProps<C>) => import("react").JSX.Element;
 declare const MemoizedButton: typeof Button;
 export default MemoizedButton;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: <C extends import('react').ElementType = "button">({ as, variant, destructive, size, selected, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: import('./Button').ButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+    component: <C extends import('react').ElementType = "button">({ as, variant, destructive, size, selected, disabled, icon, iconPosition, tooltip, loading, fullWidth, testId, ref, children, className, ...props }: import('./Button').ButtonProps<C>) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Calendar/Calendar.d.ts

@@ -1,3 +1,3 @@
 import { CalendarProps } from './Calendar.types';
-declare const Calendar: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: CalendarProps) => import("react").JSX.Element;
 export default Calendar;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ pickedDate, onDatePick, minDate, maxDate, events, showAcademicWeeks, academicWeeks, testId, className, }: import('./Calendar.types').CalendarProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/components/Calendar/subcomponents/AcademicWeek.d.ts

@@ -1,5 +1,5 @@
 interface AcademicWeekProps {
     weekNumber?: number | null;
 }
-declare const AcademicWeek: ({ weekNumber }: AcademicWeekProps) => import("react/jsx-runtime").JSX.Element;
+declare const AcademicWeek: ({ weekNumber }: AcademicWeekProps) => import("react").JSX.Element;
 export default AcademicWeek;

package/dist/components/Calendar/subcomponents/AcademicWeeks.d.ts

@@ -3,5 +3,5 @@ interface AcademicWeeksProps {
     date: Date;
     weeks: AcademicWeekType[];
 }
-declare const AcademicWeeks: ({ date, weeks }: AcademicWeeksProps) => import("react/jsx-runtime").JSX.Element;
+declare const AcademicWeeks: ({ date, weeks }: AcademicWeeksProps) => import("react").JSX.Element;
 export default AcademicWeeks;

package/dist/components/Calendar/subcomponents/ColumnHeading.d.ts

@@ -3,5 +3,5 @@ interface ColumnHeadingProps {
     day: string;
     isWeekend: boolean;
 }
-declare const ColumnHeading: ({ index, day, isWeekend }: ColumnHeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const ColumnHeading: ({ index, day, isWeekend }: ColumnHeadingProps) => import("react").JSX.Element;
 export default ColumnHeading;

package/dist/components/Calendar/subcomponents/Controls.d.ts

@@ -2,5 +2,5 @@ interface ControlsProps {
     month: Date;
     changeMonth: (change: number) => void;
 }
-declare const Controls: ({ month, changeMonth }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Controls: ({ month, changeMonth }: ControlsProps) => import("react").JSX.Element;
 export default Controls;

package/dist/components/Calendar/subcomponents/Day.d.ts

@@ -8,5 +8,5 @@ export interface DayProps {
     isDisabled?: boolean;
     events?: CalendarEvent[];
 }
-declare const Day: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, }: DayProps) => import("react/jsx-runtime").JSX.Element;
+declare const Day: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, }: DayProps) => import("react").JSX.Element;
 export default Day;

package/dist/components/Calendar/subcomponents/Day.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, }: import('./Day').DayProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ date, onPick, isSelected, isToday, isInCurrentMonth, isDisabled, events, }: import('./Day').DayProps) => import("react").JSX.Element;
     argTypes: {
         events: {
             table: {

package/dist/components/Calendar/subcomponents/EventDot.d.ts

@@ -2,5 +2,5 @@ interface EventDotProps {
     inverted: boolean;
     inCurrentMonth: boolean;
 }
-declare const EventDot: ({ inverted, inCurrentMonth }: EventDotProps) => import("react/jsx-runtime").JSX.Element;
+declare const EventDot: ({ inverted, inCurrentMonth }: EventDotProps) => import("react").JSX.Element;
 export default EventDot;

package/dist/components/Calendar/subcomponents/Grid.d.ts

@@ -7,5 +7,5 @@ interface GridProps {
     maxDate: Date | null;
     events: CalendarEvent[];
 }
-declare const Grid: ({ month, pickedDate, onDatePick, minDate, maxDate, events, }: GridProps) => import("react/jsx-runtime").JSX.Element;
+declare const Grid: ({ month, pickedDate, onDatePick, minDate, maxDate, events, }: GridProps) => import("react").JSX.Element;
 export default Grid;

package/dist/components/CookieNotice/CookieNotice.d.ts

@@ -12,5 +12,5 @@ export interface CookieNoticeBaseProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
 export type CookieNoticeProps = CookieNoticeBaseProps & MarginProps;
-declare const CookieNotice: ({ policyHref, text, onAccept, onReject, trapFocus, testId, className, ...props }: CookieNoticeProps) => import("react/jsx-runtime").JSX.Element;
+declare const CookieNotice: ({ policyHref, text, onAccept, onReject, trapFocus, testId, className, ...props }: CookieNoticeProps) => import("react").JSX.Element;
 export default CookieNotice;

package/dist/components/Datepicker/Datepicker.d.ts

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

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

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

package/dist/components/Datepicker/subcomponents/CustomDatepicker.d.ts

@@ -16,5 +16,5 @@ interface CustomDatepickerProps extends React.HTMLAttributes<HTMLDivElement> {
     inputRef?: React.RefObject<HTMLInputElement>;
     inputProps?: InputProps;
 }
-declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, disabled, clearable, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDatepicker: ({ value, onValueChange, minDate, maxDate, disabled, clearable, events, showAcademicWeeks, academicWeeks, testId, className, ref, inputRef, inputProps, ...props }: CustomDatepickerProps) => import("react").JSX.Element;
 export default CustomDatepicker;

package/dist/components/Datepicker/subcomponents/DatepickerInput.d.ts

@@ -19,5 +19,5 @@ interface DatepickerInputProps extends InputProps {
     disabled: boolean;
     ref: React.RefObject<HTMLInputElement | null>;
 }
-declare const DatepickerInput: ({ disabled, placeholder, inputMode, testId, className, ...props }: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const DatepickerInput: ({ disabled, placeholder, inputMode, testId, className, ...props }: DatepickerInputProps) => import("react").JSX.Element;
 export default DatepickerInput;

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

@@ -2,5 +2,5 @@ interface PanelProps {
     zIndex?: number;
     children: React.ReactNode;
 }
-declare const Panel: ({ zIndex, children, }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: ({ zIndex, children, }: PanelProps) => import("react").JSX.Element;
 export default Panel;

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

@@ -13,5 +13,5 @@ interface VisibleFieldProps {
     inputRef: React.RefObject<HTMLInputElement | null>;
     inputProps: InputProps;
 }
-declare const VisibleField: ({ inputValue, onInputChange, onInputKeyDown, onInputFocus, onButtonClick, onClear, disabled, clearable, hasValue, inputRef, inputProps, }: VisibleFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const VisibleField: ({ inputValue, onInputChange, onInputKeyDown, onInputFocus, onButtonClick, onClear, disabled, clearable, hasValue, inputRef, inputProps, }: VisibleFieldProps) => React.JSX.Element;
 export default VisibleField;

package/dist/components/Dialog/BaseDialog.d.ts

@@ -18,5 +18,5 @@ export interface BaseDialogProps extends HTMLAttributes<HTMLDialogElement> {
     skipCloseOnInitialFocus?: boolean;
     testId?: string;
 }
-declare const _default: React.MemoExoticComponent<({ open, size, modal, closeOnClickOutside, closeOnClickOutsideStopPropagation, nonModalCloseOnEscape, onClose, className, children, initialFocusRef, finalFocusRef, disableFocusTrap, restoreFocus, skipCloseOnInitialFocus, testId, ...props }: BaseDialogProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ open, size, modal, closeOnClickOutside, closeOnClickOutsideStopPropagation, nonModalCloseOnEscape, onClose, className, children, initialFocusRef, finalFocusRef, disableFocusTrap, restoreFocus, skipCloseOnInitialFocus, testId, ...props }: BaseDialogProps) => React.JSX.Element | null>;
 export default _default;

package/dist/components/Dialog/Dialog.d.ts

@@ -15,7 +15,7 @@ export interface DialogProps extends BaseDialogProps {
     onAction?: () => void;
     onSecondaryAction?: () => void;
 }
-declare const Dialog: ({ onClose, onAction, onSecondaryAction, testId, className, children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dialog: ({ onClose, onAction, onSecondaryAction, testId, className, children, ...props }: DialogProps) => import("react").JSX.Element;
 export interface DialogSubComponents {
     Header: typeof DialogHeader;
     Body: typeof DialogBody;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (({ onClose, onAction, onSecondaryAction, testId, className, children, ...props }: import('./Dialog').DialogProps) => import("react/jsx-runtime").JSX.Element) & import('./Dialog').DialogSubComponents;
+    component: (({ onClose, onAction, onSecondaryAction, testId, className, children, ...props }: import('./Dialog').DialogProps) => import("react").JSX.Element) & import('./Dialog').DialogSubComponents;
     parameters: {
         docs: {
             story: string;

package/dist/components/Dialog/DialogBody.d.ts

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

package/dist/components/Dialog/DialogFooter.d.ts

@@ -8,5 +8,5 @@ export interface DialogFooterProps extends React.HTMLAttributes<HTMLElement> {
     secondaryButtonProps?: ButtonProps;
     testId?: string;
 }
-declare const DialogFooter: ({ primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps, testId, className, ...props }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogFooter: ({ primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps, testId, className, ...props }: DialogFooterProps) => import("react").JSX.Element;
 export default DialogFooter;

package/dist/components/Dialog/DialogHeader.d.ts

@@ -7,5 +7,5 @@ export interface DialogHeaderProps extends HTMLAttributes<HTMLDialogElement> {
     closeButtonStopPropagation?: boolean;
     testId?: string;
 }
-declare const DialogHeader: ({ decoration, headingProps, closeButtonStopPropagation, children, testId, className, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogHeader: ({ decoration, headingProps, closeButtonStopPropagation, children, testId, className, }: DialogHeaderProps) => import("react").JSX.Element;
 export default DialogHeader;

package/dist/components/Divider/Divider.d.ts

@@ -5,5 +5,5 @@ export interface DividerBaseProps extends Omit<HTMLAttributes<HTMLHRElement>, 'c
     testId?: string;
 }
 export type DividerProps = DividerBaseProps & MarginProps;
-declare const Divider: ({ testId, className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Divider: ({ testId, className, ...props }: DividerProps) => import("react").JSX.Element;
 export default Divider;

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

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

package/dist/components/DrawerMenu/DrawerMenu.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+import { DropdownProps } from '../Dropdown';
+export declare const NAME = "ucl-uikit-drawer-menu";
+export interface DrawerMenuChildrenApi {
+    close: () => void;
+}
+type DrawerMenuChildren = ReactNode | ((api: DrawerMenuChildrenApi) => ReactNode);
+export interface DrawerMenuProps extends Omit<DropdownProps, 'children'>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * @deprecated Prefer boundaryRef or boundarySelector so the drawer can
+     * calculate its vertical bounds from the containing layout.
+     */
+    topPx?: number;
+    bottomPx?: number;
+    contentHeight?: number | string;
+    boundaryRef?: RefObject<HTMLElement | null>;
+    boundarySelector?: string;
+    align?: 'left' | 'right';
+    children: DrawerMenuChildren;
+    label?: string;
+    triggerAriaLabelCollapsed?: string;
+    triggerAriaLabelExpanded?: string;
+    dropdownClassName?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+}
+declare const DrawerMenu: ({ topPx, bottomPx, contentHeight, boundaryRef, boundarySelector, align, children, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, dropdownClassName, triggerClassName, contentClassName, className, ...props }: DrawerMenuProps) => import("react").JSX.Element;
+export default DrawerMenu;

package/dist/components/DrawerMenu/DrawerMenuTrigger.d.ts

@@ -0,0 +1,4 @@
+import { DropdownMenuTriggerProps } from '../DropdownMenu/DropdownMenuTrigger';
+export type DrawerMenuTriggerProps = DropdownMenuTriggerProps;
+declare const DrawerMenuTrigger: ({ isDesktop, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, className, ...props }: DropdownMenuTriggerProps) => import("react").JSX.Element;
+export default DrawerMenuTrigger;

package/dist/components/DrawerMenu/__tests__/DrawerMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './DrawerMenu';
+export type { DrawerMenuProps } from './DrawerMenu';

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

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -6,7 +6,7 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
     defaultOpen?: boolean;
     testId?: string;
 }
-declare const Dropdown: ({ defaultOpen, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: ({ defaultOpen, ...props }: DropdownProps) => import("react").JSX.Element;
 export interface IDropdownSubComponents {
     Trigger: typeof DropdownTrigger;
     Content: typeof DropdownContent;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (({ defaultOpen, ...props }: import('./Dropdown').DropdownProps) => import("react/jsx-runtime").JSX.Element) & import('./Dropdown').IDropdownSubComponents;
+    component: (({ defaultOpen, ...props }: import('./Dropdown').DropdownProps) => import("react").JSX.Element) & import('./Dropdown').IDropdownSubComponents;
     parameters: {
         layout: string;
     };

package/dist/components/Dropdown/DropdownContent.d.ts

@@ -1,8 +1,14 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, RefObject } from 'react';
 export declare const NAME = "ucl-uikit-dropdown__content";
-export interface DropdownContentProps extends HTMLAttributes<HTMLDivElement> {
+export interface DropdownContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
     testId?: string;
+    topPx?: number;
+    bottomPx?: number;
+    contentHeight?: number | string;
     align?: 'left' | 'right';
+    variant?: 'dropdown' | 'drawer';
+    drawerBoundaryRef?: RefObject<HTMLElement | null>;
+    drawerBoundarySelector?: string;
 }
-declare const _default: import('react').MemoExoticComponent<({ testId, align, className, children, id, ...props }: DropdownContentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ testId, topPx, bottomPx, contentHeight, align, variant, drawerBoundaryRef, drawerBoundarySelector, className, children, id, ...props }: DropdownContentProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -15,5 +15,5 @@ export interface DropdownMenuProps extends Omit<DropdownProps, 'children'>, Omit
     triggerClassName?: string;
     contentClassName?: string;
 }
-declare const DropdownMenu: ({ align, children, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, dropdownClassName, triggerClassName, contentClassName, className, ...props }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenu: ({ align, children, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, dropdownClassName, triggerClassName, contentClassName, className, ...props }: DropdownMenuProps) => import("react").JSX.Element;
 export default DropdownMenu;

package/dist/components/DropdownMenu/DropdownMenuTrigger.d.ts

@@ -11,5 +11,5 @@ export interface DropdownMenuTriggerProps {
     onFocus?: FocusEventHandler<HTMLElement>;
     [key: string]: unknown;
 }
-declare const DropdownMenuTrigger: ({ isDesktop, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, className, ...props }: DropdownMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuTrigger: ({ isDesktop, label, triggerAriaLabelCollapsed, triggerAriaLabelExpanded, className, ...props }: DropdownMenuTriggerProps) => import("react").JSX.Element;
 export default DropdownMenuTrigger;

package/dist/components/DropdownUserMenu/DropdownUserMenu.d.ts

@@ -15,5 +15,5 @@ export interface DropdownUserMenuProps extends Omit<DropdownProps, 'children'>,
     avatarClassName?: string;
     userNameClassName?: string;
 }
-declare const DropdownUserMenu: ({ children, userName, imageUrl, avatarVariant, avatarSize, triggerAriaLabel, dropdownClassName, triggerClassName, contentClassName, avatarClassName, userNameClassName, className, ...props }: DropdownUserMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownUserMenu: ({ children, userName, imageUrl, avatarVariant, avatarSize, triggerAriaLabel, dropdownClassName, triggerClassName, contentClassName, avatarClassName, userNameClassName, className, ...props }: DropdownUserMenuProps) => import("react").JSX.Element;
 export default DropdownUserMenu;

package/dist/components/FeedbackDialog/FeedbackDialog.d.ts

@@ -11,5 +11,5 @@ export interface FeedbackDialogProps extends DialogProps {
     buttonVariant?: ButtonProps['variant'];
     buttonProps?: ButtonProps;
 }
-declare const FeedbackDialog: ({ type, heading, buttonLabel, buttonVariant, buttonProps, testId, className, children, ...props }: FeedbackDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const FeedbackDialog: ({ type, heading, buttonLabel, buttonVariant, buttonProps, testId, className, children, ...props }: FeedbackDialogProps) => import("react").JSX.Element;
 export default FeedbackDialog;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ type, heading, buttonLabel, buttonVariant, buttonProps, testId, className, children, ...props }: import('./FeedbackDialog').FeedbackDialogProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, heading, buttonLabel, buttonVariant, buttonProps, testId, className, children, ...props }: import('./FeedbackDialog').FeedbackDialogProps) => import("react").JSX.Element;
     parameters: {
         docs: {
             story: string;

package/dist/components/Field/CharacterCount.d.ts

@@ -3,5 +3,5 @@ export interface CharacaterCountProps extends HTMLAttributes<HTMLDivElement> {
     maxChars: number;
     testId?: string;
 }
-declare const CharacaterCount: ({ maxChars, testId, className, ...props }: CharacaterCountProps) => import("react/jsx-runtime").JSX.Element;
+declare const CharacaterCount: ({ maxChars, testId, className, ...props }: CharacaterCountProps) => import("react").JSX.Element;
 export default CharacaterCount;

package/dist/components/Field/ErrorText.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from 'react';
 export interface ErrorTextProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
-declare const ErrorText: ({ className, children, testId, ...props }: ErrorTextProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ErrorText: ({ className, children, testId, ...props }: ErrorTextProps) => import("react").JSX.Element | null;
 export default ErrorText;

package/dist/components/Field/Field.d.ts

@@ -20,7 +20,7 @@ export interface FieldBaseProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
 export type FieldProps = FieldBaseProps & MarginProps;
-declare const Field: ({ error, disabled, optional, testId, className, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const Field: ({ error, disabled, optional, testId, className, children, ...props }: FieldProps) => import("react").JSX.Element;
 export interface IFieldSubcomponents {
     HelperText: typeof HelperText;
     ErrorText: typeof ErrorText;

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

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