@fluentui-copilot/react-preview 0.0.0-nightly-20240313-0404-8abc883d.1

package/lib/components/PreviewHeader/usePreviewHeader.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { getNativeElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';
+import { previewHeaderExtraClassNames } from './usePreviewHeaderStyles';
+/**
+ * Create the state required to render PreviewHeader.
+ *
+ * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,
+ * before being passed to renderPreviewHeader_unstable.
+ *
+ * @param props - props from this instance of PreviewHeader
+ * @param ref - reference to root HTMLElement of PreviewHeader
+ */
+export const usePreviewHeader_unstable = (props, ref) => {
+  var _state_media;
+  const {
+    actions,
+    children,
+    citation,
+    label,
+    media
+  } = props;
+  const mediaId = useId('media');
+  const state = {
+    components: {
+      root: 'div',
+      actions: 'div',
+      citation: 'span',
+      label: 'span',
+      media: 'div'
+    },
+    root: slot.always(getNativeElementProps('div', {
+      ref,
+      ...props
+    }), {
+      elementType: 'div'
+    }),
+    actions: slot.optional(actions, {
+      elementType: 'div'
+    }),
+    citation: slot.optional(citation, {
+      elementType: 'span'
+    }),
+    label: slot.always(label, {
+      defaultProps: {
+        children
+      },
+      elementType: 'span'
+    }),
+    media: slot.optional(media, {
+      defaultProps: {
+        id: mediaId
+      },
+      elementType: 'div'
+    })
+  };
+  if ((_state_media = state.media) === null || _state_media === void 0 ? void 0 : _state_media.id) {
+    var _state_label_ariadescribedby;
+    var _state_label_ariadescribedby_concat;
+    state.label['aria-describedby'] = (_state_label_ariadescribedby_concat = (_state_label_ariadescribedby = state.label['aria-describedby']) === null || _state_label_ariadescribedby === void 0 ? void 0 : _state_label_ariadescribedby.concat(state.media.id)) !== null && _state_label_ariadescribedby_concat !== void 0 ? _state_label_ariadescribedby_concat : state.media.id;
+  }
+  if (state.media && React.isValidElement(state.media.children)) {
+    state.media.children = React.cloneElement(state.media.children, {
+      className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild)
+    });
+  }
+  return state;
+};
+//# sourceMappingURL=usePreviewHeader.js.map

package/lib/components/PreviewHeader/usePreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { previewHeaderExtraClassNames } from './usePreviewHeaderStyles';\nimport type { PreviewHeaderProps, PreviewHeaderState } from './PreviewHeader.types';\n\n/**\n * Create the state required to render PreviewHeader.\n *\n * The returned state can be modified with hooks such as usePreviewHeaderStyles_unstable,\n * before being passed to renderPreviewHeader_unstable.\n *\n * @param props - props from this instance of PreviewHeader\n * @param ref - reference to root HTMLElement of PreviewHeader\n */\nexport const usePreviewHeader_unstable = (\n  props: PreviewHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): PreviewHeaderState => {\n  const { actions, children, citation, label, media } = props;\n\n  const mediaId = useId('media');\n\n  const state: PreviewHeaderState = {\n    components: {\n      root: 'div',\n      actions: 'div',\n      citation: 'span',\n      label: 'span',\n      media: 'div',\n    },\n    root: slot.always(\n      getNativeElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    actions: slot.optional(actions, { elementType: 'div' }),\n    citation: slot.optional(citation, { elementType: 'span' }),\n    label: slot.always(label, {\n      defaultProps: {\n        children,\n      },\n      elementType: 'span',\n    }),\n    media: slot.optional(media, {\n      defaultProps: {\n        id: mediaId,\n      },\n      elementType: 'div',\n    }),\n  };\n\n  if (state.media?.id) {\n    state.label['aria-describedby'] = state.label['aria-describedby']?.concat(state.media.id) ?? state.media.id;\n  }\n\n  if (state.media && React.isValidElement<HTMLElement>(state.media.children)) {\n    state.media.children = React.cloneElement(state.media.children, {\n      className: mergeClasses(state.media.children.props.className, previewHeaderExtraClassNames.mediaChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["React","getNativeElementProps","mergeClasses","slot","useId","previewHeaderExtraClassNames","usePreviewHeader_unstable","props","ref","state","actions","children","citation","label","media","mediaId","components","root","always","elementType","optional","defaultProps","id","concat","isValidElement","cloneElement","className","mediaChild"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AAC9F,SAASC,4BAA4B,QAAQ,2BAA2B;AAGxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;QAqCIC;IAnCJ,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGP;IAEtD,MAAMQ,UAAUX,MAAM;IAEtB,MAAMK,QAA4B;QAChCO,YAAY;YACVC,MAAM;YACNP,SAAS;YACTE,UAAU;YACVC,OAAO;YACPC,OAAO;QACT;QACAG,MAAMd,KAAKe,MAAM,CACfjB,sBAAsB,OAAO;YAC3BO;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBT,SAASP,KAAKiB,QAAQ,CAACV,SAAS;YAAES,aAAa;QAAM;QACrDP,UAAUT,KAAKiB,QAAQ,CAACR,UAAU;YAAEO,aAAa;QAAO;QACxDN,OAAOV,KAAKe,MAAM,CAACL,OAAO;YACxBQ,cAAc;gBACZV;YACF;YACAQ,aAAa;QACf;QACAL,OAAOX,KAAKiB,QAAQ,CAACN,OAAO;YAC1BO,cAAc;gBACZC,IAAIP;YACN;YACAI,aAAa;QACf;IACF;IAEA,KAAIV,eAAAA,MAAMK,KAAK,cAAXL,mCAAAA,aAAaa,EAAE,EAAE;YACeb;YAAAA;QAAlCA,MAAMI,KAAK,CAAC,mBAAmB,GAAGJ,CAAAA,uCAAAA,+BAAAA,MAAMI,KAAK,CAAC,mBAAmB,cAA/BJ,mDAAAA,6BAAiCc,MAAM,CAACd,MAAMK,KAAK,CAACQ,EAAE,eAAtDb,iDAAAA,sCAA2DA,MAAMK,KAAK,CAACQ,EAAE;IAC7G;IAEA,IAAIb,MAAMK,KAAK,IAAId,MAAMwB,cAAc,CAAcf,MAAMK,KAAK,CAACH,QAAQ,GAAG;QAC1EF,MAAMK,KAAK,CAACH,QAAQ,GAAGX,MAAMyB,YAAY,CAAChB,MAAMK,KAAK,CAACH,QAAQ,EAAE;YAC9De,WAAWxB,aAAaO,MAAMK,KAAK,CAACH,QAAQ,CAACJ,KAAK,CAACmB,SAAS,EAAErB,6BAA6BsB,UAAU;QACvG;IACF;IAEA,OAAOlB;AACT,EAAE"}

package/lib/components/PreviewHeader/usePreviewHeaderStyles.js

@@ -0,0 +1,41 @@
+import { __resetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';
+export const previewHeaderClassNames = {
+  root: 'fai-PreviewHeader',
+  actions: 'fai-PreviewHeader__actions',
+  citation: 'fai-PreviewHeader__citation',
+  label: 'fai-PreviewHeader__label',
+  media: 'fai-PreviewHeader__media'
+};
+export const previewHeaderExtraClassNames = {
+  mediaChild: 'fai-PreviewHeader__mediaChild'
+};
+const labelFontSize = typographyStyles.caption1Strong.fontSize;
+const labelLineHeight = typographyStyles.caption1Strong.lineHeight;
+const useActionsBaseClassName = __resetStyles("r1vsmujd", null, [".r1vsmujd{grid-area:actions;justify-self:end;}"]);
+const useCitationBaseClassName = __resetStyles("r1ndcjgs", null, [".r1ndcjgs{grid-area:citation;}"]);
+const useLabelBaseClassName = __resetStyles("rctmm17", null, [".rctmm17{align-self:start;display:-webkit-box;grid-area:label;overflow-y:hidden;padding-top:calc((16px / 2) - (var(--lineHeightBase200) - var(--fontSizeBase200)));word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);}"]);
+const useMediaBaseClassName = __resetStyles("rmteimt", null, [".rmteimt{grid-area:media;height:16px;line-height:0;width:16px;}", ".rmteimt>.fai-PreviewHeader__mediaChild{height:16px;width:16px;}"]);
+const useRootBaseClassName = __resetStyles("r1p46sa7", null, [".r1p46sa7{align-items:center;column-gap:var(--spacingHorizontalXS);display:grid;grid-template-areas:\"citation media label actions\" \".        .     label .\";grid-template-columns:min-content 16px 1fr min-content;grid-template-rows:24px auto;}"]);
+/**
+ * Apply styling to the PreviewHeader slots based on the state
+ */
+export const usePreviewHeaderStyles_unstable = state => {
+  const actionsBaseClassName = useActionsBaseClassName();
+  const citationBaseClassName = useCitationBaseClassName();
+  const labelBaseClassName = useLabelBaseClassName();
+  const mediaBaseClassName = useMediaBaseClassName();
+  const rootBaseClassName = useRootBaseClassName();
+  state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, state.root.className);
+  if (state.actions) {
+    state.actions.className = mergeClasses(previewHeaderClassNames.actions, actionsBaseClassName, state.actions.className);
+  }
+  if (state.citation) {
+    state.citation.className = mergeClasses(previewHeaderClassNames.citation, citationBaseClassName, state.citation.className);
+  }
+  state.label.className = mergeClasses(previewHeaderClassNames.label, labelBaseClassName, state.label.className);
+  if (state.media) {
+    state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);
+  }
+  return state;
+};
+//# sourceMappingURL=usePreviewHeaderStyles.js.map

package/lib/components/PreviewHeader/usePreviewHeaderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewHeaderStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\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  gridArea: 'actions',\n  justifySelf: 'end',\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n  gridArea: 'citation',\n});\n\nconst useLabelBaseClassName = makeResetStyles({\n  alignSelf: 'start',\n  display: '-webkit-box',\n  gridArea: 'label',\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\nconst useMediaBaseClassName = makeResetStyles({\n  gridArea: 'media',\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  gridTemplateAreas: `\n      \"citation media label actions\"\n      \".        .     label .\"\n    `,\n  gridTemplateColumns: 'min-content 16px 1fr min-content',\n  gridTemplateRows: '24px auto',\n});\n\n/**\n * Apply styling to the PreviewHeader slots based on the state\n */\nexport const usePreviewHeaderStyles_unstable = (state: PreviewHeaderState): PreviewHeaderState => {\n  const actionsBaseClassName = useActionsBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const labelBaseClassName = useLabelBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(previewHeaderClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.actions) {\n    state.actions.className = mergeClasses(\n      previewHeaderClassNames.actions,\n      actionsBaseClassName,\n      state.actions.className,\n    );\n  }\n\n  if (state.citation) {\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  if (state.media) {\n    state.media.className = mergeClasses(previewHeaderClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","previewHeaderClassNames","root","actions","citation","label","media","previewHeaderExtraClassNames","mediaChild","labelFontSize","caption1Strong","fontSize","labelLineHeight","lineHeight","useActionsBaseClassName","gridArea","justifySelf","useCitationBaseClassName","useLabelBaseClassName","alignSelf","display","overflowY","paddingTop","wordBreak","useMediaBaseClassName","height","width","useRootBaseClassName","alignItems","columnGap","spacingHorizontalXS","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","usePreviewHeaderStyles_unstable","state","actionsBaseClassName","citationBaseClassName","labelBaseClassName","mediaBaseClassName","rootBaseClassName","className"],"mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIrG,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,OAAO;AACT,EAAE;AAEF,OAAO,MAAMC,+BAA+B;IAC1CC,YAAY;AACd,EAAE;AAEF,MAAMC,gBAAgBT,iBAAiBU,cAAc,CAACC,QAAQ;AAC9D,MAAMC,kBAAkBZ,iBAAiBU,cAAc,CAACG,UAAU;AAElE,MAAMC,0BAA0BjB,gBAAgB;IAC9CkB,UAAU;IACVC,aAAa;AACf;AAEA,MAAMC,2BAA2BpB,gBAAgB;IAC/CkB,UAAU;AACZ;AAEA,MAAMG,wBAAwBrB,gBAAgB;IAC5CsB,WAAW;IACXC,SAAS;IACTL,UAAU;IACVM,WAAW;IACX,sEAAsE;IACtEC,YAAY,CAAC,mBAAmB,EAAEV,gBAAgB,GAAG,EAAEH,cAAc,EAAE,CAAC;IACxEc,WAAW;IAEX,sBAAsB;IACtB,sBAAsB;IAEtB,GAAGvB,iBAAiBU,cAAc;AACpC;AAEA,MAAMc,wBAAwB3B,gBAAgB;IAC5CkB,UAAU;IACVU,QAAQ;IACRZ,YAAY;IACZa,OAAO;IAEP,CAAC,CAAC,GAAG,EAAEnB,6BAA6BC,UAAU,CAAC,CAAC,CAAC,EAAE;QACjDiB,QAAQ;QACRC,OAAO;IACT;AACF;AAEA,MAAMC,uBAAuB9B,gBAAgB;IAC3C+B,YAAY;IACZC,WAAW9B,OAAO+B,mBAAmB;IACrCV,SAAS;IACTW,mBAAmB,CAAC;;;IAGlB,CAAC;IACHC,qBAAqB;IACrBC,kBAAkB;AACpB;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,MAAMC,uBAAuBtB;IAC7B,MAAMuB,wBAAwBpB;IAC9B,MAAMqB,qBAAqBpB;IAC3B,MAAMqB,qBAAqBf;IAC3B,MAAMgB,oBAAoBb;IAE1BQ,MAAMjC,IAAI,CAACuC,SAAS,GAAG3C,aAAaG,wBAAwBC,IAAI,EAAEsC,mBAAmBL,MAAMjC,IAAI,CAACuC,SAAS;IAEzG,IAAIN,MAAMhC,OAAO,EAAE;QACjBgC,MAAMhC,OAAO,CAACsC,SAAS,GAAG3C,aACxBG,wBAAwBE,OAAO,EAC/BiC,sBACAD,MAAMhC,OAAO,CAACsC,SAAS;IAE3B;IAEA,IAAIN,MAAM/B,QAAQ,EAAE;QAClB+B,MAAM/B,QAAQ,CAACqC,SAAS,GAAG3C,aACzBG,wBAAwBG,QAAQ,EAChCiC,uBACAF,MAAM/B,QAAQ,CAACqC,SAAS;IAE5B;IAEAN,MAAM9B,KAAK,CAACoC,SAAS,GAAG3C,aAAaG,wBAAwBI,KAAK,EAAEiC,oBAAoBH,MAAM9B,KAAK,CAACoC,SAAS;IAE7G,IAAIN,MAAM7B,KAAK,EAAE;QACf6B,MAAM7B,KAAK,CAACmC,SAAS,GAAG3C,aAAaG,wBAAwBK,KAAK,EAAEiC,oBAAoBJ,MAAM7B,KAAK,CAACmC,SAAS;IAC/G;IAEA,OAAON;AACT,EAAE"}

package/lib/components/PreviewMetadata/PreviewMetadata.js

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

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

@@ -0,0 +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';\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":["React","usePreviewMetadata_unstable","renderPreviewMetadata_unstable","usePreviewMetadataStyles_unstable","PreviewMetadata","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,6BAA6B;AAI/E,OAAO,MAAMC,gCAA6DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,4BAA4BK,OAAOC;IAEjDJ,kCAAkCK;IAClC,OAAON,+BAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PreviewMetadata.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewMetadata.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type PreviewMetadataSlots = {\n  root: Slot<'div'>;\n\n  /**\n   * Icon slot in the metadata displayed after all text.\n   */\n  icon: Slot<'span'>;\n\n  /**\n   * First text displayed in the metadata.\n   */\n  primaryText: Slot<'span'>;\n\n  /**\n   * Second text displayed in the metadata.\n   */\n  secondaryText: Slot<'span'>;\n\n  /**\n   * Third text displayed in the metadata.\n   */\n  tertiaryText: Slot<'span'>;\n};\n\n/**\n * PreviewMetadata Props\n */\nexport type PreviewMetadataProps = ComponentProps<Partial<PreviewMetadataSlots>>;\n\n/**\n * State used in rendering PreviewMetadata\n */\nexport type PreviewMetadataState = ComponentState<PreviewMetadataSlots>;\n"],"names":[],"mappings":"AAAA,WAkCwE"}

package/lib/components/PreviewMetadata/index.js

@@ -0,0 +1,6 @@
+export * from './PreviewMetadata';
+export * from './PreviewMetadata.types';
+export * from './renderPreviewMetadata';
+export * from './usePreviewMetadata';
+export * from './usePreviewMetadataStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewMetadata';\nexport * from './PreviewMetadata.types';\nexport * from './renderPreviewMetadata';\nexport * from './usePreviewMetadata';\nexport * from './usePreviewMetadataStyles';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,6BAA6B"}

package/lib/components/PreviewMetadata/renderPreviewMetadata.js

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

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

@@ -0,0 +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","renderPreviewMetadata_unstable","state","root","primaryText","secondaryText","tertiaryText","icon","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;IAC7CF,YAAkCE;IAElC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,WAAW,kBAAI,KAACF,MAAME,WAAW;YACvCF,MAAMG,aAAa,kBAAI,KAACH,MAAMG,aAAa;YAC3CH,MAAMI,YAAY,kBAAI,KAACJ,MAAMI,YAAY;YACzCJ,MAAMK,IAAI,kBAAI,KAACL,MAAMK,IAAI;YACzBL,MAAMC,IAAI,CAACK,QAAQ;;;AAG1B,EAAE"}

package/lib/components/PreviewMetadata/usePreviewMetadata.js

@@ -0,0 +1,46 @@
+import { getNativeElementProps, slot } from '@fluentui/react-components';
+/**
+ * Create the state required to render PreviewMetadata.
+ *
+ * The returned state can be modified with hooks such as usePreviewMetadataStyles_unstable,
+ * before being passed to renderPreviewMetadata_unstable.
+ *
+ * @param props - props from this instance of PreviewMetadata
+ * @param ref - reference to root HTMLElement of PreviewMetadata
+ */
+export const usePreviewMetadata_unstable = (props, ref) => {
+  const {
+    icon,
+    primaryText,
+    secondaryText,
+    tertiaryText
+  } = props;
+  return {
+    components: {
+      root: 'div',
+      icon: 'span',
+      primaryText: 'span',
+      secondaryText: 'span',
+      tertiaryText: 'span'
+    },
+    root: slot.always(getNativeElementProps('div', {
+      ref,
+      ...props
+    }), {
+      elementType: 'div'
+    }),
+    icon: slot.optional(icon, {
+      elementType: 'span'
+    }),
+    primaryText: slot.optional(primaryText, {
+      elementType: 'span'
+    }),
+    secondaryText: slot.optional(secondaryText, {
+      elementType: 'span'
+    }),
+    tertiaryText: slot.optional(tertiaryText, {
+      elementType: 'span'
+    })
+  };
+};
+//# sourceMappingURL=usePreviewMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewMetadata.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getNativeElementProps, 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<HTMLElement>,\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      getNativeElementProps('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":["getNativeElementProps","slot","usePreviewMetadata_unstable","props","ref","icon","primaryText","secondaryText","tertiaryText","components","root","always","elementType","optional"],"mappings":"AACA,SAASA,qBAAqB,EAAEC,IAAI,QAAQ,6BAA6B;AAGzE;;;;;;;;CAQC,GACD,OAAO,MAAMC,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,MAAMT,KAAKU,MAAM,CACfX,sBAAsB,OAAO;YAC3BI;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBP,MAAMJ,KAAKY,QAAQ,CAACR,MAAM;YAAEO,aAAa;QAAO;QAChDN,aAAaL,KAAKY,QAAQ,CAACP,aAAa;YAAEM,aAAa;QAAO;QAC9DL,eAAeN,KAAKY,QAAQ,CAACN,eAAe;YAAEK,aAAa;QAAO;QAClEJ,cAAcP,KAAKY,QAAQ,CAACL,cAAc;YAAEI,aAAa;QAAO;IAClE;AACF,EAAE"}

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.js

@@ -0,0 +1,53 @@
+import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';
+export const previewMetadataClassNames = {
+  root: 'fai-PreviewMetadata',
+  icon: 'fai-PreviewMetadata__icon',
+  primaryText: 'fai-PreviewMetadata__primaryText',
+  secondaryText: 'fai-PreviewMetadata__secondaryText',
+  tertiaryText: 'fai-PreviewMetadata__tertiaryText'
+};
+const useRootBaseClassName = __resetStyles("rt76a44", null, [".rt76a44{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);}"]);
+const useIconBaseClassName = __resetStyles("rldr52y", "rl7w8fj", [".rldr52y{margin-left:var(--spacingHorizontalSNudge);vertical-align:middle;}", ".rl7w8fj{margin-right:var(--spacingHorizontalSNudge);vertical-align:middle;}"]);
+const useTextStyles = __styles({
+  subsequentText: {
+    Frg6f3: ["f3qjkxx", "fm9m4my"],
+    qhf8xq: "f10pi13n",
+    uvfttm: ["f1x8pvcy", "f9sc749"],
+    Bbv0w2i: ["f1jpmc5p", "f1yq6w5o"],
+    Bm6vgfq: ["fjml6kk", "f1geml7w"],
+    Ftih45: "f1wl9k8s",
+    Br0sdwz: "f1aocrix",
+    Baz25je: "f8pn7wt",
+    Fbdkly: ["fy871ps", "f15er23e"],
+    Brfgrao: "f1j7ml58",
+    Bciustq: "f1wl9tmt"
+  }
+}, {
+  d: [".f3qjkxx{margin-left:calc(var(--spacingHorizontalSNudge) * 2);}", ".fm9m4my{margin-right:calc(var(--spacingHorizontalSNudge) * 2);}", ".f10pi13n{position:relative;}", ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}", ".f9sc749::before{border-right-width:var(--strokeWidthThin);}", ".f1jpmc5p::before{border-left-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}", ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}", ".f1wl9k8s::before{content:\"\";}", ".f1aocrix::before{display:block;}", ".f8pn7wt::before{height:var(--fontSizeBase100);}", ".fy871ps::before{left:calc(-1 * var(--spacingHorizontalSNudge));}", ".f15er23e::before{right:calc(-1 * var(--spacingHorizontalSNudge));}", ".f1j7ml58::before{position:absolute;}", ".f1wl9tmt::before{top:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);}"]
+});
+/**
+ * Apply styling to the PreviewMetadata slots based on the state
+ */
+export const usePreviewMetadataStyles_unstable = state => {
+  const rootBaseClassName = useRootBaseClassName();
+  const iconBaseClassName = useIconBaseClassName();
+  const textStyles = useTextStyles();
+  state.root.className = mergeClasses(previewMetadataClassNames.root, rootBaseClassName, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(previewMetadataClassNames.icon, iconBaseClassName, state.icon.className);
+  }
+  let isSubsequentAfterText = false;
+  if (state.primaryText) {
+    state.primaryText.className = mergeClasses(previewMetadataClassNames.primaryText, state.primaryText.className);
+    isSubsequentAfterText = true;
+  }
+  if (state.secondaryText) {
+    state.secondaryText.className = mergeClasses(previewMetadataClassNames.secondaryText, isSubsequentAfterText && textStyles.subsequentText, state.secondaryText.className);
+    isSubsequentAfterText = true;
+  }
+  if (state.tertiaryText) {
+    state.tertiaryText.className = mergeClasses(previewMetadataClassNames.tertiaryText, isSubsequentAfterText && textStyles.subsequentText, state.tertiaryText.className);
+  }
+  return state;
+};
+//# sourceMappingURL=usePreviewMetadataStyles.js.map

package/lib/components/PreviewMetadata/usePreviewMetadataStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewMetadataStyles.ts"],"sourcesContent":["import {\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  tokens,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport type { PreviewMetadataSlots, PreviewMetadataState } from './PreviewMetadata.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const previewMetadataClassNames: SlotClassNames<PreviewMetadataSlots> = {\n  root: 'fai-PreviewMetadata',\n  icon: 'fai-PreviewMetadata__icon',\n  primaryText: 'fai-PreviewMetadata__primaryText',\n  secondaryText: 'fai-PreviewMetadata__secondaryText',\n  tertiaryText: 'fai-PreviewMetadata__tertiaryText',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  marginLeft: tokens.spacingHorizontalSNudge,\n  verticalAlign: 'middle',\n});\n\nconst useTextStyles = makeStyles({\n  subsequentText: {\n    marginLeft: `calc(${tokens.spacingHorizontalSNudge} * 2)`,\n    position: 'relative',\n\n    '&::before': {\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n      content: '\"\"',\n      display: 'block',\n      height: typographyStyles.caption2.fontSize,\n      left: `calc(-1 * ${tokens.spacingHorizontalSNudge})`,\n      position: 'absolute',\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n    },\n  },\n});\n\n/**\n * Apply styling to the PreviewMetadata slots based on the state\n */\nexport const usePreviewMetadataStyles_unstable = (state: PreviewMetadataState): PreviewMetadataState => {\n  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":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","typographyStyles","previewMetadataClassNames","root","icon","primaryText","secondaryText","tertiaryText","useRootBaseClassName","caption2","useIconBaseClassName","marginLeft","spacingHorizontalSNudge","verticalAlign","useTextStyles","subsequentText","position","borderLeft","strokeWidthThin","colorNeutralStroke2","content","display","height","fontSize","left","top","lineHeight","usePreviewMetadataStyles_unstable","state","rootBaseClassName","iconBaseClassName","textStyles","className","isSubsequentAfterText"],"mappings":"AAAA,SACEA,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gBAAgB,QACX,6BAA6B;AAIpC,OAAO,MAAMC,4BAAkE;IAC7EC,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,eAAe;IACfC,cAAc;AAChB,EAAE;AAEF,MAAMC,uBAAuBZ,gBAAgB;IAC3C,GAAGK,iBAAiBQ,QAAQ;AAC9B;AAEA,MAAMC,uBAAuBd,gBAAgB;IAC3Ce,YAAYX,OAAOY,uBAAuB;IAC1CC,eAAe;AACjB;AAEA,MAAMC,gBAAgBjB,WAAW;IAC/BkB,gBAAgB;QACdJ,YAAY,CAAC,KAAK,EAAEX,OAAOY,uBAAuB,CAAC,KAAK,CAAC;QACzDI,UAAU;QAEV,aAAa;YACX,GAAGjB,WAAWkB,UAAU,CAACjB,OAAOkB,eAAe,EAAE,SAASlB,OAAOmB,mBAAmB,CAAC;YACrFC,SAAS;YACTC,SAAS;YACTC,QAAQrB,iBAAiBQ,QAAQ,CAACc,QAAQ;YAC1CC,MAAM,CAAC,UAAU,EAAExB,OAAOY,uBAAuB,CAAC,CAAC,CAAC;YACpDI,UAAU;YACVS,KAAK,CAAC,MAAM,EAAExB,iBAAiBQ,QAAQ,CAACiB,UAAU,CAAC,GAAG,EAAEzB,iBAAiBQ,QAAQ,CAACc,QAAQ,CAAC,MAAM,CAAC;QACpG;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMI,oCAAoC,CAACC;IAChD,MAAMC,oBAAoBrB;IAC1B,MAAMsB,oBAAoBpB;IAC1B,MAAMqB,aAAajB;IAEnBc,MAAMzB,IAAI,CAAC6B,SAAS,GAAGlC,aAAaI,0BAA0BC,IAAI,EAAE0B,mBAAmBD,MAAMzB,IAAI,CAAC6B,SAAS;IAE3G,IAAIJ,MAAMxB,IAAI,EAAE;QACdwB,MAAMxB,IAAI,CAAC4B,SAAS,GAAGlC,aAAaI,0BAA0BE,IAAI,EAAE0B,mBAAmBF,MAAMxB,IAAI,CAAC4B,SAAS;IAC7G;IAEA,IAAIC,wBAAwB;IAE5B,IAAIL,MAAMvB,WAAW,EAAE;QACrBuB,MAAMvB,WAAW,CAAC2B,SAAS,GAAGlC,aAAaI,0BAA0BG,WAAW,EAAEuB,MAAMvB,WAAW,CAAC2B,SAAS;QAC7GC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMtB,aAAa,EAAE;QACvBsB,MAAMtB,aAAa,CAAC0B,SAAS,GAAGlC,aAC9BI,0BAA0BI,aAAa,EACvC2B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMtB,aAAa,CAAC0B,SAAS;QAE/BC,wBAAwB;IAC1B;IAEA,IAAIL,MAAMrB,YAAY,EAAE;QACtBqB,MAAMrB,YAAY,CAACyB,SAAS,GAAGlC,aAC7BI,0BAA0BK,YAAY,EACtC0B,yBAAyBF,WAAWhB,cAAc,EAClDa,MAAMrB,YAAY,CAACyB,SAAS;IAEhC;IAEA,OAAOJ;AACT,EAAE"}

package/lib/components/PreviewSurface/PreviewSurface.js

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

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

@@ -0,0 +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';\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":["React","usePreviewSurface_unstable","renderPreviewSurface_unstable","usePreviewSurfaceStyles_unstable","PreviewSurface","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAI7E,OAAO,MAAMC,+BAA2DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAEhDJ,iCAAiCK;IAEjC,OAAON,8BAA8BM;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PreviewSurface.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PreviewSurface.types.ts"],"sourcesContent":["import type {\n  ComponentProps,\n  ComponentState,\n  PopoverSurfaceProps,\n  PopoverSurfaceSlots,\n  PopoverSurfaceState,\n} from '@fluentui/react-components';\n\nexport type PreviewSurfaceSlots = PopoverSurfaceSlots & {};\n\n/**\n * PreviewSurface Props\n */\nexport type PreviewSurfaceProps = ComponentProps<PreviewSurfaceSlots> & PopoverSurfaceProps & {};\n\n/**\n * State used in rendering PreviewSurface\n */\nexport type PreviewSurfaceState = ComponentState<PreviewSurfaceSlots> & PopoverSurfaceState & {};\n"],"names":[],"mappings":"AAAA,WAkBiG"}

package/lib/components/PreviewSurface/index.js

@@ -0,0 +1,6 @@
+export * from './PreviewSurface';
+export * from './PreviewSurface.types';
+export * from './renderPreviewSurface';
+export * from './usePreviewSurface';
+export * from './usePreviewSurfaceStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewSurface';\nexport * from './PreviewSurface.types';\nexport * from './renderPreviewSurface';\nexport * from './usePreviewSurface';\nexport * from './usePreviewSurfaceStyles';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}

package/lib/components/PreviewSurface/renderPreviewSurface.js

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

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

@@ -0,0 +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","renderPreviewSurface_unstable","state"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAG3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}

package/lib/components/PreviewSurface/usePreviewSurface.js

@@ -0,0 +1,15 @@
+import { usePopoverSurface_unstable } from '@fluentui/react-components';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render PreviewSurface.
+ *
+ * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,
+ * before being passed to renderPreviewSurface_unstable.
+ *
+ * @param props - props from this instance of PreviewSurface
+ * @param ref - reference to root HTMLElement of PreviewSurface
+ */
+export const usePreviewSurface_unstable = (props, ref) => {
+  return usePopoverSurface_unstable(props, ref);
+};
+//# sourceMappingURL=usePreviewSurface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePreviewSurface.ts"],"sourcesContent":["import type * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-components';\nimport type { PreviewSurfaceProps, PreviewSurfaceState } from './PreviewSurface.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render PreviewSurface.\n *\n * The returned state can be modified with hooks such as usePreviewSurfaceStyles_unstable,\n * before being passed to renderPreviewSurface_unstable.\n *\n * @param props - props from this instance of PreviewSurface\n * @param ref - reference to root HTMLElement of PreviewSurface\n */\nexport const usePreviewSurface_unstable = (\n  props: PreviewSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): PreviewSurfaceState => {\n  return usePopoverSurface_unstable(props, ref);\n};\n"],"names":["usePopoverSurface_unstable","usePreviewSurface_unstable","props","ref"],"mappings":"AACA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,OAAOH,2BAA2BE,OAAOC;AAC3C,EAAE"}

package/lib/components/PreviewSurface/usePreviewSurfaceStyles.js

@@ -0,0 +1,28 @@
+import { __styles, mergeClasses, shorthands, tokens, usePopoverSurfaceStyles_unstable } from '@fluentui/react-components';
+export const previewSurfaceClassNames = {
+  root: 'fai-PreviewSurface'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootStyles = __styles({
+  base: {
+    B2u0y6b: "f2rbwfs",
+    z8tnut: "f1ywm7hm",
+    z189sj: ["f7x41pl", "fruq291"],
+    Byoj8tv: "f14wxoun",
+    uwmqm3: ["fruq291", "f7x41pl"]
+  }
+}, {
+  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);}"]
+});
+/**
+ * Apply styling to the PreviewSurface slots based on the state
+ */
+export const usePreviewSurfaceStyles_unstable = state => {
+  const rootStyles = useRootStyles();
+  state.root.className = mergeClasses(previewSurfaceClassNames.root, rootStyles.base, state.root.className);
+  usePopoverSurfaceStyles_unstable(state);
+  return state;
+};
+//# sourceMappingURL=usePreviewSurfaceStyles.js.map

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

@@ -0,0 +1 @@
+{"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":["makeStyles","mergeClasses","shorthands","tokens","usePopoverSurfaceStyles_unstable","previewSurfaceClassNames","root","useRootStyles","base","maxWidth","padding","spacingVerticalXS","spacingHorizontalXS","usePreviewSurfaceStyles_unstable","state","rootStyles","className"],"mappings":"AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,gCAAgC,QAC3B,6BAA6B;AAIpC,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAgBP,WAAW;IAC/BQ,MAAM;QACJC,UAAU;QACV,GAAGP,WAAWQ,OAAO,CAACP,OAAOQ,iBAAiB,EAAER,OAAOS,mBAAmB,CAAC;IAC7E;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C,MAAMC,aAAaR;IAEnBO,MAAMR,IAAI,CAACU,SAAS,GAAGf,aAAaI,yBAAyBC,IAAI,EAAES,WAAWP,IAAI,EAAEM,MAAMR,IAAI,CAACU,SAAS;IAExGZ,iCAAiCU;IAEjC,OAAOA;AACT,EAAE"}

package/lib/components/PreviewTrigger/PreviewTrigger.js

@@ -0,0 +1,8 @@
+import { usePreviewTrigger_unstable } from './usePreviewTrigger';
+import { renderPreviewTrigger_unstable } from './renderPreviewTrigger';
+export const PreviewTrigger = props => {
+  const state = usePreviewTrigger_unstable(props);
+  return renderPreviewTrigger_unstable(state);
+};
+PreviewTrigger.displayName = 'PreviewTrigger';
+//# sourceMappingURL=PreviewTrigger.js.map

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

@@ -0,0 +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":["usePreviewTrigger_unstable","renderPreviewTrigger_unstable","PreviewTrigger","props","state","displayName"],"mappings":"AAEA,SAASA,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AAGvE,OAAO,MAAMC,iBAAgDC,CAAAA;IAC3D,MAAMC,QAAQJ,2BAA2BG;IAEzC,OAAOF,8BAA8BG;AACvC,EAAE;AAEFF,eAAeG,WAAW,GAAG"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PreviewTrigger.types.js.map

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

@@ -0,0 +1 @@
+{"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":[],"mappings":"AAAA,WAeqE"}

package/lib/components/PreviewTrigger/index.js

@@ -0,0 +1,5 @@
+export * from './PreviewTrigger';
+export * from './PreviewTrigger.types';
+export * from './renderPreviewTrigger';
+export * from './usePreviewTrigger';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './PreviewTrigger';\nexport * from './PreviewTrigger.types';\nexport * from './renderPreviewTrigger';\nexport * from './usePreviewTrigger';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB"}

package/lib/components/PreviewTrigger/renderPreviewTrigger.js

@@ -0,0 +1,8 @@
+import { renderPopoverTrigger_unstable } from '@fluentui/react-components';
+/**
+ * Render the final JSX of PreviewTrigger
+ */
+export const renderPreviewTrigger_unstable = state => {
+  return renderPopoverTrigger_unstable(state);
+};
+//# sourceMappingURL=renderPreviewTrigger.js.map

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

@@ -0,0 +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","renderPreviewTrigger_unstable","state"],"mappings":"AAAA,SAASA,6BAA6B,QAAQ,6BAA6B;AAG3E;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C,OAAOF,8BAA8BE;AACvC,EAAE"}

package/lib/components/PreviewTrigger/usePreviewTrigger.js

@@ -0,0 +1,15 @@
+import { usePopoverTrigger_unstable } from '@fluentui/react-components';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render PreviewTrigger.
+ *
+ * The returned state can be modified with hooks such as usePreviewTriggerStyles_unstable,
+ * before being passed to renderPreviewTrigger_unstable.
+ *
+ * @param props - props from this instance of PreviewTrigger
+ * @param ref - reference to root HTMLElement of PreviewTrigger
+ */
+export const usePreviewTrigger_unstable = props => {
+  return usePopoverTrigger_unstable(props);
+};
+//# sourceMappingURL=usePreviewTrigger.js.map

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

@@ -0,0 +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","usePreviewTrigger_unstable","props"],"mappings":"AAAA,SAASA,0BAA0B,QAAQ,6BAA6B;AAGxE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC,OAAOF,2BAA2BE;AACpC,EAAE"}

package/lib/index.js

@@ -0,0 +1,8 @@
+export { Preview, renderPreview_unstable, usePreview_unstable } from './Preview';
+export { PreviewHeader, previewHeaderClassNames, renderPreviewHeader_unstable, usePreviewHeaderStyles_unstable, usePreviewHeader_unstable } from './PreviewHeader';
+export { PreviewMetadata, previewMetadataClassNames, renderPreviewMetadata_unstable, usePreviewMetadataStyles_unstable, usePreviewMetadata_unstable } from './PreviewMetadata';
+export { PreviewSurface, previewSurfaceClassNames, renderPreviewSurface_unstable, usePreviewSurfaceStyles_unstable, usePreviewSurface_unstable } from './PreviewSurface';
+export { PreviewTrigger, renderPreviewTrigger_unstable, usePreviewTrigger_unstable } from './PreviewTrigger';
+export { PreviewContent, previewContentClassNames, renderPreviewContent_unstable, usePreviewContentStyles_unstable, usePreviewContent_unstable } from './PreviewContent';
+export { PreviewContext, PreviewContextProvider, usePreviewContext_unstable } from './previewContext';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"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","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":"AACA,SAASA,OAAO,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,YAAY;AAGjF,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAGzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAG3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,6BAA6B,EAAEC,0BAA0B,QAAQ,mBAAmB;AAG7G,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,cAAc,EAAEC,sBAAsB,EAAEC,0BAA0B,QAAQ,mBAAmB"}

package/lib/previewContext.js

@@ -0,0 +1,25 @@
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+export const PreviewContext = createContext(undefined);
+const previewContextDefaultValue = {
+  open: false,
+  setOpen: () => null,
+  toggleOpen: () => null,
+  triggerRef: {
+    current: null
+  },
+  contentRef: {
+    current: null
+  },
+  arrowRef: {
+    current: null
+  },
+  openOnContext: false,
+  openOnHover: false,
+  size: 'medium',
+  trapFocus: false,
+  inline: false,
+  isPreviewLocked: false
+};
+export const PreviewContextProvider = PreviewContext.Provider;
+export const usePreviewContext_unstable = selector => useContextSelector(PreviewContext, (ctx = previewContextDefaultValue) => selector(ctx));
+//# sourceMappingURL=previewContext.js.map

package/lib/previewContext.js.map

@@ -0,0 +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":["createContext","useContextSelector","PreviewContext","undefined","previewContextDefaultValue","open","setOpen","toggleOpen","triggerRef","current","contentRef","arrowRef","openOnContext","openOnHover","size","trapFocus","inline","isPreviewLocked","PreviewContextProvider","Provider","usePreviewContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAQrF,OAAO,MAAMC,iBAA+CF,cAC1DG,WACgC;AAClC,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;AAEA,OAAO,MAAMC,yBAAyBhB,eAAeiB,QAAQ,CAAC;AAE9D,OAAO,MAAMC,6BAA6B,CAAIC,WAC5CpB,mBAAmBC,gBAAgB,CAACoB,MAAMlB,0BAA0B,GAAKiB,SAASC,MAAM"}

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+export * from './openedByHoverPreviewManager';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './openedByHoverPreviewManager';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC"}

package/lib/utils/openedByHoverPreviewManager.js

@@ -0,0 +1,23 @@
+const openedByHoverPreviewManager = [];
+export function addOpenedByHoverPreview(id, closeCallback) {
+  openedByHoverPreviewManager.push({
+    id,
+    closeCallback
+  });
+}
+export function removeOpenedByHoverPreview(id) {
+  let index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);
+  while (index !== -1) {
+    openedByHoverPreviewManager.splice(index, 1);
+    index = openedByHoverPreviewManager.findIndex(preview => preview.id === id);
+  }
+}
+export function closeAllOpenedByHoverPreviews(id) {
+  for (const openedPreview of openedByHoverPreviewManager) {
+    if (openedPreview.id !== id) {
+      openedPreview.closeCallback();
+    }
+  }
+  openedByHoverPreviewManager.length = 0;
+}
+//# sourceMappingURL=openedByHoverPreviewManager.js.map

package/lib/utils/openedByHoverPreviewManager.js.map

@@ -0,0 +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":["openedByHoverPreviewManager","addOpenedByHoverPreview","id","closeCallback","push","removeOpenedByHoverPreview","index","findIndex","preview","splice","closeAllOpenedByHoverPreviews","openedPreview","length"],"mappings":"AAEA,MAAMA,8BAA2D,EAAE;AAEnE,OAAO,SAASC,wBAAwBC,EAAU,EAAEC,aAAyB;IAC3EH,4BAA4BI,IAAI,CAAC;QAAEF;QAAIC;IAAc;AACvD;AAEA,OAAO,SAASE,2BAA2BH,EAAU;IACnD,IAAII,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC5E,MAAOI,UAAU,CAAC,EAAG;QACnBN,4BAA4BS,MAAM,CAACH,OAAO;QAC1CA,QAAQN,4BAA4BO,SAAS,CAACC,CAAAA,UAAWA,QAAQN,EAAE,KAAKA;IAC1E;AACF;AAEA,OAAO,SAASQ,8BAA8BR,EAAU;IACtD,KAAK,MAAMS,iBAAiBX,4BAA6B;QACvD,IAAIW,cAAcT,EAAE,KAAKA,IAAI;YAC3BS,cAAcR,aAAa;QAC7B;IACF;IAEAH,4BAA4BY,MAAM,GAAG;AACvC"}

package/lib-commonjs/Preview.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/Preview/index"), exports);
+ //# sourceMappingURL=Preview.js.map