Merge branch 'development'

Author: shannonhochkins

.storybook/components/afterDescription.tsx

@@ -1,4 +1,4 @@
-import { useOf } from '@storybook/blocks';
+import { useOf } from '@storybook/addon-docs/blocks';
 
 export function AfterDescription() {
   const meta = useOf('meta', ['meta']);

.storybook/components/afterPrimary.tsx

@@ -1,4 +1,4 @@
-import { useOf } from '@storybook/blocks';
+import { useOf } from '@storybook/addon-docs/blocks';
 
 export function AfterPrimary() {
   const meta = useOf('meta', ['meta']);

.storybook/components/importExample.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Source } from "@storybook/blocks";
-import { useOf } from '@storybook/blocks';
+import { Source } from "@storybook/addon-docs/blocks";
+import { useOf } from '@storybook/addon-docs/blocks';
 
 export function ImportExample() {
   const meta = useOf('meta', ['meta']);

.storybook/main.ts

@@ -14,9 +14,8 @@ export default ({
     "../packages/**/*.stories.@(js|jsx|ts|tsx)"
   ],
   addons: [
-    "@storybook/addon-themes",
-    "@storybook/addon-essentials",
-    "@storybook/addon-docs",
+    getAbsolutePath("@storybook/addon-themes"),
+    getAbsolutePath("@storybook/addon-docs")
   ],
   core: {},
   staticDirs: ['../static'],

.storybook/manager.ts

@@ -1,5 +1,5 @@
-import { create } from '@storybook/theming/create';
-import { addons } from '@storybook/manager-api';
+import { create } from 'storybook/theming/create';
+import { addons } from 'storybook/manager-api';
 
 const theme = create({
     base: 'dark',

.storybook/page.tsx

@@ -1,4 +1,4 @@
-import { Title, Description, Primary, ArgTypes, useOf } from "@storybook/blocks";
+import { Title, Description, Primary, ArgTypes, useOf } from "@storybook/addon-docs/blocks";
 import React from "react";
 import { ImportExample } from "./components/importExample";
 import { AfterDescription } from "./components/afterDescription";

.storybook/preview.tsx

@@ -1,7 +1,7 @@
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react-vite";
 import React from "react";
 import { withThemeFromJSXProvider } from '@storybook/addon-themes';
-import { ThemeProvider } from '@storybook/theming';
+import { ThemeProvider } from 'storybook/theming';
 import { Page } from "./page";
 import { redirectToStory } from './redirect';
 import './global.css';