@fluentui-copilot/react-preview 0.7.4-hotfix.1 → 0.7.4-hotfix.2

package/lib/components/PreviewHeader/renderPreviewHeader.js

@@ -1,15 +1,12 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of PreviewHeader
- */ export const renderPreviewHeader_unstable = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            state.citation && /*#__PURE__*/ _jsx(state.citation, {}),
-            state.media && /*#__PURE__*/ _jsx(state.media, {}),
-            /*#__PURE__*/ _jsx(state.label, {}),
-            state.actions && /*#__PURE__*/ _jsx(state.actions, {})
-        ]
-    });
+ */
+export const renderPreviewHeader_unstable = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsxs(state.root, {
+    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsx(state.actions, {})]
+  });
 };
+//# sourceMappingURL=renderPreviewHeader.js.map

package/lib/components/PreviewHeader/usePreviewHeader.js

@@ -9,52 +9,60 @@ import { previewHeaderExtraClassNames } from './usePreviewHeaderStyles.styles';
  *
  * @param props - props from this instance of PreviewHeader
  * @param ref - reference to root HTMLElement of PreviewHeader
- */ export const usePreviewHeader_unstable = (props, ref)=>{
-    var _state_media;
-    const { actions, children, citation, label, media } = props;
-    const mediaId = useId('media');
-    const state = {
-        components: {
-            root: 'div',
-            actions: 'div',
-            citation: 'span',
-            label: 'span',
-            media: 'div'
-        },
-        root: slot.always(getIntrinsicElementProps('div', {
-            ref,
-            ...props
-        }), {
-            elementType: 'div'
-        }),
-        actions: slot.optional(actions, {
-            elementType: 'div'
-        }),
-        citation: slot.optional(citation, {
-            elementType: 'span'
-        }),
-        label: slot.always(label, {
-            defaultProps: {
-                children
-            },
-            elementType: 'span'
-        }),
-        media: slot.optional(media, {
-            defaultProps: {
-                id: mediaId
-            },
-            elementType: 'div'
-        })
-    };
-    if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {
-        var _state_label_ariadescribedby;
-        var _state_label_ariadescribedby_concat;
-        state.label['aria-describedby'] = (_state_label_ariadescribedby_concat = (_state_label_ariadescribedby = state.label['aria-describedby']) === null || _state_label_ariadescribedby === void 0 ? void 0 : _state_label_ariadescribedby.concat(state.media.id)) !== null && _state_label_ariadescribedby_concat !== void 0 ? _state_label_ariadescribedby_concat : state.media.id;
-    }
-    if (state.media && React.isValidElement(state.media.children)) {
-        state.media.children = React.cloneElement(state.media.children, {
-            className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)
-        });
-    }
-    return state;
+ */
+export const usePreviewHeader_unstable = (props, ref) => {
+  var _state_media;
+  const {
+    actions,
+    children,
+    citation,
+    label,
+    media
+  } = props;
+  const mediaId = useId('media');
+  const state = {
+    components: {
+      root: 'div',
+      actions: 'div',
+      citation: 'span',
+      label: 'span',
+      media: 'div'
+    },
+    root: slot.always(getIntrinsicElementProps('div', {
+      ref,
+      ...props
+    }), {
+      elementType: 'div'
+    }),
+    actions: slot.optional(actions, {
+      elementType: 'div'
+    }),
+    citation: slot.optional(citation, {
+      elementType: 'span'
+    }),
+    label: slot.always(label, {
+      defaultProps: {
+        children
+      },
+      elementType: 'span'
+    }),
+    media: slot.optional(media, {
+      defaultProps: {
+        id: mediaId
+      },
+      elementType: 'div'
+    })
+  };
+  if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {
+    var _state_label_ariadescribedby;
+    var _state_label_ariadescribedby_concat;
+    state.label['aria-describedby'] = (_state_label_ariadescribedby_concat = (_state_label_ariadescribedby = state.label['aria-describedby']) === null || _state_label_ariadescribedby === void 0 ? void 0 : _state_label_ariadescribedby.concat(state.media.id)) !== null && _state_label_ariadescribedby_concat !== void 0 ? _state_label_ariadescribedby_concat : state.media.id;
+  }
+  if (state.media && React.isValidElement(state.media.children)) {
+    state.media.children = React.cloneElement(state.media.children, {
+      className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)
+    });
+  }
+  return state;
 };
+//# sourceMappingURL=usePreviewHeader.js.map

package/lib/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js

