@fluentui-copilot/react-preview 0.5.7 → 0.6.0

package/lib-commonjs/components/PreviewMetadata/index.js

@@ -2,10 +2,31 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./PreviewMetadata"), exports);
-_export_star._(require("./PreviewMetadata.types"), exports);
-_export_star._(require("./renderPreviewMetadata"), exports);
-_export_star._(require("./usePreviewMetadata"), exports);
-_export_star._(require("./usePreviewMetadataStyles.styles"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PreviewMetadata: function() {
+        return _PreviewMetadata.PreviewMetadata;
+    },
+    previewMetadataClassNames: function() {
+        return _usePreviewMetadataStylesstyles.previewMetadataClassNames;
+    },
+    renderPreviewMetadata_unstable: function() {
+        return _renderPreviewMetadata.renderPreviewMetadata_unstable;
+    },
+    usePreviewMetadataStyles_unstable: function() {
+        return _usePreviewMetadataStylesstyles.usePreviewMetadataStyles_unstable;
+    },
+    usePreviewMetadata_unstable: function() {
+        return _usePreviewMetadata.usePreviewMetadata_unstable;
+    }
+});
+const _PreviewMetadata = require("./PreviewMetadata");
+const _renderPreviewMetadata = require("./renderPreviewMetadata");
+const _usePreviewMetadata = require("./usePreviewMetadata");
+const _usePreviewMetadataStylesstyles = require("./usePreviewMetadataStyles.styles");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PreviewMetadata/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewMetadata';\nexport * from './PreviewMetadata.types';\nexport * from './renderPreviewMetadata';\nexport * from './usePreviewMetadata';\nexport * from './usePreviewMetadataStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewMetadata } from './PreviewMetadata';\nexport type { PreviewMetadataProps, PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nexport { renderPreviewMetadata_unstable } from './renderPreviewMetadata';\nexport { usePreviewMetadata_unstable } from './usePreviewMetadata';\nexport { previewMetadataClassNames, usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';\n"],"names":["PreviewMetadata","previewMetadataClassNames","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIfC,yBAAyB;eAAzBA,yDAAyB;;IAFzBC,8BAA8B;eAA9BA,qDAA8B;;IAEHC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDACiC"}

package/lib-commonjs/components/PreviewMetadata/usePreviewMetadataStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const textStyles = useTextStyles();\n\n  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  let isSubsequentAfterText = false;\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n    isSubsequentAfterText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      previewMetadataClassNames.secondaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentAfterText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      previewMetadataClassNames.tertiaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.tertiaryText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","useIconBaseClassName","caption2","useTextStyles","__styles","subsequentText","marginLeft","spacingHorizontalSNudge","verticalAlign","uvfttm","Bbv0w2i","makeStyles","position","shorthands","borderLeft","content","display","state","rootBaseClassName","iconBaseClassName","textStyles","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAkCbC,iCAAA;eAAAA;;;iCAvCkB;AAKX,MAAMD,4BAAkE;UAC7EE;UACAC;iBACAC;mBACAC;kBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC3CC,uBAAoBC,IAAAA,8BAAQ,EAAA,WAAA,WAAA;IAAA;IAAA;CAAA;AAC9B,MAAAC,gBAAAC,IAAAA,yBAAA,EAAA;IAEAC,gBAAMJ;QACJK,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAMP;YAAAA;YAAgBQ;SAAW;QAC/BN,SAAAA;YAAAA;YAAgB;SAAA;gBACdC;iBACAM;iBAEA;gBACE;YAAA;YAAGC;SAAWC;iBACdC;iBACAC;;;;;QAGU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;AAMhB,MAAAvB,oCAAAwB,CAAAA;;UAIEC,oBAAAnB;UAEAoB,oBAAMD;UACNE,aAAMD;UACNzB,IAAM0B,CAAAA,SAAAA,GAAajB,IAAAA,6BAAAA,EAAAA,0BAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;QAEnBc,MAAMvB,IAAK2B,EAAAA;QAEXJ,MAAIA,IAAMtB,CAAAA,SAAM,GAAA2B,IAAAA,6BAAA,EAAA9B,0BAAAG,IAAA,EAAAwB,mBAAAF,MAAAtB,IAAA,CAAA0B,SAAA;;QAEhBE,wBAAA;QAEAN,MAAIM,WAAAA,EAAAA;QAEJN,MAAIA,WAAMrB,CAAAA,SAAa,GAAA0B,IAAAA,6BAAA,EAAA9B,0BAAAI,WAAA,EAAAqB,MAAArB,WAAA,CAAAyB,SAAA;gCACHA;;QAEpBJ,MAAApB,aAAA,EAAA;QAEAoB,MAAIA,aAAMpB,CAAAA,SAAe,GAAAyB,IAAAA,6BAAA,EAAA9B,0BAAAK,aAAA,EAAA0B,yBAAAH,WAAAf,cAAA,EAAAY,MAAApB,aAAA,CAAAwB,SAAA;gCACHA;;QAMtBJ,MAAAnB,YAAA,EAAA;QAEAmB,MAAIA,YAAMnB,CAAAA,SAAc,GAAAwB,IAAAA,6BAAA,EAAA9B,0BAAAM,YAAA,EAAAyB,yBAAAH,WAAAf,cAAA,EAAAY,MAAAnB,YAAA,CAAAuB,SAAA;;WAMxBJ;GAGF,2DAAE"}
+{"version":3,"sources":["usePreviewMetadataStyles.styles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const textStyles = useTextStyles();\n\n  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);\n  }\n\n  let isSubsequentAfterText = false;\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);\n    isSubsequentAfterText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      previewMetadataClassNames.secondaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentAfterText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      previewMetadataClassNames.tertiaryText,\n      isSubsequentAfterText && textStyles.subsequentText,\n      state.tertiaryText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["previewMetadataClassNames","usePreviewMetadataStyles_unstable","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","makeResetStyles","useIconBaseClassName","caption2","useTextStyles","__styles","subsequentText","marginLeft","spacingHorizontalSNudge","verticalAlign","uvfttm","Bbv0w2i","makeStyles","position","shorthands","borderLeft","content","display","state","rootBaseClassName","iconBaseClassName","textStyles","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAkCbC,iCAAA;eAAAA;;;iCAxCkB;AAMX,MAAMD,4BAAkE;UAC7EE;UACAC;iBACAC;mBACAC;kBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,WAAgB,MAAA;IAAA;CAAA;MAC3CC,uBAAoBC,IAAAA,8BAAQ,EAAA,WAAA,WAAA;IAAA;IAAA;CAAA;AAC9B,MAAAC,gBAAAC,IAAAA,yBAAA,EAAA;IAEAC,gBAAMJ;QACJK,QAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAMP;YAAAA;YAAgBQ;SAAW;QAC/BN,SAAAA;YAAAA;YAAgB;SAAA;gBACdC;iBACAM;iBAEA;gBACE;YAAA;YAAGC;SAAWC;iBACdC;iBACAC;;;;;QAGU;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;AAMhB,MAAAvB,oCAAAwB,CAAAA;;UAIEC,oBAAAnB;UAEAoB,oBAAMD;UACNE,aAAMD;UACNzB,IAAM0B,CAAAA,SAAAA,GAAajB,IAAAA,6BAAAA,EAAAA,0BAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;QAEnBc,MAAMvB,IAAK2B,EAAAA;QAEXJ,MAAIA,IAAMtB,CAAAA,SAAM,GAAA2B,IAAAA,6BAAA,EAAA9B,0BAAAG,IAAA,EAAAwB,mBAAAF,MAAAtB,IAAA,CAAA0B,SAAA;;QAEhBE,wBAAA;QAEAN,MAAIM,WAAAA,EAAAA;QAEJN,MAAIA,WAAMrB,CAAAA,SAAa,GAAA0B,IAAAA,6BAAA,EAAA9B,0BAAAI,WAAA,EAAAqB,MAAArB,WAAA,CAAAyB,SAAA;gCACHA;;QAEpBJ,MAAApB,aAAA,EAAA;QAEAoB,MAAIA,aAAMpB,CAAAA,SAAe,GAAAyB,IAAAA,6BAAA,EAAA9B,0BAAAK,aAAA,EAAA0B,yBAAAH,WAAAf,cAAA,EAAAY,MAAApB,aAAA,CAAAwB,SAAA;gCACHA;;QAMtBJ,MAAAnB,YAAA,EAAA;QAEAmB,MAAIA,YAAMnB,CAAAA,SAAc,GAAAwB,IAAAA,6BAAA,EAAA9B,0BAAAM,YAAA,EAAAyB,yBAAAH,WAAAf,cAAA,EAAAY,MAAAnB,YAAA,CAAAuB,SAAA;;WAMxBJ;GAGF,2DAAE"}

package/lib-commonjs/components/PreviewSurface/PreviewSurface.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAeA;;CAEC"}
+{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & DesignVersion & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> &\n  PopoverSurfaceState &\n  Pick<Required<PreviewSurfaceProps>, 'designVersion'> & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}

package/lib-commonjs/components/PreviewSurface/index.js

@@ -2,10 +2,31 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./PreviewSurface"), exports);
-_export_star._(require("./PreviewSurface.types"), exports);
-_export_star._(require("./renderPreviewSurface"), exports);
-_export_star._(require("./usePreviewSurface"), exports);
-_export_star._(require("./usePreviewSurfaceStyles.styles"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PreviewSurface: function() {
+        return _PreviewSurface.PreviewSurface;
+    },
+    previewSurfaceClassNames: function() {
+        return _usePreviewSurfaceStylesstyles.previewSurfaceClassNames;
+    },
+    renderPreviewSurface_unstable: function() {
+        return _renderPreviewSurface.renderPreviewSurface_unstable;
+    },
+    usePreviewSurfaceStyles_unstable: function() {
+        return _usePreviewSurfaceStylesstyles.usePreviewSurfaceStyles_unstable;
+    },
+    usePreviewSurface_unstable: function() {
+        return _usePreviewSurface.usePreviewSurface_unstable;
+    }
+});
+const _PreviewSurface = require("./PreviewSurface");
+const _renderPreviewSurface = require("./renderPreviewSurface");
+const _usePreviewSurface = require("./usePreviewSurface");
+const _usePreviewSurfaceStylesstyles = require("./usePreviewSurfaceStyles.styles");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PreviewSurface/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewSurface } from './PreviewSurface';\nexport type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nexport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nexport { usePreviewSurface_unstable } from './usePreviewSurface';\nexport { previewSurfaceClassNames, usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\n"],"names":["PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IAIdC,wBAAwB;eAAxBA,uDAAwB;;IAFxBC,6BAA6B;eAA7BA,mDAA6B;;IAEHC,gCAAgC;eAAhCA,+DAAgC;;IAD1DC,0BAA0B;eAA1BA,6CAA0B;;;gCAHJ;sCAEe;mCACH;+CACgC"}

package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js

@@ -9,6 +9,11 @@ Object.defineProperty(exports, "usePreviewSurface_unstable", {
     }
 });
 const _reactcomponents = require("@fluentui/react-components");
+const _reactprovider = require("@fluentui-copilot/react-provider");
 const usePreviewSurface_unstable = (props, ref)=>{
-    return (0, _reactcomponents.usePopoverSurface_unstable)(props, ref);
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    return {
+        designVersion,
+        ...(0, _reactcomponents.usePopoverSurface_unstable)(props, ref)
+    };
 }; //# sourceMappingURL=usePreviewSurface.js.map

package/lib-commonjs/components/PreviewSurface/usePreviewSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  return usePopoverSurface_unstable(props, ref);\n};\n"],"names":["usePopoverSurface_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAmBSA;;;eAAAA;;;iCAlBkC;AAkBzC,MAAOA,6BAA2BC,CAAAA,OAAOC;IACzC,OAAAF,IAAAA,2CAAA,EAAAC,OAAAC"}
+{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  const designVersion = useDesignVersion(props.designVersion);\n  return { designVersion, ...usePopoverSurface_unstable(props, ref) };\n};\n"],"names":["designVersion","useDesignVersion","props","usePopoverSurface_unstable","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBQA;;;eAAAA;;;iCAnBmC;+BAEV;AAiB/B,MAAMA,6BAAgBC,CAAiBC,OAAMF;UAC7CA,gBAAOC,IAAAA,+BAAA,EAAAC,MAAAF,aAAA;WAAEA;;QAAyD,GAAAG,IAAAA,2CAAA,EAAAD,OAAAE,IAAA;IAClE"}

package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js

@@ -42,10 +42,30 @@ const previewSurfaceClassNames = {
         ".f1ewtqcl{box-sizing:border-box;}"
     ]
 });
+const useNextStyles = (0, _reactcomponents.__styles)({
+    root: {
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f1kijzfu"
+    }
+}, {
+    d: [
+        [
+            ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
 const usePreviewSurfaceStyles_unstable = (state)=>{
     'use no memo';
+    const { designVersion } = state;
     const rootStyles = useRootStyles();
-    state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, state.root.className);
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewSurfaceClassNames.root, rootStyles.base, designVersion === 'next' && nextStyles.root, state.root.className);
     (0, _reactcomponents.usePopoverSurfaceStyles_unstable)(state);
     return state;
 }; //# sourceMappingURL=usePreviewSurfaceStyles.styles.js.map

package/lib-commonjs/components/PreviewSurface/usePreviewSurfaceStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["previewSurfaceClassNames","root","base","__styles","padding","boxSizing","uwmqm3","z189sj","z8tnut","B7ck84d","state","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;;;;;iCAJ8D;AAIpE,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACAC;QACFC,QAAA;QACFC,QAAA;QAEAC,QAAA;;QAGAC,SAAO;;;OAKLC;QAAAA;YAAAA;YAA8ER;gBAE9ES,GAAAA,CAAAA;;SAEA;QAAA;KAAOD;AACT"}
+{"version":3,"sources":["usePreviewSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewSurfaceClassNames: SlotClassNames<PreviewSurfaceSlots> = {\n  root: 'fai-PreviewSurface',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    boxSizing: 'border-box',\n  },\n});\n\nconst useNextStyles = makeStyles({\n  root: {\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootStyles = useRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    previewSurfaceClassNames.root,\n    rootStyles.base,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  usePopoverSurfaceStyles_unstable(state);\n\n  return state;\n};\n"],"names":["previewSurfaceClassNames","root","base","__styles","padding","boxSizing","uwmqm3","z189sj","z8tnut","useNextStyles","borderRadius","d","usePreviewSurfaceStyles_unstable","designVersion","state","Beyfa6y","nextStyles","usePopoverSurfaceStyles_unstable","B7oj6ja","Dimara"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;;;;;iCALsD;AAK5D,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACAC;QACFC,QAAA;QACFC,QAAA;QAEAC,QAAMC;QACJR,SAAM;iBACJS;;AAEJ,GAAA;IAEAC,GAAA;QAAA;YAAA;YAAA;;YAEC;SACD;QAAA;KAAaC;;MAGXH,gBAAQI,IAAAA,yBAAkBC,EAAAA;UAE1B;QACAC,SAAMC;QAENF,SAAMb;QAONgB,SAAAA;QAEAC,SAAOJ;QACPK,QAAA"}

package/lib-commonjs/components/PreviewTrigger/index.js

@@ -2,9 +2,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./PreviewTrigger"), exports);
-_export_star._(require("./PreviewTrigger.types"), exports);
-_export_star._(require("./renderPreviewTrigger"), exports);
-_export_star._(require("./usePreviewTrigger"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PreviewTrigger: function() {
+        return _PreviewTrigger.PreviewTrigger;
+    },
+    renderPreviewTrigger_unstable: function() {
+        return _renderPreviewTrigger.renderPreviewTrigger_unstable;
+    },
+    usePreviewTrigger_unstable: function() {
+        return _usePreviewTrigger.usePreviewTrigger_unstable;
+    }
+});
+const _PreviewTrigger = require("./PreviewTrigger");
+const _renderPreviewTrigger = require("./renderPreviewTrigger");
+const _usePreviewTrigger = require("./usePreviewTrigger");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/components/PreviewTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewTrigger';\nexport * from './PreviewTrigger.types';\nexport * from './renderPreviewTrigger';\nexport * from './usePreviewTrigger';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { PreviewTrigger } from './PreviewTrigger';\nexport type { PreviewTriggerChildProps, PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.types';\nexport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nexport { usePreviewTrigger_unstable } from './usePreviewTrigger';\n"],"names":["PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IAEdC,6BAA6B;eAA7BA,mDAA6B;;IAC7BC,0BAA0B;eAA1BA,6CAA0B;;;gCAHJ;sCAEe;mCACH"}

package/lib-commonjs/utils/index.js

@@ -2,6 +2,22 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./openedByHoverPreviewManager"), exports);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    addOpenedByHoverPreview: function() {
+        return _openedByHoverPreviewManager.addOpenedByHoverPreview;
+    },
+    closeAllOpenedByHoverPreviews: function() {
+        return _openedByHoverPreviewManager.closeAllOpenedByHoverPreviews;
+    },
+    removeOpenedByHoverPreview: function() {
+        return _openedByHoverPreviewManager.removeOpenedByHoverPreview;
+    }
+});
+const _openedByHoverPreviewManager = require("./openedByHoverPreviewManager");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './openedByHoverPreviewManager';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { addOpenedByHoverPreview, closeAllOpenedByHoverPreviews, removeOpenedByHoverPreview } from './openedByHoverPreviewManager';\n"],"names":["addOpenedByHoverPreview","closeAllOpenedByHoverPreviews","removeOpenedByHoverPreview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,uBAAuB;eAAvBA,oDAAuB;;IAAEC,6BAA6B;eAA7BA,0DAA6B;;IAAEC,0BAA0B;eAA1BA,uDAA0B;;;6CAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.5.7",
+  "version": "0.6.0",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,6 +12,8 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@fluentui-copilot/react-provider": "^0.10.0",
+    "@fluentui-copilot/tokens": "^0.3.5",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {