@fluentui-copilot/react-preview 0.8.2 → 0.8.3

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

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewHeaderClassNames: function() {
+        return previewHeaderClassNames;
+    },
+    previewHeaderExtraClassNames: function() {
+        return previewHeaderExtraClassNames;
+    },
+    usePreviewHeaderStyles_unstable: function() {
+        return usePreviewHeaderStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewHeaderClassNames = {
+    root: 'fai-PreviewHeader',
+    actions: 'fai-PreviewHeader__actions',
+    citation: 'fai-PreviewHeader__citation',
+    label: 'fai-PreviewHeader__label',
+    media: 'fai-PreviewHeader__media'
+};
+const previewHeaderExtraClassNames = {
+    mediaChild: 'fai-PreviewHeader__mediaChild'
+};
+const labelFontSize = _reactcomponents.typographyStyles.caption1Strong.fontSize;
+const labelLineHeight = _reactcomponents.typographyStyles.caption1Strong.lineHeight;
+const useActionsBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    gridRow: 1,
+    justifySelf: 'end'
+});
+const useCitationBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    gridRow: 1
+});
+const useLabelBaseClassName = (0, _reactcomponents.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',
+    ..._reactcomponents.typographyStyles.caption1Strong,
+    [`& .${_reactcomponents.linkClassNames.root}`]: {
+        ..._reactcomponents.typographyStyles.caption1Strong,
+        color: _tokens.tokens.colorNeutralForeground3,
+        ':hover': {
+            color: _tokens.tokens.colorNeutralForeground3Hover
+        },
+        ':hover:active': {
+            color: _tokens.tokens.colorNeutralForeground3Pressed
+        }
+    }
+});
+const useMediaBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    gridRow: 1,
+    height: '16px',
+    lineHeight: 0,
+    width: '16px',
+    [`> .${previewHeaderExtraClassNames.mediaChild}`]: {
+        height: '16px',
+        width: '16px'
+    }
+});
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    columnGap: _tokens.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 = (0, _reactcomponents.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'
+    }
+});
+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 = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);
+    }
+    let citationPresent = false;
+    if (state.citation) {
+        citationPresent = true;
+        state.citation.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);
+    }
+    state.label.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.label, labelBaseClassName, state.label.className);
+    let mediaPresent = false;
+    if (state.media) {
+        mediaPresent = true;
+        state.media.className = (0, _reactcomponents.mergeClasses)(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.root.className = (0, _reactcomponents.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;
+};

package/lib-commonjs/components/PreviewHeader/usePreviewHeaderStyles.styles.raw.js.map

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

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

@@ -18,4 +18,4 @@ const PreviewMetadata = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _usePreviewMetadataStylesstyles.usePreviewMetadataStyles_unstable)(state);
     return (0, _renderPreviewMetadata.renderPreviewMetadata_unstable)(state);
 });
