uikit-react-public 0.29.6 → 0.30.0

package/lib/Welcome.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/addon-docs/blocks";
 import { UclLogo } from "./components/";
 
 <Meta title="Welcome" />

package/lib/components/Accordion/Accordion.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Accordion from './Accordion';
 
 const meta = {

package/lib/components/Alert/Alert.mdx

@@ -1,5 +1,5 @@
 import * as AlertStories from './Alert.stories';
-import { Meta, Title, Subtitle, Canvas, Controls } from '@storybook/blocks';
+import { Meta, Title, Subtitle, Canvas, Controls } from '@storybook/addon-docs/blocks';
 
 <Meta of={AlertStories} />
 <Title />

package/lib/components/Alert/Alert.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Alert from './Alert';
 import { theme } from '../../theme';
 

package/lib/components/AppHeader/AppHeader.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 
 import AppHeader from './AppHeader';

package/lib/components/AppMenu/AppMenu.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Link as InternalLink } from 'wouter';
 import AppMenu from './AppMenu';
 import Icon from '../Icon/Icon';

package/lib/components/Avatar/Avatar.mdx

@@ -1,5 +1,5 @@
 import * as AvatarStories from "./Avatar.stories";
-import { Meta, Title, Subtitle, Canvas, Controls, ArgTypes } from "@storybook/blocks";
+import { Meta, Title, Subtitle, Canvas, Controls, ArgTypes } from "@storybook/addon-docs/blocks";
 
 export const usage = {
   image: `<Avatar

package/lib/components/Avatar/Avatar.stories.tsx

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Avatar, { type AvatarProps } from './Avatar';
 import sampleAvatarPhoto from '../../../public/sample-avatar-photo.jpg';
 

package/lib/components/Badge/Badge.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 import Badge from './Badge';
 import { type BadgeVariant } from './Badge';

package/lib/components/BaseCheckbox/BaseCheckbox.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 
 import BaseCheckbox from './BaseCheckbox';
 import Icon from '../Icon';

package/lib/components/Blanket/Blanket.stories.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Blanket from './Blanket';
 
 const meta = {

package/lib/components/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Breadcrumbs from './Breadcrumbs';
 

package/lib/components/Button/Button.mdx

@@ -7,7 +7,7 @@ import {
   Canvas,
   Controls,
   ArgTypes,
-} from '@storybook/blocks';
+} from '@storybook/addon-docs/blocks';
 
 export const usage = {
   default: `<Button>Default Button</Button>`,

package/lib/components/Button/Button.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 import Button from './Button';
 import Icon from '../Icon';
 import { theme } from '../../theme';

package/lib/components/Calendar/Calendar.stories.tsx

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Calendar from './Calendar';
-import { useArgs } from '@storybook/preview-api';
+import { useArgs } from 'storybook/preview-api';
 import type { AcademicWeek } from './Calendar.types';
 
 const meta = {

package/lib/components/Calendar/subcomponents/Day.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Day from './Day';
 
 const meta = {

package/lib/components/Checkbox/Checkbox.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 
 import Checkbox from './Checkbox';
 

package/lib/components/Chip/Chip.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 
 import Chip from './Chip';
 

package/lib/components/Datepicker/Datepicker.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 import Datepicker from './Datepicker';
 import Field from '../Field';
 import Label from '../Label';

package/lib/components/Dialog/Dialog.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Dialog from './Dialog';
 
 const meta = {

package/lib/components/Divider/Divider.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Divider from './Divider';
 

package/lib/components/Dropdown/Dropdown.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 import Dropdown from './Dropdown';
 import Button from '../Button';

package/lib/components/FeedbackDialog/FeedbackDialog.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import FeedbackDialog from './FeedbackDialog';
 
 const meta = {

package/lib/components/Field/Field.stories.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 import { css } from '@emotion/css';
 import Field from './Field';
 // Direct imports to avoid circular dependency warning at build time due to context

package/lib/components/FileInput/FileInput.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import FileInput from './FileInput';
 
 const meta = {

package/lib/components/Footer/Footer.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Footer from './Footer';
 

package/lib/components/Header/Header.mdx

@@ -1,5 +1,5 @@
 import * as HeaderStories from "./Header.stories";
-import { Meta, Title, Subtitle, Canvas, Controls } from "@storybook/blocks";
+import { Meta, Title, Subtitle, Canvas, Controls } from "@storybook/addon-docs/blocks";
 
 export const usage = {
   default: `<Header title='App Name' />`,

package/lib/components/Header/Header.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Header from './Header';
 import Menu from '../Menu';
 import Icon from '../Icon';

package/lib/components/Heading/Documentation.mdx

@@ -7,7 +7,7 @@ import {
   Controls,
   Source,
   ArgTypes,
-} from '@storybook/blocks';
+} from '@storybook/addon-docs/blocks';
 
 export const usage = {
   default: `<Heading>Default Heading</Heading>`,

package/lib/components/Heading/Heading.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Heading from './Heading';
 

package/lib/components/Icon/Icon.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Icon from './Icon';
 import { ComponentType } from 'react';
 

package/lib/components/IconButton/IconButton.stories.tsx

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import IconButton from './IconButton';
 import Icon from '../Icon/Icon';
 

package/lib/components/Input/Documentation.mdx

@@ -7,7 +7,7 @@ import {
   Controls,
   Source,
   ArgTypes,
-} from '@storybook/blocks';
+} from '@storybook/addon-docs/blocks';
 
 export const usage = {
   default: `<Input />`,

package/lib/components/Input/Input.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Input } from '../../../lib';
 import { Icon } from '../../../lib';
 

package/lib/components/Label/Label.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Label from './Label';
 

package/lib/components/Layout/Layout.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 import { useTheme } from '../../theme';
 import Layout from './Layout';

package/lib/components/Link/Link.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Link from './Link';
 

package/lib/components/Main/Main.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Main from './Main';
 
 const meta = {

package/lib/components/Modal/Modal.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Modal from './Modal';
 import Button from '../Button/Button';
 import Text from '../Paragraph/Paragraph';

package/lib/components/NativeDatepicker/NativeDatepicker.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 import NativeDatepicker from './NativeDatepicker';
 
 const meta = {

package/lib/components/Overlay/Overlay.stories.tsx

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 import Overlay from './Overlay';
 

package/lib/components/Overlay/Overlay.tsx

@@ -127,10 +127,7 @@ const Overlay = forwardRef<Ref, OverlayProps>(
     });
 
     const overlayPlacement = currentPlacement.split('-')[0] as
-      | 'left'
-      | 'right'
-      | 'top'
-      | 'bottom';
+      'left' | 'right' | 'top' | 'bottom';
 
     useLayoutEffect(() => {
       refs.setReference(reference.current);

package/lib/components/Pagination/Pagination.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Pagination from './Pagination';
 
 const meta = {

package/lib/components/Paragraph/Paragraph.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Paragraph from './Paragraph';
 import { Link } from '../';
 

package/lib/components/Radio/Radio.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 
 import Radio from './Radio';
 

package/lib/components/Search/Search.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Search from './Search';
 
 const meta = {

package/lib/components/Select/Select.mdx

@@ -1,5 +1,5 @@
 import * as SelectStories from "./Select.stories";
-import { Meta, Title, Subtitle, Canvas, Controls, ArgTypes } from "@storybook/blocks";
+import { Meta, Title, Subtitle, Canvas, Controls, ArgTypes } from "@storybook/addon-docs/blocks";
 
 export const usage = {
   default: `<Select

package/lib/components/Select/Select.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 import Select from './Select';
 import { css } from '@emotion/css';
 

package/lib/components/Select/Select.types.ts

@@ -149,8 +149,7 @@ export type ClearableSelectProps<T = string | number> = SelectBaseProps<T> & {
  * Public props for <Select>, used by both custom and native render paths.
  */
 export type SelectProps<T = string | number> =
-  | NonClearableSelectProps<T>
-  | ClearableSelectProps<T>;
+  NonClearableSelectProps<T> | ClearableSelectProps<T>;
 
 export type InternalSelectProps<T = string | number> = SelectBaseProps<T> & {
   value?: T | null;

package/lib/components/Snackbar/Snackbar.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 import Snackbar from './Snackbar';
 

package/lib/components/Spinner/Spinner.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { css } from '@emotion/css';
 import Spinner from './Spinner';
 import { theme } from '../../theme';

package/lib/components/StandaloneLink/StandaloneLink.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import Link from './StandaloneLink';
 

package/lib/components/Table/Table.stories.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import Table from './Table';
 import Badge from '../Badge/Badge';
 import Icon from '../Icon/Icon';

package/lib/components/Table/subcomponents/Cell/Cell.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useArgs } from 'storybook/preview-api';
 import { css } from '@emotion/css';
 import Row from '../Row';
 import Cell from './Cell';

package/lib/components/Table/subcomponents/HeadCell/HeadCell.stories.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import HeadCell from './HeadCell';
 import Head from '../Head';
 import { SortOrder } from '../../Table.types';