@typespec/playground 0.4.0-dev.1 → 0.4.0-dev.5

package/dist/react/viewers/index.js

@@ -6,7 +6,7 @@ const style = {
 	"swagger-ui-container": "_swagger-ui-container_1c81n_1"
 };
 
-const LazySwaggerUI = lazy(() => import('../../react-wrapper-CT3xxCSW.js'));
+const LazySwaggerUI = lazy(() => import('../../react-wrapper-BE4armyk.js'));
 const SwaggerUI = (props) => {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", {}), children: /* @__PURE__ */ jsx("div", { className: style["swagger-ui-container"], children: /* @__PURE__ */ jsx(LazySwaggerUI, { spec: props.spec }) }) });
 };

package/dist/{react-wrapper-CT3xxCSW.js → react-wrapper-BE4armyk.js}

@@ -13,7 +13,7 @@ const reactWrapper = (props) => {
       });
     }
     uiInstance.current.specActions.updateSpec(props.spec);
-  }, [uiRef.current, props.spec]);
+  }, [props.spec]);
   return /* @__PURE__ */ jsx("div", { ref: uiRef });
 };
 

package/dist/src/editor-command-bar/editor-command-bar.d.ts

@@ -1,5 +1,5 @@
 import { CompilerOptions } from '@typespec/compiler';
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 import { BrowserHost, PlaygroundSample } from '../types.js';
 
 export interface EditorCommandBarProps {
@@ -7,6 +7,7 @@ export interface EditorCommandBarProps {
     saveCode: () => Promise<void> | void;
     formatCode: () => Promise<void> | void;
     fileBug?: () => Promise<void> | void;
+    commandBarButtons?: ReactNode;
     host: BrowserHost;
     selectedEmitter: string;
     onSelectedEmitterChange: (emitter: string) => void;

package/dist/src/editor-command-bar/editor-command-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/editor-command-bar/editor-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAW,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE5D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AACD,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CAyErE,CAAC"}
+{"version":3,"file":"editor-command-bar.d.ts","sourceRoot":"","sources":["../../../src/editor-command-bar/editor-command-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAW,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE5D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AACD,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,CA2ErE,CAAC"}

package/dist/src/react/context/playground-context.d.ts

@@ -2,6 +2,7 @@ import { BrowserHost } from '../../types.js';
 
 export interface PlaygroundContext {
     readonly host: BrowserHost;
+    readonly setContent: (content: string) => void;
 }
 export declare const PlaygroundContextProvider: import('react').Provider<PlaygroundContext | undefined>;
 export declare function usePlaygroundContext(): PlaygroundContext;

package/dist/src/react/context/playground-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground-context.d.ts","sourceRoot":"","sources":["../../../../src/react/context/playground-context.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;CAC5B;AAID,eAAO,MAAM,yBAAyB,yDAA6B,CAAC;AAEpE,wBAAgB,oBAAoB,IAAI,iBAAiB,CAMxD"}
+{"version":3,"file":"playground-context.d.ts","sourceRoot":"","sources":["../../../../src/react/context/playground-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAID,eAAO,MAAM,yBAAyB,yDAA6B,CAAC;AAEpE,wBAAgB,oBAAoB,IAAI,iBAAiB,CAMxD"}

package/dist/src/react/diagnostic-list/diagnostic-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diagnostic-list.d.ts","sourceRoot":"","sources":["../../../../src/react/diagnostic-list/diagnostic-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EAGhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IAC5C,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAqBjE,CAAC"}
+{"version":3,"file":"diagnostic-list.d.ts","sourceRoot":"","sources":["../../../../src/react/diagnostic-list/diagnostic-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,EAGhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IAC5C,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAoBjE,CAAC"}

package/dist/src/react/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/react/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAA8B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC,oCAAoC,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAyCjD,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAK5E"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/react/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAA8B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC,oCAAoC,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CA2CjD,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAK5E"}

package/dist/src/react/file-output/file-output.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-output.d.ts","sourceRoot":"","sources":["../../../../src/react/file-output/file-output.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;CACpD;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA2CzD,CAAC"}
+{"version":3,"file":"file-output.d.ts","sourceRoot":"","sources":["../../../../src/react/file-output/file-output.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;CACpD;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAyCzD,CAAC"}

package/dist/src/react/footer/footer-version-item.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 export interface VersionSelectorVersion {
     name: string;
     label: string;

package/dist/src/react/footer/footer-version-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer-version-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-version-item.tsx"],"names":[],"mappings":";AAmBA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IAEnC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC;IAEjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,4DAA8B,sBAAsB,6CAqBhF,CAAC"}
+{"version":3,"file":"footer-version-item.d.ts","sourceRoot":"","sources":["../../../../src/react/footer/footer-version-item.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IAEnC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC;IAEjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,4DAA8B,sBAAsB,6CAqBhF,CAAC"}

package/dist/src/react/index.d.ts

@@ -1,4 +1,5 @@
 export { usePlaygroundContext } from './context/index.js';
+export { Editor, useMonacoModel, type EditorProps } from './editor.js';
 export { Footer, FooterItem, FooterVersionItem, type FooterItemProps, type FooterProps, type FooterVersionItemProps, type VersionSelectorProps, type VersionSelectorVersion, } from './footer/index.js';
 export { Playground } from './playground.js';
 export type { PlaygroundProps, PlaygroundSaveData } from './playground.js';

package/dist/src/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EACL,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,sCAAsC,EACtC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,mBAAmB,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EACL,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,sCAAsC,EACtC,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,mBAAmB,YAAY,CAAC"}

package/dist/src/react/output-view/file-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/file-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAkDtF,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAU/E"}
+{"version":3,"file":"file-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/file-viewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAqDtF,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAU/E"}

package/dist/src/react/output-view/output-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-view.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/output-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAiB,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMpG,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAoBzD,CAAC"}
+{"version":3,"file":"output-view.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/output-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAiB,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMpG,MAAM,WAAW,eAAe;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAwBzD,CAAC"}

package/dist/src/react/output-view/type-graph-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type-graph-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/type-graph-viewer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAwBpE,eAAO,MAAM,eAAe,EAAE,aAK7B,CAAC"}
+{"version":3,"file":"type-graph-viewer.d.ts","sourceRoot":"","sources":["../../../../src/react/output-view/type-graph-viewer.tsx"],"names":[],"mappings":"AAEA,OAAO,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,aAAa,CAAC;AAWpE,eAAO,MAAM,eAAe,EAAE,aAK7B,CAAC"}

package/dist/src/react/playground.d.ts

@@ -30,6 +30,8 @@ export interface PlaygroundProps {
     /** Callback when sample change */
     onSampleNameChange?: (sampleName: string) => void;
     onFileBug?: () => void;
+    /** Additional buttons to show up in the command bar */
+    commandBarButtons?: ReactNode;
     /** Playground links */
     links?: PlaygroundLinks;
     /** Custom viewers to view the typespec program */

package/dist/src/react/playground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAGtE,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAUjE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGpF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,sBAAsB;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA2MzD,CAAC"}
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../../src/react/playground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAEtE,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAOjE,OAAO,KAAK,EAAoB,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGpF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAElB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAEtC,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,sBAAsB;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,yDAAyD;IACzD,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAE7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE3C,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAElD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEpD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,wBAAwB,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA4NzD,CAAC"}

package/dist/src/react/settings/emitter-options-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAuCzE,CAAC"}
+{"version":3,"file":"emitter-options-form.d.ts","sourceRoot":"","sources":["../../../../src/react/settings/emitter-options-form.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;IACvC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAwCzE,CAAC"}

package/dist/style.css

@@ -24,6 +24,126 @@
   height: 100%;
   padding: 0 5px;
 }
+._split-pane_v2eo6_1 {
+  flex: 1;
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+._split-disabled_v2eo6_8 {
+  user-select: none;
+}
+
+._split-pane-dragging_v2eo6_12._react-split-vertical_v2eo6_12 {
+  cursor: col-resize;
+}
+
+._split-pane-dragging_v2eo6_12._react-split-horizontal_v2eo6_16 {
+  cursor: row-resize;
+}
+
+._sash_v2eo6_20 {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  transition: background-color 0.1s;
+  width: 100%;
+  z-index: 2;
+}
+
+._sash-disabled_v2eo6_29 {
+  pointer-events: none;
+}
+
+._sash-vertical_v2eo6_33 {
+  cursor: col-resize;
+}
+
+._sash-horizontal_v2eo6_37 {
+  cursor: row-resize;
+}
+
+._sash-content_v2eo6_41 {
+  width: 100%;
+  height: 100%;
+  background-color: var(--colorNeutralStroke2);
+}
+
+._sash-content-dragging_v2eo6_47,
+._sash-content_v2eo6_41:hover {
+  background-color: var(--colorNeutralStroke1Pressed);
+}
+
+._sash-vertical_v2eo6_33 ._sash-content_v2eo6_41 {
+  width: 1px;
+  margin-left: 1px;
+}
+
+._sash-horizontal_v2eo6_37 ._sash-content_v2eo6_41 {
+  height: 1px;
+  margin-top: 1px;
+}
+
+._sash-vertical_v2eo6_33 ._sash-content-dragging_v2eo6_47 {
+  width: 100%;
+}
+
+._sash-horizontal_v2eo6_37 ._sash-content-dragging_v2eo6_47 {
+  height: 100%;
+}
+
+._pane_v2eo6_70 {
+  height: 100%;
+  position: absolute;
+  white-space: normal;
+  width: 100%;
+  overflow: hidden;
+}
+._tree_16lfo_1 {
+  outline: none;
+}
+._tree-row_16lfo_4 {
+  cursor: pointer;
+  display: block;
+  height: 22px;
+  line-height: 22px;
+  user-select: none;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 12px;
+  display: flex;
+}
+
+._tree-row_16lfo_4:hover,
+._tree-row_16lfo_4._focus_16lfo_18 {
+  background: var(--colorNeutralBackground4);
+}
+
+._tree-row_16lfo_4._active_16lfo_22 {
+  background: var(--colorNeutralBackground2Selected);
+}
+
+._tree-row_16lfo_4 ._caret_16lfo_26 {
+  width: 16px;
+  display: flex;
+  align-items: center;
+}
+
+._tree-row_16lfo_4 ._icon_16lfo_32 {
+  width: 16px;
+  display: flex;
+  align-items: center;
+}
+
+._tree-row_16lfo_4 ._label_16lfo_38 {
+  flex: 1;
+}
+
+._tree-row_16lfo_4 ._column_16lfo_42:last-child {
+  margin-right: 5px;
+}
 ._form_sqeas_1 {
   display: flex;
   flex-direction: column;
@@ -112,6 +232,250 @@
 ._viewer-error_omce4_30 {
   padding: 20px;
 }
+._type-kind-icon_1l8cz_1 {
+  color: var(--colorPaletteBerryForeground2);
+  font-weight: bold;
+  padding: 1px 1px;
+  border-radius: 2px;
+  line-height: 16px;
+}
+._current-path_x1yb7_1 {
+  overflow-y: auto;
+  border: 1px solid var(--colorNeutralStroke1);
+}
+
+._current-path_x1yb7_1._focus_x1yb7_6 {
+  border-bottom: 1px solid var(--colorBrandForeground1);
+}
+._breadcrumb-search_x1yb7_9 {
+  width: 100%;
+  border-radius: 0 !important;
+  border: none !important;
+}
+
+._breadcrumb-search_x1yb7_9::after {
+  border: none !important;
+}
+
+._option_x1yb7_19 {
+  padding: 2px 4px !important;
+}
+
+._option_x1yb7_19 ._doc_x1yb7_23 {
+  color: var(--colorNeutralForeground4);
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+  min-width: 0;
+  flex: 0 1 auto;
+  overflow: hidden;
+}
+
+._flex-gap_x1yb7_32 {
+  flex: 1;
+}
+
+._search-placeholder_x1yb7_36 {
+  color: var(--colorNeutralForeground4);
+  font-size: 12px;
+  margin: 5px;
+  text-wrap: nowrap;
+}
+._item_1lyf1_1 {
+  border-top: 1px solid var(--colorNeutralStroke1);
+  padding: 5px 0 !important;
+}
+
+._item_1lyf1_1:hover {
+  background-color: var(--colorNeutralBackground1Hover);
+}
+._type-graph_yi03c_1 * {
+  box-sizing: border-box;
+}
+
+._tree-navigation-pane_yi03c_5 {
+  height: 100%;
+  overflow-y: auto;
+}
+
+._view-pane_yi03c_10 {
+  padding: 10px;
+  overflow-y: auto;
+}
+
+._current-path_yi03c_15 {
+  margin-bottom: 10px;
+}
+._mono_ouyit_1 {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+._literal_ouyit_5 {
+  color: var(--colorPaletteLightGreenForeground2);
+}
+
+._type-kind_ouyit_9 {
+  color: var(--colorPaletteBerryForeground2);
+}
+._type-kind-tag_ouyit_12 {
+  color: white;
+  background-color: var(--colorPaletteBerryForeground2);
+  border-radius: 2px;
+}
+._type-kind-tag-small_ouyit_17 {
+  height: 16px;
+  line-height: 16px;
+  font-size: 10px;
+  padding: 0 3px;
+}
+
+._type-kind-tag-auto_ouyit_24 {
+  padding: 1px 5px;
+}
+._string_yr0s7_1 {
+  color: var(--colorPaletteLightGreenForeground2);
+}
+
+._boolean_yr0s7_5 {
+  color: var(--colorPaletteDarkOrangeForeground1);
+}
+
+._number_yr0s7_9 {
+  color: var(--colorPaletteDarkOrangeForeground1);
+}
+
+._intrinsic_yr0s7_13 {
+  color: var(--colorPaletteDarkOrangeForeground1);
+}
+._inspect-type_pmg7n_1 {
+  font-size: 12px;
+}
+._inspect-type_pmg7n_1 ul {
+  padding: 0 0 0 16px;
+  margin: 0;
+}
+
+._inspect-type_pmg7n_1 > ul {
+  padding: 0;
+}
+
+._inspect-type_pmg7n_1 li {
+  margin: 0;
+  list-style: none;
+  position: relative;
+}
+
+._type-ui_pmg7n_19 {
+  display: inline;
+}
+._type-ui-header_pmg7n_22 {
+  cursor: pointer;
+  display: inline;
+}
+
+._type-ui-header_pmg7n_22:hover {
+  text-decoration: underline;
+}
+
+._type-name_pmg7n_31 {
+  color: var(--colorNeutralForeground2);
+}
+
+._property_pmg7n_35 {
+  color: var(--colorPaletteMarigoldForeground2);
+}
+
+._named-type-ref_pmg7n_39 {
+  color: var(--colorBrandForeground1);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+._named-type-ref_pmg7n_39:hover {
+  text-decoration: underline;
+}
+
+._js-value_pmg7n_49 {
+  color: var(--colorPaletteDarkOrangeForeground1);
+}
+._object-description_1mqr2_1 {
+  font-style: italic;
+}
+
+._preview_1mqr2_5 {
+  font-style: italic;
+}
+
+._object-name_1mqr2_9 {
+  color: var(--colorPaletteMarigoldForeground2);
+}
+
+._dimmed_1mqr2_13 {
+  opacity: 0.6;
+}
+._table_1qvgd_1 {
+  table-layout: auto;
+  border-collapse: collapse;
+}
+
+._table_1qvgd_1 th {
+  font-weight: bold;
+}
+
+._table_1qvgd_1 thead tr,
+._table_1qvgd_1 tbody tr:not(:last-child) {
+  border-bottom: 1px solid var(--colorNeutralStroke1);
+}
+
+._key_1qvgd_15 {
+  vertical-align: top;
+  color: var(--colorNeutralForeground2);
+}
+
+._data_1qvgd_20 {
+}
+
+._tsp-type-ref_1qvgd_23 {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+}
+
+._tsp-type-logo_1qvgd_29 {
+  display: inline-block;
+  font-size: 7px;
+  width: 12px;
+  height: 12px;
+  line-height: 12px;
+  background-color: var(--colorPaletteBerryForeground2);
+  color: white;
+}
+._type-view_d4sc6_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+._main_d4sc6_7 {
+  padding: var(--fui-Card--size) 0 !important;
+}
+
+._header-section_d4sc6_11 {
+  padding: 0 var(--fui-Card--size);
+}
+
+._inspect-section_d4sc6_15 {
+  padding: 0 var(--fui-Card--size);
+}
+
+._header_d4sc6_11 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+._doc_d4sc6_25 {
+  color: var(--colorNeutralForeground3);
+}
 ._layout_l03ni_1 {
   display: flex;
   flex-direction: column;
@@ -212,82 +576,6 @@
 ._internal-compiler-error_kxgwp_16 {
   padding: 10px;
 }
-._split-pane_v2eo6_1 {
-  flex: 1;
-  height: 100%;
-  position: relative;
-  width: 100%;
-}
-
-._split-disabled_v2eo6_8 {
-  user-select: none;
-}
-
-._split-pane-dragging_v2eo6_12._react-split-vertical_v2eo6_12 {
-  cursor: col-resize;
-}
-
-._split-pane-dragging_v2eo6_12._react-split-horizontal_v2eo6_16 {
-  cursor: row-resize;
-}
-
-._sash_v2eo6_20 {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  transition: background-color 0.1s;
-  width: 100%;
-  z-index: 2;
-}
-
-._sash-disabled_v2eo6_29 {
-  pointer-events: none;
-}
-
-._sash-vertical_v2eo6_33 {
-  cursor: col-resize;
-}
-
-._sash-horizontal_v2eo6_37 {
-  cursor: row-resize;
-}
-
-._sash-content_v2eo6_41 {
-  width: 100%;
-  height: 100%;
-  background-color: var(--colorNeutralStroke2);
-}
-
-._sash-content-dragging_v2eo6_47,
-._sash-content_v2eo6_41:hover {
-  background-color: var(--colorNeutralStroke1Pressed);
-}
-
-._sash-vertical_v2eo6_33 ._sash-content_v2eo6_41 {
-  width: 1px;
-  margin-left: 1px;
-}
-
-._sash-horizontal_v2eo6_37 ._sash-content_v2eo6_41 {
-  height: 1px;
-  margin-top: 1px;
-}
-
-._sash-vertical_v2eo6_33 ._sash-content-dragging_v2eo6_47 {
-  width: 100%;
-}
-
-._sash-horizontal_v2eo6_37 ._sash-content-dragging_v2eo6_47 {
-  height: 100%;
-}
-
-._pane_v2eo6_70 {
-  height: 100%;
-  position: absolute;
-  white-space: normal;
-  width: 100%;
-  overflow: hidden;
-}
 ._swagger-ui-container_1c81n_1 {
   width: 100%;
   height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.4.0-dev.1",
+  "version": "0.4.0-dev.5",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -55,8 +55,8 @@
     "!dist/test/**"
   ],
   "dependencies": {
-    "@fluentui/react-components": "~9.52.0",
-    "@fluentui/react-icons": "^2.0.240",
+    "@fluentui/react-components": "~9.54.2",
+    "@fluentui/react-icons": "^2.0.247",
     "@typespec/bundler": "~0.1.4 || >=0.2.0-dev <0.2.0",
     "@typespec/compiler": "~0.57.0 || >=0.58.0-dev <0.58.0",
     "@typespec/html-program-viewer": "~0.57.0 || >=0.58.0-dev <0.58.0",
@@ -67,40 +67,41 @@
     "@typespec/rest": "~0.57.0 || >=0.58.0-dev <0.58.0",
     "@typespec/versioning": "~0.57.0 || >=0.58.0-dev <0.58.0",
     "clsx": "^2.1.1",
-    "debounce": "~2.0.0",
+    "debounce": "~2.1.0",
     "lzutf8": "0.6.3",
     "monaco-editor": "~0.46.0",
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
     "react-error-boundary": "^4.0.13",
-    "swagger-ui-dist": "^5.17.10",
+    "swagger-ui-dist": "^5.17.14",
     "vscode-languageserver": "~9.0.1",
     "vscode-languageserver-textdocument": "~1.0.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@playwright/test": "^1.44.0",
-    "@storybook/addon-actions": "^8.1.2",
-    "@storybook/cli": "^8.1.2",
-    "@storybook/react": "^8.1.2",
-    "@storybook/react-vite": "^8.1.2",
-    "@storybook/test": "^8.1.2",
-    "@storybook/types": "^8.1.2",
+    "@babel/core": "^7.24.7",
+    "@playwright/test": "^1.45.0",
+    "@storybook/addon-actions": "^8.1.11",
+    "@storybook/cli": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/test": "^8.1.11",
+    "@storybook/types": "^8.1.11",
     "@types/debounce": "~1.2.4",
     "@types/node": "~18.11.19",
-    "@types/react": "~18.3.2",
     "@types/react-dom": "~18.3.0",
-    "@types/swagger-ui-dist": "~3.30.4",
+    "@types/react": "~18.3.3",
+    "@types/swagger-ui-dist": "~3.30.5",
     "@typespec/bundler": "~0.1.4 || >=0.2.0-dev <0.2.0",
-    "@vitejs/plugin-react": "~4.2.1",
-    "c8": "^9.1.0",
+    "@vitejs/plugin-react": "~4.3.1",
+    "c8": "^10.1.2",
     "cross-env": "~7.0.3",
     "es-module-shims": "~1.10.0",
     "rimraf": "~5.0.7",
-    "typescript": "~5.4.5",
-    "vite": "^5.2.11",
-    "vite-plugin-checker": "^0.6.4",
-    "vite-plugin-dts": "^3.9.1"
+    "typescript": "~5.5.3",
+    "vite-plugin-checker": "^0.7.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vite": "^5.3.2",
+    "@typespec/react-components": "~0.57.0"
   },
   "peerDependencies": {},
   "scripts": {