@@ -1,110 +1,113 @@
 import { linkClassNames, makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const previewHeaderClassNames = {
-    root: 'fai-PreviewHeader',
-    actions: 'fai-PreviewHeader__actions',
-    citation: 'fai-PreviewHeader__citation',
-    label: 'fai-PreviewHeader__label',
-    media: 'fai-PreviewHeader__media'
+  root: 'fai-PreviewHeader',
+  actions: 'fai-PreviewHeader__actions',
+  citation: 'fai-PreviewHeader__citation',
+  label: 'fai-PreviewHeader__label',
+  media: 'fai-PreviewHeader__media'
 };
 export const previewHeaderExtraClassNames = {
-    mediaChild: 'fai-PreviewHeader__mediaChild'
+  mediaChild: 'fai-PreviewHeader__mediaChild'
 };
 const labelFontSize = typographyStyles.caption1Strong.fontSize;
 const labelLineHeight = typographyStyles.caption1Strong.lineHeight;
 const useActionsBaseClassName = makeResetStyles({
-    gridRow: 1,
-    justifySelf: 'end'
+  gridRow: 1,
+  justifySelf: 'end'
 });
 const useCitationBaseClassName = makeResetStyles({
-    gridRow: 1
+  gridRow: 1
 });
 const useLabelBaseClassName = makeResetStyles({
-    alignSelf: 'start',
-    display: '-webkit-box',
-    gridRow: '1 / 3',
-    overflowY: 'hidden',
-    // 16px is the height of the tallest element within the preview header
-    paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,
-    wordBreak: 'break-word',
-    '-webkit-box-orient': 'vertical',
-    '-webkit-line-clamp': '2',
+  alignSelf: 'start',
+  display: '-webkit-box',
+  gridRow: '1 / 3',
+  overflowY: 'hidden',
+  // 16px is the height of the tallest element within the preview header
+  paddingTop: `calc((16px / 2) - (${labelLineHeight} - ${labelFontSize}))`,
+  wordBreak: 'break-word',
+  '-webkit-box-orient': 'vertical',
+  '-webkit-line-clamp': '2',
+  ...typographyStyles.caption1Strong,
+  [`& .${linkClassNames.root}`]: {
     ...typographyStyles.caption1Strong,
-    [`& .${linkClassNames.root}`]: {
-        ...typographyStyles.caption1Strong,
-        color: tokens.colorNeutralForeground3,
-        ':hover': {
-            color: tokens.colorNeutralForeground3Hover
-        },
-        ':hover:active': {
-            color: tokens.colorNeutralForeground3Pressed
-        }
+    color: tokens.colorNeutralForeground3,
+    ':hover': {
+      color: tokens.colorNeutralForeground3Hover
+    },
+    ':hover:active': {
+      color: tokens.colorNeutralForeground3Pressed
     }
+  }
 });
 const useMediaBaseClassName = makeResetStyles({
-    gridRow: 1,
+  gridRow: 1,
+  height: '16px',
+  lineHeight: 0,
+  width: '16px',
+  [`> .${previewHeaderExtraClassNames.mediaChild}`]: {
     height: '16px',
-    lineHeight: 0,
-    width: '16px',
-    [`> .${previewHeaderExtraClassNames.mediaChild}`]: {
-        height: '16px',
-        width: '16px'
-    }
+    width: '16px'
+  }
 });
 const useRootBaseClassName = makeResetStyles({
-    alignItems: 'center',
-    columnGap: tokens.spacingHorizontalXS,
-    display: 'grid',
-    gridTemplateRows: '24px'
+  alignItems: 'center',
+  columnGap: tokens.spacingHorizontalXS,
+  display: 'grid',
+  gridTemplateRows: '24px'
 });
 // Since the grid track that needs to grow is not always guaranteed to be the first or the last, but can change positions
 // based on the slots present, we need to conditionally set the grid template columns based on the slots present.
 const useRootStyles = makeStyles({
-    onlyLabel: {
-        gridTemplateColumns: '1fr'
-    },
-    previousAndLabel: {
-        gridTemplateColumns: 'min-content 1fr'
-    },
-    labelAndActions: {
-        gridTemplateColumns: '1fr min-content'
-    },
-    citationMediaLabel: {
-        gridTemplateColumns: 'min-content min-content 1fr'
-    },
-    previousLabelActions: {
-        gridTemplateColumns: 'min-content 1fr min-content'
-    },
-    all: {
-        gridTemplateColumns: 'min-content min-content 1fr min-content'
-    }
+  onlyLabel: {
+    gridTemplateColumns: '1fr'
+  },
+  previousAndLabel: {
+    gridTemplateColumns: 'min-content 1fr'
+  },
+  labelAndActions: {
+    gridTemplateColumns: '1fr min-content'
+  },
+  citationMediaLabel: {
+    gridTemplateColumns: 'min-content min-content 1fr'
+  },
+  previousLabelActions: {
+    gridTemplateColumns: 'min-content 1fr min-content'
+  },
+  all: {
+    gridTemplateColumns: 'min-content min-content 1fr min-content'
+  }
 });
 /**
  * Apply styling to the PreviewHeader slots based on the state
- */ export const usePreviewHeaderStyles_unstable = (state)=>{
-    'use no memo';
-    const actionsBaseClassName = useActionsBaseClassName();
-    const citationBaseClassName = useCitationBaseClassName();
-    const labelBaseClassName = useLabelBaseClassName();
-    const mediaBaseClassName = useMediaBaseClassName();
-    const rootBaseClassName = useRootBaseClassName();
-    const rootStyles = useRootStyles();
-    let actionsPresent = false;
-    if (state.actions) {
-        actionsPresent = true;
-        state.actions.className = mergeClasses(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);
-    }
-    let citationPresent = false;
-    if (state.citation) {
-        citationPresent = true;
-        state.citation.className = mergeClasses(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);
-    }
-    state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);
-    let mediaPresent = false;
-    if (state.media) {
-        mediaPresent = true;
-        state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
-    }
-    state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && !actionsPresent && rootStyles.previousAndLabel, !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions, citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && actionsPresent && rootStyles.previousLabelActions, citationPresent && mediaPresent && actionsPresent && rootStyles.all, state.root.className);
-    return state;
+ */
+export const usePreviewHeaderStyles_unstable = state => {
+  'use no memo';
+
+  const actionsBaseClassName = useActionsBaseClassName();
+  const citationBaseClassName = useCitationBaseClassName();
+  const labelBaseClassName = useLabelBaseClassName();
+  const mediaBaseClassName = useMediaBaseClassName();
+  const rootBaseClassName = useRootBaseClassName();
+  const rootStyles = useRootStyles();
+  let actionsPresent = false;
+  if (state.actions) {
+    actionsPresent = true;
+    state.actions.className = mergeClasses(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);
+  }
+  let citationPresent = false;
+  if (state.citation) {
+    citationPresent = true;
+    state.citation.className = mergeClasses(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);
+  }
+  state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);
+  let mediaPresent = false;
+  if (state.media) {
+    mediaPresent = true;
+    state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
+  }
+  state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, !citationPresent && !mediaPresent && !actionsPresent && rootStyles.onlyLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && !actionsPresent && rootStyles.previousAndLabel, !citationPresent && !mediaPresent && actionsPresent && rootStyles.labelAndActions, citationPresent && mediaPresent && !actionsPresent && rootStyles.citationMediaLabel, (citationPresent && !mediaPresent || mediaPresent && !citationPresent) && actionsPresent && rootStyles.previousLabelActions, citationPresent && mediaPresent && actionsPresent && rootStyles.all, state.root.className);
+  return state;
 };
