@typespec/html-program-viewer 0.70.0-dev.1 → 0.70.0-dev.3

package/dist/emitter/index.js

@@ -584,7 +584,7 @@ function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, rend
       media
     }));
     renderer.stylesheets[stylesheetKey] = stylesheet;
-    if (targetDocument && tag) {
+    if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.head) && tag) {
       targetDocument.head.insertBefore(tag, findInsertionPoint(targetDocument, insertionPoint, bucketName, renderer, metadata));
     }
   }
@@ -863,7 +863,7 @@ function __styles(classesMapBySlot, cssRules, factory = insertionFactory) {
 /**
  * @private
  */
-const RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/createDOMRenderer());
+const RendererContext = /*#__PURE__*/React.createContext(/*#__PURE__*/createDOMRenderer());
 /**
  * Returns an instance of current makeStyles() renderer.
  *
@@ -911,6 +911,10 @@ const TextDirectionProvider = ({
  * @internal
  * Internal reference for the render function
  */ const SLOT_ELEMENT_TYPE_SYMBOL = Symbol.for('fui.slotElementType');
+/**
+ * @internal
+ * Internal cache of the original className prop for the slot, before being modified by the useStyles hook.
+ */ const SLOT_CLASS_NAME_PROP_SYMBOL = Symbol.for('fui.slotClassNameProp');
 
 /**
  * Creates a slot from a slot shorthand or properties (`props.SLOT_NAME` or `props` itself)
@@ -930,7 +934,8 @@ const TextDirectionProvider = ({
    */ const propsWithMetadata = {
         ...defaultProps,
         ...props,
-        [SLOT_ELEMENT_TYPE_SYMBOL]: elementType
+        [SLOT_ELEMENT_TYPE_SYMBOL]: elementType,
+        [SLOT_CLASS_NAME_PROP_SYMBOL]: props === null || props === void 0 ? void 0 : props.className
     };
     if (props && typeof props.children === 'function') {
         propsWithMetadata[SLOT_RENDER_FUNCTION_SYMBOL] = props.children;
@@ -1982,7 +1987,7 @@ function createJSX(runtime, slotRuntime) {
 /**
  * @internal
  */ function getMetadataFromSlotComponent(type) {
-    const { as, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
+    const { as, [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
     const props = propsWithoutMetadata;
     const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
     if (typeof elementType !== 'string' && as) {
@@ -5052,7 +5057,9 @@ const useFluentProviderStyles_unstable = state => {
 // String concatenation is used to prevent bundlers to complain with older versions of React
 const useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;
 const createStyleTag = (target, elementAttributes)=>{
-    if (!target) {
+    // Document might exist but not be ready yet (e.g. during SSR)
+    // In that case, we should not create a style tag
+    if (!(target === null || target === void 0 ? void 0 : target.head)) {
         return undefined;
     }
     const tag = target.createElement('style');

package/dist/{manifest-pNKFR26W.js → manifest-6CNI0MQF.js}

@@ -1,6 +1,6 @@
 const manifest = {
   "version": "1.0.0-rc.1",
-  "commit": "8e1d4ecacbefb66ece83338d5e02ced489950d81"
+  "commit": "7148ab781a5f0736122dbc2dab937e828f9e3272"
 };
 
 export { manifest as default };