uikit-react-public 0.29.6 → 0.30.1

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').FC<import('./Accordion').AccordionProps> & {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./AppHeader').AppHeaderProps> & {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: (({ testId, defaultOpen, children, className, ...props }: import('./AppMenu').AppMenuProps) => import("react").JSX.Element) & import('./AppMenu').IAppMenuSubComponents;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { AvatarProps } from './Avatar';
 type AvatarSize = NonNullable<AvatarProps['size']>;
 declare const meta: {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { BadgeVariant } from './Badge';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').MemoExoticComponent<({ renderVisual, checkedComponent, uncheckedComponent, indeterminateComponent, checked, defaultChecked, indeterminate, disabled, testId, className, onChange, ref, ...props }: import('./BaseCheckbox').BaseCheckboxProps) => import("react").JSX.Element>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Blanket').BlanketProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 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.Element;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Checkbox').CheckboxBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<Omit<import('./Chip').ChipProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

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

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

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) => React.JSX.Element | null>;
+declare const _default: React.NamedExoticComponent<BaseDialogProps & React.RefAttributes<HTMLDialogElement>>;
 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.Element;
+declare const Dialog: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<HTMLDialogElement>>;
 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';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: (({ onClose, onAction, onSecondaryAction, testId, className, children, ...props }: import('./Dialog').DialogProps) => import("react").JSX.Element) & import('./Dialog').DialogSubComponents;