+//# sourceMappingURL=usePreviewHeaderStyles.styles.raw.js.map

package/lib/components/PreviewMetadata/PreviewMetadata.js

@@ -2,9 +2,10 @@ import * as React from 'react';
 import { usePreviewMetadata_unstable } from './usePreviewMetadata';
 import { renderPreviewMetadata_unstable } from './renderPreviewMetadata';
 import { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';
-export const PreviewMetadata = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = usePreviewMetadata_unstable(props, ref);
-    usePreviewMetadataStyles_unstable(state);
-    return renderPreviewMetadata_unstable(state);
+export const PreviewMetadata = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePreviewMetadata_unstable(props, ref);
+  usePreviewMetadataStyles_unstable(state);
+  return renderPreviewMetadata_unstable(state);
 });
 PreviewMetadata.displayName = 'PreviewMetadata';
+//# sourceMappingURL=PreviewMetadata.js.map

package/lib/components/PreviewMetadata/PreviewMetadata.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering PreviewMetadata
- */ export { };
+ */export {};
+//# sourceMappingURL=PreviewMetadata.types.js.map

package/lib/components/PreviewMetadata/index.js

@@ -2,3 +2,4 @@ export { PreviewMetadata } from './PreviewMetadata';
 export { renderPreviewMetadata_unstable } from './renderPreviewMetadata';
 export { usePreviewMetadata_unstable } from './usePreviewMetadata';
 export { previewMetadataClassNames, usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/PreviewMetadata/renderPreviewMetadata.js

@@ -1,16 +1,12 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of PreviewMetadata
- */ export const renderPreviewMetadata_unstable = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            state.primaryText && /*#__PURE__*/ _jsx(state.primaryText, {}),
-            state.secondaryText && /*#__PURE__*/ _jsx(state.secondaryText, {}),
-            state.tertiaryText && /*#__PURE__*/ _jsx(state.tertiaryText, {}),
-            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
-            state.root.children
-        ]
-    });
+ */
+export const renderPreviewMetadata_unstable = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsxs(state.root, {
+    children: [state.primaryText && /*#__PURE__*/_jsx(state.primaryText, {}), state.secondaryText && /*#__PURE__*/_jsx(state.secondaryText, {}), state.tertiaryText && /*#__PURE__*/_jsx(state.tertiaryText, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {}), state.root.children]
+  });
 };
