@fluentui-copilot/react-preview 0.0.0-nightly-20240426-0405-4698d75c.1 → 0.0.0-nightly-20240501-0406-278a94d6.1

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering PreviewSurface
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PreviewSurface.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewSurface.js"],"sourcesContent":["import { renderPopoverSurface_unstable } from '@fluentui/react-components';\n/**\n * Render the final JSX of PreviewSurface\n */\nexport const renderPreviewSurface_unstable = state => {\n  return renderPopoverSurface_unstable(state);\n};\n//# sourceMappingURL=renderPreviewSurface.js.map"],"names":["renderPreviewSurface_unstable","state","renderPopoverSurface_unstable"],"mappings":";;;;+BAIaA;;;eAAAA;;;iCAJiC;AAIvC,MAAMA,gCAAgCC,CAAAA;IAC3C,OAAOC,IAAAA,8CAA6B,EAACD;AACvC,GACA,gDAAgD"}
+{"version":3,"sources":["renderPreviewSurface.tsx"],"sourcesContent":["import { renderPopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceState } from './PreviewSurface.types';\n\n/**\n * Render the final JSX of PreviewSurface\n */\nexport const renderPreviewSurface_unstable = (state: PreviewSurfaceState): React.ReactElement => {\n  return renderPopoverSurface_unstable(state);\n};\n"],"names":["renderPopoverSurface_unstable","state"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAOSA;;;eAAAA;;;iCAPqC;AAO5C,MAAOA,gCAA8BC,CAAAA;IACrC,OAAAD,IAAAA,8CAAA,EAAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurface.js"],"sourcesContent":["import { usePopoverSurface_unstable } from '@fluentui/react-components';\n// If you add JSX to this file, be sure to change the file type to .tsx\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 = (props, ref) => {\n  return usePopoverSurface_unstable(props, ref);\n};\n//# sourceMappingURL=usePreviewSurface.js.map"],"names":["usePreviewSurface_unstable","props","ref","usePopoverSurface_unstable"],"mappings":";;;;+BAWaA;;;eAAAA;;;iCAX8B;AAWpC,MAAMA,6BAA6B,CAACC,OAAOC;IAChD,OAAOC,IAAAA,2CAA0B,EAACF,OAAOC;AAC3C,GACA,6CAA6C"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewSurfaceStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';\nexport const previewSurfaceClassNames = {\n  root: 'fai-PreviewSurface'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = __styles({\n  base: {\n    B2u0y6b: \"f2rbwfs\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"]\n  }\n}, {\n  d: [\".f2rbwfs{max-width:256px;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);\n  usePopoverSurfaceStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=usePreviewSurfaceStyles.js.map"],"names":["previewSurfaceClassNames","usePreviewSurfaceStyles_unstable","root","useRootStyles","__styles","base","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","d","state","rootStyles","className","mergeClasses","usePopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;IACaA,wBAAwB;eAAxBA;;IAoBAC,gCAAgC;eAAhCA;;;iCArBgF;AACtF,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,gBAAgBC,IAAAA,yBAAQ,EAAC;IAC7BC,MAAM;QACJC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAA8B;QAAoD;QAAuD;QAAsD;KAAsD;AAC3P;AAIO,MAAMV,mCAAmCW,CAAAA;IAC9C,MAAMC,aAAaV;IACnBS,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,6BAAY,EAACf,yBAAyBE,IAAI,EAAEW,WAAWR,IAAI,EAAEO,MAAMV,IAAI,CAACY,SAAS;IACxGE,IAAAA,iDAAgC,EAACJ;IACjC,OAAOA;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["usePreviewSurfaceStyles.ts"],"sourcesContent":["import {\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  usePopoverSurfaceStyles_unstable,\n} 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    maxWidth: '256px',\n    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalXS),\n  },\n});\n\n/**\n * Apply styling to the PreviewSurface slots based on the state\n */\nexport const usePreviewSurfaceStyles_unstable = (state: PreviewSurfaceState): PreviewSurfaceState => {\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","maxWidth","shorthands","z8tnut","z189sj","Byoj8tv","state","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUaA,wBAAAA;eAAAA;;;;;;iCALqB;AAK3B,MAAMA,2BAAgE;UAC3EC;AACF;AAEA;;CAEC,SAECC,gBAAMC,IAAAA,yBAAA,EAAA;UACJC;iBACGC;QACLC,QAAA;QACFC,QAAA;YAAA;YAAA;SAAA;QAEAC,SAAA;;;;;IAEC;;OAICC;QAAAA;QAAuBC;QAA6DD;QAAoB;QAAA;KAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewTrigger.js"],"sourcesContent":["import { usePreviewTrigger_unstable } from './usePreviewTrigger';\nimport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nexport const PreviewTrigger = props => {\n  const state = usePreviewTrigger_unstable(props);\n  return renderPreviewTrigger_unstable(state);\n};\nPreviewTrigger.displayName = 'PreviewTrigger';\n//# sourceMappingURL=PreviewTrigger.js.map"],"names":["PreviewTrigger","props","state","usePreviewTrigger_unstable","renderPreviewTrigger_unstable","displayName"],"mappings":";;;;+BAEaA;;;eAAAA;;;mCAF8B;sCACG;AACvC,MAAMA,iBAAiBC,CAAAA;IAC5B,MAAMC,QAAQC,IAAAA,6CAA0B,EAACF;IACzC,OAAOG,IAAAA,mDAA6B,EAACF;AACvC;AACAF,eAAeK,WAAW,GAAG,kBAC7B,0CAA0C"}
+{"version":3,"sources":["PreviewTrigger.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { usePreviewTrigger_unstable } from './usePreviewTrigger';\nimport { renderPreviewTrigger_unstable } from './renderPreviewTrigger';\nimport type { PreviewTriggerProps } from './PreviewTrigger.types';\n\nexport const PreviewTrigger: React.FC<PreviewTriggerProps> = props => {\n  const state = usePreviewTrigger_unstable(props);\n\n  return renderPreviewTrigger_unstable(state);\n};\n\nPreviewTrigger.displayName = 'PreviewTrigger';\n"],"names":["PreviewTrigger","props","state","usePreviewTrigger_unstable","renderPreviewTrigger_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;mCAJ8B;sCACG;AAGvC,MAAMA,iBAAgDC,CAAAA;UAC3DC,QAAMA,IAAAA,6CAAQC,EAAAA;WAEdC,IAAAA,mDAAOA,EAAAA;AACT;AAEAJ,eAAeK,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewTrigger.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PreviewTrigger.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
+{"version":3,"sources":["PreviewTrigger.types.ts"],"sourcesContent":["import type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-components';\n\n/**\n * PreviewTrigger Props\n */\nexport type PreviewTriggerProps = PopoverTriggerProps & {};\n\n/**\n * State used in rendering PreviewTrigger\n */\nexport type PreviewTriggerState = PopoverTriggerState & {};\n\n/**\n * Props that are passed to the child of the PreviewTrigger when cloned to ensure correct behavior for the Preview.\n */\nexport type PreviewTriggerChildProps = PopoverTriggerChildProps & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './PreviewTrigger';\nexport * from './PreviewTrigger.types';\nexport * from './renderPreviewTrigger';\nexport * from './usePreviewTrigger';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;CACd,iCAAiC"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewTrigger.js"],"sourcesContent":["import { renderPopoverTrigger_unstable } from '@fluentui/react-components';\n/**\n * Render the final JSX of PreviewTrigger\n */\nexport const renderPreviewTrigger_unstable = state => {\n  return renderPopoverTrigger_unstable(state);\n};\n//# sourceMappingURL=renderPreviewTrigger.js.map"],"names":["renderPreviewTrigger_unstable","state","renderPopoverTrigger_unstable"],"mappings":";;;;+BAIaA;;;eAAAA;;;iCAJiC;AAIvC,MAAMA,gCAAgCC,CAAAA;IAC3C,OAAOC,IAAAA,8CAA6B,EAACD;AACvC,GACA,gDAAgD"}
+{"version":3,"sources":["renderPreviewTrigger.tsx"],"sourcesContent":["import { renderPopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerState } from './PreviewTrigger.types';\n\n/**\n * Render the final JSX of PreviewTrigger\n */\nexport const renderPreviewTrigger_unstable = (state: PreviewTriggerState) => {\n  return renderPopoverTrigger_unstable(state);\n};\n"],"names":["renderPopoverTrigger_unstable","state"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAOSA;;;eAAAA;;;iCAPqC;AAO5C,MAAOA,gCAA8BC,CAAAA;IACrC,OAAAD,IAAAA,8CAAA,EAAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewTrigger.js"],"sourcesContent":["import { usePopoverTrigger_unstable } from '@fluentui/react-components';\n// If you add JSX to this file, be sure to change the file type to .tsx\n/**\n * Create the state required to render PreviewTrigger.\n *\n * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,\n * before being passed to renderPreviewTrigger_unstable.\n *\n * @param props - props from this instance of PreviewTrigger\n * @param ref - reference to root HTMLElement of PreviewTrigger\n */\nexport const usePreviewTrigger_unstable = props => {\n  return usePopoverTrigger_unstable(props);\n};\n//# sourceMappingURL=usePreviewTrigger.js.map"],"names":["usePreviewTrigger_unstable","props","usePopoverTrigger_unstable"],"mappings":";;;;+BAWaA;;;eAAAA;;;iCAX8B;AAWpC,MAAMA,6BAA6BC,CAAAA;IACxC,OAAOC,IAAAA,2CAA0B,EAACD;AACpC,GACA,6CAA6C"}
+{"version":3,"sources":["usePreviewTrigger.ts"],"sourcesContent":["import { usePopoverTrigger_unstable } from '@fluentui/react-components';\nimport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger.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 PreviewTrigger.\n *\n * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,\n * before being passed to renderPreviewTrigger_unstable.\n *\n * @param props - props from this instance of PreviewTrigger\n * @param ref - reference to root HTMLElement of PreviewTrigger\n */\nexport const usePreviewTrigger_unstable = (props: PreviewTriggerProps): PreviewTriggerState => {\n  return usePopoverTrigger_unstable(props);\n};\n"],"names":["usePopoverTrigger_unstable","props"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAeSA;;;eAAAA;;;iCAfkC;AAezC,MAAOA,6BAA2BC,CAAAA;IAClC,OAAAD,IAAAA,2CAAA,EAAAC"}

package/lib-commonjs/index.js

@@ -12,74 +12,56 @@ _export(exports, {
     Preview: function() {
         return _Preview.Preview;
     },
-    renderPreview_unstable: function() {
-        return _Preview.renderPreview_unstable;
+    PreviewContent: function() {
+        return _PreviewContent.PreviewContent;
     },
-    usePreview_unstable: function() {
-        return _Preview.usePreview_unstable;
+    PreviewContext: function() {
+        return _previewContext.PreviewContext;
+    },
+    PreviewContextProvider: function() {
+        return _previewContext.PreviewContextProvider;
     },
     PreviewHeader: function() {
         return _PreviewHeader.PreviewHeader;
     },
-    previewHeaderClassNames: function() {
-        return _PreviewHeader.previewHeaderClassNames;
-    },
-    renderPreviewHeader_unstable: function() {
-        return _PreviewHeader.renderPreviewHeader_unstable;
-    },
-    usePreviewHeaderStyles_unstable: function() {
-        return _PreviewHeader.usePreviewHeaderStyles_unstable;
-    },
-    usePreviewHeader_unstable: function() {
-        return _PreviewHeader.usePreviewHeader_unstable;
-    },
     PreviewMetadata: function() {
         return _PreviewMetadata.PreviewMetadata;
     },
-    previewMetadataClassNames: function() {
-        return _PreviewMetadata.previewMetadataClassNames;
+    PreviewSurface: function() {
+        return _PreviewSurface.PreviewSurface;
     },
-    renderPreviewMetadata_unstable: function() {
-        return _PreviewMetadata.renderPreviewMetadata_unstable;
+    PreviewTrigger: function() {
+        return _PreviewTrigger.PreviewTrigger;
     },
-    usePreviewMetadataStyles_unstable: function() {
-        return _PreviewMetadata.usePreviewMetadataStyles_unstable;
+    previewContentClassNames: function() {
+        return _PreviewContent.previewContentClassNames;
     },
-    usePreviewMetadata_unstable: function() {
-        return _PreviewMetadata.usePreviewMetadata_unstable;
+    previewHeaderClassNames: function() {
+        return _PreviewHeader.previewHeaderClassNames;
     },
-    PreviewSurface: function() {
-        return _PreviewSurface.PreviewSurface;
+    previewMetadataClassNames: function() {
+        return _PreviewMetadata.previewMetadataClassNames;
     },
     previewSurfaceClassNames: function() {
         return _PreviewSurface.previewSurfaceClassNames;
     },
-    renderPreviewSurface_unstable: function() {
-        return _PreviewSurface.renderPreviewSurface_unstable;
+    renderPreviewContent_unstable: function() {
+        return _PreviewContent.renderPreviewContent_unstable;
     },
-    usePreviewSurfaceStyles_unstable: function() {
-        return _PreviewSurface.usePreviewSurfaceStyles_unstable;
+    renderPreviewHeader_unstable: function() {
+        return _PreviewHeader.renderPreviewHeader_unstable;
     },
-    usePreviewSurface_unstable: function() {
-        return _PreviewSurface.usePreviewSurface_unstable;
+    renderPreviewMetadata_unstable: function() {
+        return _PreviewMetadata.renderPreviewMetadata_unstable;
     },
-    PreviewTrigger: function() {
-        return _PreviewTrigger.PreviewTrigger;
+    renderPreviewSurface_unstable: function() {
+        return _PreviewSurface.renderPreviewSurface_unstable;
     },
     renderPreviewTrigger_unstable: function() {
         return _PreviewTrigger.renderPreviewTrigger_unstable;
     },
-    usePreviewTrigger_unstable: function() {
-        return _PreviewTrigger.usePreviewTrigger_unstable;
-    },
-    PreviewContent: function() {
-        return _PreviewContent.PreviewContent;
-    },
-    previewContentClassNames: function() {
-        return _PreviewContent.previewContentClassNames;
-    },
-    renderPreviewContent_unstable: function() {
-        return _PreviewContent.renderPreviewContent_unstable;
+    renderPreview_unstable: function() {
+        return _Preview.renderPreview_unstable;
     },
     usePreviewContentStyles_unstable: function() {
         return _PreviewContent.usePreviewContentStyles_unstable;
@@ -87,14 +69,32 @@ _export(exports, {
     usePreviewContent_unstable: function() {
         return _PreviewContent.usePreviewContent_unstable;
     },
-    PreviewContext: function() {
-        return _previewContext.PreviewContext;
-    },
-    PreviewContextProvider: function() {
-        return _previewContext.PreviewContextProvider;
-    },
     usePreviewContext_unstable: function() {
         return _previewContext.usePreviewContext_unstable;
+    },
+    usePreviewHeaderStyles_unstable: function() {
+        return _PreviewHeader.usePreviewHeaderStyles_unstable;
+    },
+    usePreviewHeader_unstable: function() {
+        return _PreviewHeader.usePreviewHeader_unstable;
+    },
+    usePreviewMetadataStyles_unstable: function() {
+        return _PreviewMetadata.usePreviewMetadataStyles_unstable;
+    },
+    usePreviewMetadata_unstable: function() {
+        return _PreviewMetadata.usePreviewMetadata_unstable;
+    },
+    usePreviewSurfaceStyles_unstable: function() {
+        return _PreviewSurface.usePreviewSurfaceStyles_unstable;
+    },
+    usePreviewSurface_unstable: function() {
+        return _PreviewSurface.usePreviewSurface_unstable;
+    },
+    usePreviewTrigger_unstable: function() {
+        return _PreviewTrigger.usePreviewTrigger_unstable;
+    },
+    usePreview_unstable: function() {
+        return _Preview.usePreview_unstable;
     }
 });
 const _Preview = require("./Preview");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';\nexport { PreviewHeader, previewHeaderClassNames, renderPreviewHeader_unstable, usePreviewHeaderStyles_unstable, usePreviewHeader_unstable } from './PreviewHeader';\nexport { PreviewMetadata, previewMetadataClassNames, renderPreviewMetadata_unstable, usePreviewMetadataStyles_unstable, usePreviewMetadata_unstable } from './PreviewMetadata';\nexport { PreviewSurface, previewSurfaceClassNames, renderPreviewSurface_unstable, usePreviewSurfaceStyles_unstable, usePreviewSurface_unstable } from './PreviewSurface';\nexport { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';\nexport { PreviewContent, previewContentClassNames, renderPreviewContent_unstable, usePreviewContentStyles_unstable, usePreviewContent_unstable } from './PreviewContent';\nexport { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';\n//# sourceMappingURL=index.js.map"],"names":["Preview","renderPreview_unstable","usePreview_unstable","PreviewHeader","previewHeaderClassNames","renderPreviewHeader_unstable","usePreviewHeaderStyles_unstable","usePreviewHeader_unstable","PreviewMetadata","previewMetadataClassNames","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable","PreviewSurface","previewSurfaceClassNames","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable","PreviewTrigger","renderPreviewTrigger_unstable","usePreviewTrigger_unstable","PreviewContent","previewContentClassNames","renderPreviewContent_unstable","usePreviewContentStyles_unstable","usePreviewContent_unstable","PreviewContext","PreviewContextProvider","usePreviewContext_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAAEC,sBAAsB;eAAtBA,+BAAsB;;IAAEC,mBAAmB;eAAnBA,4BAAmB;;IACpDC,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,eAAe;eAAfA,gCAAe;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAC1IC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,cAAc;eAAdA,8BAAc;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACzEC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,cAAc;eAAdA,8BAAc;;IAAEC,sBAAsB;eAAtBA,sCAAsB;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;;yBANN;+BAC4E;iCACU;gCACL;gCAC5D;gCAC4D;gCACnE;CACnF,iCAAiC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PreviewProps, PreviewState } from './Preview';\nexport { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';\n\nexport type { PreviewHeaderProps, PreviewHeaderSlots, PreviewHeaderState } from './PreviewHeader';\nexport {\n  PreviewHeader,\n  previewHeaderClassNames,\n  renderPreviewHeader_unstable,\n  usePreviewHeaderStyles_unstable,\n  usePreviewHeader_unstable,\n} from './PreviewHeader';\n\nexport type { PreviewMetadataProps, PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata';\nexport {\n  PreviewMetadata,\n  previewMetadataClassNames,\n  renderPreviewMetadata_unstable,\n  usePreviewMetadataStyles_unstable,\n  usePreviewMetadata_unstable,\n} from './PreviewMetadata';\n\nexport type { PreviewSurfaceProps, PreviewSurfaceSlots, PreviewSurfaceState } from './PreviewSurface';\nexport {\n  PreviewSurface,\n  previewSurfaceClassNames,\n  renderPreviewSurface_unstable,\n  usePreviewSurfaceStyles_unstable,\n  usePreviewSurface_unstable,\n} from './PreviewSurface';\n\nexport type { PreviewTriggerProps, PreviewTriggerState } from './PreviewTrigger';\nexport { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';\n\nexport type { PreviewContentProps, PreviewContentSlots, PreviewContentState } from './PreviewContent';\nexport {\n  PreviewContent,\n  previewContentClassNames,\n  renderPreviewContent_unstable,\n  usePreviewContentStyles_unstable,\n  usePreviewContent_unstable,\n} from './PreviewContent';\n\nexport type { PreviewContextValue } from './previewContext';\nexport { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';\n"],"names":["Preview","PreviewContent","PreviewContext","PreviewContextProvider","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","previewContentClassNames","previewHeaderClassNames","previewMetadataClassNames","previewSurfaceClassNames","renderPreviewContent_unstable","renderPreviewHeader_unstable","renderPreviewMetadata_unstable","renderPreviewSurface_unstable","renderPreviewTrigger_unstable","renderPreview_unstable","usePreviewContentStyles_unstable","usePreviewContent_unstable","usePreviewContext_unstable","usePreviewHeaderStyles_unstable","usePreviewHeader_unstable","usePreviewMetadataStyles_unstable","usePreviewMetadata_unstable","usePreviewSurfaceStyles_unstable","usePreviewSurface_unstable","usePreviewTrigger_unstable","usePreview_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,OAAO;eAAPA,gBAAO;;IAkCdC,cAAc;eAAdA,8BAAc;;IAQPC,cAAc;eAAdA,8BAAc;;IAAEC,sBAAsB;eAAtBA,sCAAsB;;IAtC7CC,aAAa;eAAbA,4BAAa;;IASbC,eAAe;eAAfA,gCAAe;;IASfC,cAAc;eAAdA,8BAAc;;IAQPC,cAAc;eAAdA,8BAAc;;IAKrBC,wBAAwB;eAAxBA,wCAAwB;;IA9BxBC,uBAAuB;eAAvBA,sCAAuB;;IASvBC,yBAAyB;eAAzBA,0CAAyB;;IASzBC,wBAAwB;eAAxBA,wCAAwB;;IAaxBC,6BAA6B;eAA7BA,6CAA6B;;IA9B7BC,4BAA4B;eAA5BA,2CAA4B;;IAS5BC,8BAA8B;eAA9BA,+CAA8B;;IAS9BC,6BAA6B;eAA7BA,6CAA6B;;IAMNC,6BAA6B;eAA7BA,6CAA6B;;IA9BpCC,sBAAsB;eAAtBA,+BAAsB;;IAqCtCC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAIqBC,0BAA0B;eAA1BA,0CAA0B;;IAnCzEC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;IAQzBC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IAQ3BC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAI4BC,0BAA0B;eAA1BA,0CAA0B;;IA9BxCC,mBAAmB;eAAnBA,4BAAmB;;;yBAAQ;+BAS9D;iCASA;gCASA;gCAGmF;gCASnF;gCAG4E"}

package/lib-commonjs/previewContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["previewContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const PreviewContext = createContext(undefined);\nconst previewContextDefaultValue = {\n  open: false,\n  setOpen: () => null,\n  toggleOpen: () => null,\n  triggerRef: {\n    current: null\n  },\n  contentRef: {\n    current: null\n  },\n  arrowRef: {\n    current: null\n  },\n  openOnContext: false,\n  openOnHover: false,\n  size: 'medium',\n  trapFocus: false,\n  inline: false,\n  isPreviewLocked: false\n};\nexport const PreviewContextProvider = PreviewContext.Provider;\nexport const usePreviewContext_unstable = selector => useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=previewContext.js.map"],"names":["PreviewContext","PreviewContextProvider","usePreviewContext_unstable","createContext","undefined","previewContextDefaultValue","open","setOpen","toggleOpen","triggerRef","current","contentRef","arrowRef","openOnContext","openOnHover","size","trapFocus","inline","isPreviewLocked","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAqBAC,sBAAsB;eAAtBA;;IACAC,0BAA0B;eAA1BA;;;sCAvBqC;AAC3C,MAAMF,iBAAiBG,IAAAA,mCAAa,EAACC;AAC5C,MAAMC,6BAA6B;IACjCC,MAAM;IACNC,SAAS,IAAM;IACfC,YAAY,IAAM;IAClBC,YAAY;QACVC,SAAS;IACX;IACAC,YAAY;QACVD,SAAS;IACX;IACAE,UAAU;QACRF,SAAS;IACX;IACAG,eAAe;IACfC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;AACnB;AACO,MAAMjB,yBAAyBD,eAAemB,QAAQ;AACtD,MAAMjB,6BAA6BkB,CAAAA,WAAYC,IAAAA,wCAAkB,EAACrB,gBAAgB,CAACsB,MAAMjB,0BAA0B,GAAKe,SAASE,OACxI,0CAA0C"}
+{"version":3,"sources":["previewContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { PopoverContextValue } from '@fluentui/react-components';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\n\nimport type { PreviewState } from './Preview';\n\nexport type PreviewContextValue = PopoverContextValue & Pick<PreviewState, 'isPreviewLocked'>;\n\nexport const PreviewContext: Context<PreviewContextValue> = createContext<PreviewContextValue | undefined>(\n  undefined,\n) as Context<PreviewContextValue>;\nconst previewContextDefaultValue: PreviewContextValue = {\n  open: false,\n  setOpen: () => null,\n  toggleOpen: () => null,\n  triggerRef: { current: null },\n  contentRef: { current: null },\n  arrowRef: { current: null },\n  openOnContext: false,\n  openOnHover: false,\n  size: 'medium' as const,\n  trapFocus: false,\n  inline: false,\n  isPreviewLocked: false,\n};\n\nexport const PreviewContextProvider = PreviewContext.Provider;\n\nexport const usePreviewContext_unstable = <T>(selector: ContextSelector<PreviewContextValue, T>): T =>\n  useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));\n"],"names":["PreviewContext","PreviewContextProvider","usePreviewContext_unstable","createContext","undefined","previewContextDefaultValue","open","setOpen","toggleOpen","triggerRef","current","contentRef","arrowRef","openOnContext","openOnHover","size","trapFocus","inline","isPreviewLocked","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,cAAAA;eAAAA;;IAkBAC,sBAAAA;eAAAA;;IAEAC,0BAAAA;eAAAA;;;sCA5BqC;AAQ3C,MAAMF,iBAA+CG,IAAAA,mCAAAA,EAC1DC;AAEF,MAAMC,6BAAkD;UACtDC;aACAC,IAAe;gBACfC,IAAkB;gBAClBC;iBAAcC;;gBACdC;iBAAcD;;cACdE;iBAAYF;;mBACZG;iBACAC;UACAC;eACAC;YACAC;qBACAC;AACF;AAEO,MAAMjB,yBAAyBD,eAAemB,QAAQ;AAEtD,MAAMjB,6BAA6BkB,CAAAA,WACxCC,IAAAA,wCAAAA,EAAmBrB,gBAAgB,CAACsB,MAAMjB,0BAA0B,GAAKe,SAASE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './openedByHoverPreviewManager';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,iCAAiC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './openedByHoverPreviewManager';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/utils/openedByHoverPreviewManager.js

@@ -12,11 +12,11 @@ _export(exports, {
     addOpenedByHoverPreview: function() {
         return addOpenedByHoverPreview;
     },
-    removeOpenedByHoverPreview: function() {
-        return removeOpenedByHoverPreview;
-    },
     closeAllOpenedByHoverPreviews: function() {
         return closeAllOpenedByHoverPreviews;
+    },
+    removeOpenedByHoverPreview: function() {
+        return removeOpenedByHoverPreview;
     }
 });
 const openedByHoverPreviewManager = [];

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

@@ -1 +1 @@
-{"version":3,"sources":["openedByHoverPreviewManager.js"],"sourcesContent":["const openedByHoverPreviewManager = [];\nexport function addOpenedByHoverPreview(id, closeCallback) {\n  openedByHoverPreviewManager.push({\n    id,\n    closeCallback\n  });\n}\nexport function removeOpenedByHoverPreview(id) {\n  let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  while (index !== -1) {\n    openedByHoverPreviewManager.splice(index, 1);\n    index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  }\n}\nexport function closeAllOpenedByHoverPreviews(id) {\n  for (const openedPreview of openedByHoverPreviewManager) {\n    if (openedPreview.id !== id) {\n      openedPreview.closeCallback();\n    }\n  }\n  openedByHoverPreviewManager.length = 0;\n}\n//# sourceMappingURL=openedByHoverPreviewManager.js.map"],"names":["addOpenedByHoverPreview","removeOpenedByHoverPreview","closeAllOpenedByHoverPreviews","openedByHoverPreviewManager","id","closeCallback","push","index","findIndex","preview","splice","openedPreview","length"],"mappings":";;;;;;;;;;;IACgBA,uBAAuB;eAAvBA;;IAMAC,0BAA0B;eAA1BA;;IAOAC,6BAA6B;eAA7BA;;;AAdhB,MAAMC,8BAA8B,EAAE;AAC/B,SAASH,wBAAwBI,EAAE,EAAEC,aAAa;IACvDF,4BAA4BG,IAAI,CAAC;QAC/BF;QACAC;IACF;AACF;AACO,SAASJ,2BAA2BG,EAAE;IAC3C,IAAIG,QAAQJ,4BAA4BK,SAAS,CAACC,CAAAA,UAAWA,QAAQL,EAAE,KAAKA;IAC5E,MAAOG,UAAU,CAAC,EAAG;QACnBJ,4BAA4BO,MAAM,CAACH,OAAO;QAC1CA,QAAQJ,4BAA4BK,SAAS,CAACC,CAAAA,UAAWA,QAAQL,EAAE,KAAKA;IAC1E;AACF;AACO,SAASF,8BAA8BE,EAAE;IAC9C,KAAK,MAAMO,iBAAiBR,4BAA6B;QACvD,IAAIQ,cAAcP,EAAE,KAAKA,IAAI;YAC3BO,cAAcN,aAAa;QAC7B;IACF;IACAF,4BAA4BS,MAAM,GAAG;AACvC,EACA,uDAAuD"}
+{"version":3,"sources":["openedByHoverPreviewManager.ts"],"sourcesContent":["type openedByHoverPreviewManager = { id: string; closeCallback: () => void }[];\n\nconst openedByHoverPreviewManager: openedByHoverPreviewManager = [];\n\nexport function addOpenedByHoverPreview(id: string, closeCallback: () => void) {\n  openedByHoverPreviewManager.push({ id, closeCallback });\n}\n\nexport function removeOpenedByHoverPreview(id: string) {\n  let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  while (index !== -1) {\n    openedByHoverPreviewManager.splice(index, 1);\n    index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);\n  }\n}\n\nexport function closeAllOpenedByHoverPreviews(id: string) {\n  for (const openedPreview of openedByHoverPreviewManager) {\n    if (openedPreview.id !== id) {\n      openedPreview.closeCallback();\n    }\n  }\n\n  openedByHoverPreviewManager.length = 0;\n}\n"],"names":["addOpenedByHoverPreview","closeAllOpenedByHoverPreviews","removeOpenedByHoverPreview","openedByHoverPreviewManager","id","closeCallback","push","index","findIndex","preview","splice","openedPreview","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIgBA,uBAAAA;eAAAA;;IAYAC,6BAAAA;eAAAA;;IARAC,0BAAAA;eAAAA;;;AANhB,MAAMC,8BAA2D,EAAE;AAE5D,SAASH,wBAAwBI,EAAU,EAAEC,aAAyB;gCAC3EF,IAA4BG,CAAAA;;;;AAC9B;AAEO,SAASJ,2BAA2BE,EAAU;QACnDG,QAAIA,4BAAQJ,SAA4BK,CAAAA,CAAAA,UAAUC,QAAWA,EAAQL,KAAEA;UACvEG,UAAOA,CAAU,EAAI;oCACnBJ,MAA4BO,CAAAA,OAAOH;gBACnCA,4BAAQJ,SAA4BK,CAAAA,CAAAA,UAAUC,QAAWA,EAAAA,KAAUL;;AAEvE;AAEO,SAASH,8BAA8BG,EAAU;SACtD,MAAKO,iBAAMA,4BAAiBR;YAC1BQ,cAAIA,EAAAA,KAAgBP,IAAKA;0BACvBO,aAAcN;;;gCAIlBF,MAA4BS,GAAM;AACpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.0.0-nightly-20240426-0405-4698d75c.1",
+  "version": "0.0.0-nightly-20240501-0406-278a94d6.1",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -15,11 +15,11 @@
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/keyboard-keys": ">=9.0.4 <10.0.0",
-    "@fluentui/react-components": ">=9.37.3 <10.0.0",
-    "@fluentui/react-context-selector": ">=9.1.34 <10.0.0",
-    "@fluentui/react-jsx-runtime": ">=9.0.18 <10.0.0",
-    "@fluentui/react-utilities": ">=9.15.1 <10.0.0",
+    "@fluentui/keyboard-keys": ">=9.0.7 <10.0.0",
+    "@fluentui/react-components": ">=9.49.0 <10.0.0",
+    "@fluentui/react-context-selector": ">=9.1.58 <10.0.0",
+    "@fluentui/react-jsx-runtime": ">=9.0.36 <10.0.0",
+    "@fluentui/react-utilities": ">=9.18.7 <10.0.0",
     "@types/react": ">=16.14.0 <19.0.0",
     "@types/react-dom": ">=16.9.8 <19.0.0",
     "react": ">=16.14.0 <19.0.0",