+    component: import('react').ForwardRefExoticComponent<import('./Dialog').DialogProps & import('react').RefAttributes<HTMLDialogElement>> & import('./Dialog').DialogSubComponents;
     parameters: {
         docs: {
             story: string;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ testId, children, labelId, ...props }: import('./FileInput').FileInputProps) => import("react").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Footer').FooterProps> & {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Header').HeaderProps> & {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').MemoExoticComponent<({ level, as, margins, testId, className, ref, noMargins, ...props }: import('./Heading').HeadingProps) => import("react").JSX.Element>;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { Input } from '../../../lib';
 declare const meta: Meta<typeof Input>;
 export default meta;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Label').LabelBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLLabelElement>>;

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

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: <C extends import('react').ElementType = "a">(props: import('./Link').LinkProps<C> & {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { default as Main } from './Main';
 declare const meta: {
     title: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Modal').ModalProps & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Overlay').OverlayProps & import('react').RefAttributes<import('./Overlay').Ref>>;
@@ -39,7 +39,7 @@ declare const meta: {
         children: string;
         reference: undefined;
     };
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         reference: import('react').RefObject<HTMLElement | null>;
         placement?: import('@floating-ui/utils').Placement | undefined;
         blanket?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     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;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 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.Element>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Radio').RadioBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     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;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: <T extends string | number = string>(props: import('./Select.types').SelectProps<T>) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Snackbar').SnackbarBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLOutputElement>>;

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

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: <C extends import('react').ElementType = "a">(props: import('./StandaloneLink').StandaloneLinkProps<C> & {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ variant, icon, onCheck, checked, onButtonClick, testId, className, children, checkboxProps, buttonProps, ...props }: import('./Cell').TableCellProps) => import("react").JSX.Element;
@@ -9,7 +9,7 @@ declare const meta: {
         className: string;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         variant?: import('../..').ColumnVariant | undefined;
         icon?: import('react').ReactNode;
         checked?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { SortOrder } from '../../Table.types';
 declare const meta: {
     title: string;
@@ -14,7 +14,7 @@ declare const meta: {
         children: string;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         variant?: import('../..').ColumnVariant | undefined;
         accessor?: string | undefined;
         sort?: SortOrder | undefined;

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

@@ -1,11 +1,17 @@
-import { ButtonHTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export declare const NAME = "ucl-uikit-tabs__tab";
-export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface TabProps extends HTMLAttributes<HTMLElement> {
     testId?: string;
-    label: string;
     value: string;
+    children?: ReactNode;
+    count?: number;
+    /** @deprecated Use count instead. */
     counter?: number;
-    ref?: React.RefObject<HTMLButtonElement>;
+    disabled?: boolean;
+    asChild?: boolean;
+    ref?: React.Ref<HTMLElement>;
+    /** @deprecated Prefer children for the tab content. */
+    label?: ReactNode;
 }
-declare const _default: import('react').MemoExoticComponent<({ testId, className, label, value, counter, ref, ...props }: TabProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ testId, className, children, label, value, count, counter, disabled, asChild, onClick, ref, ...props }: TabProps) => import("react").JSX.Element>;
 export default _default;

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

@@ -1,10 +1,16 @@
-interface TabContextType {
-    activeTab: string;
-    setActiveTab: (value: string) => void;
-    onChange?: (value: string) => void;
-    fullWidth?: boolean;
-    color?: string;
+export type TabsActivationMode = 'automatic' | 'manual';
+export type TabsOrientation = 'horizontal' | 'vertical';
+export interface TabsContextType {
+    value: string | undefined;
+    setValue: (value: string) => void;
+    baseId: string;
+    activationMode: TabsActivationMode;
+    orientation: TabsOrientation;
+    fullWidth: boolean;
+    panelValues: Set<string>;
 }
-declare const TabContext: import('react').Context<TabContextType | undefined>;
-export declare const useTabContext: () => TabContextType;
+declare const TabContext: import('react').Context<TabsContextType | undefined>;
+export declare const getTabId: (baseId: string, value: string) => string;
+export declare const getTabPanelId: (baseId: string, value: string) => string;
+export declare const useTabContext: () => TabsContextType;
 export default TabContext;

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

@@ -1,18 +1,35 @@
-import { HTMLAttributes } from 'react';
-import { default as Tab } from './Tab';
+import { HTMLAttributes, NamedExoticComponent } from 'react';
+import { TabsActivationMode, TabsOrientation } from './TabContext';
+import { default as Tab, TabProps } from './Tab';
+import { default as TabsList, TabsListProps } from './TabsList';
+import { default as TabsPanel, TabsPanelProps } from './TabsPanel';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-tabs";
-export interface TabsBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    activeTab: string;
+export interface TabsBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    activationMode?: TabsActivationMode;
+    orientation?: TabsOrientation;
+    testId?: string;
+    ref?: React.Ref<HTMLDivElement>;
+    /** @deprecated Use value instead. */
+    activeTab?: string;
+    /** @deprecated Use onValueChange instead. */
     onChange?: (value: string) => void;
+    /** @deprecated Prefer setting fullWidth on Tabs.List. */
     fullWidth?: boolean;
-    testId?: string;
+    /** @deprecated Tabs now uses theme.colour.border.brand by default. */
     color?: string;
-    ref?: React.RefObject<HTMLDivElement>;
 }
 export type TabsProps = TabsBaseProps & MarginProps;
-type TabsComponent = React.FC<TabsProps> & {
+export interface TabsComponent extends NamedExoticComponent<TabsProps> {
+    List: typeof TabsList;
     Tab: typeof Tab;
-};
+    Panel: typeof TabsPanel;
+    /** @deprecated Use Tabs.Tab instead. */
+    Trigger: typeof Tab;
+}
 declare const Tabs: TabsComponent;
+export type { TabProps, TabsActivationMode, TabsListProps, TabsOrientation, TabsPanelProps, };
 export default Tabs;

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

@@ -1,18 +1,14 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('./Tabs').TabsProps> & {
-        Tab: typeof import('./Tab').default;
-    };
+    component: import('./Tabs').TabsComponent;
     parameters: {
         layout: string;
     };
-    args: {
-        activeTab: string;
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const FullWidth: Story;
+export declare const Controlled: Story;
 export declare const AutoWidth: Story;
-export declare const Counter: Story;
+export declare const Count: Story;
+export declare const Links: Story;

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-tabs__list";
+export interface TabsListProps extends HTMLAttributes<HTMLDivElement> {
+    fullWidth?: boolean;
+    testId?: string;
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare const _default: import('react').MemoExoticComponent<({ fullWidth, testId, className, children, onKeyDown, ref, ...props }: TabsListProps) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-tabs__panel";
+export interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    forceMount?: boolean;
+    testId?: string;
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare const _default: import('react').MemoExoticComponent<({ value, forceMount, testId, className, children, ref, ...props }: TabsPanelProps) => import("react").JSX.Element | null>;
+export default _default;

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

@@ -1,2 +1,3 @@
 export { default } from './Tabs';
-export type { TabsProps } from './Tabs';
+export type { TabsActivationMode, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, } from './Tabs';
+export type { TabProps } from './Tab';

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Textarea').TextareaBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { default as Timepicker } from './Timepicker';
 declare const meta: Meta<typeof Timepicker>;
 export default meta;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Toggle').ToggleProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: import('react').NamedExoticComponent<import('./Tooltip').TooltipProps & import('react').RefAttributes<HTMLSpanElement>>;

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { default as UclLogo } from './UclLogo';
 type UclLogoPropsAndCustomArgs = React.ComponentProps<typeof UclLogo> & {
     size?: number;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: ({ value, onValueChange, minDate, maxDate, disabled, className, ...props }: import('./WeekPicker.types').WeekPickerProps) => import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -85,7 +85,7 @@ export type { TableProps } from './Table';
 export { default as Alert } from './Alert';
 export type { AlertProps } from './Alert';
 export { default as Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
+export type { TabsActivationMode, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, } from './Tabs';
 export type { TabProps } from './Tabs/Tab';
 export { default as Accordion } from './Accordion';
 export type { AccordionProps } from './Accordion';