reshaped 3.6.0-canary.2 → 3.6.0-canary.4

package/dist/components/Hidden/tests/Hidden.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").HiddenProps>;

package/dist/components/Hidden/tests/Hidden.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Hidden from "../index.js";
 export default {
     title: "Utility components/Hidden/tests",

package/dist/components/HiddenVisually/tests/HiddenVisually.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").HiddenVisuallyProps>;

package/dist/components/HiddenVisually/tests/HiddenVisually.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import HiddenVisually from "../index.js";
 export default {
     title: "Utility components/HiddenVisually/tests",

package/dist/components/Hotkey/tests/Hotkey.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("..").HotkeyProps>;

package/dist/components/Hotkey/tests/Hotkey.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Hotkey from "../Hotkey.js";
 export default {
     title: "Components/Hotkey/tests",

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

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").IconProps>;

package/dist/components/Icon/tests/Icon.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Icon from "../index.js";
 import IconZap from "../../../icons/Zap.js";
 export default {

package/dist/components/Image/tests/Image.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn, Mock } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn, Mock } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("..").ImageProps>;

package/dist/components/Image/tests/Image.stories.js

@@ -1,4 +1,4 @@
-import { expect, fn, waitFor } from "@storybook/test";
+import { expect, fn, waitFor } from "storybook/test";
 import { Example } from "../../../utilities/storybook/index.js";
 import View from "../../View/index.js";
 import Icon from "../../Icon/index.js";

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

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<import("../../Actionable").ActionableProps, "children" | "disabled" | "className" | "attributes" | "type" | "onClick" | "href" | "stopPropagation"> & {

package/dist/components/Link/tests/Link.test.stories.js

@@ -1,4 +1,4 @@
-import { userEvent, expect, fn } from "@storybook/test";
+import { userEvent, expect, fn } from "storybook/test";
 import Link from "../index.js";
 export default {
     title: "Components/Link/tests",

package/dist/components/Loader/tests/Loader.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").LoaderProps>;

package/dist/components/Loader/tests/Loader.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Loader from "../index.js";
 export default {
     title: "Components/Loader/tests",

package/dist/components/MenuItem/tests/MenuItem.test.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("../MenuItem.types").Export;

package/dist/components/MenuItem/tests/MenuItem.test.stories.js

@@ -1,4 +1,4 @@
-import { userEvent, expect, fn } from "@storybook/test";
+import { userEvent, expect, fn } from "storybook/test";
 import MenuItem from "../index.js";
 export default {
     title: "Components/MenuItem/tests",

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.FC<import("./..").ModalProps> & {

package/dist/components/Modal/tests/Modal.test.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { within, expect, fn, userEvent, waitFor } from "@storybook/test";
+import { within, expect, fn, userEvent, waitFor } from "storybook/test";
 import Button from "../../Button/index.js";
 import Modal from "../index.js";
 import useToggle from "../../../hooks/useToggle.js";

package/dist/components/NumberField/tests/NumberField.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { Mock } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { Mock } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").NumberFieldProps>;

package/dist/components/NumberField/tests/NumberField.stories.js

@@ -1,4 +1,4 @@
-import { expect, fn, userEvent } from "@storybook/test";
+import { expect, fn, userEvent } from "storybook/test";
 import FormControl from "../../FormControl/index.js";
 import NumberField from "../index.js";
 import { Example } from "../../../utilities/storybook/index.js";

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

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").OverlayProps>;

package/dist/components/Overlay/tests/Overlay.stories.js

@@ -1,4 +1,4 @@
-import { userEvent } from "@storybook/test";
+import { userEvent } from "storybook/test";
 import { Example } from "../../../utilities/storybook/index.js";
 import Overlay from "../index.js";
 import Button from "../../Button/index.js";

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.FC<import("./..").OverlayProps>;

package/dist/components/Overlay/tests/Overlay.test.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { within, expect, fn, userEvent, waitFor } from "@storybook/test";
+import { within, expect, fn, userEvent, waitFor } from "storybook/test";
 import Button from "../../Button/index.js";
 import Overlay from "../index.js";
 import useToggle from "../../../hooks/useToggle.js";

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

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").PaginationProps>;

package/dist/components/Pagination/tests/Pagination.test.stories.js

@@ -1,4 +1,4 @@
-import { expect, within, fn, userEvent } from "@storybook/test";
+import { expect, within, fn, userEvent } from "storybook/test";
 import Pagination from "../index.js";
 export default {
     title: "Components/Pagination/tests",

package/dist/components/PinField/tests/PinField.test.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").PinFieldProps>;

package/dist/components/PinField/tests/PinField.test.stories.js

@@ -1,4 +1,4 @@
-import { expect, fn, userEvent, waitFor } from "@storybook/test";
+import { expect, fn, userEvent, waitFor } from "storybook/test";
 import FormControl from "../../FormControl/index.js";
 import PinField from "../index.js";
 export default {

package/dist/components/Popover/tests/Popover.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").PopoverProps> & {
@@ -58,3 +58,7 @@ export declare const variant: {
     name: string;
     render: () => import("react").JSX.Element;
 };
+export declare const teslContentEditable: {
+    name: string;
+    render: () => import("react").JSX.Element;
+};

package/dist/components/Popover/tests/Popover.stories.js

@@ -1,10 +1,13 @@
-import { expect, fn, userEvent, within, waitFor } from "@storybook/test";
+import { useState } from "react";
+import { expect, fn, userEvent, within, waitFor } from "storybook/test";
 import { Example } from "../../../utilities/storybook/index.js";
 import { sleep } from "../../../utilities/helpers.js";
 import View from "../../View/index.js";
 import Popover from "../index.js";
 import Tooltip from "../../Tooltip/index.js";
 import Button from "../../Button/index.js";
+import MenuItem from "../../MenuItem/index.js";
+import ScrollArea from "../../ScrollArea/index.js";
 export default {
     title: "Components/Popover",
     component: Popover,
@@ -256,3 +259,43 @@ export const variant = {
 			</Example.Item>
 		</Example>),
 };
+export const teslContentEditable = {
+    name: "test: contenteditable",
+    render: () => {
+        const [active, setActive] = useState(false);
+        return (<Popover>
+				<Popover.Trigger>
+					{(attributes) => <Button attributes={attributes}>Open</Button>}
+				</Popover.Trigger>
+				<Popover.Content>
+					<View gap={4}>
+						<View.Item>
+							<Button onClick={() => { }}>Hello</Button>
+						</View.Item>
+
+						<ScrollArea height="100px">
+							<div style={{ height: "200px" }} contentEditable tabIndex={0} onInput={(e) => {
+                setActive(e.currentTarget.innerText.startsWith("@"));
+            }} onKeyDown={(e) => {
+                console.log(e.key);
+                if (e.key === "Enter" && active) {
+                    e.preventDefault();
+                    e.currentTarget.innerText = "@hello";
+                    setActive(false);
+                }
+            }}/>
+						</ScrollArea>
+
+						<Popover active={active} onClose={() => setActive(false)} originCoordinates={{ x: 300, y: 300 }} trapFocusMode="selection-menu">
+							<Popover.Content>
+								<View gap={4}>
+									<MenuItem onClick={() => { }}>Action</MenuItem>
+									<MenuItem onClick={() => { }}>Close</MenuItem>
+								</View>
+							</Popover.Content>
+						</Popover>
+					</View>
+				</Popover.Content>
+			</Popover>);
+    },
+};

package/dist/components/Progress/tests/Progress.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").ProgressProps>;

package/dist/components/Progress/tests/Progress.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Progress from "../index.js";
 export default {
     title: "Components/Progress/tests",

package/dist/components/ProgressIndicator/tests/ProgressIndicator.stories.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: React.FC<import("./..").ProgressIndicatorProps>;

package/dist/components/ProgressIndicator/tests/ProgressIndicator.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import { Example } from "../../../utilities/storybook/index.js";
 import ProgressIndicator from "../index.js";
 import View from "../../View/index.js";

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

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").RadioProps>;

package/dist/components/Radio/tests/Radio.test.stories.js

@@ -1,4 +1,4 @@
-import { expect, userEvent, fn } from "@storybook/test";
+import { expect, userEvent, fn } from "storybook/test";
 import Radio from "../index.js";
 export default {
     title: "Components/Radio/tests",

package/dist/components/RadioGroup/tests/RadioGroup.test.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").RadioGroupProps>;

package/dist/components/RadioGroup/tests/RadioGroup.test.stories.js

@@ -1,4 +1,4 @@
-import { fn, userEvent, expect } from "@storybook/test";
+import { fn, userEvent, expect } from "storybook/test";
 import RadioGroup from "../index.js";
 import Radio from "../../Radio/index.js";
 export default {

package/dist/components/Reshaped/Reshaped.js

@@ -16,11 +16,11 @@ const ReshapedInner = (props) => {
     return (_jsx(SingletonKeyboardModeProvider, { children: _jsx(SingletonEnvironmentContext.Provider, { value: { rtl: rtlState, defaultViewport }, children: _jsx(SingletonHotkeysProvider, { children: _jsx(ToastProvider, { options: toastOptions, children: children }) }) }) }));
 };
 const Reshaped = (props) => {
-    const { theme, defaultTheme = "reshaped", defaultColorMode, scoped, className } = props;
+    const { theme, defaultTheme = "reshaped", colorMode, defaultColorMode, scoped, className, } = props;
     const rootClassNames = classNames(s.root, className);
     const scopeRef = React.useRef(null);
     const parentGlobalColorMode = useGlobalColorMode();
-    return (_jsx(GlobalColorMode, { defaultMode: defaultColorMode || parentGlobalColorMode.mode || "light", scopeRef: !!parentGlobalColorMode && scoped ? scopeRef : undefined, children: _jsx(PrivateTheme, { name: theme, defaultName: defaultTheme, className: rootClassNames, scoped: scoped, scopeRef: !!parentGlobalColorMode && scoped ? scopeRef : undefined, children: _jsx(ReshapedInner, { ...props, children: props.children }) }) }));
+    return (_jsx(GlobalColorMode, { defaultMode: defaultColorMode || parentGlobalColorMode.mode || "light", mode: colorMode, scopeRef: !!parentGlobalColorMode && scoped ? scopeRef : undefined, children: _jsx(PrivateTheme, { name: theme, defaultName: defaultTheme, className: rootClassNames, scoped: scoped, scopeRef: !!parentGlobalColorMode && scoped ? scopeRef : undefined, children: _jsx(ReshapedInner, { ...props, children: props.children }) }) }));
 };
 Reshaped.displayName = "Reshaped";
 export default Reshaped;

package/dist/components/Reshaped/Reshaped.types.d.ts

@@ -7,6 +7,7 @@ export type Props = {
     theme?: NonNullable<ThemeProps["name"]>;
     defaultTheme?: NonNullable<ThemeProps["defaultName"]>;
     defaultRTL?: boolean;
+    colorMode?: GlobalColorModeProps["mode"];
     defaultColorMode?: GlobalColorModeProps["defaultMode"];
     defaultViewport?: G.Viewport;
     toastOptions?: ToastProviderProps["options"];

package/dist/components/Reshaped/tests/Reshaped.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     parameters: {
@@ -10,6 +10,7 @@ export declare const rtl: {
     name: string;
     render: () => import("react").JSX.Element;
 };
+export declare const controlledMode: StoryObj;
 export declare const lightMode: {
     name: string;
     render: () => import("react").JSX.Element;

package/dist/components/Reshaped/tests/Reshaped.stories.js

@@ -1,4 +1,5 @@
-import { expect, userEvent } from "@storybook/test";
+import { useState } from "react";
+import { expect, userEvent } from "storybook/test";
 import { useTheme } from "../../Theme/index.js";
 import Button from "../../Button/index.js";
 import Reshaped from "../Reshaped.js";
@@ -14,6 +15,25 @@ export const rtl = {
 			Hello
 		</Reshaped>),
 };
+export const controlledMode = {
+    name: "colorMode, controlled",
+    render: () => {
+        const [mode, setMode] = useState("dark");
+        return (<Reshaped theme="reshaped" colorMode={mode}>
+				<Button onClick={() => {
+                setMode(mode === "dark" ? "light" : "dark");
+            }}>
+					Toggle color mode
+				</Button>
+			</Reshaped>);
+    },
+    play: async ({ canvas }) => {
+        const button = canvas.getAllByRole("button")[0];
+        expect(document.documentElement.getAttribute("data-rs-color-mode")).toEqual("dark");
+        await userEvent.click(button);
+        expect(document.documentElement.getAttribute("data-rs-color-mode")).toEqual("light");
+    },
+};
 export const lightMode = {
     name: "defaultColorMode=light",
     render: () => <Reshaped theme="reshaped">Hello</Reshaped>,

package/dist/components/Resizable/tests/Resizable.test.stories.d.ts

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

package/dist/components/Resizable/tests/Resizable.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Resizable from "../index.js";
 export default {
     title: "Components/Resizable/tests",

package/dist/components/Scrim/tests/Scrim.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").ScrimProps>;

package/dist/components/Scrim/tests/Scrim.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Scrim from "../index.js";
 export default {
     title: "Components/Scrim/tests",

package/dist/components/ScrollArea/tests/ScrollArea.stories.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { StoryObj } from "@storybook/react";
-import { Mock } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { Mock } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<import("./..").ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ScrollArea/tests/ScrollArea.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { userEvent, expect, waitFor, fn } from "@storybook/test";
+import { userEvent, expect, waitFor, fn } from "storybook/test";
 import { Example } from "../../../utilities/storybook/index.js";
 import ScrollArea from "../index.js";
 import View from "../../View/index.js";

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

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").SelectProps>;

package/dist/components/Select/tests/Select.test.stories.js

@@ -1,4 +1,4 @@
-import { expect, userEvent, fn } from "@storybook/test";
+import { expect, userEvent, fn } from "storybook/test";
 import Select from "../index.js";
 export default {
     title: "Components/Select/tests",

package/dist/components/Skeleton/tests/Skeleton.test.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").SkeletonProps>;

package/dist/components/Skeleton/tests/Skeleton.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Skeleton from "../index.js";
 export default {
     title: "Components/Skeleton/tests",

package/dist/components/Slider/tests/Slider.stories.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { StoryObj } from "@storybook/react";
-import { Mock } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { Mock } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.FC<import("./..").SliderProps>;

package/dist/components/Slider/tests/Slider.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { expect, fireEvent, fn } from "@storybook/test";
+import { expect, fireEvent, fn } from "storybook/test";
 import { Example } from "../../../utilities/storybook/index.js";
 import Slider from "../index.js";
 import View from "../../View/index.js";

package/dist/components/Stepper/tests/Stepper.test.stories.d.ts

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

package/dist/components/Stepper/tests/Stepper.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Stepper from "../index.js";
 export default {
     title: "Components/Stepper/tests",

package/dist/components/Switch/tests/Switch.test.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").SwitchProps>;

package/dist/components/Switch/tests/Switch.test.stories.js

@@ -1,4 +1,4 @@
-import { expect, fn, userEvent } from "@storybook/test";
+import { expect, fn, userEvent } from "storybook/test";
 import Switch from "../index.js";
 export default {
     title: "Components/Switch/tests",

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

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

package/dist/components/Table/tests/Table.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Table from "../index.js";
 export default {
     title: "Components/Table/tests",

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

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react";
-import { fn } from "@storybook/test";
+import { StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").TabsProps> & {

package/dist/components/Tabs/tests/Tabs.test.stories.js

@@ -1,4 +1,4 @@
-import { expect, within, userEvent, waitFor, fn } from "@storybook/test";
+import { expect, within, userEvent, waitFor, fn } from "storybook/test";
 import Tabs from "../index.js";
 export default {
     title: "Components/Tabs/tests",

package/dist/components/Text/tests/Text.test.stories.d.ts

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

package/dist/components/Text/tests/Text.test.stories.js

@@ -1,4 +1,4 @@
-import { expect } from "@storybook/test";
+import { expect } from "storybook/test";
 import Text from "../index.js";
 export default {
     title: "Utility components/Text/tests",