@typespec/html-program-viewer 0.67.0-dev.0 → 0.67.0-dev.2

package/dist/emitter/index.js

@@ -359,7 +359,7 @@ function getDebugTree(debugSequenceHash, parentNode) {
     return undefined;
   }
   const parentLookupItem = parentNode ? DEFINITION_LOOKUP_TABLE[parentNode.sequenceHash] : undefined;
-  const debugClassNames = getDebugClassNames(lookupItem, parentLookupItem, parentNode === null || parentNode === undefined ? undefined : parentNode.debugClassNames, parentNode === null || parentNode === undefined ? undefined : parentNode.children);
+  const debugClassNames = getDebugClassNames(lookupItem, parentLookupItem, parentNode === null || parentNode === void 0 ? void 0 : parentNode.debugClassNames, parentNode === null || parentNode === void 0 ? void 0 : parentNode.children);
   const node = {
     sequenceHash: debugSequenceHash,
     direction: lookupItem[1],
@@ -455,7 +455,7 @@ function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementA
     }
   }
   function insertRule(rule) {
-    if (styleElement === null || styleElement === undefined ? undefined : styleElement.sheet) {
+    if (styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet) {
       return styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length);
     }
     return __cssRulesForSSR.push(rule);
@@ -466,7 +466,7 @@ function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementA
     element: styleElement,
     bucketName,
     cssRules() {
-      if (styleElement === null || styleElement === undefined ? undefined : styleElement.sheet) {
+      if (styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet) {
         return Array.from(styleElement.sheet.cssRules).map(cssRule => cssRule.cssText);
       }
       return __cssRulesForSSR;
@@ -522,8 +522,8 @@ function getStyleSheetKey(bucketName, media, priority) {
 function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, renderer, metadata = {}) {
   var _a, _b;
   const isMediaBucket = bucketName === 'm';
-  const media = (_a = metadata['m']) !== null && _a !== undefined ? _a : '0';
-  const priority = (_b = metadata['p']) !== null && _b !== undefined ? _b : 0;
+  const media = (_a = metadata['m']) !== null && _a !== void 0 ? _a : '0';
+  const priority = (_b = metadata['p']) !== null && _b !== void 0 ? _b : 0;
   const stylesheetKey = getStyleSheetKey(bucketName, media, priority);
   if (!renderer.stylesheets[stylesheetKey]) {
     const tag = targetDocument && targetDocument.createElement('style');
@@ -539,8 +539,8 @@ function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, rend
 }
 function isSameInsertionKey(element, bucketName, metadata) {
   var _a, _b;
-  const targetKey = bucketName + ((_a = metadata['m']) !== null && _a !== undefined ? _a : '');
-  const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_b = element.media) !== null && _b !== undefined ? _b : '');
+  const targetKey = bucketName + ((_a = metadata['m']) !== null && _a !== void 0 ? _a : '');
+  const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_b = element.media) !== null && _b !== void 0 ? _b : '');
   return targetKey === elementKey;
 }
 /**
@@ -556,8 +556,8 @@ function isSameInsertionKey(element, bucketName, metadata) {
 function findInsertionPoint(targetDocument, insertionPoint, targetBucket, renderer, metadata = {}) {
   var _a, _b;
   const targetOrder = styleBucketOrderingMap[targetBucket];
-  const media = (_a = metadata['m']) !== null && _a !== undefined ? _a : '';
-  const priority = (_b = metadata['p']) !== null && _b !== undefined ? _b : 0;
+  const media = (_a = metadata['m']) !== null && _a !== void 0 ? _a : '';
+  const priority = (_b = metadata['p']) !== null && _b !== void 0 ? _b : 0;
   // Similar to javascript sort comparators where
   // a positive value is increasing sort order
   // a negative value is decreasing sort order
@@ -737,7 +737,7 @@ function getSourceURLfromError() {
     return undefined;
   }
   const result = parseStackTraceLine(userMakeStyleCallLine);
-  return result === null || result === undefined ? undefined : result.loc;
+  return result === null || result === void 0 ? void 0 : result.loc;
 }
 function findUserMakeStyleCallInStacks(stacks) {
   for (let i = stacks.length - 1; i >= 0; --i) {
@@ -881,7 +881,7 @@ const TextDirectionProvider = ({
     };
     if (props && typeof props.children === 'function') {
         propsWithMetadata[SLOT_RENDER_FUNCTION_SYMBOL] = props.children;
-        propsWithMetadata.children = defaultProps === null || defaultProps === undefined ? undefined : defaultProps.children;
+        propsWithMetadata.children = defaultProps === null || defaultProps === void 0 ? void 0 : defaultProps.children;
     }
     return propsWithMetadata;
 }
@@ -911,7 +911,7 @@ Slot shorthands can be strings, numbers, arrays or JSX elements`);
  * Guard method to ensure a given element is a slot.
  * This is mainly used internally to ensure a slot is being used as a component.
  */ function isSlot(element) {
-    return Boolean(element === null || element === undefined ? undefined : element.hasOwnProperty(SLOT_ELEMENT_TYPE_SYMBOL));
+    return Boolean(element === null || element === void 0 ? void 0 : element.hasOwnProperty(SLOT_ELEMENT_TYPE_SYMBOL));
 }
 
 /**
@@ -1429,7 +1429,7 @@ function getNativeElementProps(tagName, props, excludedPropNames) {
  */ const getIntrinsicElementProps = (/** The slot's default element type (e.g. 'div') */ tagName, /** The component's props object */ props, /** List of native props to exclude from the returned value */ excludedPropNames)=>{
     var _props_as;
     // eslint-disable-next-line @typescript-eslint/no-deprecated
-    return getNativeElementProps((_props_as = props.as) !== null && _props_as !== undefined ? _props_as : tagName, props);
+    return getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : tagName, props);
 };
 
 /**
@@ -1468,7 +1468,7 @@ const providerContextDefaultValue = {
  */ const Provider = ProviderContext.Provider;
 function useFluent() {
     var _React_useContext;
-    return (_React_useContext = React.useContext(ProviderContext)) !== null && _React_useContext !== undefined ? _React_useContext : providerContextDefaultValue;
+    return (_React_useContext = React.useContext(ProviderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : providerContextDefaultValue;
 }
 
 /**
@@ -1479,7 +1479,7 @@ function useFluent() {
  */ const OverridesProvider = OverridesContext.Provider;
 function useOverrides() {
     var _React_useContext;
-    return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !== undefined ? _React_useContext : {};
+    return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !== void 0 ? _React_useContext : {};
 }
 
 /**
@@ -1508,7 +1508,7 @@ const SSRContext = /*#__PURE__*/ React.createContext(undefined);
  * @internal
  */ function useSSRContext() {
     var _React_useContext;
-    return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !== undefined ? _React_useContext : defaultSSRContextValue;
+    return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultSSRContextValue;
 }
 
 /**
@@ -1556,9 +1556,6 @@ function useIdPrefix() {
     // the version of React being used. This is safe to ignore.
     // eslint-disable-next-line react-hooks/rules-of-hooks
     return React.useMemo(()=>{
-        if (providedId) {
-            return providedId;
-        }
         return `${idPrefix}${prefix}${++contextValue.current}`;
     }, [
         idPrefix,
@@ -1610,7 +1607,7 @@ function useIdPrefix() {
     var _typedElement_ownerDocument;
     const typedElement = element;
     var _options_constructorName;
-    return Boolean((typedElement === null || typedElement === undefined ? undefined : (_typedElement_ownerDocument = typedElement.ownerDocument) === null || _typedElement_ownerDocument === undefined ? undefined : _typedElement_ownerDocument.defaultView) && typedElement instanceof typedElement.ownerDocument.defaultView[(_options_constructorName = undefined ) !== null && _options_constructorName !== undefined ? _options_constructorName : 'HTMLElement']);
+    return Boolean((typedElement === null || typedElement === void 0 ? void 0 : (_typedElement_ownerDocument = typedElement.ownerDocument) === null || _typedElement_ownerDocument === void 0 ? void 0 : _typedElement_ownerDocument.defaultView) && typedElement instanceof typedElement.ownerDocument.defaultView[(_options_constructorName = void 0 ) !== null && _options_constructorName !== void 0 ? _options_constructorName : 'HTMLElement']);
 }
 
 // TODO:
@@ -1934,7 +1931,7 @@ function createJSX(runtime, slotRuntime) {
  */ function getMetadataFromSlotComponent(type) {
     const { as, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
     const props = propsWithoutMetadata;
-    const elementType = typeof baseElementType === 'string' ? as !== null && as !== undefined ? as : baseElementType : baseElementType;
+    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
     if (typeof elementType !== 'string' && as) {
         props.as = as;
     }
@@ -1965,7 +1962,7 @@ function requireReactJsxRuntime_production_min () {
 	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
 	hasRequiredReactJsxRuntime_production_min = 1;
 var f=React__default,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
-	function q(c,a,g){var b,d={},e=null,h=null;undefined!==g&&(e=""+g);undefined!==a.key&&(e=""+a.key);undefined!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) undefined===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
+	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
 	return reactJsxRuntime_production_min;
 }
 
@@ -2571,7 +2568,7 @@ function requireReactJsxRuntime_development () {
 
 	    for (var typeSpecName in typeSpecs) {
 	      if (has(typeSpecs, typeSpecName)) {
-	        var error$1 = undefined; // Prop type validation may throw. In case they do, we don't want to
+	        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
 	        // fail the render phase where it didn't fail before. So we log it.
 	        // After these have been cleaned up, we'll let them throw.
 
@@ -3423,13 +3420,13 @@ var WeakRefInstance = class {
     var _a, _b;
     let instance;
     if (this._weakRef) {
-      instance = (_a = this._weakRef) == null ? undefined : _a.deref();
+      instance = (_a = this._weakRef) == null ? void 0 : _a.deref();
       if (!instance) {
         delete this._weakRef;
       }
     } else {
       instance = this._instance;
-      if ((_b = instance == null ? undefined : instance.isDisposed) == null ? undefined : _b.call(instance)) {
+      if ((_b = instance == null ? void 0 : instance.isDisposed) == null ? void 0 : _b.call(instance)) {
         delete this._instance;
       }
     }
@@ -3505,7 +3502,7 @@ function setupFocusEvent(win) {
         }
       }
     }
-    onFocusIn(target, e.relatedTarget || undefined);
+    onFocusIn(target, e.relatedTarget || void 0);
   };
   const onFocusIn = (target, relatedTarget, originalEvent) => {
     var _a;
@@ -3534,8 +3531,8 @@ function setupFocusEvent(win) {
     });
     event.details = details;
     if (_canOverrideNativeFocus || data.lastFocusedProgrammatically) {
-      details.isFocusedProgrammatically = target === ((_a = data.lastFocusedProgrammatically) == null ? undefined : _a.deref());
-      data.lastFocusedProgrammatically = undefined;
+      details.isFocusedProgrammatically = target === ((_a = data.lastFocusedProgrammatically) == null ? void 0 : _a.deref());
+      data.lastFocusedProgrammatically = void 0;
     }
     target.dispatchEvent(event);
   };
@@ -3626,7 +3623,7 @@ var KeyborgCore = class {
       if (!details.relatedTarget) {
         return;
       }
-      if (details.isFocusedProgrammatically || details.isFocusedProgrammatically === undefined) {
+      if (details.isFocusedProgrammatically || details.isFocusedProgrammatically === void 0) {
         return;
       }
       this.isNavigatingWithKeyboard = true;
@@ -3667,10 +3664,10 @@ var KeyborgCore = class {
     if (props) {
       const triggerKeys = props.triggerKeys;
       const dismissKeys = props.dismissKeys;
-      if (triggerKeys == null ? undefined : triggerKeys.length) {
+      if (triggerKeys == null ? void 0 : triggerKeys.length) {
         this._triggerKeys = new Set(triggerKeys);
       }
-      if (dismissKeys == null ? undefined : dismissKeys.length) {
+      if (dismissKeys == null ? void 0 : dismissKeys.length) {
         this._dismissKeys = new Set(dismissKeys);
       }
     }
@@ -3696,11 +3693,11 @@ var KeyborgCore = class {
     if (win) {
       if (this._isMouseOrTouchUsedTimer) {
         win.clearTimeout(this._isMouseOrTouchUsedTimer);
-        this._isMouseOrTouchUsedTimer = undefined;
+        this._isMouseOrTouchUsedTimer = void 0;
       }
       if (this._dismissTimer) {
         win.clearTimeout(this._dismissTimer);
-        this._dismissTimer = undefined;
+        this._dismissTimer = void 0;
       }
       disposeFocusEvent(win);
       const doc = win.document;
@@ -3721,7 +3718,7 @@ var KeyborgCore = class {
    */
   update() {
     var _a, _b;
-    const keyborgs = (_b = (_a = this._win) == null ? undefined : _a.__keyborg) == null ? undefined : _b.refs;
+    const keyborgs = (_b = (_a = this._win) == null ? void 0 : _a.__keyborg) == null ? void 0 : _b.refs;
     if (keyborgs) {
       for (const id of Object.keys(keyborgs)) {
         Keyborg.update(keyborgs[id], this.isNavigatingWithKeyboard);
@@ -3736,7 +3733,7 @@ var KeyborgCore = class {
     if (e.key === "Tab") {
       return true;
     }
-    const activeElement = (_a = this._win) == null ? undefined : _a.document.activeElement;
+    const activeElement = (_a = this._win) == null ? void 0 : _a.document.activeElement;
     const isTriggerKey = !this._triggerKeys || this._triggerKeys.has(e.keyCode);
     const isEditable = activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.isContentEditable);
     return isTriggerKey && !isEditable;
@@ -3746,18 +3743,18 @@ var KeyborgCore = class {
    */
   _shouldDismissKeyboardNavigation(e) {
     var _a;
-    return (_a = this._dismissKeys) == null ? undefined : _a.has(e.keyCode);
+    return (_a = this._dismissKeys) == null ? void 0 : _a.has(e.keyCode);
   }
   _scheduleDismiss() {
     const win = this._win;
     if (win) {
       if (this._dismissTimer) {
         win.clearTimeout(this._dismissTimer);
-        this._dismissTimer = undefined;
+        this._dismissTimer = void 0;
       }
       const was = win.document.activeElement;
       this._dismissTimer = win.setTimeout(() => {
-        this._dismissTimer = undefined;
+        this._dismissTimer = void 0;
         const cur = win.document.activeElement;
         if (was && cur && was === cur) {
           this.isNavigatingWithKeyboard = false;
@@ -3797,8 +3794,8 @@ var Keyborg = class _Keyborg {
   }
   dispose() {
     var _a;
-    const current = (_a = this._win) == null ? undefined : _a.__keyborg;
-    if (current == null ? undefined : current.refs[this._id]) {
+    const current = (_a = this._win) == null ? void 0 : _a.__keyborg;
+    if (current == null ? void 0 : current.refs[this._id]) {
       delete current.refs[this._id];
       if (Object.keys(current.refs).length === 0) {
         current.core.dispose();
@@ -3818,7 +3815,7 @@ var Keyborg = class _Keyborg {
    */
   isNavigatingWithKeyboard() {
     var _a;
-    return !!((_a = this._core) == null ? undefined : _a.isNavigatingWithKeyboard);
+    return !!((_a = this._core) == null ? void 0 : _a.isNavigatingWithKeyboard);
   }
   /**
    * @param callback - Called when the keyboard navigation state changes
@@ -3925,16 +3922,16 @@ function alreadyInScope(el) {
     if (el.focusVisible) {
         return true;
     }
-    return alreadyInScope(el === null || el === undefined ? undefined : el.parentElement);
+    return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);
 }
 
 function useFocusVisible(options = {}) {
     const contextValue = useFluent();
     const scopeRef = React.useRef(null);
     var _options_targetDocument;
-    const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== undefined ? _options_targetDocument : contextValue.targetDocument;
+    const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contextValue.targetDocument;
     React.useEffect(()=>{
-        if ((targetDocument === null || targetDocument === undefined ? undefined : targetDocument.defaultView) && scopeRef.current) {
+        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {
             return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);
         }
     }, [
@@ -3945,46 +3942,17 @@ function useFocusVisible(options = {}) {
 }
 
 /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ const grey = {
-    '2': '#050505',
-    '4': '#0a0a0a',
-    '6': '#0f0f0f',
-    '8': '#141414',
-    '10': '#1a1a1a',
-    '12': '#1f1f1f',
     '14': '#242424',
     '16': '#292929',
-    '18': '#2e2e2e',
     '20': '#333333',
-    '22': '#383838',
-    '24': '#3d3d3d',
     '26': '#424242',
-    '28': '#474747',
     '30': '#4d4d4d',
-    '32': '#525252',
     '34': '#575757',
-    '36': '#5c5c5c',
     '38': '#616161',
-    '40': '#666666',
-    '42': '#6b6b6b',
     '44': '#707070',
-    '46': '#757575',
-    '48': '#7a7a7a',
-    '50': '#808080',
-    '52': '#858585',
-    '54': '#8a8a8a',
-    '56': '#8f8f8f',
-    '58': '#949494',
-    '60': '#999999',
-    '62': '#9e9e9e',
-    '64': '#a3a3a3',
-    '66': '#a8a8a8',
-    '68': '#adadad',
     '70': '#b3b3b3',
-    '72': '#b8b8b8',
     '74': '#bdbdbd',
-    '76': '#c2c2c2',
     '78': '#c7c7c7',
-    '80': '#cccccc',
     '82': '#d1d1d1',
     '84': '#d6d6d6',
     '86': '#dbdbdb',
@@ -3996,29 +3964,19 @@ function useFocusVisible(options = {}) {
     '98': '#fafafa'
 };
 const whiteAlpha = {
-    '5': 'rgba(255, 255, 255, 0.05)',
     '10': 'rgba(255, 255, 255, 0.1)',
     '20': 'rgba(255, 255, 255, 0.2)',
-    '30': 'rgba(255, 255, 255, 0.3)',
     '40': 'rgba(255, 255, 255, 0.4)',
     '50': 'rgba(255, 255, 255, 0.5)',
-    '60': 'rgba(255, 255, 255, 0.6)',
     '70': 'rgba(255, 255, 255, 0.7)',
-    '80': 'rgba(255, 255, 255, 0.8)',
-    '90': 'rgba(255, 255, 255, 0.9)'
-};
+    '80': 'rgba(255, 255, 255, 0.8)'};
 const blackAlpha = {
     '5': 'rgba(0, 0, 0, 0.05)',
     '10': 'rgba(0, 0, 0, 0.1)',
     '20': 'rgba(0, 0, 0, 0.2)',
     '30': 'rgba(0, 0, 0, 0.3)',
     '40': 'rgba(0, 0, 0, 0.4)',
-    '50': 'rgba(0, 0, 0, 0.5)',
-    '60': 'rgba(0, 0, 0, 0.6)',
-    '70': 'rgba(0, 0, 0, 0.7)',
-    '80': 'rgba(0, 0, 0, 0.8)',
-    '90': 'rgba(0, 0, 0, 0.9)'
-};
+    '50': 'rgba(0, 0, 0, 0.5)'};
 const white = '#ffffff';
 const black = '#000000';
 const darkRed = {
@@ -4994,15 +4952,12 @@ const createLightTheme = (brand)=>{
 };
 
 const brandWeb = {
-    10: `#061724`,
-    20: `#082338`,
     30: `#0a2e4a`,
     40: `#0c3b5e`,
     50: `#0e4775`,
     60: `#0f548c`,
     70: `#115ea3`,
     80: `#0f6cbd`,
-    90: `#2886de`,
     100: `#479ef5`,
     110: `#62abf5`,
     120: `#77b7f7`,
@@ -5112,7 +5067,7 @@ const insertSheet = (tag, rule)=>{
     useHandleSSRStyleElements(targetDocument, styleTagId);
     useInsertionEffect(()=>{
         // The style element could already have been created during SSR - no need to recreate it
-        const ssrStyleElement = targetDocument === null || targetDocument === undefined ? undefined : targetDocument.getElementById(styleTagId);
+        const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);
         if (ssrStyleElement) {
             styleTag.current = ssrStyleElement;
         } else {
@@ -5126,7 +5081,7 @@ const insertSheet = (tag, rule)=>{
         }
         return ()=>{
             var _styleTag_current;
-            (_styleTag_current = styleTag.current) === null || _styleTag_current === undefined ? undefined : _styleTag_current.remove();
+            (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();
         };
     }, [
         styleTagId,
@@ -5186,7 +5141,7 @@ const DEFAULT_RENDERER_ATTRIBUTES = {};
     const { styleTagId, rule } = useFluentProviderThemeStyleTag({
         theme: mergedTheme,
         targetDocument,
-        rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== undefined ? _renderer_styleElementAttributes : DEFAULT_RENDERER_ATTRIBUTES
+        rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : DEFAULT_RENDERER_ATTRIBUTES
     });
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -5293,7 +5248,7 @@ const FluentProvider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
 FluentProvider.displayName = 'FluentProvider';
 
 function isNamedUnion(union) {
-  return union.name !== undefined;
+  return union.name !== void 0;
 }
 
 const mono = "_mono_ouyit_1";
@@ -5301,11 +5256,7 @@ const literal = "_literal_ouyit_5";
 const style$2 = {
 	mono: mono,
 	literal: literal,
-	"type-kind": "_type-kind_ouyit_9",
-	"type-kind-tag": "_type-kind-tag_ouyit_12",
-	"type-kind-tag-small": "_type-kind-tag-small_ouyit_17",
-	"type-kind-tag-auto": "_type-kind-tag-auto_ouyit_24"
-};
+	"type-kind": "_type-kind_ouyit_9"};
 
 const Mono = ({ children, className }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: mergeClasses(style$2["mono"], className), children });
 const Literal = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Mono, { className: style$2["literal"], children });
@@ -5418,7 +5369,6 @@ const TypeConfig = {
     type: "ref",
     optional: "value",
     sourceProperty: "ref",
-    default: "value",
     defaultValue: "value"
   },
   Enum: {
@@ -5431,7 +5381,6 @@ const TypeConfig = {
   },
   Union: {
     expression: "skip",
-    options: "skip",
     variants: "nested"
   },
   UnionVariant: {
@@ -5508,7 +5457,7 @@ function getPropertyRendering(type, key) {
   return action;
 }
 
-const TreeNavigatorContext = createContext(undefined);
+const TreeNavigatorContext = createContext(void 0);
 function useTreeNavigatorOptional() {
   return useContext(TreeNavigatorContext);
 }
@@ -5520,9 +5469,7 @@ const style = {
 	"type-ui-header": "_type-ui-header_pmg7n_22",
 	"type-name": "_type-name_pmg7n_31",
 	property: property,
-	"named-type-ref": "_named-type-ref_pmg7n_39",
-	"js-value": "_js-value_pmg7n_49"
-};
+	"named-type-ref": "_named-type-ref_pmg7n_39"};
 
 const InspectType = ({ entity }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Mono, { className: style["inspect-type"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(EntityProperties, { entity }) });
@@ -5572,7 +5519,7 @@ const ParentReference = ({ type }) => {
     case "Scalar":
     case "Model":
     case "Union":
-      if (type.name !== undefined) {
+      if (type.name !== void 0) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(NamedTypeRef, { type });
       } else {
         return null;
@@ -5635,8 +5582,8 @@ const SimpleType = ({ type, children }) => {
 const EntityProperties = ({ entity: type }) => {
   const props = Object.entries(type).map(([key, value]) => {
     const action = getPropertyRendering(type, key);
-    if (action === undefined || action === "skip") {
-      return undefined;
+    if (action === void 0 || action === "skip") {
+      return void 0;
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(EntityProperty, { name: key, value, action }, key);
   }).filter((x) => Boolean(x));
@@ -5658,7 +5605,7 @@ const EntityPropertyValue = ({ value, action }) => {
     const renderRef = action === "ref";
     return renderRef ? /* @__PURE__ */ jsxRuntimeExports.jsx(EntityReference, { entity: x }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityUI, { entity: x });
   };
-  if (value === undefined) {
+  if (value === void 0) {
     return null;
   } else if (value.entityKind) {
     return render(value);

package/dist/{manifest-DwaPKFAx.js → manifest-DjOIFQIT.js}

@@ -1,6 +1,6 @@
 const manifest = {
   "version": "0.66.0",
-  "commit": "3085652401574258f66dd0a909df96944bc49127"
+  "commit": "aeb3e90559650ce9b6bf83ede2103ff0b613c7de"
 };
 
 export { manifest as default };

package/dist/react/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/react/common.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,IAAI,4BAA6B;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAElF,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAExD,CAAC;AAEF,eAAO,MAAM,QAAQ,aAAc;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,4CAEhD,CAAC;AAEF,eAAO,MAAM,WAAW,mBAA6B;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,4CAM3F,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/react/common.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,IAAI,GAAI,yBAAyB;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAElF,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAExD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,UAAU;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,4CAEhD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,gBAAyB;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,4CAM3F,CAAC"}