-PreviewMetadata.displayName = 'PreviewMetadata'; //# sourceMappingURL=PreviewMetadata.js.map
+PreviewMetadata.displayName = 'PreviewMetadata';

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewMetadata.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewMetadata_unstable } from './usePreviewMetadata';\nimport { renderPreviewMetadata_unstable } from './renderPreviewMetadata';\nimport { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';\nimport type { PreviewMetadataProps } from './PreviewMetadata.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewMetadata: ForwardRefComponent<PreviewMetadataProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewMetadata_unstable(props, ref);\n\n  usePreviewMetadataStyles_unstable(state);\n  return renderPreviewMetadata_unstable(state);\n});\n\nPreviewMetadata.displayName = 'PreviewMetadata';\n"],"names":["PreviewMetadata","React","forwardRef","props","state","usePreviewMetadata_unstable","usePreviewMetadataStyles_unstable","renderPreviewMetadata_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;oCACqB;uCACG;gDACG;AAI3C,MAAMA,kBAAAA,WAAAA,GAAAA,OAA6DC,UAAMC,CAAU,CAACC,OAACA;UAC1FC,QAAMA,IAAAA,+CAAQC,EAAAA,OAA4BF;yEAE1CG,EAAAA;WACAC,IAAAA,qDAAOA,EAAAA;AACT;AAEAP,gBAAgBQ,WAAW,GAAG"}
+{"version":3,"sources":["PreviewMetadata.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewMetadata_unstable } from './usePreviewMetadata';\nimport { renderPreviewMetadata_unstable } from './renderPreviewMetadata';\nimport { usePreviewMetadataStyles_unstable } from './usePreviewMetadataStyles.styles';\nimport type { PreviewMetadataProps } from './PreviewMetadata.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewMetadata: ForwardRefComponent<PreviewMetadataProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewMetadata_unstable(props, ref);\n\n  usePreviewMetadataStyles_unstable(state);\n  return renderPreviewMetadata_unstable(state);\n});\n\nPreviewMetadata.displayName = 'PreviewMetadata';\n"],"names":["PreviewMetadata","React","forwardRef","props","ref","state","usePreviewMetadata_unstable","usePreviewMetadataStyles_unstable","renderPreviewMetadata_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;oCACqB;uCACG;gDACG;AAI3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClC,OAAOG,IAAAA,qDAAAA,EAA+BH;AACxC;AAEAL,gBAAgBS,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PreviewMetadata.types.js.map

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

@@ -29,4 +29,3 @@ 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/renderPreviewMetadata.js

@@ -21,4 +21,4 @@ const renderPreviewMetadata_unstable = (state)=>{
             state.root.children
         ]
     });
-}; //# sourceMappingURL=renderPreviewMetadata.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["renderPreviewMetadata.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PreviewMetadataState, PreviewMetadataSlots } from './PreviewMetadata.types';\n\n/**\n * Render the final JSX of PreviewMetadata\n */\nexport const renderPreviewMetadata_unstable = (state: PreviewMetadataState) => {\n  assertSlots<PreviewMetadataSlots>(state);\n\n  return (\n    <state.root>\n      {state.primaryText && <state.primaryText />}\n      {state.secondaryText && <state.secondaryText />}\n      {state.tertiaryText && <state.tertiaryText />}\n      {state.icon && <state.icon />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","state","primaryText","_jsx","secondaryText","tertiaryText","icon","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,iCAAkCC,CAAAA;oCAElC,EAAAA;;kBAEKA;YAAAA,MAAMC,WAAW,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,WAAW,EAAA,CAAA;YAAAD,MAAAG,aAAA,IAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAG,aAAA,EAAA,CAAA;YAAAH,MAAAI,YAAA,IAAA,WAAA,GAAAF,IAAAA,eAAA,EAAAF,MAAAI,YAAA,EAAA,CAAA;YAAAJ,MAAAK,IAAA,IAAA,WAAA,GAAAH,IAAAA,eAAA,EAAAF,MAAAK,IAAA,EAAA,CAAA;YAAAL,MAAAM,IAAA,CAAAC,QAAA;SAAA;;oDAGxBP"}
+{"version":3,"sources":["renderPreviewMetadata.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PreviewMetadataState, PreviewMetadataSlots } from './PreviewMetadata.types';\n\n/**\n * Render the final JSX of PreviewMetadata\n */\nexport const renderPreviewMetadata_unstable = (state: PreviewMetadataState) => {\n  assertSlots<PreviewMetadataSlots>(state);\n\n  return (\n    <state.root>\n      {state.primaryText && <state.primaryText />}\n      {state.secondaryText && <state.secondaryText />}\n      {state.tertiaryText && <state.tertiaryText />}\n      {state.icon && <state.icon />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderPreviewMetadata_unstable","state","assertSlots","_jsxs","root","primaryText","_jsx","secondaryText","tertiaryText","icon","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,4BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,WAAW,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,WAAW,EAAA,CAAA;YACvCJ,MAAMM,aAAa,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,aAAa,EAAA,CAAA;YAC3CN,MAAMO,YAAY,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMO,YAAY,EAAA,CAAA;YACzCP,MAAMQ,IAAI,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACL,MAAMQ,IAAI,EAAA,CAAA;YACzBR,MAAMG,IAAI,CAACM,QAAQ;;;AAG1B"}

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

@@ -38,4 +38,4 @@ const usePreviewMetadata_unstable = (props, ref)=>{
             elementType: 'span'
         })
     };
-}; //# sourceMappingURL=usePreviewMetadata.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["usePreviewMetadata.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PreviewMetadataProps, PreviewMetadataState } from './PreviewMetadata.types';\n\n/**\n * Create the state required to render PreviewMetadata.\n *\n * The returned state can be modified with hooks such as usePreviewMetadataStyles_unstable,\n * before being passed to renderPreviewMetadata_unstable.\n *\n * @param props - props from this instance of PreviewMetadata\n * @param ref - reference to root HTMLElement of PreviewMetadata\n */\nexport const usePreviewMetadata_unstable = (\n  props: PreviewMetadataProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewMetadataState => {\n  const { icon, primaryText, secondaryText, tertiaryText } = props;\n\n  return {\n    components: {\n      root: 'div',\n      icon: 'span',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, { elementType: 'span' }),\n    primaryText: slot.optional(primaryText, { elementType: 'span' }),\n    secondaryText: slot.optional(secondaryText, { elementType: 'span' }),\n    tertiaryText: slot.optional(tertiaryText, { elementType: 'span' }),\n  };\n};\n"],"names":["icon","secondaryText","props","tertiaryText","components","root","primaryText","ref","elementType","slot","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBUA;;;eAAAA;;;iCAhBqC;AAgB7C,MAAQA,8BAAmBC,CAAaC,OAAEC;UAE1C,MACEC,aACEC,eACAL,cACAM;;oBAGF;kBACAD;kBAEIE;yBACGL;2BAEL;0BAAEM;;cAEJR,qBAAMS,CAAAA,MAAKC,CAAAA,IAAAA,yCAAe,EAAA,OAAA;;eAAsBR,KAAA;YAChDI;yBAA0CE;;cAC1CP,qBAAAA,CAAAA,QAAeQ,CAAAA,MAAKC;yBAA0BF;;qBAC9CL,qBAAAA,CAAcM,QAAKC,CAAAA,aAASP;yBAAgBK;;QAC9CP,eAAAQ,qBAAA,CAAAC,QAAA,CAAAT,eAAA;YACAO,aAAA"}
+{"version":3,"sources":["usePreviewMetadata.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PreviewMetadataProps, PreviewMetadataState } from './PreviewMetadata.types';\n\n/**\n * Create the state required to render PreviewMetadata.\n *\n * The returned state can be modified with hooks such as usePreviewMetadataStyles_unstable,\n * before being passed to renderPreviewMetadata_unstable.\n *\n * @param props - props from this instance of PreviewMetadata\n * @param ref - reference to root HTMLElement of PreviewMetadata\n */\nexport const usePreviewMetadata_unstable = (\n  props: PreviewMetadataProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewMetadataState => {\n  const { icon, primaryText, secondaryText, tertiaryText } = props;\n\n  return {\n    components: {\n      root: 'div',\n      icon: 'span',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, { elementType: 'span' }),\n    primaryText: slot.optional(primaryText, { elementType: 'span' }),\n    secondaryText: slot.optional(secondaryText, { elementType: 'span' }),\n    tertiaryText: slot.optional(tertiaryText, { elementType: 'span' }),\n  };\n};\n"],"names":["usePreviewMetadata_unstable","props","ref","icon","primaryText","secondaryText","tertiaryText","components","root","slot","always","getIntrinsicElementProps","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;iCAZkC;AAYxC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,WAAW,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAAGL;IAE3D,OAAO;QACLM,YAAY;YACVC,MAAM;YACNL,MAAM;YACNC,aAAa;YACbC,eAAe;YACfC,cAAc;QAChB;QACAE,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9BT;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBT,MAAMM,qBAAAA,CAAKI,QAAQ,CAACV,MAAM;YAAES,aAAa;QAAO;QAChDR,aAAaK,qBAAAA,CAAKI,QAAQ,CAACT,aAAa;YAAEQ,aAAa;QAAO;QAC9DP,eAAeI,qBAAAA,CAAKI,QAAQ,CAACR,eAAe;YAAEO,aAAa;QAAO;QAClEN,cAAcG,qBAAAA,CAAKI,QAAQ,CAACP,cAAc;YAAEM,aAAa;QAAO;IAClE;AACF"}

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewMetadataClassNames: function() {
+        return previewMetadataClassNames;
+    },
+    usePreviewMetadataStyles_unstable: function() {
+        return usePreviewMetadataStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewMetadataClassNames = {
+    root: 'fai-PreviewMetadata',
+    icon: 'fai-PreviewMetadata__icon',
+    primaryText: 'fai-PreviewMetadata__primaryText',
+    secondaryText: 'fai-PreviewMetadata__secondaryText',
+    tertiaryText: 'fai-PreviewMetadata__tertiaryText'
+};
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ..._reactcomponents.typographyStyles.caption2
+});
+const useIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    marginLeft: _tokens.tokens.spacingHorizontalSNudge,
+    verticalAlign: 'middle'
+});
+const useTextStyles = (0, _reactcomponents.makeStyles)({
+    subsequentText: {
+        marginLeft: `calc(${_tokens.tokens.spacingHorizontalSNudge} * 2)`,
+        position: 'relative',
+        '&::before': {
+            ..._reactcomponents.shorthands.borderLeft(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke2),
+            content: '""',
+            display: 'block',
+            height: _reactcomponents.typographyStyles.caption2.fontSize,
+            left: `calc(-1 * ${_tokens.tokens.spacingHorizontalSNudge})`,
+            position: 'absolute',
+            top: `calc((${_reactcomponents.typographyStyles.caption2.lineHeight} - ${_reactcomponents.typographyStyles.caption2.fontSize}) / 2)`
+        }
+    }
+});
+const usePreviewMetadataStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const iconBaseClassName = useIconBaseClassName();
+    const textStyles = useTextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
+    }
+    let isSubsequentAfterText = false;
+    if (state.primaryText) {
+        state.primaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.primaryText, state.primaryText.className);
+        isSubsequentAfterText = true;
+    }
+    if (state.secondaryText) {
+        state.secondaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
+        isSubsequentAfterText = true;
+    }
+    if (state.tertiaryText) {
+        state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"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","typographyStyles","caption2","useIconBaseClassName","marginLeft","tokens","spacingHorizontalSNudge","verticalAlign","useTextStyles","makeStyles","subsequentText","position","shorthands","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","state","rootBaseClassName","iconBaseClassName","textStyles","className","mergeClasses","isSubsequentAfterText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,yBAAAA;eAAAA;;IAqCAC,iCAAAA;eAAAA;;;iCA1CN;wBACgB;AAIhB,MAAMD,4BAAkE;IAC7EE,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,eAAe;IACfC,cAAc;AAChB;AAEA,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3C,GAAGC,iCAAAA,CAAiBC,QAAQ;AAC9B;AAEA,MAAMC,uBAAuBH,IAAAA,gCAAAA,EAAgB;IAC3CI,YAAYC,cAAAA,CAAOC,uBAAuB;IAC1CC,eAAe;AACjB;AAEA,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;IAC/BC,gBAAgB;QACdN,YAAY,CAAC,KAAK,EAAEC,cAAAA,CAAOC,uBAAuB,CAAC,KAAK,CAAC;QACzDK,UAAU;QAEV,aAAa;YACX,GAAGC,2BAAAA,CAAWC,UAAU,CAACR,cAAAA,CAAOS,eAAe,EAAE,SAAST,cAAAA,CAAOU,mBAAmB,CAAC;YACrFC,SAAS;YACTC,SAAS;YACTC,QAAQjB,iCAAAA,CAAiBC,QAAQ,CAACiB,QAAQ;YAC1CC,MAAM,CAAC,UAAU,EAAEf,cAAAA,CAAOC,uBAAuB,CAAC,CAAC,CAAC;YACpDK,UAAU;YACVU,KAAK,CAAC,MAAM,EAAEpB,iCAAAA,CAAiBC,QAAQ,CAACoB,UAAU,CAAC,GAAG,EAAErB,iCAAAA,CAAiBC,QAAQ,CAACiB,QAAQ,CAAC,MAAM,CAAC;QACpG;IACF;AACF;AAKO,MAAM1B,oCAAoC,CAAC8B;IAChD;IAEA,MAAMC,oBAAoBzB;IAC1B,MAAM0B,oBAAoBtB;IAC1B,MAAMuB,aAAalB;IAEnBe,MAAM7B,IAAI,CAACiC,SAAS,GAAGC,IAAAA,6BAAAA,EAAapC,0BAA0BE,IAAI,EAAE8B,mBAAmBD,MAAM7B,IAAI,CAACiC,SAAS;IAE3G,IAAIJ,MAAM5B,IAAI,EAAE;QACd4B,MAAM5B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,6BAAAA,EAAapC,0BAA0BG,IAAI,EAAE8B,mBAAmBF,MAAM5B,IAAI,CAACgC,SAAS;IAC7G;IAEA,IAAIE,wBAAwB;IAE5B,IAAIN,MAAM3B,WAAW,EAAE;QACrB2B,MAAM3B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EAAapC,0BAA0BI,WAAW,EAAE2B,MAAM3B,WAAW,CAAC+B,SAAS;QAC7GE,wBAAwB;IAC1B;IAEA,IAAIN,MAAM1B,aAAa,EAAE;QACvB0B,MAAM1B,aAAa,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAC9BpC,0BAA0BK,aAAa,EACvCgC,yBAAyBH,WAAWhB,cAAc,EAClDa,MAAM1B,aAAa,CAAC8B,SAAS;QAE/BE,wBAAwB;IAC1B;IAEA,IAAIN,MAAMzB,YAAY,EAAE;QACtByB,MAAMzB,YAAY,CAAC6B,SAAS,GAAGC,IAAAA,6BAAAA,EAC7BpC,0BAA0BM,YAAY,EACtC+B,yBAAyBH,WAAWhB,cAAc,EAClDa,MAAMzB,YAAY,CAAC6B,SAAS;IAEhC;IAEA,OAAOJ;AACT"}

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

@@ -18,4 +18,4 @@ const PreviewSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _usePreviewSurfaceStylesstyles.usePreviewSurfaceStyles_unstable)(state);
     return (0, _renderPreviewSurface.renderPreviewSurface_unstable)(state);
 });
-PreviewSurface.displayName = 'PreviewSurface'; //# sourceMappingURL=PreviewSurface.js.map
+PreviewSurface.displayName = 'PreviewSurface';

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

@@ -1 +1 @@
-{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewSurface_unstable(props, ref);\n\n  usePreviewSurfaceStyles_unstable(state);\n\n  return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["PreviewSurface","React","forwardRef","props","state","usePreviewSurface_unstable","usePreviewSurfaceStyles_unstable","renderPreviewSurface_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;mCACoB;sCACG;+CACG;AAI1C,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;uEAEzCG,EAAAA;WAEAC,IAAAA,mDAAOA,EAAAA;AACT;AAEAP,eAAeQ,WAAW,GAAG"}
+{"version":3,"sources":["PreviewSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePreviewSurface_unstable } from './usePreviewSurface';\nimport { renderPreviewSurface_unstable } from './renderPreviewSurface';\nimport { usePreviewSurfaceStyles_unstable } from './usePreviewSurfaceStyles.styles';\nimport type { PreviewSurfaceProps } from './PreviewSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PreviewSurface: ForwardRefComponent<PreviewSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = usePreviewSurface_unstable(props, ref);\n\n  usePreviewSurfaceStyles_unstable(state);\n\n  return renderPreviewSurface_unstable(state);\n});\n\nPreviewSurface.displayName = 'PreviewSurface';\n"],"names":["PreviewSurface","React","forwardRef","props","ref","state","usePreviewSurface_unstable","usePreviewSurfaceStyles_unstable","renderPreviewSurface_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;mCACoB;sCACG;+CACG;AAI1C,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IAEjC,OAAOG,IAAAA,mDAAAA,EAA8BH;AACvC;AAEAL,eAAeS,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PreviewSurface.types.js.map

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

@@ -29,4 +29,3 @@ 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/renderPreviewSurface.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "renderPreviewSurface_unstable", {
 const _reactcomponents = require("@fluentui/react-components");
 const renderPreviewSurface_unstable = (state)=>{
     return (0, _reactcomponents.renderPopoverSurface_unstable)(state);
-}; //# sourceMappingURL=renderPreviewSurface.js.map
+};

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

@@ -1 +1 @@
-{"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"}
+{"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":["renderPreviewSurface_unstable","state","renderPopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;iCANiC;AAMvC,MAAMA,gCAAgC,CAACC;IAC5C,OAAOC,IAAAA,8CAAAA,EAA8BD;AACvC"}

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

@@ -16,4 +16,4 @@ const usePreviewSurface_unstable = (props, ref)=>{
         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';\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"}
+{"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":["usePreviewSurface_unstable","props","ref","designVersion","useDesignVersion","usePopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;iCAf8B;+BAEV;AAa1B,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,OAAO;QAAEA;QAAe,GAAGE,IAAAA,2CAAAA,EAA2BJ,OAAOC,IAAI;IAAC;AACpE"}

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    previewSurfaceClassNames: function() {
+        return previewSurfaceClassNames;
+    },
+    usePreviewSurfaceStyles_unstable: function() {
+        return usePreviewSurfaceStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const previewSurfaceClassNames = {
+    root: 'fai-PreviewSurface'
+};
+/**
+ * Styles for the root slot
+ */ const useRootStyles = (0, _reactcomponents.makeStyles)({
+    base: {
+        padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS}`,
+        boxSizing: 'border-box'
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const usePreviewSurfaceStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootStyles = useRootStyles();
+    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;
+};

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

@@ -0,0 +1 @@
+{"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","usePreviewSurfaceStyles_unstable","root","useRootStyles","makeStyles","base","padding","tokens","spacingVerticalXS","spacingHorizontalXS","boxSizing","useNextStyles","borderRadius","borderRadiusXLarge","state","designVersion","rootStyles","nextStyles","className","mergeClasses","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IAuBAC,gCAAAA;eAAAA;;;iCA5B8D;wBACpD;AAIhB,MAAMD,2BAAgE;IAC3EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;IAC/BC,MAAM;QACJC,SAAS,CAAC,EAAEC,cAAAA,CAAOC,iBAAiB,CAAC,CAAC,EAAED,cAAAA,CAAOE,mBAAmB,CAAC,CAAC;QACpEC,WAAW;IACb;AACF;AAEA,MAAMC,gBAAgBP,IAAAA,2BAAAA,EAAW;IAC/BF,MAAM;QACJU,cAAcL,cAAAA,CAAOM,kBAAkB;IACzC;AACF;AAKO,MAAMZ,mCAAmC,CAACa;IAC/C;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,aAAab;IACnB,MAAMc,aAAaN;IAEnBG,MAAMZ,IAAI,CAACgB,SAAS,GAAGC,IAAAA,6BAAAA,EACrBnB,yBAAyBE,IAAI,EAC7Bc,WAAWX,IAAI,EACfU,kBAAkB,UAAUE,WAAWf,IAAI,EAC3CY,MAAMZ,IAAI,CAACgB,SAAS;IAGtBE,IAAAA,iDAAAA,EAAiCN;IAEjC,OAAOA;AACT"}

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

@@ -14,4 +14,4 @@ const PreviewTrigger = (props)=>{
     const state = (0, _usePreviewTrigger.usePreviewTrigger_unstable)(props);
     return (0, _renderPreviewTrigger.renderPreviewTrigger_unstable)(state);
 };
-PreviewTrigger.displayName = 'PreviewTrigger'; //# sourceMappingURL=PreviewTrigger.js.map
+PreviewTrigger.displayName = 'PreviewTrigger';

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

@@ -1 +1 @@
-{"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"}
+{"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;IAC3D,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BF;IAEzC,OAAOG,IAAAA,mDAAAA,EAA8BF;AACvC;AAEAF,eAAeK,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=PreviewTrigger.types.js.map

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

@@ -22,4 +22,3 @@ _export(exports, {
 const _PreviewTrigger = require("./PreviewTrigger");
 const _renderPreviewTrigger = require("./renderPreviewTrigger");
 const _usePreviewTrigger = require("./usePreviewTrigger");
- //# sourceMappingURL=index.js.map

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

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "renderPreviewTrigger_unstable", {
 const _reactcomponents = require("@fluentui/react-components");
 const renderPreviewTrigger_unstable = (state)=>{
     return (0, _reactcomponents.renderPopoverTrigger_unstable)(state);
-}; //# sourceMappingURL=renderPreviewTrigger.js.map
+};

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

@@ -1 +1 @@
-{"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"}
+{"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":["renderPreviewTrigger_unstable","state","renderPopoverTrigger_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;iCANiC;AAMvC,MAAMA,gCAAgC,CAACC;IAC5C,OAAOC,IAAAA,8CAAAA,EAA8BD;AACvC"}

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

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "usePreviewTrigger_unstable", {
 const _reactcomponents = require("@fluentui/react-components");
 const usePreviewTrigger_unstable = (props)=>{
     return (0, _reactcomponents.usePopoverTrigger_unstable)(props);
-}; //# sourceMappingURL=usePreviewTrigger.js.map
+};

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

@@ -1 +1 @@
-{"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"}
+{"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":["usePreviewTrigger_unstable","props","usePopoverTrigger_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;iCAd8B;AAcpC,MAAMA,6BAA6B,CAACC;IACzC,OAAOC,IAAAA,2CAAAA,EAA2BD;AACpC"}

package/lib-commonjs/index.js

@@ -104,4 +104,3 @@ const _PreviewSurface = require("./PreviewSurface");
 const _PreviewTrigger = require("./PreviewTrigger");
 const _PreviewContent = require("./PreviewContent");
 const _previewContext = require("./previewContext");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/previewContext.js

@@ -42,4 +42,4 @@ const previewContextDefaultValue = {
     isPreviewLocked: false
 };
 const PreviewContextProvider = PreviewContext.Provider;
-const usePreviewContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(PreviewContext, (ctx = previewContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=previewContext.js.map
+const usePreviewContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(PreviewContext, (ctx = previewContextDefaultValue)=>selector(ctx));

package/lib-commonjs/previewContext.js.map

@@ -1 +1 @@
-{"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"}
+{"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;IACtDC,MAAM;IACNC,SAAS,IAAM;IACfC,YAAY,IAAM;IAClBC,YAAY;QAAEC,SAAS;IAAK;IAC5BC,YAAY;QAAED,SAAS;IAAK;IAC5BE,UAAU;QAAEF,SAAS;IAAK;IAC1BG,eAAe;IACfC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;AACnB;AAEO,MAAMjB,yBAAyBD,eAAemB,QAAQ;AAEtD,MAAMjB,6BAA6B,CAAIkB,WAC5CC,IAAAA,wCAAAA,EAAmBrB,gBAAgB,CAACsB,MAAMjB,0BAA0B,GAAKe,SAASE"}

package/lib-commonjs/utils/index.js

@@ -20,4 +20,3 @@ _export(exports, {
     }
 });
 const _openedByHoverPreviewManager = require("./openedByHoverPreviewManager");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/utils/openedByHoverPreviewManager.js

@@ -40,4 +40,4 @@ function closeAllOpenedByHoverPreviews(id) {
         }
     }
     openedByHoverPreviewManager.length = 0;
-} //# sourceMappingURL=openedByHoverPreviewManager.js.map
+}

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

@@ -1 +1 @@
-{"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"}
+{"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;IAC3EF,4BAA4BG,IAAI,CAAC;QAAEF;QAAIC;IAAc;AACvD;AAEO,SAASH,2BAA2BE,EAAU;IACnD,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;AAEO,SAASH,8BAA8BG,EAAU;IACtD,KAAK,MAAMO,iBAAiBR,4BAA6B;QACvD,IAAIQ,cAAcP,EAAE,KAAKA,IAAI;YAC3BO,cAAcN,aAAa;QAC7B;IACF;IAEAF,4BAA4BS,MAAM,GAAG;AACvC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-preview",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Preview components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,8 +12,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-provider": "^0.12.2",
-    "@fluentui-copilot/tokens": "^0.3.11",
+    "@fluentui-copilot/react-provider": "^0.12.3",
+    "@fluentui-copilot/tokens": "^0.3.12",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {