reshaped 3.6.0-canary.2 → 3.6.0-canary.3

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/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: {

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

@@ -1,4 +1,4 @@
-import { expect, userEvent } from "@storybook/test";
+import { expect, userEvent } from "storybook/test";
 import { useTheme } from "../../Theme/index.js";
 import Button from "../../Button/index.js";
 import Reshaped from "../Reshaped.js";

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",

package/dist/components/TextArea/tests/TextArea.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("./..").TextAreaProps> & {

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

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

package/dist/components/TextField/tests/TextField.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("./..").TextFieldProps> & {

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

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

package/dist/components/Theme/tests/Theme.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("./..").ThemeProps>;

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

@@ -1,4 +1,4 @@
-import { expect, userEvent } from "@storybook/test";
+import { expect, userEvent } from "storybook/test";
 import Card from "../../Card/index.js";
 import Button from "../../Button/index.js";
 import View from "../../View/index.js";

package/dist/components/Timeline/tests/Timeline.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("./..").TimelineProps> & {

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

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