+//# sourceMappingURL=renderPreviewMetadata.js.map

package/lib/components/PreviewMetadata/usePreviewMetadata.js

@@ -7,33 +7,40 @@ import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
  *
  * @param props - props from this instance of PreviewMetadata
  * @param ref - reference to root HTMLElement of PreviewMetadata
- */ export const usePreviewMetadata_unstable = (props, ref)=>{
-    const { icon, primaryText, secondaryText, tertiaryText } = props;
-    return {
-        components: {
-            root: 'div',
-            icon: 'span',
-            primaryText: 'span',
-            secondaryText: 'span',
-            tertiaryText: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps('div', {
-            ref,
-            ...props
-        }), {
-            elementType: 'div'
-        }),
-        icon: slot.optional(icon, {
-            elementType: 'span'
-        }),
-        primaryText: slot.optional(primaryText, {
-            elementType: 'span'
-        }),
-        secondaryText: slot.optional(secondaryText, {
-            elementType: 'span'
-        }),
-        tertiaryText: slot.optional(tertiaryText, {
-            elementType: 'span'
-        })
-    };
+ */
+export const usePreviewMetadata_unstable = (props, ref) => {
+  const {
+    icon,
+    primaryText,
+    secondaryText,
+    tertiaryText
+  } = props;
+  return {
+    components: {
+      root: 'div',
+      icon: 'span',
+      primaryText: 'span',
+      secondaryText: 'span',
+      tertiaryText: 'span'
+    },
+    root: slot.always(getIntrinsicElementProps('div', {
+      ref,
+      ...props
+    }), {
+      elementType: 'div'
+    }),
+    icon: slot.optional(icon, {
+      elementType: 'span'
+    }),
+    primaryText: slot.optional(primaryText, {
+      elementType: 'span'
+    }),
+    secondaryText: slot.optional(secondaryText, {
+      elementType: 'span'
+    }),
+    tertiaryText: slot.optional(tertiaryText, {
+      elementType: 'span'
+    })
+  };
 };
+//# sourceMappingURL=usePreviewMetadata.js.map

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.styles.raw.js

@@ -1,56 +1,59 @@
 import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const previewMetadataClassNames = {
-    root: 'fai-PreviewMetadata',
-    icon: 'fai-PreviewMetadata__icon',
-    primaryText: 'fai-PreviewMetadata__primaryText',
-    secondaryText: 'fai-PreviewMetadata__secondaryText',
-    tertiaryText: 'fai-PreviewMetadata__tertiaryText'
+  root: 'fai-PreviewMetadata',
+  icon: 'fai-PreviewMetadata__icon',
+  primaryText: 'fai-PreviewMetadata__primaryText',
+  secondaryText: 'fai-PreviewMetadata__secondaryText',
+  tertiaryText: 'fai-PreviewMetadata__tertiaryText'
 };
 const useRootBaseClassName = makeResetStyles({
-    ...typographyStyles.caption2
+  ...typographyStyles.caption2
 });
 const useIconBaseClassName = makeResetStyles({
-    marginLeft: tokens.spacingHorizontalSNudge,
-    verticalAlign: 'middle'
+  marginLeft: tokens.spacingHorizontalSNudge,
+  verticalAlign: 'middle'
 });
 const useTextStyles = makeStyles({
-    subsequentText: {
-        marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,
-        position: 'relative',
-        '&::before': {
-            ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),
-            content: '""',
-            display: 'block',
-            height: typographyStyles.caption2.fontSize,
-            left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,
-            position: 'absolute',
-            top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`
-        }
+  subsequentText: {
+    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,
+    position: 'relative',
+    '&::before': {
+      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),
+      content: '""',
+      display: 'block',
+      height: typographyStyles.caption2.fontSize,
+      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,
+      position: 'absolute',
+      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`
     }
+  }
 });
 /**
  * Apply styling to the PreviewMetadata slots based on the state
- */ export const usePreviewMetadataStyles_unstable = (state)=>{
-    'use no memo';
-    const rootBaseClassName = useRootBaseClassName();
-    const iconBaseClassName = useIconBaseClassName();
-    const textStyles = useTextStyles();
-    state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
-    if (state.icon) {
-        state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
-    }
-    let isSubsequentAfterText = false;
-    if (state.primaryText) {
-        state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);
-        isSubsequentAfterText = true;
-    }
-    if (state.secondaryText) {
-        state.secondaryText.className = mergeClasses(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
-        isSubsequentAfterText = true;
-    }
-    if (state.tertiaryText) {
-        state.tertiaryText.className = mergeClasses(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
-    }
-    return state;
+ */
+export const usePreviewMetadataStyles_unstable = state => {
+  'use no memo';
+
+  const rootBaseClassName = useRootBaseClassName();
+  const iconBaseClassName = useIconBaseClassName();
+  const textStyles = useTextStyles();
+  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
+  }
+  let isSubsequentAfterText = false;
+  if (state.primaryText) {
+    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);
+    isSubsequentAfterText = true;
+  }
+  if (state.secondaryText) {
+    state.secondaryText.className = mergeClasses(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
+    isSubsequentAfterText = true;
+  }
+  if (state.tertiaryText) {
+    state.tertiaryText.className = mergeClasses(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
+  }
+  return state;
 };
+//# sourceMappingURL=usePreviewMetadataStyles.styles.raw.js.map

package/lib/components/PreviewSurface/PreviewSurface.js

@@ -2,9 +2,10 @@ import * as React from 'react';
 import { usePreviewSurface_unstable } from './usePreviewSurface';
 import { renderPreviewSurface_unstable } from './renderPreviewSurface';
 import { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';
-export const PreviewSurface = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = usePreviewSurface_unstable(props, ref);
-    usePreviewSurfaceStyles_unstable(state);
-    return renderPreviewSurface_unstable(state);
+export const PreviewSurface = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePreviewSurface_unstable(props, ref);
+  usePreviewSurfaceStyles_unstable(state);
+  return renderPreviewSurface_unstable(state);
 });
 PreviewSurface.displayName = 'PreviewSurface';
+//# sourceMappingURL=PreviewSurface.js.map

package/lib/components/PreviewSurface/PreviewSurface.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering PreviewSurface
- */ export { };
+ */export {};
+//# sourceMappingURL=PreviewSurface.types.js.map

package/lib/components/PreviewSurface/index.js

@@ -2,3 +2,4 @@ export { PreviewSurface } from './PreviewSurface';
 export { renderPreviewSurface_unstable } from './renderPreviewSurface';
 export { usePreviewSurface_unstable } from './usePreviewSurface';
 export { previewSurfaceClassNames, usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/PreviewSurface/renderPreviewSurface.js

@@ -1,6 +1,8 @@
 import { renderPopoverSurface_unstable } from '@fluentui/react-components';
 /**
  * Render the final JSX of PreviewSurface
- */ export const renderPreviewSurface_unstable = (state)=>{
-    return renderPopoverSurface_unstable(state);
+ */
+export const renderPreviewSurface_unstable = state => {
+  return renderPopoverSurface_unstable(state);
 };
+//# sourceMappingURL=renderPreviewSurface.js.map

package/lib/components/PreviewSurface/usePreviewSurface.js

@@ -9,10 +9,12 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of PreviewSurface
  * @param ref - reference to root HTMLElement of PreviewSurface
- */ export const usePreviewSurface_unstable = (props, ref)=>{
-    const designVersion = useDesignVersion(props.designVersion);
-    return {
-        designVersion,
-        ...usePopoverSurface_unstable(props, ref)
-    };
+ */
+export const usePreviewSurface_unstable = (props, ref) => {
+  const designVersion = useDesignVersion(props.designVersion);
+  return {
+    designVersion,
+    ...usePopoverSurface_unstable(props, ref)
+  };
 };
+//# sourceMappingURL=usePreviewSurface.js.map